:root{--font-literary:"STKaiti", "KaiTi", "楷体", serif;--font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--brand-font:-apple-system, BlinkMacSystemFont, "Segoe UI", "STKaiti", "KaiTi", "楷体", sans-serif}[data-theme=light]{--bg-main:#f4f8ff;--bg-left:#ebf4ff;--bg-surface:#fff;--text-primary:#1a1b2e;--text-secondary:#5b5d78;--text-muted:#9698b0;--accent:#0090ff;--accent-light:#5eb1ef;--accent-hover:#0588f0;--accent-text:#fff;--border:#1a1b2e1a;--border-light:#1a1b2e0f;--danger:#e53e3e;--danger-hover:#c53030;--danger-tint:#e53e3e14;--success:#16a34a;--success-tint:#16a34a14;--warning:#e67e22;--warning-tint:#e67e2214;--info:#3b82f6;--info-tint:#3b82f614;--neutral:#0ea5e9;--neutral-tint:#0ea5e914;--text-on-accent:#fff;--accent-glow:#0090ff47;--accent-tint:#0090ff14;--hover-bg:#1a1b2e0a;--shadow-card:0 1px 3px #1a1b2e0a, 0 8px 24px #1a1b2e0f;--shadow-hover:0 4px 12px #1a1b2e0f, 0 16px 48px #0090ff1f;--shadow-accent:0 4px 16px #0090ff52;--bg-glow-1:#5eb1ef59;--bg-glow-2:#38bdf82e;--bg-gradient:linear-gradient(135deg, #f4f8ff 0%, #edf4fe 50%, #ebf4ff 100%);--selection-bg:#0090ff2e;--grain-opacity:.022;--nav-bg:#ffffffb8;--surface-highlight:#ffffff80;--hero-overlay:linear-gradient(180deg, #f4f8ff00 0%, #ebf4ff66 100%)}[data-theme=dark]{--bg-main:#0e0f14;--bg-left:#16171f;--bg-surface:#181922;--text-primary:#f2f3f6;--text-secondary:#a2a4b4;--text-muted:#6a6c7c;--accent:#0090ff;--accent-light:#5eb1ef;--accent-hover:#5eb1ef;--accent-text:#fff;--border:#ffffff1a;--border-light:#ffffff0f;--danger:#fc8181;--danger-hover:#fca5a5;--danger-tint:#fc81811a;--success:#4ade80;--success-tint:#4ade801a;--warning:#fbbf24;--warning-tint:#fbbf241a;--info:#60a5fa;--info-tint:#60a5fa1a;--neutral:#60a5fa;--neutral-tint:#60a5fa1a;--text-on-accent:#0e0f14;--accent-glow:#0090ff59;--accent-tint:#0090ff1a;--hover-bg:#ffffff0d;--shadow-card:0 1px 3px #0003, 0 8px 24px #00000040;--shadow-hover:0 4px 12px #0000004d, 0 16px 48px #0090ff1a;--shadow-accent:0 4px 16px #0090ff4d;--bg-glow-1:#0090ff24;--bg-glow-2:#0090ff0f;--bg-gradient:linear-gradient(135deg, #0e0f14 0%, #111219 50%, #16171f 100%);--selection-bg:#0090ff40;--grain-opacity:.012;--nav-bg:#0e0f14b8;--surface-highlight:#ffffff0a;--hero-overlay:linear-gradient(180deg, #0e0f1400 0%, #16171f66 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;transition:background .5s,color .4s;position:relative}body:after{content:"";pointer-events:none;z-index:9999;width:100%;height:100%;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;transition:opacity .4s;position:fixed;top:0;left:0}::selection{background-color:var(--selection-bg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}