/* design-tokens.css —— CS2XP 设计系统地基。所有页面共用。 */
:root{
--c-bg:#0A0B0F; --c-surface-1:#111319; --c-surface-2:#171A22;
--c-border:#232733; --c-border-hi:#2E3440;
--c-text:#E8EBF0; --c-text-2:#9BA3B4; --c-text-3:#5B6373;
--c-accent:#00E5A0; --c-accent-h:#00C98D; --c-accent-soft:rgba(0,229,160,.12);
--c-up:#00E5A0; --c-down:#FF4D5E; --c-warn:#F5C542; --c-info:#3B9EFF; --c-purple:#B87FFF;
--font-sans:-apple-system,"SF Pro Display","Inter","PingFang SC",system-ui,sans-serif;
--font-mono:"SF Mono","JetBrains Mono",ui-monospace,monospace;
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-full:999px;
--sh-1:0 1px 2px rgba(0,0,0,.3); --sh-2:0 4px 16px rgba(0,0,0,.35); --sh-3:0 16px 50px rgba(0,0,0,.5);
--sh-glow:0 0 28px rgba(0,229,160,.22);
--glass-bg:rgba(17,19,25,.62); --glass-border:rgba(255,255,255,.08);
--glass-blur:blur(26px) saturate(150%);
--ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
--dur-fast:.15s; --dur:.28s; --dur-slow:.5s;
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ── 浅色主题:data-theme="light" 覆盖（涨绿跌红语义不反转,仅调明度保对比度）── */
:root[data-theme="light"]{
--c-bg:#E8EAEF; --c-surface-1:#F4F5F8; --c-surface-2:#E9EBF0;
--c-border:#D2D6DF; --c-border-hi:#BFC4D0;
--c-text:#1A1D26; --c-text-2:#4A5161; --c-text-3:#7B8394;
--c-accent:#00A878; --c-accent-h:#009169; --c-accent-soft:rgba(0,168,120,.12);
--c-up:#00A878; --c-down:#E53946; --c-warn:#C8960C; --c-info:#1E78E0; --c-purple:#8E54D6;
--sh-1:0 1px 2px rgba(16,19,26,.08); --sh-2:0 4px 16px rgba(16,19,26,.12); --sh-3:0 16px 50px rgba(16,19,26,.18);
--sh-glow:0 0 28px rgba(0,168,120,.20);
--glass-bg:rgba(244,245,248,.78); --glass-border:rgba(16,19,26,.10);
}

/* ── 主题切换开关(沿用 lang-switch 视觉语言)── */
.theme-switch{display:flex;gap:2px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-full);padding:3px}
.theme-btn{border:none;background:none;color:var(--c-text-3);font-size:11px;font-family:var(--font-mono);padding:5px 13px;border-radius:var(--r-full);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--dur-fast) var(--ease)}
.theme-btn.active{background:var(--c-accent);color:#061013;font-weight:700}
.theme-btn:not(.active):hover{color:var(--c-text)}
.theme-btn svg{width:13px;height:13px}

/* 浅色下压暗环境光 orb（避免大面积刺眼色块） */
[data-theme="light"] .orb{opacity:.18!important}

/* 浅色下玻璃卡片边框渐变压暗（避免青绿在白底上刺眼） */
[data-theme="light"] .auth-card::before{background:linear-gradient(135deg,rgba(0,168,120,.25),transparent 40%)}