/*
 * 黑金主题：仅调整颜色、边框与光影，不改变当前 zfb888.com 的布局。
 * 白色正文保留，香槟金只用于品牌与重点区域。
 */

.theme-gold {
  --bg: #0b0b0b;
  --card: #151513;
  --muted: #89847a;
  --text: #eeeae2;
  --brand: #d7b55e;
  --brand-2: #a97828;
  --shadow: 0 8px 28px rgba(0,0,0,.42);
}

.theme-gold body {
  background:
    radial-gradient(900px 520px at 12% -8%, rgba(215,181,94,.1), transparent 62%),
    radial-gradient(700px 460px at 100% 34%, rgba(160,116,40,.055), transparent 68%),
    var(--bg);
}

.theme-gold .logo {
  background: linear-gradient(145deg, #f1d78f, #c0953e 55%, #8c6221);
  border: 1px solid rgba(255,237,185,.36);
  box-shadow:
    0 10px 30px rgba(181,132,46,.2),
    inset 0 1px rgba(255,255,255,.35);
}

.theme-gold .brand h1 {
  color: #f6f1e7;
}

.theme-gold .tagline {
  color: #80796c;
}

.theme-gold .card {
  background:
    linear-gradient(145deg, rgba(24,23,19,.98), rgba(16,17,19,.98));
  border-color: rgba(217,185,108,.16);
  box-shadow:
    0 18px 48px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.018);
}

.theme-gold .btn.primary {
  color: #181208;
  background: linear-gradient(135deg, #f1d17f, #c18f39 62%, #9b6821);
  border: none;
  box-shadow: 0 8px 24px rgba(174,124,38,.2);
}

.theme-gold .btn.primary:hover {
  color: #120e07;
  background: linear-gradient(135deg, #f6dc98, #d3a44d 62%, #ac7528);
  box-shadow: 0 10px 30px rgba(188,138,48,.28);
}

.theme-gold .btn.line {
  color: #171108;
  background: linear-gradient(135deg, #efd183, #bd8a34);
  border: none;
  box-shadow: 0 5px 18px rgba(174,124,38,.16);
}

.theme-gold .btn.line:hover {
  color: #120e07;
  background: linear-gradient(135deg, #f6dda0, #ca9943);
  box-shadow: 0 7px 24px rgba(188,138,48,.22);
}

.theme-gold .entry {
  background:
    linear-gradient(110deg, rgba(255,255,255,.02), rgba(215,181,94,.018), rgba(255,255,255,.008));
  border-color: rgba(215,181,94,.14);
}

.theme-gold .entry:hover {
  border-color: rgba(236,204,128,.36);
  box-shadow:
    0 8px 24px rgba(0,0,0,.2),
    inset 0 0 22px rgba(215,181,94,.035);
}

.theme-gold .entry .glow {
  z-index: -1;
  opacity: .17;
  background:
    radial-gradient(130px 68px at 18% 0%, rgba(239,205,126,.42), transparent),
    radial-gradient(150px 68px at 84% 100%, rgba(169,119,35,.26), transparent);
  animation: gold-idle-glow 5.2s ease-in-out infinite;
}

.theme-gold .entry:nth-child(2) .glow { animation-delay: .45s; }
.theme-gold .entry:nth-child(3) .glow { animation-delay: .9s; }
.theme-gold .entry:nth-child(4) .glow { animation-delay: 1.35s; }
.theme-gold .entry:nth-child(5) .glow { animation-delay: 1.8s; }
.theme-gold .entry:nth-child(6) .glow { animation-delay: 2.25s; }

.theme-gold .entry:hover .glow {
  opacity: .72;
}

.theme-gold .pulse {
  background: #e5c46f;
  box-shadow: 0 0 0 0 rgba(229,196,111,.58);
  animation-name: gold-pulse;
}

.theme-gold .chip {
  background: rgba(215,181,94,.06);
  border-color: rgba(215,181,94,.18);
}

.theme-gold .chip.ok {
  color: #58e491;
}

.theme-gold .notice strong {
  color: #e8c56d;
}

.theme-gold .info li,
.theme-gold .support-card {
  background: linear-gradient(115deg, rgba(255,255,255,.025), rgba(215,181,94,.015));
  border-color: rgba(215,181,94,.13);
}

.theme-gold .support-card:hover,
.theme-gold .info li:hover {
  border-color: rgba(230,198,120,.28);
  box-shadow: inset 0 0 22px rgba(215,181,94,.025);
}

.theme-gold .motion-stage::before,
.theme-gold .motion-arc {
  border-color: rgba(215,181,94,.06);
}

.theme-gold .arc-two {
  border-color: rgba(242,212,139,.045);
}

.theme-gold .motion-line {
  background: linear-gradient(to bottom, transparent, rgba(229,196,111,.045) 22%, rgba(255,255,255,.01) 72%, transparent);
}

.theme-gold .motion-crystal {
  opacity: .13;
}

.theme-gold .motion-crystal i:nth-child(1) {
  background: linear-gradient(145deg, #d9bd79, #3a2a12 48%, #97733b);
}

.theme-gold .motion-crystal i:nth-child(2) {
  background: linear-gradient(60deg, transparent 0 44%, rgba(255,241,201,.38) 45% 59%, transparent 60%);
}

.theme-gold .motion-crystal i:nth-child(3) {
  background: linear-gradient(120deg, transparent 0 38%, rgba(192,139,49,.34) 39% 50%, transparent 51%);
}

.theme-gold .entrance::before {
  background:
    repeating-radial-gradient(ellipse at 50% -60%, transparent 0 82px, rgba(215,181,94,.1) 83px 84px, transparent 85px 132px),
    linear-gradient(90deg, transparent 49.9%, rgba(229,196,111,.03) 50%, transparent 50.1%);
}

@keyframes gold-idle-glow {
  0%, 100% { opacity: .1; filter: brightness(.88); }
  50% { opacity: .23; filter: brightness(1.08); }
}

@keyframes gold-pulse {
  0% { box-shadow: 0 0 0 0 rgba(229,196,111,.55); }
  70% { box-shadow: 0 0 0 13px rgba(229,196,111,0); }
  100% { box-shadow: 0 0 0 0 rgba(229,196,111,0); }
}

@media (prefers-reduced-motion: reduce) {
  .theme-gold .entry .glow,
  .theme-gold .pulse {
    animation: none !important;
  }
}