:root{--bg: #0d0d12;--bg-gradient: radial-gradient(1200px 800px at 50% 20%, #1a1a24 0%, #0d0d12 60%);--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .45);--text-dimmer: rgba(255, 255, 255, .22);--accent: #f5c26b;--accent-soft: rgba(245, 194, 107, .16);--danger: #ff6b6b;--radius: 14px;--font-lyric: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text-main);font-family:var(--font-lyric);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:999px;background:linear-gradient(135deg,#f5c26b,#e8a04a);color:#1a1508;font-size:16px;font-weight:600;letter-spacing:1px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 24px #f5c26b40}.btn-primary:active{transform:scale(.97)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:14px;transition:background .15s ease}.btn-ghost:active{background:#f5c26b47}.btn-danger-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;background:#ff6b6b1f;color:var(--danger);font-size:14px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-track{background:transparent}