:root{--accent:#7c5cff;--accent-strong:#5b3df0;--accent-soft:#7c5cff24;--danger:#ef4444;--success:#22c55e;--radius:12px;--radius-sm:8px;--sidebar-w:232px;--player-h:84px;--transition:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg:#0b0b12;--bg-elev:#14141f;--bg-hover:#1d1d2b;--border:#26263a;--text:#ecebf5;--text-dim:#8f8da6;--shadow:0 8px 30px #00000073}[data-theme=light]{--bg:#f6f6fb;--bg-elev:#fff;--bg-hover:#efeff7;--border:#e3e3ee;--text:#1c1b26;--text-dim:#727087;--shadow:0 8px 30px #1e145014}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.btn{border-radius:var(--radius-sm);transition:all var(--transition);border:1px solid var(--border);align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:#0000}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover{background:#ef44441f}.btn:disabled{opacity:.5;cursor:not-allowed}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);transition:border var(--transition);outline:none;padding:10px 14px;font-size:14px}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.page{max-width:1200px;margin:0 auto;padding:24px 28px}.page-title{margin-bottom:20px;font-size:24px;font-weight:700}.empty{text-align:center;color:var(--text-dim);padding:60px 0;font-size:15px}.icon-btn{width:34px;height:34px;transition:background var(--transition);color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}@media (width<=768px){.page{padding:16px}}