:root{--color-primary: #0066FF;--color-secondary: #7B2FFF;--color-accent: #FF6B35;--color-bg-dark: #0A0E17;--color-bg-gradient: #1A1F35;--color-bg-glass: rgba(255, 255, 255, .05);--color-text-primary: #FFFFFF;--color-text-secondary: #8B9DC3;--color-border-glow: rgba(0, 102, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-gradient) 100%);color:var(--color-text-primary);height:100vh;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.glass-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-glow);border-radius:12px}.glow-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0066ff4d}.glow-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #0066ff80}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}