.mb[data-v-5c7967fe]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--mb-color) 22%,transparent),color-mix(in srgb,var(--mb-color) 10%,transparent));border:1px solid color-mix(in srgb,var(--mb-color) 55%,transparent);color:var(--color-text);font-weight:700;letter-spacing:.2px;line-height:1.4;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 10px var(--mb-glow)}.mb--xs[data-v-5c7967fe]{font-size:10px;padding:1px 6px}.mb--sm[data-v-5c7967fe]{font-size:11px;padding:2px 7px}.mb--md[data-v-5c7967fe]{font-size:12px;padding:2px 9px}.mb--lg[data-v-5c7967fe]{font-size:14px;padding:4px 12px}.mb__diamond[data-v-5c7967fe]{display:inline-flex;align-items:center;color:var(--mb-color);filter:drop-shadow(0 0 4px var(--mb-glow))}.mb--xs .mb__diamond svg[data-v-5c7967fe],.mb--sm .mb__diamond svg[data-v-5c7967fe]{width:8px;height:8px}.mb--lg .mb__diamond svg[data-v-5c7967fe]{width:12px;height:12px}.mode-toggle[data-v-576b5457]{position:relative;width:38px;height:38px;border-radius:50%;background:var(--bg-soft-2);border:1px solid var(--color-border);color:var(--color-text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}.mode-toggle[data-v-576b5457]:hover{color:var(--color-on-accent);background:var(--grad-accent);border-color:transparent;box-shadow:0 0 14px rgba(var(--color-accent-rgb),.4);transform:translateY(-1px)}.mode-toggle__ico[data-v-576b5457]{transition:transform .35s ease}.mode-toggle:hover .mode-toggle__ico[data-v-576b5457]{transform:rotate(30deg)}.flag-icon[data-v-ebbee530]{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.flag-icon[data-v-ebbee530] svg{width:100%;height:auto;border-radius:2px;box-shadow:0 1px 3px #00000059}.lang-switcher[data-v-fdd4e67c]{position:relative;flex-shrink:0}.lang-btn[data-v-fdd4e67c]{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);background:var(--bg-soft-2);border:1px solid var(--color-border);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-btn[data-v-fdd4e67c]:hover{background:var(--bg-card-hover);border-color:rgba(var(--color-accent-2-rgb),.5)}.lang-btn__label[data-v-fdd4e67c]{white-space:nowrap}.lang-btn__caret[data-v-fdd4e67c]{color:var(--color-text-sub);transition:transform .2s ease}.lang-switcher:hover .lang-btn__caret[data-v-fdd4e67c]{transform:rotate(180deg)}.lang-menu[data-v-fdd4e67c]{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:168px;background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-elevate);padding:6px;z-index:300}.lang-opt[data-v-fdd4e67c]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius);background:transparent;border:none;color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;text-align:start}.lang-opt[data-v-fdd4e67c]:hover{background:var(--bg-card-hover)}.lang-opt--active[data-v-fdd4e67c]{background:rgba(var(--color-accent-rgb),.12)}.lang-opt__label[data-v-fdd4e67c]{flex:1}.lang-opt__check[data-v-fdd4e67c]{color:var(--color-accent-2);display:inline-flex}.app-download[data-v-f022b0b6]{position:relative;flex-shrink:0}.app-download__btn[data-v-f022b0b6]{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(var(--color-accent-2-rgb),.45);background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent-2);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.app-download__btn[data-v-f022b0b6]:hover{background:rgba(var(--color-accent-rgb),.2);border-color:rgba(var(--color-accent-2-rgb),.7)}.caret[data-v-f022b0b6]{opacity:.7}.app-download__pop[data-v-f022b0b6]{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000073;overflow:hidden;z-index:120}.pop-item[data-v-f022b0b6]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s;text-decoration:none}.pop-item[data-v-f022b0b6]:hover{background:var(--bg-soft-2)}.pop-item__ico[data-v-f022b0b6]{color:var(--color-accent-2);flex-shrink:0}.pop-qr[data-v-f022b0b6]{padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border-bottom:1px solid var(--color-border)}.pop-qr canvas[data-v-f022b0b6]{width:150px;height:150px;border-radius:6px}.pop-qr__hint[data-v-f022b0b6]{color:#666;font-size:11px;text-align:center}.pop-ver[data-v-f022b0b6]{padding:8px 14px;font-size:11px;color:var(--color-text-sub);text-align:center}.fade-enter-active[data-v-f022b0b6],.fade-leave-active[data-v-f022b0b6]{transition:opacity .15s ease,transform .15s ease}.fade-enter-from[data-v-f022b0b6],.fade-leave-to[data-v-f022b0b6]{opacity:0;transform:translateY(-4px)}.navbar[data-v-f24a4f61]{position:sticky;top:0;z-index:100;height:64px;flex-shrink:0;background:var(--bg-navbar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.navbar__inner[data-v-f24a4f61]{height:100%;max-width:1600px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:40px}.brand[data-v-f24a4f61]{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand__text[data-v-f24a4f61]{font-size:18px;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.brand__text em[data-v-f24a4f61]{color:var(--color-accent-2);font-style:normal}.navbar__nav[data-v-f24a4f61]{display:flex;align-items:center;gap:4px;flex:1}.nav-item[data-v-f24a4f61]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius);color:var(--color-text-sub);font-weight:500;font-size:14px;white-space:nowrap;transition:all .2s ease}.nav-item[data-v-f24a4f61]:hover{color:var(--color-text);background:var(--bg-soft-2)}.nav-item--active[data-v-f24a4f61]{color:var(--color-text);background:rgba(var(--color-accent-rgb),.12)}.nav-icon[data-v-f24a4f61]{display:flex;align-items:center;justify-content:center}.navbar__actions[data-v-f24a4f61]{display:flex;align-items:center;gap:14px;flex-shrink:0}.admin-link[data-v-f24a4f61]{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:var(--color-text);background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.18),rgba(var(--color-accent-2-rgb),.12));border:1px solid rgba(var(--color-accent-2-rgb),.45);cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-link[data-v-f24a4f61]:hover{background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.3),rgba(var(--color-accent-2-rgb),.2));border-color:rgba(var(--color-accent-2-rgb),.7);box-shadow:0 0 14px rgba(var(--color-accent-2-rgb),.35)}.admin-link__icon[data-v-f24a4f61]{display:flex;align-items:center;justify-content:center;color:var(--color-accent-2)}.guest-btn[data-v-f24a4f61]{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s ease;text-decoration:none}.guest-btn--ghost[data-v-f24a4f61]{color:var(--color-text);background:var(--bg-soft-2);border:1px solid var(--color-border)}.guest-btn--ghost[data-v-f24a4f61]:hover{color:var(--color-text);background:var(--bg-card-hover);border-color:var(--color-accent-2)}.guest-btn--solid[data-v-f24a4f61]{color:var(--color-on-accent);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border:1px solid transparent;box-shadow:0 4px 14px rgba(var(--color-accent-rgb),.35)}.guest-btn--solid[data-v-f24a4f61]:hover{filter:brightness(1.08);box-shadow:0 4px 18px rgba(var(--color-accent-rgb),.5)}@media (max-width: 760px){.admin-link span[data-v-f24a4f61]:last-child{display:none}.admin-link[data-v-f24a4f61]{padding:7px 10px}}.user-menu[data-v-f24a4f61]{position:relative}.user-box[data-v-f24a4f61]{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--radius-pill);background:var(--bg-soft-2);cursor:pointer;transition:background .2s ease}.user-box[data-v-f24a4f61]:hover{background:var(--bg-card-hover)}.user-avatar[data-v-f24a4f61]{width:28px;height:28px;border-radius:50%;background:var(--grad-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden}.user-avatar__img[data-v-f24a4f61]{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-caret[data-v-f24a4f61]{color:var(--color-text-sub);flex-shrink:0;transition:transform .2s ease}.user-name[data-v-f24a4f61]{color:var(--color-text);font-weight:600;font-size:13px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown[data-v-f24a4f61]{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:160px;background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-elevate);padding:6px;z-index:200}.user-dropdown__item[data-v-f24a4f61]{display:block;width:100%;text-align:start;padding:10px 12px;border-radius:var(--radius);color:var(--color-text);font-size:13px;font-weight:500;transition:background .2s ease,color .2s ease}.user-dropdown__item[data-v-f24a4f61]:hover{background:var(--bg-card-hover)}.user-dropdown__item--danger[data-v-f24a4f61]:hover{color:#ff6b78;background:#e914291a}@media (max-width: 760px){.navbar__inner[data-v-f24a4f61]{padding:0 16px;gap:12px}.nav-item .nav-icon+span[data-v-f24a4f61]{display:none}.nav-item[data-v-f24a4f61]{padding:8px 10px}.user-name[data-v-f24a4f61]{display:none}}.invite-mask[data-v-f24a4f61]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invite-modal[data-v-f24a4f61]{width:100%;max-width:380px;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-elevate)}.invite-modal__head[data-v-f24a4f61]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.invite-modal__title[data-v-f24a4f61]{font-size:18px;font-weight:800;color:var(--color-text)}.invite-modal__close[data-v-f24a4f61]{background:none;border:none;color:var(--color-text-sub);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.invite-modal__close[data-v-f24a4f61]:hover{color:var(--color-text)}.invite-modal__desc[data-v-f24a4f61]{color:var(--color-text-sub);font-size:13px;margin-bottom:14px}.invite-code-box[data-v-f24a4f61]{display:flex;align-items:center;gap:10px}.invite-code[data-v-f24a4f61]{flex:1;min-width:0;font-family:Courier New,monospace;font-size:20px;font-weight:800;letter-spacing:3px;color:var(--color-accent-2);background:rgba(var(--color-accent-2-rgb),.08);border:1px dashed rgba(var(--color-accent-2-rgb),.4);border-radius:10px;padding:10px 12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-modal__foot[data-v-f24a4f61]{margin-top:20px;display:flex;justify-content:center}.announcement-btn[data-v-f24a4f61]{position:relative;width:38px;height:38px;border-radius:50%;background:var(--bg-soft-2);border:1px solid var(--color-border);color:var(--color-text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.announcement-btn[data-v-f24a4f61]:hover{color:var(--color-text);background:rgba(var(--color-accent-rgb),.12);border-color:rgba(var(--color-accent-2-rgb),.5)}.announcement-btn__badge[data-v-f24a4f61]{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#ef4444);color:var(--color-on-accent);font-size:11px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ef444499;border:2px solid var(--bg-base)}.announce-mask[data-v-f24a4f61]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.announce-modal[data-v-f24a4f61]{width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevate);overflow:hidden}.announce-modal__head[data-v-f24a4f61]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px}.announce-modal__title[data-v-f24a4f61]{font-size:18px;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:8px}.announce-modal__title[data-v-f24a4f61]:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad-accent-hot);box-shadow:0 0 8px rgba(var(--color-accent-2-rgb),.6)}.announce-modal__close[data-v-f24a4f61]{background:none;border:none;color:var(--color-text-sub);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.announce-modal__close[data-v-f24a4f61]:hover{color:var(--color-text)}.announce-modal__body[data-v-f24a4f61]{flex:1;overflow-y:auto;padding:4px 24px 8px}.announce-empty[data-v-f24a4f61]{text-align:center;padding:40px 10px;color:var(--color-text-sub);font-size:13px}.announce-list[data-v-f24a4f61]{display:flex;flex-direction:column;gap:14px}.announce-item[data-v-f24a4f61]{background:var(--bg-soft-1);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px}.announce-item__head[data-v-f24a4f61]{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.announce-item__title[data-v-f24a4f61]{font-size:14px;font-weight:800;color:var(--color-text)}.announce-item__time[data-v-f24a4f61]{font-size:11px;color:var(--color-text-sub);flex-shrink:0}.announce-item__content[data-v-f24a4f61]{font-size:13px;color:var(--text-soft);line-height:1.7;white-space:pre-line;word-break:break-word}.announce-modal__foot[data-v-f24a4f61]{padding:12px 24px 20px;display:flex;justify-content:center}.player-bar[data-v-e4919cc8]{height:90px;flex-shrink:0;background:var(--bg-panel);border-top:1px solid var(--color-border);display:flex;align-items:center;padding:0 16px;gap:16px}.player-track[data-v-e4919cc8]{flex:0 0 240px;display:flex;align-items:center;gap:12px;min-width:0}.cover[data-v-e4919cc8]{width:56px;height:56px;border-radius:8px;background:var(--grad-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;flex-shrink:0;box-shadow:0 0 16px rgba(var(--color-accent-rgb),.35)}.cover--empty[data-v-e4919cc8]{background:#2a2a2a;color:#555}.cover-img[data-v-e4919cc8]{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.meta[data-v-e4919cc8]{min-width:0}.title[data-v-e4919cc8]{color:var(--color-text);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title--empty[data-v-e4919cc8]{color:var(--color-text-sub);font-weight:600}.uploader[data-v-e4919cc8]{color:var(--color-text-sub);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls[data-v-e4919cc8]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:720px;margin:0 auto}.buttons[data-v-e4919cc8]{display:flex;align-items:center;gap:18px}.ctrl-btn[data-v-e4919cc8]{color:var(--color-text-sub);display:flex;align-items:center;justify-content:center;transition:color .2s;cursor:pointer;background:transparent;border:none;padding:4px}.ctrl-btn[data-v-e4919cc8]:hover:not(:disabled){color:var(--color-text)}.ctrl-btn[data-v-e4919cc8]:disabled{opacity:.4;cursor:not-allowed}.ctrl-btn--active[data-v-e4919cc8]{color:var(--color-accent-2)}.mode-btn[data-v-e4919cc8]{color:var(--color-text-sub)}.mode-btn[data-v-e4919cc8]:hover{color:var(--color-accent-2)}.play-btn[data-v-e4919cc8]{width:40px;height:40px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s;border:none;cursor:pointer}.play-btn[data-v-e4919cc8]:hover:not(:disabled){transform:scale(1.08);background:var(--color-accent);color:#000}.play-btn--disabled[data-v-e4919cc8]{opacity:.5;cursor:not-allowed}.progress[data-v-e4919cc8]{display:flex;align-items:center;gap:10px;width:100%}.time[data-v-e4919cc8]{color:var(--color-text-sub);font-size:11px;min-width:36px;text-align:center}.progress-bar[data-v-e4919cc8]{flex:1;height:4px;background:#4d4d4d;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-bar[data-v-e4919cc8]:hover{background:#6a6a6a}.progress-fill[data-v-e4919cc8]{height:100%;background:var(--color-accent);border-radius:2px;transition:width .1s linear}.player-extra[data-v-e4919cc8]{flex:0 0 260px;display:flex;justify-content:flex-end}.extra-btns[data-v-e4919cc8]{display:flex;align-items:center;gap:10px}.volume[data-v-e4919cc8]{display:flex;align-items:center;gap:6px;color:var(--color-text-sub)}.volume-ico[data-v-e4919cc8]{display:flex}.volume-slider[data-v-e4919cc8]{width:84px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#4d4d4d;outline:none;cursor:pointer}.volume-slider[data-v-e4919cc8]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--color-accent-2);cursor:grab}.volume-slider[data-v-e4919cc8]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--color-accent-2);cursor:grab}.fav-btn--on[data-v-e4919cc8],.fav-btn[data-v-e4919cc8]:hover{color:#f43f5e}.list-wrap[data-v-e4919cc8]{position:relative}.fav-pop[data-v-e4919cc8]{position:absolute;bottom:calc(100% + 10px);right:0;width:400px;max-height:560px;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 -8px 30px #00000073;overflow:hidden;z-index:50}.fav-pop__head[data-v-e4919cc8]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.fav-pop__title[data-v-e4919cc8]{font-size:13px;font-weight:800;color:var(--color-text)}.fav-pop__count[data-v-e4919cc8]{font-size:11px;font-weight:700;color:var(--color-text-sub);background:var(--bg-soft-2);border:1px solid var(--color-border);border-radius:999px;padding:1px 8px}.fav-pop__empty[data-v-e4919cc8]{padding:28px 16px;text-align:center;color:var(--color-text-sub);font-size:12px}.fav-pop__list[data-v-e4919cc8]{overflow-y:auto;max-height:460px}.fav-item[data-v-e4919cc8]{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .15s}.fav-item[data-v-e4919cc8]:hover{background:var(--bg-soft-2)}.fav-item--active[data-v-e4919cc8]{background:rgba(var(--color-accent-rgb),.12)}.fav-item__cover[data-v-e4919cc8]{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grad-accent);color:var(--color-on-accent);font-weight:800;font-size:15px;box-shadow:0 4px 10px #00000059}.fav-item__cover img[data-v-e4919cc8]{width:100%;height:100%;object-fit:cover;display:block}.fav-item__text[data-v-e4919cc8]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fav-item__title[data-v-e4919cc8]{color:var(--color-text);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-item__artist[data-v-e4919cc8]{color:var(--color-text-sub);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-item__del[data-v-e4919cc8]{flex-shrink:0;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--color-text-sub);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.fav-item__del[data-v-e4919cc8]:hover{color:#f87171;background:#ef444426}@media (max-width: 1100px){.player-track[data-v-e4919cc8]{flex-basis:180px}.volume[data-v-e4919cc8]{display:none}}@media (max-width: 900px){.player-extra[data-v-e4919cc8]{display:none}}.confirm-mask[data-v-d5f8d2b8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal[data-v-d5f8d2b8]{width:100%;max-width:380px;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-elevate)}.confirm-modal__head[data-v-d5f8d2b8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.confirm-modal__title[data-v-d5f8d2b8]{font-size:17px;font-weight:800;color:var(--color-text)}.confirm-modal__close[data-v-d5f8d2b8]{background:none;border:none;color:var(--color-text-sub);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.confirm-modal__close[data-v-d5f8d2b8]:hover{color:var(--color-text)}.confirm-modal__body[data-v-d5f8d2b8]{min-height:40px}.confirm-modal__msg[data-v-d5f8d2b8]{color:var(--color-text);font-size:14px;line-height:1.7;white-space:pre-line;margin:0}.confirm-modal__foot[data-v-d5f8d2b8]{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.confirm-modal__btn[data-v-d5f8d2b8]{min-width:88px;padding:9px 18px;font-size:13px}.confirm-fade-enter-active[data-v-d5f8d2b8],.confirm-fade-leave-active[data-v-d5f8d2b8]{transition:opacity .22s ease}.confirm-fade-enter-active .confirm-modal[data-v-d5f8d2b8],.confirm-fade-leave-active .confirm-modal[data-v-d5f8d2b8]{transition:transform .22s ease}.confirm-fade-enter-from[data-v-d5f8d2b8],.confirm-fade-leave-to[data-v-d5f8d2b8]{opacity:0}.confirm-fade-enter-from .confirm-modal[data-v-d5f8d2b8],.confirm-fade-leave-to .confirm-modal[data-v-d5f8d2b8]{transform:scale(.94) translateY(8px)}.toast[data-v-ab8670f2]{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#16161ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);padding:12px 20px;border-radius:var(--radius);box-shadow:var(--shadow-elevate);display:flex;align-items:center;gap:10px;z-index:9999;max-width:90vw;border:1px solid rgba(var(--color-accent-3-rgb),.4);font-size:14px}.toast__icon[data-v-ab8670f2]{width:20px;height:20px;border-radius:50%;background:var(--grad-accent-hot);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.toast__msg[data-v-ab8670f2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-enter-active[data-v-ab8670f2],.toast-leave-active[data-v-ab8670f2]{transition:opacity .25s ease,transform .25s ease}.toast-enter-from[data-v-ab8670f2],.toast-leave-to[data-v-ab8670f2]{opacity:0;transform:translate(-50%,-10px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background-color:var(--bg-base);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(var(--color-accent-rgb),.18),transparent 70%),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(var(--color-accent-3-rgb),.08),transparent 70%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,100% 100%,56px 56px,56px 56px;background-attachment:fixed;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}img{display:block;max-width:100%}:root{--bg-base: #0a0a0f;--bg-panel: #11111a;--bg-card: #16161f;--bg-card-hover: #1e1e2a;--bg-navbar: rgba(10, 10, 15, .72);--color-accent: #6366f1;--color-accent-2: #8b5cf6;--color-accent-3: #ec4899;--color-accent-hover: #7c7ff5;--color-accent-rgb: 99, 102, 241;--color-accent-2-rgb: 139, 92, 246;--color-accent-3-rgb: 236, 72, 153;--color-text: #ffffff;--color-text-sub: #a1a1aa;--color-border: rgba(255, 255, 255, .08);--color-on-accent: #ffffff;--bg-soft-1: rgba(255, 255, 255, .02);--bg-soft-2: rgba(255, 255, 255, .04);--bg-soft-3: rgba(255, 255, 255, .06);--bg-soft-4: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .04);--placeholder: #5c5c66;--text-soft: #d4d4d8;--grid-line: rgba(255, 255, 255, .018);--grad-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--grad-accent-hot: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--radius: 8px;--radius-lg: 16px;--radius-pill: 999px;--shadow-elevate: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 32px rgba(99, 102, 241, .35)}html[data-mode=light]{--bg-base: #f3f4f9;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-card-hover: #e9ebf4;--bg-navbar: rgba(255, 255, 255, .82);--color-text: #191928;--color-text-sub: #5b6272;--color-border: rgba(24, 24, 48, .1);--bg-soft-1: rgba(24, 24, 48, .03);--bg-soft-2: rgba(24, 24, 48, .05);--bg-soft-3: rgba(24, 24, 48, .07);--bg-soft-4: rgba(24, 24, 48, .1);--bg-input: rgba(24, 24, 48, .04);--placeholder: #9aa1b0;--text-soft: #3f4453;--grid-line: rgba(24, 24, 48, .04);--shadow-elevate: 0 8px 32px rgba(24, 24, 48, .14)}html[data-theme=green]{--color-accent: #10b981;--color-accent-2: #22c55e;--color-accent-3: #84cc16;--color-accent-hover: #34d399;--color-accent-rgb: 16, 185, 129;--color-accent-2-rgb: 34, 197, 94;--color-accent-3-rgb: 132, 204, 22;--grad-accent: linear-gradient(135deg, #10b981 0%, #22c55e 100%);--grad-accent-hot: linear-gradient(135deg, #10b981 0%, #84cc16 100%);--shadow-glow: 0 0 32px rgba(16, 185, 129, .35)}html[data-theme=blue]{--color-accent: #3b82f6;--color-accent-2: #06b6d4;--color-accent-3: #6366f1;--color-accent-hover: #60a5fa;--color-accent-rgb: 59, 130, 246;--color-accent-2-rgb: 6, 182, 212;--color-accent-3-rgb: 99, 102, 241;--grad-accent: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--grad-accent-hot: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--shadow-glow: 0 0 32px rgba(59, 130, 246, .35)}html[data-theme=orange]{--color-accent: #f97316;--color-accent-2: #f59e0b;--color-accent-3: #ef4444;--color-accent-hover: #fb923c;--color-accent-rgb: 249, 115, 22;--color-accent-2-rgb: 245, 158, 11;--color-accent-3-rgb: 239, 68, 68;--grad-accent: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--grad-accent-hot: linear-gradient(135deg, #f97316 0%, #ef4444 100%);--shadow-glow: 0 0 32px rgba(249, 115, 22, .35)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-accent-2-rgb),.5);background-clip:content-box;border:2px solid transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.app-shell{display:flex;flex-direction:column;height:100%;width:100%}.app-body{flex:1;display:flex;flex-direction:column;min-height:0}.content-scroll{flex:1;overflow-y:auto;padding:28px 32px 120px}.content-scroll--center{display:flex;align-items:center;justify-content:center;padding:32px}.content-scroll--fullscreen{padding:0;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--radius-pill);font-weight:600;font-size:14px;letter-spacing:.2px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--grad-accent);color:var(--color-on-accent);box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.4)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--color-accent-rgb),.55)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:var(--bg-soft-1)}.btn-outline:hover{border-color:rgba(var(--color-accent-2-rgb),.6);background:var(--bg-soft-2)}.field{margin-bottom:16px}.field label{display:block;margin-bottom:8px;font-size:13px;color:var(--color-text-sub)}.field input{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;transition:all .2s}.field input::placeholder{color:var(--placeholder)}.field input:focus{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.06)}.field-error{color:#f87171;font-size:12px;margin-top:6px}.card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .25s ease}.section-title{font-size:22px;font-weight:700;margin-bottom:20px;letter-spacing:-.5px}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-sub)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}[dir=rtl] .play-fab svg,[dir=rtl] .rank-play svg,[dir=rtl] .ctrl-btn svg{transform:scaleX(-1)}[dir=rtl] .pager-btn{transform:scaleX(-1)}.gradient-text{background:var(--grad-accent-hot);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}