body { font-family: 'Inter', sans-serif; background-color: #030305; }
.hud-font { font-family: 'Orbitron', sans-serif; }
.mono-font { font-family: 'Share Tech Mono', monospace; }
.cyber-border { box-shadow: 0 0 10px rgba(6, 182, 212, 0.15); border: 1px solid rgba(6, 182, 212, 0.25); }
.neon-gradient-text { background: linear-gradient(90deg, #06b6d4, #a855f7, #d946ef); background-clip: text; -webkit-background-clip: text; color: transparent; }
.neon-btn-cyan { background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(168, 85, 247, 0.1) 100%); border: 1px solid #06b6d4; color: #06b6d4; transition: all 0.2s ease; }
.neon-btn-cyan:hover:not(:disabled) { background: rgba(6, 182, 212, 0.3); box-shadow: 0 0 15px rgba(6, 182, 212, 0.4); text-shadow: 0 0 5px #06b6d4; }
.neon-btn-pink { background: linear-gradient(135deg, rgba(217, 70, 239, 0.15) 0%, rgba(168, 85, 247, 0.1) 100%); border: 1px solid #d946ef; color: #d946ef; transition: all 0.2s ease; }
.neon-btn-pink:hover:not(:disabled) { background: rgba(217, 70, 239, 0.3); box-shadow: 0 0 15px rgba(217, 70, 239, 0.4); text-shadow: 0 0 5px #d946ef; }
.neon-btn-red { background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(168, 85, 247, 0.1) 100%); border: 1px solid #ef4444; color: #ef4444; transition: all 0.2s ease; }
.neon-btn-red:hover:not(:disabled) { background: rgba(239, 68, 68, 0.3); box-shadow: 0 0 15px rgba(239, 68, 68, 0.4); text-shadow: 0 0 5px #ef4444; }

/* 科幻網格背景與掃描線 */
.cyber-grid {
    background-image: 
        linear-gradient(rgba(6, 182, 212, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(6, 182, 212, 0.03) 1px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
}