/* 站点 1 · aurora：深色霓虹官网。品牌红为主色，青绿为辅助，玻璃质感与光晕。 */

:root {
  --bg: #070a14;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-2: rgba(255, 255, 255, 0.08);
  --text: #eef2ff;
  --muted: #98a4c4;
  --line: rgba(255, 255, 255, 0.11);
  --accent: #ff5069;
  --accent-2: #59f0d0;
  --accent-contrast: #0b1020;
  --radius: 22px;
  --radius-sm: 12px;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  --head-font: var(--font-sans);
}

body {
  background:
    radial-gradient(900px 620px at 12% -8%, rgba(255, 80, 105, 0.22), transparent 62%),
    radial-gradient(760px 560px at 92% 4%, rgba(89, 240, 208, 0.14), transparent 60%),
    var(--bg);
  background-attachment: fixed;
}

h1 { letter-spacing: -0.02em; }
h1 strong, .hero h1 { text-wrap: balance; }

.site-head {
  background: rgba(7, 10, 20, 0.72);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.brand-text em { border-color: rgba(255, 255, 255, 0.18); color: var(--accent-2); }
.site-nav a { color: #b7c1dc; }
.site-nav a:hover { background: rgba(255, 255, 255, 0.06); color: #fff; }
.site-nav a.is-active { color: var(--accent-2); box-shadow: inset 0 -2px 0 var(--accent); }
.head-cta { background: linear-gradient(120deg, var(--accent), #ff8a5c); color: #12060c; font-weight: 700; }
.sub-nav { background: rgba(255, 255, 255, 0.03); }

.eyebrow { color: var(--accent-2); letter-spacing: 0.24em; }
.hero--poster { overflow: hidden; }
.hero--poster::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 26px 26px;
  opacity: 0.35;
  mask-image: linear-gradient(to bottom, #000 10%, transparent 78%);
  pointer-events: none;
}
.hero--poster h1 {
  font-size: clamp(2.2rem, 4.6vw, 3.7rem);
  background: linear-gradient(96deg, #ffffff 18%, #ffc9d2 56%, var(--accent-2) 96%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero--poster .lead { color: #a9b4d2; }
.art-logo { box-shadow: 0 30px 90px rgba(255, 80, 105, 0.35); }
.art-badge { background: rgba(9, 14, 27, 0.85); border-color: rgba(255, 255, 255, 0.16); color: var(--accent-2); }
.hero-stats strong { color: #fff; }

.btn--primary { background: linear-gradient(120deg, var(--accent), #ff7f5c); color: #16070c; }
.btn--ghost { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.16); }
.btn--ghost:hover { border-color: var(--accent-2); color: var(--accent-2); }

.card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
  border-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 80, 105, 0.55);
  box-shadow: 0 22px 50px rgba(255, 80, 105, 0.18);
}
.card-state { background: rgba(7, 10, 20, 0.72); color: var(--accent-2); border-color: rgba(255, 255, 255, 0.16); }
.card-meta, .card-note { color: #98a4c4; }
.chip { border-color: rgba(255, 255, 255, 0.16); color: #aab5d1; }
.chip:hover { border-color: var(--accent-2); color: var(--accent-2); }
.chip--ghost { background: rgba(255, 255, 255, 0.05); }

.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, .card-meta { color: #9aa6c5; }
.more, .text-link, .row-cta, .topic-grid span { color: var(--accent-2); }
.topic-grid a, .guide-grid a, .doc-cards a, details, .panel, .steps li, .detail-aside, .info-table, .sub-nav {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.1);
}
details summary::after { color: var(--accent-2); }
.info-table th, .info-table td { border-color: rgba(255, 255, 255, 0.08); }
.article-card { border-top-color: var(--accent); }
.site-foot { background: rgba(0, 0, 0, 0.32); }
.cover--fallback { background: linear-gradient(135deg, #12203a, #221326); }