/* 站点共用样式 —— 单一真相源，所有页面 <head> 引入：
   <link rel="stylesheet" href="/site-nav.css">
   nav 结构由 /site-nav.js 注入到 <nav id="site-nav">。
   本文件承载全站共享的全局 chrome：导航样式 + 滚动条统一 + 亮色主题变量覆盖。
   改这些只改本文件（记得 bump 各页 ?v= 版本号）；各页不再保留副本。
   颜色一律走 --accent / --accent2 / --accent-glow（各页 :root 均有定义，
   首页经 --neon-* 链解析），亮色主题在文末统一覆盖。 */

/* ── 全站滚动条：霓虹样式 + 槽位稳定（勿在任何页面复写）──
   scrollbar-gutter:stable 让无滚动条的短页也预留槽位，
   消除页面间切换时内容约 10px 的水平位移；末行是 Firefox 回退 */
html{scrollbar-gutter:stable}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0c1218}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;box-shadow:0 0 6px rgba(0,245,255,.45)}
::-webkit-scrollbar-thumb:hover{filter:brightness(1.3);box-shadow:0 0 12px rgba(0,245,255,.65)}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#00f5ff #0c1218}}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:color-mix(in srgb,var(--nav-bg) 65%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--border)}
nav .container{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;text-decoration:none;background:linear-gradient(135deg,var(--accent2),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px var(--accent-glow))}
.nav-links{display:flex;gap:.3rem;align-items:center}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600;padding:.42rem .9rem;border-radius:.55rem;transition:all .22s}
.nav-links a:hover{color:var(--heading);background:rgba(128,128,128,.14)}
.nav-links a.active{color:var(--accent);background:rgba(0,245,255,.08);box-shadow:inset 0 0 0 1px rgba(0,245,255,.28),0 0 16px rgba(0,245,255,.14);text-shadow:0 0 10px rgba(0,245,255,.45)}
.nav-cta{margin-left:.9rem;position:relative;z-index:0;padding:.52rem 1.3rem;border-radius:.55rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0a0a!important;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .22s;box-shadow:0 0 22px var(--accent-glow)}
/* hover 提亮纱（z-index:-1 压在渐变上、文字下）；亮色主题在下方换黑纱加深 */
.nav-cta::before{content:'';position:absolute;inset:0;border-radius:.55rem;background:rgba(255,255,255,.42);opacity:0;transition:opacity .22s;pointer-events:none;z-index:-1}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 0 34px var(--accent-glow)}
.nav-cta:hover::before{opacity:1}

/* 暗/亮切换按钮组：默认隐藏（与首页现行行为一致），要启用改 display:flex */
.theme-toggle{display:none;align-items:center;gap:0;padding:.25rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.theme-mode-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:all .25s}
.theme-mode-btn:hover{color:var(--heading)}
.theme-mode-btn.active{background:rgba(255,255,255,.1);color:#fff}

.lang-switcher{display:flex;align-items:center;gap:.15rem;padding:.25rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.lang-btn{display:flex;align-items:center;padding:.3rem .6rem;border-radius:999px;border:none;background:transparent;color:var(--muted);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit}
.lang-btn:hover{color:#fff}
.lang-btn.active{background:rgba(0,245,255,.1);color:var(--accent)}

@media(max-width:640px){.nav-links{gap:.15rem}.nav-links a{padding:.35rem .5rem;font-size:.8rem}.nav-cta{margin-left:.4rem;padding:.45rem .8rem}.logo{font-size:1.2rem}}

/* ── 亮色主题（Frost）：变量级统一覆盖，子页内容随各页变量自动翻转 ──
    --neon-* 同步覆盖以兼容首页 --accent:var(--neon-accent) 解析链 */
[data-theme="light"]{
--bg:#e8edf2;--bg2:#dfe4ea;--surface:rgba(0,0,0,.09);--border:rgba(0,0,0,.08);--text:#1a1d2e;--muted:#5c6378;--heading:#0e111a;--nav-bg:rgba(232,237,242,.92);
--accent:#007382;--accent2:#8b008b;--accent-glow:rgba(0,115,130,.20);
--neon-accent:#007382;--neon-accent2:#8b008b;--neon-glow:rgba(0,115,130,.20);--neon-glow-light:rgba(0,115,130,.10);
}
body[data-theme="light"]{background:#fff radial-gradient(1200px 600px at 50% -10%,#e8f0fa 0%,#f4f8fd 45%,#fff 100%) no-repeat fixed;color:var(--text)}
[data-theme="light"] .hud-strip{background:rgba(0,0,0,.04)}
[data-theme="light"] .nav-links a:hover{color:var(--heading)}
[data-theme="light"] .nav-cta{color:#fff!important}
[data-theme="light"] .nav-cta::before{background:rgba(0,0,0,.22)}
[data-theme="light"] .lang-switcher{background:rgba(0,0,0,.04)}
[data-theme="light"] .lang-btn:hover{color:var(--heading)}
[data-theme="light"] .lang-btn.active{background:rgba(0,0,0,.08);color:var(--heading)}
[data-theme="light"] .theme-toggle{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.10)}
[data-theme="light"] .theme-mode-btn.active{background:rgba(0,0,0,.08);color:var(--heading)}

/* ── 背景扫描线 + 主内容底板（全站共用，替代逐页内联）──
   扫描线置于内容之下（z:0），中央列用 body::before 半透明渐变底板盖住，
   故扫描线只在左右边缘可见，主内容区坐落在底板上。 */
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,
    color-mix(in srgb,var(--accent) 4%,transparent) 0px,
    color-mix(in srgb,var(--accent) 4%,transparent) 1px,
    transparent 1px, transparent 2px);
  animation:diagScan 4s linear infinite}
@keyframes diagScan{0%{background-position:0 0}100%{background-position:0 100px}}

body::before{content:'';position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);
  width:min(1200px,100%);z-index:1;pointer-events:none;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent) 7%,transparent) 0%,
    transparent 30%,
    transparent 70%,
    color-mix(in srgb,var(--accent2) 6%,transparent) 100%)}