.wl-email .row[data-v-a33ef641]{display:flex;gap:8px;margin-bottom:10px}.wl-email input[data-v-a33ef641]{flex:1;min-width:0;border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:14px;box-sizing:border-box}.wl-btn[data-v-a33ef641]{border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:14px;cursor:pointer;background:#fff;white-space:nowrap}.wl-btn.primary[data-v-a33ef641]{width:100%;border-color:#2563eb;background:#2563eb;color:#fff}.wl-btn.primary[data-v-a33ef641]:disabled{opacity:.6;cursor:default}.wl-btn.ghost[data-v-a33ef641]{color:#2563eb}.wl-switch[data-v-a33ef641]{text-align:center;font-size:13px;color:#64748b;margin:10px 0 0}.wl-switch a[data-v-a33ef641]{color:#2563eb;cursor:pointer}.wl-error[data-v-a33ef641]{color:#dc2626;font-size:13px;margin:8px 0 0}.wl-mask[data-v-a0579f1d]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000}.wl-modal[data-v-a0579f1d]{background:#fff;border-radius:12px;padding:22px;width:min(400px,calc(100vw - 40px));box-shadow:0 12px 40px #0f172a2e}.wl-modal h3[data-v-a0579f1d]{margin:0 0 6px;font-size:17px}.wl-hint[data-v-a0579f1d]{color:#64748b;font-size:13px;margin:0 0 8px}.wl-btn[data-v-a0579f1d]{border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:14px;cursor:pointer;background:#fff}.wl-btn.ghost[data-v-a0579f1d]{color:#2563eb}.wl-btn.mini[data-v-a0579f1d]{padding:6px 12px;font-size:13px}.wl-btn.primary[data-v-a0579f1d]{border-color:#2563eb;background:#2563eb;color:#fff}.wl-btn.primary[data-v-a0579f1d]:disabled{opacity:.6;cursor:default}.wl-btns[data-v-a0579f1d]{margin-top:8px}.wl-btns .wl-btn[data-v-a0579f1d]{width:100%}.pf-avatar-row[data-v-a0579f1d]{display:flex;align-items:center;gap:12px;margin:14px 0 18px}.pf-avatar[data-v-a0579f1d]{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.pf-field[data-v-a0579f1d]{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px}.pf-field>span[data-v-a0579f1d]{color:#64748b}.pf-field input[data-v-a0579f1d]{border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:14px}.pf-genders[data-v-a0579f1d]{display:flex;gap:10px}.pf-genders label[data-v-a0579f1d]{flex:1;text-align:center;border:1px solid #e2e8f0;border-radius:8px;padding:9px 0;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.pf-genders label.on[data-v-a0579f1d]{border-color:#2563eb;background:#eff6ff;color:#2563eb}.pf-genders input[data-v-a0579f1d]{display:none}.pf-error[data-v-a0579f1d]{color:#dc2626;font-size:13px;margin:0 0 6px}.wx-scan[data-v-44604a9e]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0}.qr-frame[data-v-44604a9e]{width:300px;min-height:400px;display:flex;justify-content:center;overflow:hidden}.mock-qr[data-v-44604a9e]{width:220px;height:120px;border:1px dashed #94a3b8;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.mock-ico[data-v-44604a9e]{font-size:26px}.wx-tip[data-v-44604a9e]{font-size:13px;color:#64748b;margin:0;text-align:center}.wx-tip.ok[data-v-44604a9e]{color:#16a34a}.wx-tip.err[data-v-44604a9e]{color:#dc2626}.wx-retry[data-v-44604a9e]{color:#2563eb;cursor:pointer;margin-left:6px;text-decoration:underline}.sb-banner[data-v-abb52f82]{position:fixed;top:64px;right:16px;z-index:1200;max-width:480px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;box-shadow:0 6px 24px #0000002e;font-size:13px;line-height:1.5;background:#fff;border:1px solid #e3e6ea}.sb-banner.downloading[data-v-abb52f82]{flex-direction:column;align-items:stretch;gap:6px}.sb-banner.error[data-v-abb52f82]{border-color:#f3c2c2;background:#fff6f6}.sb-icon[data-v-abb52f82]{font-size:16px}.sb-text[data-v-abb52f82]{color:#2c3e50}.sb-text b[data-v-abb52f82]{color:#1a7f5a}.sb-btn[data-v-abb52f82]{border:none;border-radius:6px;padding:5px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.sb-btn.primary[data-v-abb52f82]{background:#1a7f5a;color:#fff}.sb-btn.primary[data-v-abb52f82]:hover{background:#176a4c}.sb-btn.ghost[data-v-abb52f82]{background:transparent;color:#667;border:1px solid #d5d9de}.sb-dl[data-v-abb52f82]{display:flex;flex-direction:column;gap:4px}.sb-dl-top[data-v-abb52f82]{display:flex;justify-content:space-between;color:#2c3e50}.sb-dl-top b[data-v-abb52f82]{color:#1a7f5a}.sb-dl-size[data-v-abb52f82]{color:#8892a0;font-size:12px}.sb-bar[data-v-abb52f82]{height:8px;border-radius:4px;background:#e8ebef;overflow:hidden}.sb-bar-fill[data-v-abb52f82]{height:100%;border-radius:4px;background:linear-gradient(90deg,#27a27a,#1a7f5a);transition:width .25s ease}.sb-warn[data-v-abb52f82]{font-size:12px;color:#b07a00}.sb-slide-enter-active[data-v-abb52f82],.sb-slide-leave-active[data-v-abb52f82]{transition:all .3s ease}.sb-slide-enter-from[data-v-abb52f82],.sb-slide-leave-to[data-v-abb52f82]{opacity:0;transform:translateY(-12px)}:root{--blue: #2563eb;--bg: #f1f5f9;--card: #fff;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--ok: #16a34a;--warn: #b45309}*{box-sizing:border-box}.play-bar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px}.play-bar label{display:inline-flex;align-items:center;gap:4px;color:var(--text)}.play-bar select{padding:4px 6px;border:1px solid var(--border);border-radius:6px}.btn{padding:7px 14px;border-radius:8px;border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;font-size:13px}.btn:hover{opacity:.88}.btn.ghost{background:#fff;color:var(--text);border-color:var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}.mini{padding:3px 9px;border:1px solid var(--border);background:#f8fafc;border-radius:6px;cursor:pointer;font-size:12px;color:var(--text)}.mini:hover{background:#e2e8f0}#play-status{color:var(--blue);font-weight:600;min-width:70px}.pb-pair{display:inline-flex;align-items:center;gap:12px}.pb-controls{display:inline-flex;align-items:center;gap:14px;flex-wrap:nowrap}.pb-pair.show-pair{margin-left:auto;margin-right:auto;padding-left:12px}.show-lbl{font-size:12px;color:var(--muted)}.bpm-ctl{display:inline-flex;align-items:center;gap:3px}.bpm-ctl .bpm-lab{font-size:12px;color:var(--muted)}.bpm-ctl input{width:48px;padding:1px 2px;border:1px solid var(--border);border-radius:6px;font-size:12px;text-align:center}.bpm-ctl .bpm-btn{padding:1px 5px;line-height:1.2;-webkit-user-select:none;user-select:none;touch-action:none}.mute-btn.on{background:#fef2f2;border-color:#fca5a5;color:#dc2626;font-weight:700}.score-sheet{background:#fff;border:1px solid var(--border);border-radius:12px;padding:26px 30px;min-height:320px;max-height:calc(100vh - 200px);overflow:auto;position:relative}.sheet-zoom{position:relative;display:block}body.sheet-wide .layout{max-width:none}.sheet-head{position:relative}.sheet-head .dw-logo-h{position:absolute;left:2px;top:0}.sheet-head .dw-logo-h img{width:51px;height:51px;display:block;border-radius:10px}.sheet-head h2{margin:0;text-align:center;font-size:26px}.sheet-head .singer{text-align:center;color:var(--text);margin:5px 0 0;font-size:14px}.sheet-head .head-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;color:var(--muted);font-size:13px;margin:-7px 0 16px;min-height:51px}.sheet-head .singer+.head-meta{margin-top:-14px}.sheet-head .hm-credit{text-align:right}.sheet-head .hm-key{align-self:flex-end}.sheet-head .hm-key .hm-orig{margin-bottom:2px}.msr-row{display:block}.msr-line{display:flex;align-items:stretch;margin-bottom:18px}.msr-line .pm{flex:1 0 auto}.msr-line.tail .pm{flex:0 0 auto}.pm{position:relative;border-right:2px solid #334155;padding:4px 8px 2px 6px;min-width:80px;flex:0 0 auto;max-width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.msr-line .pm{padding-top:var(--lp, 4px)}.pm.end{border-right:6px double #334155}.pm:hover{background:#f1f5f9}.pm.playing{background:#dbeafe}.mnum{position:absolute;top:-4px;right:4px;font-size:10px;color:#94a3b8}.p-tags{position:absolute;top:2px;left:8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;z-index:1}.pm.volta .p-tags{top:9px}.p-sec{font-size:12px;font-weight:700;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:6px;padding:0 8px;line-height:18px;white-space:nowrap}.p-ctrl{font-size:10px;font-weight:700;color:#6d28d9;background:#f5f3ff;border:1px dashed #c4b5fd;border-radius:5px;padding:0 5px;line-height:14px;white-space:nowrap;letter-spacing:.3px}.p-key{font-size:13px;font-weight:600;color:#2563eb;white-space:nowrap;line-height:18px}.p-ending{position:absolute;top:-11px;left:6px;font-size:12px;font-weight:700;line-height:1;color:var(--text)}.pm.volta-h.volta-t:before{content:"";position:absolute;top:0;left:3px;right:3px;height:6px;border-top:1.6px solid var(--text);border-left:1.6px solid var(--text);border-right:1.6px solid var(--text)}.pm.volta-h:not(.volta-t):before{content:"";position:absolute;top:0;left:3px;right:-2px;height:6px;border-top:1.6px solid var(--text);border-left:1.6px solid var(--text)}.pm.volta-t:not(.volta-h):before{content:"";position:absolute;top:0;left:-2px;right:3px;height:6px;border-top:1.6px solid var(--text);border-right:1.6px solid var(--text)}.pm.volta:not(.volta-h):not(.volta-t):before{content:"";position:absolute;top:0;left:-2px;right:-2px;height:6px;border-top:1.6px solid var(--text)}.pm.rep-s{border-left:6px double #334155;padding-left:16px}.pm.rep-e{border-right:6px double #334155;padding-right:16px}.rd{position:absolute;top:0;bottom:0;width:8px;pointer-events:none}.rd.l{left:6px}.rd.r{right:5px}.rd:before,.rd:after{content:"";position:absolute;left:1px;width:6px;height:6px;border-radius:50%;background:#334155}.rd:before{top:36%}.rd:after{top:58%}.p-chords{position:relative;height:24px}.p-chord{position:absolute;top:0;font-size:15px;font-weight:600;color:#b45309;font-family:Georgia,Times New Roman,serif;white-space:nowrap}.p-chord .csuf{font-size:11px;font-style:normal;margin-left:1px;opacity:.85}.p-chord.waiting{background:#fde68a;border-radius:4px;padding:0 2px;box-shadow:0 0 0 2px #f59e0b}.p-chord.picked{background:#dbeafe;border-radius:4px;padding:0 2px;box-shadow:0 0 0 2px #3b82f6}.teach-bar{position:absolute;top:-6px;height:6px;background:linear-gradient(90deg,#fde68a,#f59e0b);border-radius:3px;z-index:4;pointer-events:none;opacity:.8;box-shadow:0 1px 3px #f59e0b66}.teach-pct{position:absolute;top:-38px;font-size:26px;line-height:1;font-weight:700;color:#f59e0b;opacity:.4;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;z-index:4}.p-notes{display:flex;align-items:flex-start;padding-top:2px}.note{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;padding:0 1px;border-radius:4px;position:relative}.note .cell{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.note .od{height:12px;line-height:12px;color:#334155;display:flex;align-items:center;justify-content:center}.note .od i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 1.5px}.note .num{font-size:22px;line-height:26px;font-family:KaiTi,STKaiti,serif;font-weight:600;white-space:nowrap;position:relative}.note .num .acc{position:absolute;right:100%;font-size:17px;font-weight:400;padding-right:1px}.note .num .tail{position:absolute;left:calc(100% + .17em);top:0;height:100%;display:flex;align-items:center;font-style:normal;white-space:nowrap}.note .num .tail b{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor}.note.u1 .num:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#334155}.note.u2 .num:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:linear-gradient(#334155 0 1.5px,transparent 1.5px 2.5px,#334155 2.5px 4px)}.note.bm{min-width:0}.note .beam{position:absolute;height:2px;background:#334155;left:0;right:0;pointer-events:none}.note .beam.l1{top:38px}.note .beam.l2{top:41px}.note .beam.bs{left:calc(50% - 8px)}.note .beam.be{right:calc(50% - 8px)}.note.gap{margin-left:10px}.beatdash{position:absolute;top:12px;height:26px;display:flex;align-items:center;color:#475569;font-weight:400;pointer-events:none}.beatdash span{flex:1;padding:0 8px;display:flex;align-items:center}.beatdash span i{display:block;width:100%;height:2px;background:currentColor}.note .lyr{height:24px;font-size:14px;color:#334155;margin-top:6px;white-space:nowrap;display:flex;justify-content:center}.note .lyr2{height:18px;font-size:12.5px;color:#64748b;white-space:nowrap;display:flex;justify-content:center}.note.subc .num,.note.subc .od,.note.subc .lyr,.note.subc .lyr2,.note.subc .beatdash{color:#7c3aed}.note.subc.u1 .num:after{background:#7c3aed}.note.subc.u2 .num:after{background:linear-gradient(#7c3aed 0 1.5px,transparent 1.5px 2.5px,#7c3aed 2.5px 4px)}.note.lyr-only .lyr{margin-top:0}.note.selected{background:#fef3c7;box-shadow:inset 0 0 0 2px #f59e0b}.note.playing{background:#bfdbfe}.empty-msr{color:#cbd5e1;font-size:13px;padding:6px 0}.p-subline{position:relative;height:15px;margin:0 0 1px}.p-subnote{position:absolute;top:0;font-size:12px;font-weight:700;color:#7c3aed;line-height:14px;white-space:nowrap;font-family:Times New Roman,serif;font-style:italic}.p-subnote .od{display:flex;align-items:center;justify-content:center;font-size:9px;line-height:4px;text-align:center;height:4px}.p-subnote .od i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;margin:0 1px}.p-subnote.u1:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#7c3aed}.p-subnote.u2:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:4px;background:linear-gradient(#7c3aed 0 1.5px,transparent 1.5px 2.5px,#7c3aed 2.5px 4px)}.p-subnote.od-b.u1:after,.p-subnote.od-b.u2:after{bottom:-1px}.p-subnote.bm:after{content:none}.p-subnote i{font-style:normal}.p-subnote i.dt{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-left:2px;vertical-align:6.5px}svg.ovl{position:absolute;left:0;top:0;pointer-events:none;z-index:5;overflow:visible}.empty{padding:30px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--border);border-radius:12px}[hidden]{display:none!important}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.card h3{margin:0 0 12px;font-size:15px}.trk-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;border:1px solid var(--border);border-radius:9px;margin-top:8px;background:#fff;font-size:13px}.trk-row .trk-name{font-weight:700;min-width:44px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trk-row .trk-hw{font-size:11px;color:var(--muted);white-space:nowrap}.trk-row .trk-flag{display:inline-flex;align-items:center;gap:3px;font-size:12px;white-space:nowrap;cursor:pointer;color:var(--text)}.trk-row .trk-flag input{margin:0}.trk-row select{padding:2px 4px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:12px;max-width:190px}.trk-row input[type=range]{width:64px;vertical-align:middle}.trk-hint{font-size:12px;color:var(--muted)}.sf2-dl{display:inline-flex;align-items:center;gap:6px;font-size:12px}.sf2-dl b{color:var(--accent, #1a7f5a);min-width:34px}.sf2-dl-bar{width:110px;height:6px;border-radius:3px;background:#e8ebef;overflow:hidden}.sf2-dl-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#27a27a,#1a7f5a);transition:width .25s ease}.trk-style-wrap{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}.trk-style-wrap .style-lbl{font-weight:700;font-size:12px;white-space:nowrap}.trk-style-wrap select{max-width:230px}.tc-tabs{display:flex;gap:6px;margin-bottom:12px}.tc-tab{padding:6px 14px;border:1px solid var(--border);background:#f8fafc;border-radius:8px;cursor:pointer;font-size:13px;color:var(--muted);font-family:inherit}.tc-tab.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.dev-box{border:1px solid var(--border);border-radius:9px;padding:10px 12px;margin-top:8px}.dev-box h4{margin:0 0 8px;font-size:13px;display:flex;align-items:center;gap:8px}.dev-tag{padding:1px 8px;border-radius:99px;font-size:12px;background:#f1f5f9;color:var(--muted)}.dev-tag.on{color:var(--ok);background:#f0fdf4;border:1px solid #bbf7d0}.dev-box .mini.primary{background:var(--blue);border-color:var(--blue);color:#fff}.dev-box .mini:disabled{opacity:.45;cursor:not-allowed}.dev-info{font-size:12px;color:var(--muted);margin-top:6px}.dev-note{font-size:12px;padding:8px 10px;border-radius:8px;background:#fffbeb;color:var(--warn);margin-top:6px}.dev-side{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);display:grid;gap:2px}.dev-side-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.7}.dev-side-row b{font-weight:600;color:var(--ink);white-space:nowrap}.dev-side-row span{color:var(--muted)}.fw-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:60;display:flex;align-items:center;justify-content:center}.fw-modal{background:#fff;border-radius:14px;padding:22px 24px;width:min(480px,calc(100vw - 32px));box-shadow:0 18px 50px #0f172a40}.fw-modal h3{margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:10px}.fw-upd-list{display:grid;gap:6px;margin-bottom:12px}.fw-line{font-size:13px;color:var(--ink);background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:6px 10px;display:flex;justify-content:space-between;gap:10px}.fw-upd-progress{font-size:13px;color:var(--blue);margin:10px 0;min-height:18px}.fw-upd-actions{display:flex;gap:10px;flex-wrap:wrap}.fw-upd-actions .btn{padding:7px 16px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:13px}.fw-upd-actions .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.fw-upd-actions .btn.danger{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.fw-upd-actions .btn:disabled{opacity:.45;cursor:not-allowed}.fw-upd-warn{margin:12px 0 0;font-size:12px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}.dev-log{margin-top:6px;height:200px;overflow-y:auto;background:#0f172a;color:#a5f3fc;font:11px/1.55 ui-monospace,Consolas,monospace;border-radius:8px;padding:8px 10px;white-space:pre-wrap;word-break:break-all}.dev-log div{white-space:pre-wrap}.dev-stat-line{font-size:11px;color:var(--muted);margin-top:4px}.link-chips{display:flex;gap:8px;align-items:center;flex:0 0 auto}.chip{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:#f1f5f9;color:var(--muted);white-space:nowrap}.chip.on{background:#dcfce7;border-color:#86efac;color:#15803d}body{margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;background:var(--bg);color:var(--text)}#app{min-height:100vh}.app-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--border);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:36px;height:36px;border-radius:9px;object-fit:cover;display:block}.brand h1{margin:0;font-size:18px}.brand span{font-size:12px;color:var(--muted)}.app-nav{display:flex;gap:6px}.app-nav a{padding:6px 14px;border-radius:8px;text-decoration:none;color:var(--text);font-size:14px}.app-nav a.router-link-active{background:#eef2ff;color:var(--blue);font-weight:600}.header-right{display:flex;gap:10px;align-items:center}.user-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:#f8fafc;font-size:13px;cursor:pointer}.user-chip .chip-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}.author-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:12px}.author-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-chip .author-name{max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{max-width:1280px;margin:0 auto;padding:20px 16px 40px}.page-title{margin:0 0 16px;font-size:22px}.search-box{display:flex;gap:8px;margin-bottom:20px}.search-box input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px}.style-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.style-chip{padding:5px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:13px;color:var(--text)}.style-chip.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.rank-tabs{display:flex;gap:8px;margin-bottom:12px}.rank-list{list-style:none;margin:0;padding:0}.rank-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:#fff;cursor:pointer}.rank-item:hover{border-color:var(--blue)}.rank-no{width:28px;height:28px;border-radius:50%;background:#f1f5f9;color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 auto}.rank-no.top{background:#fef3c7;color:#b45309}.rank-item .meta{flex:1;min-width:0}.rank-item .title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item .sub{font-size:12px;color:var(--muted);margin-top:2px}.rank-count{font-size:13px;color:var(--blue);font-weight:600;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.playlist-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:14px;cursor:pointer;transition:box-shadow .15s}.playlist-card:hover{box-shadow:0 4px 16px #0f172a14}.playlist-card .cover{height:120px;border-radius:9px;background:linear-gradient(135deg,#93c5fd,#c4b5fd);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;overflow:hidden}.playlist-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.pl-head{display:flex;align-items:center;gap:14px;margin-bottom:4px}.pl-cover{width:96px;height:96px;border-radius:12px;object-fit:cover;border:1px solid var(--border);background:#f8fafc;flex:0 0 auto}.pl-meta{min-width:0}.pl-meta .page-title{margin:0 0 4px}.playlist-card h4{margin:10px 0 4px;font-size:15px}.playlist-card p{margin:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-layout{display:flex;gap:12px;align-items:flex-start;max-width:none}.detail-side{display:flex;flex-direction:column;gap:10px;flex:0 0 330px;max-height:calc(100vh - 120px);overflow-y:auto;padding:2px}.detail-side .play-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:center;padding:10px 12px}.detail-side .play-bar>*:not(.btn){grid-column:1 / -1}.detail-side .play-bar .btn{width:100%}.detail-side .pb-pair{display:flex;justify-content:space-between;gap:8px;grid-column:1 / -1}.detail-side .mute-pair .mute-btn{flex:1;padding:3px 0}.detail-main{flex:1 1 auto;max-width:780px;min-width:0;margin:0 auto}.detail-main .score-sheet{max-height:calc(100vh - 140px)}@media(max-width:1100px){.detail-layout{flex-direction:column}.detail-side{flex:0 0 auto;max-height:none;overflow:visible}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:12px;padding:20px 22px;width:min(460px,92vw);box-shadow:0 20px 50px #0f172a40}.lm-tabs{display:flex;gap:8px;margin:10px 0 14px}.lm-tab{flex:1;padding:7px 0;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.lm-tab.on{background:#eef2ff;border-color:var(--blue);color:var(--blue);font-weight:600}.email-login .row{display:flex;gap:8px;margin-bottom:10px}.email-login .row input{flex:1;min-width:0}.modal h3{margin:0 0 8px;font-size:16px}.modal .hint{font-size:12px;color:var(--muted);margin:4px 0}.modal-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.qr-ticket{font-family:Consolas,monospace;font-size:12px;background:#f8fafc;border:1px dashed var(--border);border-radius:8px;padding:10px;word-break:break-all;margin:10px 0}.demo-login{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.demo-login .row{display:flex;gap:8px;margin-top:8px}.me-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:#fff;cursor:pointer}.list-item:hover{border-color:var(--blue)}.empty-tip{padding:30px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--border);border-radius:12px}.form-row{display:flex;gap:8px;margin:8px 0}.form-row input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px}