:root{--bg: #0F1117;--surface: #181C26;--surface2: #1E2333;--surface3: #252A3A;--border: #2E3448;--border2: #3A4060;--accent: #3B7BF8;--accent2: #2560D8;--accent-bg: rgba(59,123,248,.1);--green: #22C55E;--green-bg: rgba(34,197,94,.1);--blue: #3B82F6;--blue-bg: rgba(59,130,246,.1);--amber: #F59E0B;--amber-bg: rgba(245,158,11,.1);--red: #EF4444;--red-bg: rgba(239,68,68,.1);--teal: #14B8A6;--teal-bg: rgba(20,184,166,.1);--orange: #F97316;--orange-bg: rgba(249,115,22,.1);--purple: #A855F7;--purple-bg: rgba(168,85,247,.1);--hot: #F97316;--hot-bg: rgba(249,115,22,.1);--ext: #A855F7;--ext-bg: rgba(168,85,247,.1);--text: #E8EAF0;--text2: #9298AD;--text3: #5B6178;--sidebar-w: 248px;--topbar-h: 56px;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.45);--font: "Inter", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:fadeIn .18s ease}