:root{--bg-primary:#0b1013;--bg-secondary:#10171b;--bg-tertiary:#162026;--bg-card:#121a1f;--bg-hover:#1b282f;--bg-active:#223139;--neon-cyan:#42ced0;--neon-pink:#e56b9f;--neon-purple:#b794e8;--neon-green:#63d99b;--neon-red:#ff7185;--neon-orange:#f4aa5d;--neon-yellow:#dfca68;--neon-blue:#6aaee8;--text-primary:#f4f8f9;--text-secondary:#b7c6cc;--text-muted:#8fa2aa;--border-color:#304047;--border-glow:#42ced04d;--focus-ring:#75e7e5;--gradient-cyber:linear-gradient(135deg, #42ced0 0%, #72aee6 100%);--gradient-dark:linear-gradient(180deg, #0b1013 0%, #121a1f 100%);--gradient-card:linear-gradient(145deg, #121a1f 0%, #162026 100%);--shadow-neon:0 0 20px #00f0ff4d;--shadow-card:0 4px 20px #00000080;--font-display:"Segoe UI", "Microsoft YaHei UI", Arial, sans-serif;--font-body:"Segoe UI", "Microsoft YaHei UI", Arial, sans-serif;--font-mono:"Cascadia Mono", "Consolas", "Courier New", monospace;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--app-header-height:60px;--app-drawer-width:min(86vw, 320px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:0!important}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);transition:background var(--transition-fast);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}::selection{background:var(--neon-cyan);color:var(--bg-primary)}a{color:var(--neon-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--neon-pink)}button{font-family:var(--font-body);cursor:pointer;writing-mode:horizontal-tb;word-break:keep-all;border:none}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input,textarea,select{font-family:var(--font-body);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);border-radius:4px;outline:none;padding:8px 12px}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #42ced029}.skip-link{z-index:5000;background:var(--text-primary);min-height:44px;color:var(--bg-primary);border-radius:6px;padding:10px 14px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.lazy-loading{min-height:180px;color:var(--text-secondary);place-items:center;display:grid}.cyber-glow{text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 30px var(--neon-cyan)}.cyber-border{border:1px solid var(--neon-cyan);box-shadow:0 0 10px #00f0ff4d,inset 0 0 10px #00f0ff1a}.cyber-button{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;transition:all var(--transition-normal);background:0 0;padding:8px 16px;font-size:12px;position:relative;overflow:hidden}.cyber-button:before{content:"";width:100%;height:100%;transition:left var(--transition-normal);background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);position:absolute;top:0;left:-100%}.cyber-button:hover{background:#00f0ff1a;box-shadow:0 0 20px #00f0ff66}.cyber-button:hover:before{left:100%}.cyber-card{background:var(--gradient-card);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:8px;padding:16px}.cyber-card:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.code-block{font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:12px 16px;font-size:13px;line-height:1.5;position:relative;overflow-x:auto}.code-block:before{content:"";background:var(--neon-cyan);width:3px;height:100%;position:absolute;top:0;left:0}.tag{text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:2px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-danger{color:var(--neon-red);background:#ff00551a;border-color:#ff00554d}.tag-success{color:var(--neon-green);background:#00ff881a;border-color:#00ff884d}.tag-warning{color:var(--neon-orange);background:#ff66001a;border-color:#ff66004d}[data-theme=light]{--bg-primary:#f4f7f8;--bg-secondary:#e9eff1;--bg-tertiary:#fff;--bg-card:#fff;--bg-hover:#dfe9ec;--bg-active:#d2e1e5;--neon-cyan:#087b7f;--neon-pink:#c2185b;--neon-purple:#6a1b9a;--neon-green:#2e7d32;--neon-red:#c62828;--neon-orange:#e65100;--neon-yellow:#f9a825;--neon-blue:#1565c0;--text-primary:#17262d;--text-secondary:#40545d;--text-muted:#5d7078;--border-color:#b9c8ce;--border-glow:#087b7f33;--focus-ring:#075f63;--gradient-cyber:linear-gradient(135deg, #0077b6 0%, #c2185b 100%);--gradient-dark:linear-gradient(180deg, #f0f2f5 0%, #fff 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #f7f8fa 100%);--shadow-neon:0 0 12px #0077b626;--shadow-card:0 2px 12px #00000014}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] .app-container:before{background:radial-gradient(at 20% 20%,#0077b60a 0%,#0000 50%),radial-gradient(at 80% 80%,#c2185b0a 0%,#0000 50%)}[data-theme=light] ::selection{background:var(--neon-cyan);color:#fff}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#b0b4bc}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 30px var(--neon-cyan)}20%,24%,55%{text-shadow:none}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glitch{animation:.3s ease-in-out infinite glitch}.animate-neon{animation:3s ease-in-out infinite neonFlicker}.app-container{background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app-container:before{display:none}.main-layout{z-index:1;flex:1;display:flex;position:relative;overflow:hidden}.sidebar-backdrop{display:none}@media (width<=1180px){html,body,#root{overflow:hidden}}@media (width<=1100px) and (width>=901px){:root{--app-header-height:108px}}@media (width<=900px){:root{--app-header-height:108px;--app-drawer-width:min(86vw, 320px)}.app-container{min-height:100dvh}.main-layout{min-height:0}.sidebar-backdrop{inset:var(--app-header-height) 0 0 0;z-index:80;background:#0000007a;display:block;position:fixed}}@media (width<=520px){:root{--app-header-height:108px;--app-drawer-width:min(88vw, 318px)}body{font-size:13px}.code-block{padding:10px 12px;font-size:12px}}@media (width<=360px){:root{--app-header-height:108px;--app-drawer-width:min(90vw, 304px)}}