:root{--primary-color:#0ff;--secondary-color:#f0f;--bg-color:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--border-color:#00ffff4d;--border-glow:#00ffff80;--success-color:#0f8;--warning-color:#fa0;--error-color:#f44;--shadow-glow:0 0 20px #0ff3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Segoe UI,Microsoft YaHei,sans-serif;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);opacity:.5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-color), 0 0 10px var(--primary-color)}50%{box-shadow:0 0 10px var(--primary-color), 0 0 20px var(--primary-color), 0 0 30px var(--primary-color)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hud-border{border:1px solid var(--border-color);background:var(--bg-secondary);clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));position:relative}.hud-border:before{content:"";pointer-events:none;background:linear-gradient(135deg,#00ffff0d 0%,#0000 50%,#ff00ff0d 100%);position:absolute;inset:0}.btn{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.btn:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 20px var(--primary-color)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-color);color:var(--bg-color)}.btn-primary:hover{background:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 0 20px var(--secondary-color)}.btn-danger{border-color:var(--error-color);color:var(--error-color)}.btn-danger:hover{background:var(--error-color);color:#fff;box-shadow:0 0 20px var(--error-color)}.btn-success{border-color:var(--success-color);color:var(--success-color)}.btn-success:hover{background:var(--success-color);color:var(--bg-color);box-shadow:0 0 20px var(--success-color)}.btn-warning{border-color:var(--warning-color);color:var(--warning-color)}.btn-warning:hover{background:var(--warning-color);color:var(--bg-color);box-shadow:0 0 20px var(--warning-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);outline:none;padding:10px 15px;font-size:14px;transition:all .3s}.input:focus{border-color:var(--primary-color);box-shadow:0 0 10px var(--border-glow)}.input::placeholder{color:var(--text-secondary)}textarea.input{resize:vertical;min-height:100px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-color), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.tag{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:2px;padding:4px 10px;font-size:12px;display:inline-block}.tag-primary{border-color:var(--primary-color);color:var(--primary-color);background:#00ffff1a}.tag-success{border-color:var(--success-color);color:var(--success-color);background:#00ff881a}.tag-warning{border-color:var(--warning-color);color:var(--warning-color);background:#ffaa001a}.tag-danger{border-color:var(--error-color);color:var(--error-color);background:#ff44441a}.loading{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.grid{gap:20px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.h-full{height:100%}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--secondary-color)}