:root{--surface-950:#08090b;--surface-900:#0f1115;--surface-850:#141619;--surface-800:#1a1d23;--surface-700:#23272f;--surface-600:#2e333d;--surface-500:#3d4350;--text-primary:#f0f0f3;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--accent-50:#eff6ff;--accent-100:#dbeafe;--accent-200:#bfdbfe;--accent-300:#93c5fd;--accent-400:#60a5fa;--accent-500:#3b82f6;--accent-600:#2563eb;--accent-700:#1d4ed8;--accent2-400:#a78bfa;--accent2-500:#8b5cf6;--accent2-600:#7c3aed;--gradient-primary:linear-gradient(135deg,var(--accent-500),var(--accent2-500));--gradient-hover:linear-gradient(135deg,var(--accent-400),var(--accent2-400));--gradient-subtle:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--moba-color:#f59e0b;--fps-color:#ef4444;--anime-color:#ec4899;--br-color:#22c55e;--strategy-color:#8b5cf6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(59,130,246,.15);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--header-height:64px;--sidebar-width:280px;--max-width:1280px}[data-theme=light]{--surface-950:#f8f9fa;--surface-900:#fff;--surface-850:#f1f3f5;--surface-800:#e9ecef;--surface-700:#dee2e6;--surface-600:#ced4da;--surface-500:#adb5bd;--text-primary:#1a1a2e;--text-secondary:#495057;--text-tertiary:#868e96;--text-muted:#adb5bd;--accent-300:#2563eb;--accent-400:#3b82f6;--accent-500:#2563eb;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(59,130,246,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);line-height:1.6;scroll-behavior:smooth}body,html{background-color:var(--surface-900)}body{min-height:100vh}a{color:var(--accent-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-300)}img{display:block;height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}.container{margin-inline:auto;max-width:var(--max-width);padding-inline:var(--space-lg);width:100%}.card{background-color:var(--surface-800);border:1px solid var(--surface-700);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--surface-600);box-shadow:var(--shadow-md)}.card--interactive:hover{border-color:var(--accent-500);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--gradient-primary);color:#fff}.btn--primary:hover{background:var(--gradient-hover);box-shadow:var(--shadow-glow)}.btn--secondary{background-color:var(--surface-700);border:1px solid var(--surface-600);color:var(--text-primary)}.btn--secondary:hover{background-color:var(--surface-600);border-color:var(--surface-500)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background-color:var(--surface-800);color:var(--text-primary)}.btn--sm{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}.btn--lg{font-size:var(--text-base);padding:var(--space-md) var(--space-xl)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:2px var(--space-sm);text-transform:uppercase}.badge--moba{background-color:#f59e0b26;color:var(--moba-color)}.badge--fps{background-color:#ef444426;color:var(--fps-color)}.badge--anime{background-color:#ec489926;color:var(--anime-color)}.badge--success{background-color:#22c55e26;color:var(--success)}.badge--warning{background-color:#f59e0b26;color:var(--warning)}.badge--error{background-color:#ef444426;color:var(--error)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-400)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input{background-color:var(--surface-850);border:1px solid var(--surface-700);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px #3b82f61a}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.divider{border:none;border-top:1px solid var(--surface-700);margin:var(--space-lg) 0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--surface-900)}::-webkit-scrollbar-thumb{background:var(--surface-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface-500)}::-moz-selection{background-color:#3b82f64d;color:var(--text-primary)}::selection{background-color:#3b82f64d;color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f3f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ced4da}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media(max-width:768px){:root{--header-height:56px}.container{padding-inline:var(--space-md)}}