@charset "UTF-8";.comment-backdrop[data-v-06a8110e]{position:fixed;inset:0;background:#00000059;z-index:600;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.comment-panel[data-v-06a8110e]{position:fixed;z-index:601;display:flex;flex-direction:column;background:#1c1c20f5;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);color:#ffffffe6;top:0;right:0;bottom:0;width:min(400px,45vw);border-left:1px solid rgba(255,255,255,.08);box-shadow:-8px 0 32px #0006}.cp-header[data-v-06a8110e]{flex-shrink:0;padding:20px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.cp-title-row[data-v-06a8110e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cp-title[data-v-06a8110e]{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#fff}.cp-count[data-v-06a8110e]{font-size:13px;font-weight:400;color:#ffffff73}.cp-close[data-v-06a8110e]{background:transparent;border:none;cursor:pointer;color:#ffffff8c;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s,color .2s;flex-shrink:0}.cp-close[data-v-06a8110e]:hover{background:#ffffff1a;color:#fff}.cp-sort[data-v-06a8110e]{display:flex;gap:4px}.sort-btn[data-v-06a8110e]{background:transparent;border:none;cursor:pointer;font-size:13px;color:#ffffff73;padding:5px 12px;border-radius:20px;transition:background .2s,color .2s}.sort-btn[data-v-06a8110e]:hover{color:#ffffffbf;background:#ffffff0f}.sort-btn.active[data-v-06a8110e]{color:#fff;background:#ffffff1f;font-weight:500}.cp-list[data-v-06a8110e]{flex:1;overflow-y:auto;padding:8px 0}.cp-list[data-v-06a8110e]::-webkit-scrollbar{width:4px}.cp-list[data-v-06a8110e]::-webkit-scrollbar-track{background:transparent}.cp-list[data-v-06a8110e]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.cp-center[data-v-06a8110e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;color:#fff6;font-size:14px}.cp-error[data-v-06a8110e]{color:#ff6464cc}.cp-empty[data-v-06a8110e]{color:#ffffff4d}.retry-btn[data-v-06a8110e]{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:13px;transition:background .2s}.retry-btn[data-v-06a8110e]:hover{background:#ffffff2e}.cp-item[data-v-06a8110e]{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.cp-item[data-v-06a8110e]:hover{background:#ffffff08}.cp-item[data-v-06a8110e]:last-child{border-bottom:none}.cp-avatar[data-v-06a8110e]{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#ffffff14}.cp-body[data-v-06a8110e]{flex:1;min-width:0}.cp-meta[data-v-06a8110e]{display:flex;align-items:baseline;gap:6px;margin-bottom:5px}.cp-name[data-v-06a8110e]{font-size:13px;font-weight:500;color:#ffffffbf}.cp-location[data-v-06a8110e]{font-size:11px;color:#ffffff4d}.cp-content[data-v-06a8110e]{font-size:14px;color:#ffffffe0;line-height:1.6;margin:0 0 6px;word-break:break-word}.cp-replied[data-v-06a8110e]{background:#ffffff0f;border-left:2px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:0 6px 6px 0;font-size:12px;color:#ffffff73;margin-bottom:6px;line-height:1.5;word-break:break-word}.cp-replied-name[data-v-06a8110e]{color:#fff9;font-weight:500}.cp-footer[data-v-06a8110e]{display:flex;align-items:center;justify-content:space-between;gap:8px}.cp-time[data-v-06a8110e]{font-size:11px;color:#ffffff4d}.like-btn[data-v-06a8110e]{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;color:#ffffff59;font-size:12px;padding:2px 6px;border-radius:12px;transition:color .2s,background .2s}.like-btn[data-v-06a8110e]:hover{color:#ffffffa6;background:#ffffff0f}.like-btn.liked[data-v-06a8110e]{color:#ff5a5f}.cp-more[data-v-06a8110e]{display:flex;justify-content:center;align-items:center;padding:20px 0 28px;min-height:60px;color:#ffffff40;font-size:12px}.cp-end[data-v-06a8110e]{color:#fff3;font-size:12px}@keyframes spin-06a8110e{to{transform:rotate(360deg)}}.spin[data-v-06a8110e]{animation:spin-06a8110e .9s linear infinite;color:#fff6}.cp-panel-enter-active[data-v-06a8110e],.cp-panel-leave-active[data-v-06a8110e]{transition:transform .32s cubic-bezier(.33,1,.68,1),opacity .32s ease}.cp-panel-enter-from[data-v-06a8110e],.cp-panel-leave-to[data-v-06a8110e]{transform:translate(100%);opacity:0}.cp-backdrop-enter-active[data-v-06a8110e],.cp-backdrop-leave-active[data-v-06a8110e]{transition:opacity .28s ease}.cp-backdrop-enter-from[data-v-06a8110e],.cp-backdrop-leave-to[data-v-06a8110e]{opacity:0}@media(max-width:768px){.comment-panel[data-v-06a8110e]{inset:auto 0 0;width:100%;height:72vh;border-left:none;border-top:1px solid rgba(255,255,255,.08);border-radius:18px 18px 0 0;box-shadow:0 -8px 32px #00000080;padding-bottom:env(safe-area-inset-bottom)}.cp-header[data-v-06a8110e]{padding:14px 18px 10px}.cp-header[data-v-06a8110e]:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 14px}.cp-item[data-v-06a8110e]{padding:12px 18px}.cp-panel-enter-from[data-v-06a8110e],.cp-panel-leave-to[data-v-06a8110e]{transform:translateY(100%);opacity:1}}.playlist-panel-overlay[data-v-c4fdb69c]{position:fixed;inset:0;background-color:#0006;z-index:600;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s}.playlist-panel-overlay.is-visible[data-v-c4fdb69c]{opacity:1;pointer-events:auto}.playlist-panel-overlay.is-visible .playlist-panel[data-v-c4fdb69c]{transform:translateY(0)}.playlist-panel[data-v-c4fdb69c]{background-color:#2b2b2b;border-radius:20px 20px 0 0;width:100%;max-width:500px;margin:0 auto;height:60vh;max-height:500px;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.33,1,.68,1);color:#fff;padding-bottom:env(safe-area-inset-bottom)}.panel-header[data-v-c4fdb69c]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.header-left[data-v-c4fdb69c]{display:flex;align-items:center;gap:8px;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none}.header-left .mode-text[data-v-c4fdb69c]{font-size:15px;font-weight:500}.header-right[data-v-c4fdb69c]{display:flex;align-items:center}.icon-btn[data-v-c4fdb69c]{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.icon-btn[data-v-c4fdb69c]:hover{color:#fff}.panel-list[data-v-c4fdb69c]{flex:1;overflow-y:auto;padding:10px 0}.playlist-item[data-v-c4fdb69c]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;cursor:pointer;transition:background-color .2s}.playlist-item[data-v-c4fdb69c]:hover{background-color:#ffffff0d}.playlist-item.active .song-name[data-v-c4fdb69c],.playlist-item.active .active-icon[data-v-c4fdb69c]{color:#ff5a5f}.item-info[data-v-c4fdb69c]{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden;white-space:nowrap}.item-info .active-icon[data-v-c4fdb69c]{flex-shrink:0}.item-info .song-name[data-v-c4fdb69c]{font-size:15px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis}.item-info .song-dash[data-v-c4fdb69c]{color:#fff6;font-size:12px}.item-info .song-artist[data-v-c4fdb69c]{font-size:13px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis}.delete-btn[data-v-c4fdb69c]{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-c4fdb69c]:hover{color:#ff5a5f}.empty-list[data-v-c4fdb69c]{text-align:center;color:#fff6;padding:40px 0;font-size:14px}.settings-panel-overlay[data-v-9bcc5778]{position:fixed;inset:0;background-color:#0006;z-index:600;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s}.settings-panel-overlay.is-visible[data-v-9bcc5778]{opacity:1;pointer-events:auto}.settings-panel-overlay.is-visible .settings-panel[data-v-9bcc5778]{transform:translateY(0)}.settings-panel[data-v-9bcc5778]{background-color:#2b2b2b;border-radius:20px 20px 0 0;width:100%;max-width:500px;margin:0 auto;min-height:200px;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.33,1,.68,1);color:#fff;padding-bottom:env(safe-area-inset-bottom)}.panel-header[data-v-9bcc5778]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.header-left[data-v-9bcc5778]{display:flex;align-items:center;gap:8px;color:#ffffffe6}.header-left .mode-text[data-v-9bcc5778]{font-size:15px;font-weight:500}.header-right[data-v-9bcc5778]{display:flex;align-items:center}.icon-btn[data-v-9bcc5778]{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.icon-btn[data-v-9bcc5778]:hover{color:#fff}.panel-content[data-v-9bcc5778]{flex:1;padding:24px 20px;overflow-y:auto}.setting-item[data-v-9bcc5778]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.setting-info[data-v-9bcc5778]{display:flex;flex-direction:column;gap:6px}.setting-info .setting-name[data-v-9bcc5778]{font-size:15px;color:#ffffffe6}.setting-info .setting-desc[data-v-9bcc5778]{font-size:12px;color:#ffffff80}.setting-control[data-v-9bcc5778]{display:flex;align-items:center;gap:16px}.setting-control .val-text[data-v-9bcc5778]{font-size:14px;color:#ff5a5f;min-width:44px;text-align:right}.setting-control .range-slider[data-v-9bcc5778]{flex:1;height:4px;background-color:#fff3;border-radius:2px;appearance:none;outline:none}.setting-control .range-slider[data-v-9bcc5778]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#ff5a5f;cursor:pointer}.setting-control .reset-btn[data-v-9bcc5778]{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:12px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s}.setting-control .reset-btn[data-v-9bcc5778]:hover{background:#ffffff1a;color:#fff}.play-page[data-v-f17dfc1c]{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;overflow:hidden;background-color:#222;transition:transform .35s cubic-bezier(.33,1,.68,1),opacity .35s cubic-bezier(.33,1,.68,1)}.play-page.is-exiting[data-v-f17dfc1c],.play-page.is-entering[data-v-f17dfc1c]{transform:translateY(100vh);opacity:0}.bg-blur[data-v-f17dfc1c]{position:absolute;top:50%;left:50%;width:50%;height:50%;background-size:cover;background-position:center;filter:blur(80px);opacity:.6;z-index:-2;transform:translate(-50%,-50%) scale(2.5) translateZ(0);will-change:transform}.bg-mask[data-v-f17dfc1c]{position:absolute;inset:0;background-color:#0006;z-index:-1}.play-header[data-v-f17dfc1c]{position:fixed;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;margin-top:env(safe-area-inset-top)}.nav-btn[data-v-f17dfc1c]{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.comment-fab-group[data-v-f17dfc1c]{position:fixed;top:20px;right:20px;z-index:550;display:flex;flex-direction:column;align-items:center;gap:6px}.comment-fab[data-v-f17dfc1c]{position:relative;overflow:visible;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffb3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.comment-fab[data-v-f17dfc1c]:hover{background:#fff3;color:#fff;border-color:#ffffff4d}.comment-fab.active[data-v-f17dfc1c]{background:#ffffff38;color:#fff;border-color:#ffffff59}.comment-fab-badge[data-v-f17dfc1c]{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:600;line-height:18px;text-align:center;white-space:nowrap;pointer-events:none;box-sizing:border-box}.comment-fab-stats[data-v-f17dfc1c]{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:10px;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#ffffffbf;font-size:11px;white-space:nowrap;pointer-events:none}.comment-fab-stats .stat-heart[data-v-f17dfc1c]{color:#ff5a5f;flex-shrink:0}.header-right-actions[data-v-f17dfc1c]{display:flex;align-items:center;gap:8px}.quality-switcher[data-v-f17dfc1c]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;cursor:pointer;padding:4px;min-width:44px}.quality-badge[data-v-f17dfc1c]{font-size:11px;color:#ffffffe6;border:1px solid rgba(255,255,255,.4);padding:2px 6px;border-radius:4px;transition:all .2s;-webkit-user-select:none;user-select:none}.quality-badge[data-v-f17dfc1c]:active{background:#fff3}.quality-actual[data-v-f17dfc1c]{font-size:9px;color:#ff9500e6;margin-top:2px;transform:scale(.9);transform-origin:right;white-space:nowrap}.header-info[data-v-f17dfc1c]{flex:1;text-align:center;overflow:hidden}.song-title[data-v-f17dfc1c]{color:#fff;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.song-artist[data-v-f17dfc1c]{color:#fff9;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-link[data-v-f17dfc1c]{cursor:pointer;transition:opacity var(--transition-fast)}.artist-link[data-v-f17dfc1c]:hover{opacity:.8;text-decoration:underline;text-underline-offset:2px}.artist-link[data-v-f17dfc1c]:active{opacity:.6}.artist-sep[data-v-f17dfc1c]{pointer-events:none}.desktop-info[data-v-f17dfc1c]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0}.desktop-info .song-title[data-v-f17dfc1c]{color:#fff;font-size:18px;font-weight:600;margin-bottom:0;text-align:center;max-width:60%}.desktop-info .song-dash[data-v-f17dfc1c]{color:#ffffff80;font-size:18px}.desktop-info .song-artist[data-v-f17dfc1c]{color:#ffffff80;font-size:18px;font-weight:400;text-align:center;max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-short-lyrics[data-v-f17dfc1c]{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 16px;margin-bottom:8px}.short-lyric-line[data-v-f17dfc1c]{color:#fff6;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-height:21px;transition:all .3s ease}.short-lyric-line.active[data-v-f17dfc1c]{color:#fff;font-size:15px;font-weight:500}.short-lyric-line.empty-line[data-v-f17dfc1c]{color:transparent}.play-content[data-v-f17dfc1c]{flex:1;display:flex;overflow:hidden;padding:20px 0;gap:20px;justify-content:center}.left-side[data-v-f17dfc1c]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.record-section[data-v-f17dfc1c]{display:flex;align-items:center;justify-content:center}.desktop-cover-container[data-v-f17dfc1c]{width:280px;height:280px;border-radius:12px;overflow:hidden;box-shadow:none;display:flex;align-items:center;justify-content:center}.cover-img[data-v-f17dfc1c]{width:100%;height:100%;border-radius:12px;object-fit:cover;z-index:1}@keyframes spin-f17dfc1c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating[data-v-f17dfc1c]{animation:spin-f17dfc1c 20s linear infinite}.controls-section[data-v-f17dfc1c]{display:flex;flex-direction:column;gap:20px;width:320px}.error-toast[data-v-f17dfc1c]{text-align:center;color:#ff5a5f;background-color:#ff5a5f1a;padding:8px;border-radius:8px;font-size:12px}.trial-notice[data-v-f17dfc1c]{text-align:center;color:#ff9500;background-color:#ff95001a;padding:8px;border-radius:8px;font-size:13px;border:1px solid rgba(255,149,0,.2)}.progress-bar-container[data-v-f17dfc1c]{display:flex;align-items:center;gap:12px}.time-text[data-v-f17dfc1c]{color:#fff9;font-size:12px;font-variant-numeric:tabular-nums;width:40px;text-align:center}.progress-slider-wrapper[data-v-f17dfc1c]{flex:1;position:relative;height:24px;display:flex;align-items:center}.progress-track[data-v-f17dfc1c]{position:absolute;left:0;right:0;height:4px;background-color:#fff3;border-radius:2px;pointer-events:none}.progress-fill[data-v-f17dfc1c]{height:100%;background-color:#fff;border-radius:2px}.progress-slider[data-v-f17dfc1c]{position:absolute;width:100%;opacity:0;cursor:pointer;z-index:2}.comment-row-mobile[data-v-f17dfc1c]{display:none}.comment-trigger-mobile[data-v-f17dfc1c]{position:relative;overflow:visible}@media(max-width:768px){.comment-row-mobile[data-v-f17dfc1c]{display:flex;align-items:center;justify-content:space-between}.comment-row-left[data-v-f17dfc1c]{display:flex;align-items:center;gap:12px}.comment-trigger-mobile[data-v-f17dfc1c]{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff73;padding:6px;cursor:pointer;transition:color .2s}.comment-trigger-mobile[data-v-f17dfc1c]:active{color:#ffffffbf}.comment-trigger-mobile .comment-fab-badge[data-v-f17dfc1c]{top:0;right:0}.mobile-heart-stat[data-v-f17dfc1c]{display:flex;align-items:center;gap:4px;color:#fff6;font-size:12px;pointer-events:none}.mobile-heart-stat .stat-heart[data-v-f17dfc1c]{color:#ff5a5f;opacity:.7}}.actions-row[data-v-f17dfc1c]{display:flex;align-items:center;justify-content:space-between;width:100%}.action-btn[data-v-f17dfc1c]{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:all .2s}.action-btn[data-v-f17dfc1c]:active{background-color:#ffffff1a;transform:scale(.95)}.action-btn[data-v-f17dfc1c]:disabled{cursor:not-allowed}.play-btn[data-v-f17dfc1c]{width:56px;height:56px}.right-side[data-v-f17dfc1c]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.lyric-section[data-v-f17dfc1c]{width:100%;flex:1;overflow-y:auto;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);scroll-behavior:smooth}.lyric-section[data-v-f17dfc1c]::-webkit-scrollbar{display:none}.lyric-wrapper[data-v-f17dfc1c]{padding:40% 0;display:flex;flex-direction:column;gap:24px}.lyric-line[data-v-f17dfc1c]{color:#fff6;font-size:calc(24px * var(--lyric-scale, 1));font-weight:500;line-height:1.3;cursor:pointer;transition:all 1s cubic-bezier(.25,1,.5,1);text-align:left;transform-origin:left center;display:flex;flex-direction:column;gap:8px;max-width:85%;word-wrap:break-word;word-break:break-word;--blur-val: calc(.5px + var(--distance, 0) * .4px);filter:blur(min(var(--blur-val),3px));opacity:.6}.lyric-section.user-scrolling .lyric-line[data-v-f17dfc1c]{filter:blur(0)!important}.lyric-line.active[data-v-f17dfc1c]{color:#fff;font-weight:600;transform:scale(1.1);filter:blur(0);opacity:1}.lyric-line.active .lyric-original[data-v-f17dfc1c]{color:#ffffffb3;font-size:calc(18px * var(--lyric-scale, 1))}.lyric-original[data-v-f17dfc1c]{font-size:calc(16px * var(--lyric-scale, 1));font-weight:400;color:#ffffff4d;transition:all .6s cubic-bezier(.25,1,.5,1)}.lyric-words[data-v-f17dfc1c]{display:flex;flex-wrap:wrap;align-items:baseline}.lyric-word[data-v-f17dfc1c]{color:#ffffff40;transition:color .12s ease;white-space:pre-wrap}.lyric-word.word-past[data-v-f17dfc1c]{color:#ffffffe6}.lyric-word.word-current[data-v-f17dfc1c]{color:#fff}.lyric-empty[data-v-f17dfc1c]{height:100%;display:flex;align-items:center;justify-content:flex-start;color:#fff9;font-size:20px}@media(max-width:768px){.play-header[data-v-f17dfc1c]{position:static;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;margin-top:10px}.play-content[data-v-f17dfc1c]{flex-direction:column;padding:0 24px;gap:0}.left-side[data-v-f17dfc1c]{order:2;flex:0 0 auto;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:20px;padding:20px 0 calc(30px + env(safe-area-inset-bottom));background:transparent;border-radius:0}.record-section[data-v-f17dfc1c],.play-content.show-cover .right-side[data-v-f17dfc1c]{display:none!important}.play-content.show-cover .left-side[data-v-f17dfc1c]{flex:1;justify-content:space-between;padding:10px 0 calc(30px + env(safe-area-inset-bottom))}.play-content.show-cover .record-section[data-v-f17dfc1c]{display:flex!important;flex:1;align-items:center;justify-content:center}.mobile-square-cover[data-v-f17dfc1c]{width:85vw;max-width:270px;height:85vw;max-height:270px;border-radius:12px;object-fit:cover;box-shadow:0 8px 24px #0006}.controls-section[data-v-f17dfc1c]{flex:none;width:100%;gap:16px}.actions-row[data-v-f17dfc1c]{gap:24px;justify-content:center}.action-btn .lucide[data-v-f17dfc1c]{width:28px!important;height:28px!important}.progress-bar-container[data-v-f17dfc1c]{margin-bottom:8px;gap:12px}.time-text[data-v-f17dfc1c]{width:38px;font-size:11px}.right-side[data-v-f17dfc1c]{order:1;flex:1;padding-top:20px;width:100%}.lyric-section[data-v-f17dfc1c]{mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}.lyric-wrapper[data-v-f17dfc1c]{padding:30% 0}.lyric-line[data-v-f17dfc1c]{font-size:calc(20px * var(--lyric-scale, 1));text-align:left;transform-origin:left center;gap:10px}.lyric-line.active[data-v-f17dfc1c]{transform:scale(1.1)}.lyric-line.active .lyric-original[data-v-f17dfc1c]{font-size:calc(16px * var(--lyric-scale, 1))}.lyric-empty[data-v-f17dfc1c]{justify-content:flex-start}}.empty-fallback[data-v-f17dfc1c]{background-color:var(--color-bg);justify-content:center;align-items:center}.fallback-btn[data-v-f17dfc1c]{color:var(--color-text);gap:8px;font-size:16px;font-weight:500}.loading-state[data-v-f17dfc1c]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary)}.page-loading-overlay[data-v-f17dfc1c]{position:absolute;inset:0;background-color:#222222b3;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-loading-spinner[data-v-f17dfc1c]{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spinner-f17dfc1c .8s linear infinite}@keyframes spinner-f17dfc1c{to{transform:rotate(360deg)}}.mobile-only[data-v-f17dfc1c]{display:none!important}@media(max-width:768px){.mobile-only[data-v-f17dfc1c]{display:block!important}.desktop-only[data-v-f17dfc1c]{display:none!important}}html,body,#app{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-base),color var(--transition-base)}html,body,:root{font-family:-apple-system,PingFang SC,PingFang UI SC,SF Pro,Inter,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{transition:background-color var(--transition-base),color var(--transition-base)}.glass-effect{background-color:var(--color-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:var(--color-glass-border)}.icon-button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:background-color var(--transition-fast),color var(--transition-fast),transform .2s ease}.icon-button:hover{background-color:var(--color-surface-hover)}.icon-button:active{transform:scale(.92);background-color:var(--color-surface-active)}.icon-svg{width:24px;height:24px;fill:currentColor}body *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root{--color-primary: #ff5a5f;--color-primary-hover: #e83e43;--color-primary-dim: rgba(255, 90, 95, .12);--color-secondary: #ff8c42;--color-accent: #ffb366;--color-bg: #f4f6fb;--color-bg-elevated: #ffffff;--color-bg-sunken: #e8ecf2;--color-bg-card: rgba(255, 255, 255, .82);--color-surface-hover: rgba(0, 0, 0, .045);--color-surface-active: rgba(0, 0, 0, .08);--color-glass: rgba(255, 255, 255, .78);--color-glass-border: rgba(255, 255, 255, .55);--color-glass-inset: rgba(255, 255, 255, .8);--color-glass-mask: rgba(244, 246, 251, .8);--color-text: #1a1a1e;--color-text-secondary: #5a5a6a;--color-text-tertiary: #9898a8;--color-text-placeholder: #c0c0cc;--color-text-on-primary: #ffffff;--color-border: rgba(0, 0, 0, .07);--color-border-subtle: rgba(0, 0, 0, .04);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 20px rgba(0, 0, 0, .09), 0 2px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .13), 0 2px 10px rgba(0, 0, 0, .07);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .8);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;color-scheme:light;--background-color: var(--color-bg);--text-color: var(--color-text);--primary-color: var(--color-primary);--secondary-color: var(--color-secondary);--accent-color: var(--color-accent)}html.dark{--color-bg: #0e0e12;--color-bg-elevated: #18181e;--color-bg-sunken: #08080a;--color-bg-card: rgba(24, 24, 32, .88);--color-surface-hover: rgba(255, 255, 255, .06);--color-surface-active: rgba(255, 255, 255, .1);--color-glass: rgba(18, 18, 26, .86);--color-glass-border: rgba(255, 255, 255, .07);--color-glass-inset: rgba(255, 255, 255, .05);--color-glass-mask: rgba(10, 10, 15, .82);--color-text: #eeeef2;--color-text-secondary: #9898a8;--color-text-tertiary: #585868;--color-text-placeholder: #38384a;--color-text-on-primary: #ffffff;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 20px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .7), 0 2px 10px rgba(0, 0, 0, .6);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .05);color-scheme:dark}@media(prefers-color-scheme:dark){html:not(.light){--color-bg: #0e0e12;--color-bg-elevated: #18181e;--color-bg-sunken: #08080a;--color-bg-card: rgba(24, 24, 32, .88);--color-surface-hover: rgba(255, 255, 255, .06);--color-surface-active: rgba(255, 255, 255, .1);--color-glass: rgba(18, 18, 26, .86);--color-glass-border: rgba(255, 255, 255, .07);--color-glass-inset: rgba(255, 255, 255, .05);--color-glass-mask: rgba(10, 10, 15, .82);--color-text: #eeeef2;--color-text-secondary: #9898a8;--color-text-tertiary: #585868;--color-text-placeholder: #38384a;--color-text-on-primary: #ffffff;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 20px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .7), 0 2px 10px rgba(0, 0, 0, .6);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .05);color-scheme:dark}}
