*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0e27;--color-bg-card: rgba(255, 255, 255, .05);--color-neon-blue: #00d4ff;--color-neon-purple: #9933ff;--color-text: #e0e6f0;--color-text-dim: #8899aa;--glow-blue: 0 0 10px rgba(0, 212, 255, .6), 0 0 20px rgba(0, 212, 255, .3);--glow-purple: 0 0 10px rgba(153, 51, 255, .6), 0 0 20px rgba(153, 51, 255, .3);--border-neon: 1px solid rgba(0, 212, 255, .4);--radius: 10px;--transition: all .3s ease}html,body,#app{width:100vw;height:100vh;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.neon-text{color:var(--color-neon-blue);text-shadow:var(--glow-blue)}.glass-card{background:var(--color-bg-card);border:var(--border-neon);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glow-blue)}.btn{padding:8px 18px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition);letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--color-neon-blue),var(--color-neon-purple));color:#fff}.btn-primary:hover{box-shadow:var(--glow-blue);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-neon-blue);border:1px solid var(--color-neon-blue)}.btn-outline:hover{background:#00d4ff1a;box-shadow:var(--glow-blue)}.btn-danger{background:transparent;color:#ff4d6d;border:1px solid #ff4d6d}.btn-danger:hover{background:#ff4d6d1a;box-shadow:0 0 10px #ff4d6d66}