.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--bg-navbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-1);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:8px;color:var(--text-1);font-size:16px;font-weight:700;text-decoration:none}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-sub{font-size:9px;font-weight:600;letter-spacing:.28em;color:var(--brand-sub)}.nav-right{display:flex;align-items:center;gap:12px}.lang-select{background:var(--bg-input);border:1px solid var(--border-3);border-radius:6px;color:var(--text-3);padding:5px 8px;font-size:var(--fs-md);cursor:pointer}.nav-link{font-size:var(--fs-md);color:var(--text-3);transition:color .2s}.nav-link:hover{color:var(--text-1)}.nav-btn{background:none;border:1px solid var(--border-3);border-radius:6px;color:var(--text-3);padding:5px 12px;font-size:var(--fs-md);cursor:pointer}.nav-btn:hover{border-color:var(--border-focus);color:var(--text-1)}.main-content{max-width:1200px;margin:0 auto;padding:24px 20px}@media (max-width: 600px){.main-content{padding:16px 12px}}:root{--bg-body: #0a0a0a;--panel-a: #101010;--panel-b: #0c0c0c;--bg-card: #111;--bg-input: #1a1a1a;--border-1: #1a1a1a;--border-2: #222;--border-3: #333;--border-focus: #555;--text-1: #f0f0f0;--text-2: #c8c8c8;--text-3: #9a9a9a;--text-4: #7a7a7a;--text-5: #676767;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 14px;--fs-xl: 18px;--font-sans: Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-num: Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--green: #4ade80;--green-bg: #173a24;--green-border: #1f4a2c;--yellow: #facc15;--yellow-bg: #2a2a1a;--yellow-border: #4a4215;--orange: #fb923c;--orange-bg: #2a1c10;--orange-border: #5a3a1c;--glow-orange: rgba(251, 146, 60, .2);--red: #f87171;--red-bg: #3a1717;--red-border: #4a1f1f;--blue: #6b9eff;--blue-bg: #0d1a2e;--blue-border: #1e3a5a;--amber: #facc15;--amber-bg: #1a140a;--amber-border: #5a3d1e;--glow-green: rgba(74, 222, 128, .25);--glow-yellow: rgba(250, 204, 21, .2);--glow-red: rgba(248, 113, 113, .3);--highlight: rgba(255, 255, 255, .1);--grid-line: rgba(107, 158, 255, .025);--bg-navbar: rgba(13, 13, 13, .75);--bg-body-glow: #10141f;--brand-sub: #4a6fa5}html[data-theme=light]{--bg-body: #f4f5f7;--panel-a: #ffffff;--panel-b: #fafbfc;--bg-card: #f3f4f6;--bg-input: #ffffff;--border-1: #e8eaee;--border-2: #dfe2e8;--border-3: #c9cfd8;--border-focus: #94a3b8;--text-1: #111827;--text-2: #333e4f;--text-3: #5b6472;--text-4: #79828f;--text-5: #8b93a0;--green: #16a34a;--green-bg: #dcfce7;--green-border: #bbf7d0;--yellow: #b45309;--orange: #ea580c;--orange-bg: #ffedd5;--orange-border: #fdba74;--glow-orange: rgba(234, 88, 12, .15);--yellow-bg: #fef3c7;--yellow-border: #fde68a;--red: #dc2626;--red-bg: #fee2e2;--red-border: #fecaca;--blue: #2563eb;--blue-bg: #dbeafe;--blue-border: #bfdbfe;--amber: #b45309;--amber-bg: #fff7ed;--amber-border: #fdba74;--glow-green: rgba(22, 163, 74, .18);--glow-yellow: rgba(180, 83, 9, .15);--glow-red: rgba(220, 38, 38, .2);--highlight: rgba(0, 0, 0, .05);--grid-line: rgba(37, 99, 235, .03);--bg-navbar: rgba(255, 255, 255, .8);--bg-body-glow: #e8edf5;--brand-sub: #7d93b8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input,select,button,textarea{font-family:inherit}body{background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(ellipse 100% 60% at 50% -10%,var(--bg-body-glow) 0%,var(--bg-body) 60%);background-size:44px 44px,44px 44px,100% 100%;background-attachment:fixed;color:var(--text-2);font-family:var(--font-sans);font-variant-numeric:tabular-nums;min-height:100vh;transition:background .2s,color .2s}a{text-decoration:none}