:root{--brand: #0d9488;--brand-hover: #0f766e;--brand-light: rgba(13, 148, 136, .08);--brand-glow: rgba(13, 148, 136, .15);--brand-dark: #134e4a;--accent: #f97316;--accent-hover: #ea580c;--success: #10b981;--success-bg: rgba(16, 185, 129, .08);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .08);--info: #0ea5e9;--info-bg: rgba(14, 165, 233, .08);--bg-page: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-inset: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--chart-primary: #0d9488;--chart-a: #ef4444;--chart-b: #f59e0b;--chart-c: #8b5cf6;--chart-d: #06b6d4;--chart-other: #94a3b8;--nav-bg: #ffffff;--nav-border: #e2e8f0;--banner-bg: linear-gradient(135deg, #f0fdfa 0%, #f0f9ff 50%, #fffbeb 100%);--primary: var(--brand);--primary-dark: var(--brand-hover);--primary-light: rgba(13, 148, 136, .12);--text-on-primary: #ffffff;--code-bg: #1e293b;--code-text: #e2e8f0}[data-theme=dark]{--bg-page: #0b1120;--bg-card: #1e293b;--bg-card-hover: #263348;--bg-inset: #162032;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--nav-bg: #0f172a;--nav-border: #1e293b;--brand-light: rgba(13, 148, 136, .12);--success-bg: rgba(16, 185, 129, .12);--warning-bg: rgba(245, 158, 11, .12);--danger-bg: rgba(239, 68, 68, .12);--info-bg: rgba(14, 165, 233, .12);--banner-bg: linear-gradient( 135deg, rgba(13, 148, 136, .06) 0%, rgba(14, 165, 233, .06) 50%, rgba(249, 115, 22, .06) 100% );--primary-light: rgba(13, 148, 136, .2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,Noto Sans SC,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.num{font-family:DM Mono,JetBrains Mono,monospace;font-variant-numeric:tabular-nums}a{color:inherit}.topnav{position:sticky;top:0;z-index:100;height:56px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);display:flex;align-items:center;padding:0 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s}.nav-brand{display:flex;align-items:center;gap:10px;margin-right:40px;text-decoration:none}.nav-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--brand) 0%,#14b8a6 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0d94884d}.nav-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.nav-links{display:flex;gap:4px;flex:1}.nav-link{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .15s}.nav-link:hover{color:var(--text-primary);background:var(--brand-light)}.nav-link.router-link-active{color:var(--brand);background:var(--brand-light)}.nav-right{display:flex;align-items:center;gap:12px}.theme-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:16px}.theme-toggle:hover{border-color:var(--brand);background:var(--brand-light)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}@media (max-width: 768px){.topnav{padding:0 16px}.nav-links{display:none}}