/* 站点 7 · midnight：深蓝夜色 + 琥珀灯光，场景化首屏。 */

:root {
  --bg: #08101c;
  --surface: #101b2b;
  --surface-2: #142033;
  --text: #eaf1fb;
  --muted: #94a6bd;
  --line: #22334a;
  --accent: #f5b544;
  --accent-2: #7dd3fc;
  --accent-contrast: #1a1206;
  --radius: 14px;
  --radius-sm: 8px;
  --head-font: var(--font-sans);
}

body {
  background:
    radial-gradient(760px 520px at 82% -10%, rgba(123, 211, 252, 0.14), transparent 62%),
    radial-gradient(680px 480px at 6% 4%, rgba(245, 181, 68, 0.16), transparent 60%),
    var(--bg);
}

h1 { letter-spacing: -0.015em; }
.site-head { background: rgba(8, 16, 28, 0.86); border-bottom: 1px solid var(--line); }
.brand-text strong { font-size: 1.02rem; letter-spacing: 0.01em; }
.brand-text em { border-color: var(--line); color: var(--accent); }
.site-nav a { color: #a7b7cd; }
.site-nav a.is-active { color: var(--accent); box-shadow: inset 0 -2px 0 var(--accent); }
.head-cta { background: linear-gradient(120deg, var(--accent), #ffd98a); color: var(--accent-contrast); }
.sub-nav { background: rgba(255, 255, 255, 0.03); }

.eyebrow { color: var(--accent); letter-spacing: 0.2em; }
.hero--stage { position: relative; overflow: hidden; }
.hero--stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(245, 181, 68, 0.08), transparent 42%, rgba(125, 211, 252, 0.06));
  pointer-events: none;
}
.hero--stage h1 { font-size: clamp(2.1rem, 4.2vw, 3.4rem); }
.hero--stage .lead { color: #a8b8ce; }
.stage-picks .cover { box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45); }
.stage-no { color: var(--accent); }
.scene-chips a { border-color: var(--line); color: #b3c2d6; background: rgba(255, 255, 255, 0.03); }
.scene-chips a:hover { border-color: var(--accent); color: var(--accent); }

.btn--primary { background: var(--accent); color: var(--accent-contrast); }
.btn--ghost { border-color: var(--line); background: rgba(255, 255, 255, 0.03); }
.btn--ghost:hover { border-color: var(--accent-2); color: var(--accent-2); }
.hero-stats { border-top-color: var(--line); }
.hero-stats strong { color: var(--accent); }

.card { background: var(--surface); border-color: var(--line); }
.card:hover { border-color: rgba(245, 181, 68, 0.5); box-shadow: 0 20px 44px rgba(0, 0, 0, 0.35); }
.card-state { background: rgba(8, 16, 28, 0.82); border-color: var(--line); color: var(--accent-2); }
.card-meta, .card-note { color: var(--muted); }
.chip { border-color: var(--line); color: #a9b9ce; }
.chip:hover { border-color: var(--accent); color: var(--accent); }
.section-head p, .page-note, .lead, .prose p, .prose li, .bullet-list li, .panel-copy p, .foot-note, .foot-col a, .foot-bottom, .row-body p, .rank-info p, .rank-head p, .topic-grid em { color: var(--muted); }
.more, .text-link, .row-cta, .topic-grid span { color: var(--accent); }
.topic-grid a, .guide-grid a, .doc-cards a, details, .panel, .steps li, .detail-aside, .info-table { background: var(--surface); border-color: var(--line); }
details summary::after { color: var(--accent); }
.article-card { border-top-color: var(--accent); }
.site-foot { background: #060d17; }
.cover--fallback { background: linear-gradient(135deg, #16263c, #0f1b2b); }