:root {
  color-scheme: dark;
  --text: #eef2fb;
  --muted: #93a4c4;
  --line: rgba(255,255,255,.10);
  --brand: #7c9bff;
  --card: rgba(255,255,255,.045);
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: #070a11; color: var(--text); overflow-x: hidden;
  font: 16px/1.7 -apple-system, "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
}
svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
a { color: inherit; }

/* 极光背景 */
.aurora { position: fixed; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; }
.blob { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .5; }
.b1 { width: 560px; height: 560px; left: -140px; top: -180px; background: #2f4bd8; }
.b2 { width: 460px; height: 460px; right: -120px; top: 60px; background: #7c3aed; opacity: .42; }
.b3 { width: 520px; height: 520px; left: 30%; bottom: -280px; background: #0ea5e9; opacity: .28; }

/* 顶栏 */
.topbar {
  position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between;
  padding: 20px clamp(18px, 6vw, 64px); gap: 16px; flex-wrap: wrap;
}
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-mark {
  width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center;
  background: linear-gradient(135deg,#4f6ef7,#8b5cf6); font-weight: 700; color: #fff;
  box-shadow: 0 6px 18px rgba(108,140,255,.35);
}
.brand-name { font-size: 14px; letter-spacing: .5px; color: #cfd9ee; }
.topnav { display: flex; gap: 6px; flex-wrap: wrap; }
.topnav a {
  color: var(--muted); text-decoration: none; font-size: 14px;
  padding: 6px 13px; border-radius: 999px; transition: .18s; white-space: nowrap;
}
.topnav a:hover { color: #fff; background: rgba(255,255,255,.07); }
.topnav a.on { color: #fff; background: rgba(124,155,255,.16); border: 1px solid rgba(124,155,255,.30); }

/* 页面容器 */
.wrap { position: relative; z-index: 2; flex: 1; width: 100%; max-width: 1180px; margin: 0 auto; padding: 12px clamp(18px, 6vw, 64px) 60px; }
.page-head { margin: 12px 0 30px; }
.eyebrow { margin: 0 0 12px; font-size: 12px; letter-spacing: .26em; color: #6f86b3; text-transform: uppercase; }
.page-head h1 { margin: 0; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.28; letter-spacing: -.4px; }
.page-head p { margin: 14px 0 0; color: var(--muted); font-size: 14.5px; max-width: 46em; }

/* 页脚 */
.foot {
  position: relative; z-index: 2; padding: 22px clamp(18px, 6vw, 64px) 28px;
  font-size: 12.5px; color: #5d6d8b; display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.foot b { color: #a9bcff; font-weight: 600; font-variant-numeric: tabular-nums; }
.dotsep { opacity: .55; }
.foot-secret { color: #2c3648; text-decoration: none; font-size: 12px; padding: 0 2px; }
.foot-secret:hover { color: #6b7b99; }