.navbar[data-v-59253293]{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;height:72px;border-radius:0;transition:all var(--transition-normal);border-bottom:1px solid transparent}.navbar.scrolled[data-v-59253293]{background:var(--navbar-scrolled-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--border-color)}.navbar-inner[data-v-59253293]{display:flex;align-items:center;height:100%;gap:24px;position:relative}.nav-actions[data-v-59253293]{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.logo[data-v-59253293]{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-text[data-v-59253293]{font-size:22px;font-weight:800;letter-spacing:3px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-wrapper[data-v-59253293]{position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:560px}.search-bar[data-v-59253293]{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:50px;transition:all var(--transition-normal)}.search-bar[data-v-59253293]:focus-within{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff26}.suggestions[data-v-59253293]{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:420px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);padding:6px;z-index:1001;background:#0f0f23d9;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.suggestion-item[data-v-59253293]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.suggestion-item[data-v-59253293]:hover,.suggestion-item.highlighted[data-v-59253293]{background:var(--bg-glass-hover)}.sug-thumb[data-v-59253293]{width:44px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.sug-info[data-v-59253293]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sug-title[data-v-59253293]{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sug-meta[data-v-59253293]{font-size:11px;color:var(--text-muted)}.sug-tag-icon[data-v-59253293]{width:44px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--neon-cyan);flex-shrink:0}.sug-label[data-v-59253293]{font-style:normal;font-size:11px;color:var(--neon-cyan);font-weight:400;margin-left:6px}.sug-section-header[data-v-59253293]{display:flex;align-items:center;gap:6px;padding:8px 10px 6px;font-size:12px;font-weight:700;color:var(--neon-gold, #ffd700);letter-spacing:1px;border-bottom:1px solid rgba(255,215,0,.12);margin-bottom:2px}.sug-section-header svg[data-v-59253293]{color:var(--neon-gold, #ffd700);flex-shrink:0}.suggest-enter-active[data-v-59253293],.suggest-leave-active[data-v-59253293]{transition:all .2s ease}.suggest-enter-from[data-v-59253293],.suggest-leave-to[data-v-59253293]{opacity:0;transform:translateY(-6px)}.search-icon[data-v-59253293]{color:var(--text-muted);flex-shrink:0}.search-bar input[data-v-59253293]{flex:1;font-size:14px;background:transparent;color:var(--text-primary)}.search-bar input[data-v-59253293]::placeholder{color:var(--text-muted)}.search-clear[data-v-59253293]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.search-clear[data-v-59253293]:hover{color:var(--neon-pink);background:var(--bg-glass)}.login-btn[data-v-59253293]{color:var(--neon-cyan);border:1px solid rgba(0,240,255,.2)}.login-btn[data-v-59253293]:hover{background:#00f0ff14;box-shadow:0 0 15px #00f0ff26}.user-btn[data-v-59253293]{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border-radius:50px;cursor:pointer;transition:all var(--transition-fast);font-size:13px;color:var(--text-secondary)}.user-btn[data-v-59253293]:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.user-avatar[data-v-59253293]{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid transparent}.user-btn:hover .user-avatar[data-v-59253293]{border-color:var(--neon-cyan)}.user-name[data-v-59253293]{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn[data-v-59253293]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.nav-btn[data-v-59253293]:hover{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff33}.user-menu-container[data-v-59253293]{position:relative}.user-arrow[data-v-59253293]{flex-shrink:0;transition:transform .2s;color:var(--text-muted)}.user-arrow.open[data-v-59253293]{transform:rotate(180deg)}.user-dropdown[data-v-59253293]{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:8px;border-radius:var(--radius-md);border:1px solid var(--border-color);z-index:1001}.dropdown-item[data-v-59253293]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.dropdown-item[data-v-59253293]:hover{background:var(--bg-glass-hover);color:var(--neon-cyan)}.dropdown-item.logout[data-v-59253293]{color:var(--neon-pink)}.dropdown-item.logout[data-v-59253293]:hover{background:#ff6ec71a}.admin-entry[data-v-59253293]{color:var(--neon-gold)}.admin-entry[data-v-59253293]:hover{color:var(--neon-gold);background:#ffd70014}.dropdown-divider[data-v-59253293]{height:1px;background:var(--border-color);margin:6px 10px}.menu-drop-enter-active[data-v-59253293],.menu-drop-leave-active[data-v-59253293]{transition:all .2s ease}.menu-drop-enter-from[data-v-59253293],.menu-drop-leave-to[data-v-59253293]{opacity:0;transform:translateY(-6px)}.hamburger-btn[data-v-59253293]{width:36px;height:36px;display:none;align-items:center;justify-content:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast)}.hamburger-btn[data-v-59253293]:hover{color:var(--neon-cyan)}.search-toggle-btn[data-v-59253293]{display:none}.search-toggle-btn.active[data-v-59253293]{color:var(--neon-cyan);border-color:var(--neon-cyan)}.mobile-search-row[data-v-59253293]{padding:0 16px 12px;background:inherit}.mobile-search-bar[data-v-59253293]{width:100%}.mobile-search-bar input[data-v-59253293]{font-size:16px}.search-slide-enter-active[data-v-59253293]{transition:all .25s ease;overflow:hidden}.search-slide-leave-active[data-v-59253293]{transition:all .2s ease;overflow:hidden}.search-slide-enter-from[data-v-59253293],.search-slide-leave-to[data-v-59253293]{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.mobile-menu-overlay[data-v-59253293]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-menu-drawer[data-v-59253293]{position:absolute;left:0;top:0;bottom:0;width:280px;max-width:85vw;border-radius:0;border-left:none;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column}.drawer-header[data-v-59253293]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.drawer-title[data-v-59253293]{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.drawer-close[data-v-59253293]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;background:var(--bg-glass);transition:all var(--transition-fast)}.drawer-close[data-v-59253293]:hover{color:var(--neon-pink)}.drawer-body[data-v-59253293]{flex:1;display:flex;flex-direction:column;gap:4px}.drawer-item[data-v-59253293]{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.drawer-item[data-v-59253293]:hover{background:var(--bg-glass-hover);color:var(--neon-cyan)}.drawer-item.logout[data-v-59253293]{color:var(--neon-pink)}.drawer-item.logout[data-v-59253293]:hover{background:#ff6ec71a}.drawer-divider[data-v-59253293]{height:1px;background:var(--border-color);margin:8px 0}.drawer-enter-active[data-v-59253293]{transition:opacity .3s ease}.drawer-enter-active .mobile-menu-drawer[data-v-59253293]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer-leave-active[data-v-59253293]{transition:opacity .25s ease}.drawer-leave-active .mobile-menu-drawer[data-v-59253293]{transition:transform .25s ease}.drawer-enter-from[data-v-59253293]{opacity:0}.drawer-enter-from .mobile-menu-drawer[data-v-59253293]{transform:translate(-100%)}.drawer-leave-to[data-v-59253293]{opacity:0}.drawer-leave-to .mobile-menu-drawer[data-v-59253293]{transform:translate(-100%)}@media (max-width: 1024px){.search-wrapper[data-v-59253293]{max-width:360px}.navbar-inner[data-v-59253293]{gap:16px}.user-name[data-v-59253293]{max-width:60px}}@media (max-width: 768px){.navbar[data-v-59253293]{height:auto;min-height:60px}.navbar-inner[data-v-59253293]{gap:8px;height:60px;padding:0 12px}.search-wrapper[data-v-59253293]{position:static;left:auto;transform:none;max-width:none;flex:1;min-width:0;display:none}.search-wrapper.mobile-active[data-v-59253293]{display:block}.logo-icon svg[data-v-59253293]{width:26px;height:26px}.logo-text[data-v-59253293]{display:none}.nav-btn[data-v-59253293]{width:36px;height:36px}.nav-btn svg[data-v-59253293]{width:18px;height:18px}.user-btn[data-v-59253293]{padding:4px}.user-name[data-v-59253293],.user-arrow[data-v-59253293]{display:none}.user-avatar[data-v-59253293]{width:28px;height:28px}.login-btn[data-v-59253293]{width:36px;height:36px}.login-btn svg[data-v-59253293]{width:18px;height:18px}.nav-actions[data-v-59253293]{gap:4px}.search-toggle-btn[data-v-59253293]{display:flex}.suggestions[data-v-59253293]{max-height:320px;left:-8px;right:-8px;width:calc(100% + 16px);border-radius:var(--radius-sm)}}@media (max-width: 640px){.navbar[data-v-59253293]{height:auto;min-height:56px}.navbar-inner[data-v-59253293]{height:56px;gap:6px}.hamburger-btn[data-v-59253293]{display:flex}.logo[data-v-59253293]{gap:4px}.logo-icon svg[data-v-59253293]{width:24px;height:24px}.search-wrapper[data-v-59253293]{display:none!important}.search-toggle-btn[data-v-59253293]{display:flex}.nav-btn[data-v-59253293]{width:34px;height:34px}.nav-btn svg[data-v-59253293]{width:16px;height:16px}.user-avatar[data-v-59253293]{width:26px;height:26px}.login-btn[data-v-59253293]{width:34px;height:34px}.login-btn svg[data-v-59253293]{width:16px;height:16px}.dropdown-item[data-v-59253293]{padding:12px 14px;font-size:15px}.user-dropdown[data-v-59253293]{min-width:160px;right:-4px}.mobile-search-bar input[data-v-59253293]{font-size:16px}}.admin-sidebar[data-v-3ce274ad]{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal);overflow:hidden}.admin-sidebar.collapsed[data-v-3ce274ad]{width:72px}.sidebar-header[data-v-3ce274ad]{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-color)}.sidebar-logo[data-v-3ce274ad]{display:flex;align-items:center;gap:10px}.logo-text[data-v-3ce274ad]{font-size:18px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.toggle-btn[data-v-3ce274ad]{color:var(--text-muted);padding:4px;cursor:pointer;transition:color var(--transition-fast)}.toggle-btn[data-v-3ce274ad]:hover{color:var(--neon-cyan)}.sidebar-nav[data-v-3ce274ad]{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item[data-v-3ce274ad]{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.nav-item[data-v-3ce274ad]:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active[data-v-3ce274ad]{background:linear-gradient(135deg,#00f0ff1a,#7b2ff71a);color:var(--neon-cyan);border:1px solid rgba(0,240,255,.15)}.nav-icon[data-v-3ce274ad]{display:flex;align-items:center;flex-shrink:0}.sidebar-footer[data-v-3ce274ad]{padding:16px;border-top:1px solid var(--border-color)}.back-btn[data-v-3ce274ad]{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;transition:all var(--transition-fast)}.back-btn[data-v-3ce274ad]:hover{color:var(--neon-cyan);background:var(--bg-glass)}@media (max-width: 768px){.admin-sidebar[data-v-3ce274ad]{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%!important;height:auto;flex-direction:row;align-items:center;padding:8px 16px;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border-color);z-index:999}.admin-sidebar .sidebar-header[data-v-3ce274ad]{padding:0;border-bottom:none;margin-right:12px}.admin-sidebar .sidebar-nav[data-v-3ce274ad]{flex-direction:row;padding:0;gap:4px;flex-wrap:wrap}.admin-sidebar .nav-item[data-v-3ce274ad]{padding:8px 12px;gap:6px;font-size:13px}.admin-sidebar .sidebar-footer[data-v-3ce274ad],.admin-sidebar .toggle-btn[data-v-3ce274ad]{display:none}}.particle-bg[data-v-2dc965c7]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.rhythm-layer[data-v-87a7b90c]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .8s ease}.rhythm-layer.active[data-v-87a7b90c]{opacity:1}.rhythm-canvas[data-v-87a7b90c]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.capsule-lyric[data-v-4bac9f86]{position:fixed;bottom:80px;right:28px;z-index:1100;max-width:calc(100vw - 56px);padding:10px 18px;background:linear-gradient(135deg,#0e0e24a6,#140a288c);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid rgba(0,240,255,.18);border-radius:12px;pointer-events:none;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0a}.capsule-lyric-text[data-v-4bac9f86]{display:block;font-size:13px;color:#ffffffe6;text-shadow:0 0 16px rgba(0,240,255,.35);line-height:1.5;text-align:right;word-break:keep-all;overflow-wrap:break-word}.lyric-pop-enter-active[data-v-4bac9f86]{animation:lyricPopIn-4bac9f86 .2s ease-out}.lyric-pop-leave-active[data-v-4bac9f86]{animation:lyricPopOut-4bac9f86 .15s ease-in}@keyframes lyricPopIn-4bac9f86{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lyricPopOut-4bac9f86{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}[data-theme=light] .capsule-lyric[data-v-4bac9f86]{background:linear-gradient(135deg,#ffffffbf,#f0f4fab3);border-color:#0090cc40;box-shadow:0 4px 24px #00000014,inset 0 1px #fff9}[data-theme=light] .capsule-lyric-text[data-v-4bac9f86]{color:#1e1e3ce6;text-shadow:0 0 12px rgba(0,144,204,.25)}.capsule[data-v-4bac9f86]{position:fixed;bottom:28px;right:28px;z-index:1100;display:flex;align-items:center;gap:0;padding:4px;border-radius:50px;cursor:default;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.capsule[data-v-4bac9f86]:hover{border-color:var(--neon-cyan);box-shadow:0 0 24px #00f0ff33}.capsule-glow[data-v-4bac9f86]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink),var(--neon-cyan));background-size:300% 100%;opacity:0;transition:opacity .3s;z-index:-1}.capsule-glow.pulsing[data-v-4bac9f86]{opacity:.5;animation:glowFlow-4bac9f86 3s linear infinite}@keyframes glowFlow-4bac9f86{0%{background-position:0% 50%}to{background-position:300% 50%}}.capsule-thumb[data-v-4bac9f86]{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#00f0ff14;color:var(--text-secondary);cursor:pointer;transition:box-shadow .2s}.capsule-thumb[data-v-4bac9f86]:hover{box-shadow:0 0 16px #00f0ff66}.capsule-thumb.spinning[data-v-4bac9f86]{animation:capsuleSpin-4bac9f86 12s linear infinite}@keyframes capsuleSpin-4bac9f86{to{transform:rotate(360deg)}}.thumb-img[data-v-4bac9f86]{width:100%;height:100%;object-fit:cover}.capsule-ctrls[data-v-4bac9f86]{display:flex;align-items:center;gap:2px;max-width:0;overflow:hidden;opacity:0;padding-right:0;transition:max-width .4s cubic-bezier(.25,.1,.25,1),opacity .3s ease,padding-right .4s cubic-bezier(.25,.1,.25,1);white-space:nowrap}.capsule-ctrls.visible[data-v-4bac9f86]{max-width:120px;opacity:1;padding-right:6px}.capsule-btn[data-v-4bac9f86]{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.capsule-btn[data-v-4bac9f86]:hover{color:var(--neon-cyan);background:#ffffff0f}.capsule-play-btn[data-v-4bac9f86]{color:var(--neon-cyan);background:#00f0ff1a}.capsule-play-btn[data-v-4bac9f86]:hover{background:#00f0ff33}.capsule-fade-leave-active[data-v-4bac9f86]{animation:capOut-4bac9f86 .2s cubic-bezier(.4,0,.6,1) forwards}.capsule-fade-enter-active[data-v-4bac9f86]{animation:capIn-4bac9f86 .3s cubic-bezier(.25,.1,.25,1)}@keyframes capOut-4bac9f86{to{opacity:0;transform:scale(.6)}}@keyframes capIn-4bac9f86{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.player-overlay[data-v-4bac9f86]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;display:flex;align-items:center;justify-content:center}.bg-layer[data-v-4bac9f86]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-blur[data-v-4bac9f86]{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(60px) brightness(.3);transform:scale(1.1)}.bg-mask[data-v-4bac9f86]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1ad9,#0a0a1ab3)}.player-fade-enter-active[data-v-4bac9f86]{transition:opacity .35s ease}.player-fade-leave-active[data-v-4bac9f86]{transition:opacity .3s ease}.player-fade-enter-from[data-v-4bac9f86],.player-fade-leave-to[data-v-4bac9f86]{opacity:0}.player-main[data-v-4bac9f86]{position:relative;z-index:1;width:820px;max-width:94vw;height:560px;max-height:88vh;background:#0e0e24bf;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 32px 100px #000000b3,0 0 80px #00f0ff0a;overflow:hidden;transform-origin:bottom right;display:flex;flex-direction:column}.panel-entering[data-v-4bac9f86]{animation:morphIn-4bac9f86 .44s cubic-bezier(.25,.1,.25,1) forwards}.panel-expanded[data-v-4bac9f86]{transform:scale(1);border-radius:24px;opacity:1}.panel-collapsing[data-v-4bac9f86]{animation:morphOut-4bac9f86 .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes morphIn-4bac9f86{0%{transform:scale(.08);border-radius:50%;opacity:.3}50%{opacity:1}to{transform:scale(1);border-radius:24px;opacity:1}}@keyframes morphOut-4bac9f86{0%{transform:scale(1);border-radius:24px;opacity:1}to{transform:scale(.1);border-radius:50%;opacity:0}}.morph-center[data-v-4bac9f86]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;color:var(--neon-cyan);filter:drop-shadow(0 0 16px rgba(0,240,255,.5))}.player-body[data-v-4bac9f86]{opacity:0;transition:opacity .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.player-body.visible[data-v-4bac9f86]{opacity:1}.topbar[data-v-4bac9f86]{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 28px 0;flex-shrink:0}.topbar-info[data-v-4bac9f86]{display:flex;flex-direction:column;gap:2px}.topbar-title[data-v-4bac9f86]{font-size:16px;font-weight:700;color:var(--text-primary)}.topbar-artist[data-v-4bac9f86]{font-size:12px;color:var(--text-muted)}.topbar-btn[data-v-4bac9f86]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.topbar-btn[data-v-4bac9f86]:hover{color:var(--neon-cyan);background:#ffffff0a}.close-btn-top[data-v-4bac9f86]:hover{color:var(--neon-pink)}.content-area[data-v-4bac9f86]{flex:1;display:flex;padding:8px 28px 0;gap:32px;min-height:0;position:relative}.cover-area[data-v-4bac9f86]{flex:0 0 260px;display:flex;align-items:center;justify-content:center}.disc-wrap[data-v-4bac9f86]{position:relative;width:220px;height:220px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:discRotate-4bac9f86 20s linear infinite;animation-play-state:paused}@keyframes discRotate-4bac9f86{to{transform:rotate(360deg)}}.disc-ring[data-v-4bac9f86]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(0,240,255,.15);box-shadow:0 0 40px #00f0ff14,inset 0 0 20px #00f0ff0a}.disc-cover[data-v-4bac9f86]{width:180px;height:180px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00f0ff1a,#a855f71a);border:1px solid rgba(255,255,255,.05);color:var(--neon-cyan)}.cover-img[data-v-4bac9f86]{width:100%;height:100%;object-fit:cover}.right-content[data-v-4bac9f86]{flex:1;position:relative;min-width:0}.lyric-layer[data-v-4bac9f86],.playlist-layer[data-v-4bac9f86]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.lyric-empty[data-v-4bac9f86]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:14px;height:100%}.lyric-scroll[data-v-4bac9f86]{width:100%;height:100%;box-sizing:border-box;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;padding:24px 0;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-scroll[data-v-4bac9f86]::-webkit-scrollbar{display:none}.pl-list[data-v-4bac9f86]{scrollbar-width:none}.pl-list[data-v-4bac9f86]::-webkit-scrollbar{display:none}.lyric-line[data-v-4bac9f86]{text-align:left;padding:7px 0 7px 16px;transition:all .4s ease;cursor:default;width:100%}.lyric-text[data-v-4bac9f86]{display:block;font-size:14px;color:#ffffff4d;font-weight:400;line-height:1.6;transition:all .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyric-line.active .lyric-text[data-v-4bac9f86]{color:var(--neon-cyan);font-size:17px;font-weight:600;text-shadow:0 0 20px rgba(0,240,255,.3)}.pl-header[data-v-4bac9f86]{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;font-size:13px;font-weight:600;color:var(--text-primary)}.pl-header-right[data-v-4bac9f86]{display:flex;align-items:center;gap:8px}.pl-count[data-v-4bac9f86]{font-size:11px;font-weight:400;color:var(--text-muted)}.pl-refresh-btn[data-v-4bac9f86]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.pl-refresh-btn[data-v-4bac9f86]:hover{color:var(--neon-cyan);background:#ffffff0d}.pl-refresh-btn[data-v-4bac9f86]:disabled{opacity:.4;cursor:not-allowed}.pl-refresh-btn .spinning[data-v-4bac9f86]{animation:spin-4bac9f86 .8s linear infinite}@keyframes spin-4bac9f86{to{transform:rotate(360deg)}}.pl-search[data-v-4bac9f86]{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:border-color .2s}.pl-search[data-v-4bac9f86]:focus-within{border-color:var(--neon-cyan)}.search-icon[data-v-4bac9f86]{flex-shrink:0;color:var(--text-muted)}.pl-search-input[data-v-4bac9f86]{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:12px;padding:2px 0;min-width:0}.pl-search-input[data-v-4bac9f86]::placeholder{color:var(--text-muted)}.pl-search-clear[data-v-4bac9f86]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s}.pl-search-clear[data-v-4bac9f86]:hover{color:var(--neon-pink);background:#ffffff0f}.pl-searching[data-v-4bac9f86]{font-size:11px;color:var(--neon-cyan);padding:4px 0 8px;text-align:center}.pl-search-results[data-v-4bac9f86]{margin-top:4px}.pl-search-divider[data-v-4bac9f86]{display:flex;justify-content:space-between;align-items:center;padding:6px 0 4px;font-size:11px;color:var(--neon-cyan)}.pl-search-clear-link[data-v-4bac9f86]{font-size:11px;color:var(--text-muted);cursor:pointer;transition:color .15s}.pl-search-clear-link[data-v-4bac9f86]:hover{color:var(--neon-pink)}.search-item[data-v-4bac9f86]{padding-right:4px}.pl-add-btn[data-v-4bac9f86]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s;opacity:0}.pl-item:hover .pl-add-btn[data-v-4bac9f86]{opacity:1}.pl-add-btn[data-v-4bac9f86]:hover{color:var(--neon-cyan);background:#00f0ff1a}.pl-list[data-v-4bac9f86]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.pl-item[data-v-4bac9f86]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s}.pl-item[data-v-4bac9f86]:hover{background:#ffffff0a}.pl-item.active[data-v-4bac9f86]{background:#00f0ff14}.pl-thumb[data-v-4bac9f86]{width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#00f0ff0f;color:var(--text-muted)}.pl-thumb img[data-v-4bac9f86]{width:100%;height:100%;object-fit:cover}.pl-info[data-v-4bac9f86]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl-title[data-v-4bac9f86]{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-artist[data-v-4bac9f86]{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-dot[data-v-4bac9f86]{width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);flex-shrink:0;animation:dotPulse-4bac9f86 .8s ease-in-out infinite}@keyframes dotPulse-4bac9f86{0%,to{opacity:1;box-shadow:0 0 #00f0ff66}50%{opacity:.5;box-shadow:0 0 0 5px #00f0ff00}}.drop-zone[data-v-4bac9f86]{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px;border:1px dashed rgba(255,255,255,.1);color:var(--text-muted);font-size:12px;justify-content:center}.lyric-layer[data-v-4bac9f86],.playlist-layer[data-v-4bac9f86]{transition:opacity .28s ease,visibility .28s ease}.layer-fade-enter-active[data-v-4bac9f86]{transition:opacity .35s ease .12s}.layer-fade-leave-active[data-v-4bac9f86]{transition:opacity .2s ease}.layer-fade-enter-from[data-v-4bac9f86],.layer-fade-leave-to[data-v-4bac9f86]{opacity:0}.bottom-bar[data-v-4bac9f86]{flex-shrink:0;display:flex;align-items:center;padding:10px 28px 16px;gap:16px}.bb-left[data-v-4bac9f86]{display:flex;align-items:center;gap:6px;flex-shrink:0}.bb-icon-btn[data-v-4bac9f86]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.bb-icon-btn[data-v-4bac9f86]:hover{color:var(--neon-cyan);background:#ffffff0d}.bb-icon-btn.active[data-v-4bac9f86]{color:var(--neon-cyan)}.bb-center[data-v-4bac9f86]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.progress-row[data-v-4bac9f86]{display:flex;align-items:center;gap:8px}.time-label[data-v-4bac9f86]{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.progress-track[data-v-4bac9f86]{flex:1;height:3px;background:#ffffff14;border-radius:2px;cursor:pointer;position:relative}.progress-fill[data-v-4bac9f86]{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:2px;transition:width .15s linear}.progress-thumb[data-v-4bac9f86]{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00f0ff66;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.progress-track:hover .progress-thumb[data-v-4bac9f86]{opacity:1}.ctrl-row[data-v-4bac9f86]{display:flex;align-items:center;justify-content:center;gap:2px}.ctrl-btn[data-v-4bac9f86]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s}.ctrl-btn[data-v-4bac9f86]:hover{color:var(--neon-cyan);background:#ffffff0a}.main-play-btn[data-v-4bac9f86]{width:44px;height:44px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#fff;margin:0 4px}.main-play-btn[data-v-4bac9f86]:hover{box-shadow:0 0 24px #00f0ff66;transform:scale(1.05)}.bb-right[data-v-4bac9f86]{display:flex;align-items:center;gap:4px;flex-shrink:0}.toggle-arrow[data-v-4bac9f86]:not(.flipped){animation:spinBack-4bac9f86 .4s cubic-bezier(.25,.1,.25,1) forwards}.toggle-arrow.flipped[data-v-4bac9f86]{animation:spinCW-4bac9f86 .4s cubic-bezier(.25,.1,.25,1) forwards}@keyframes spinCW-4bac9f86{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes spinBack-4bac9f86{0%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.vol-wrap[data-v-4bac9f86]{position:relative}.vol-popup[data-v-4bac9f86]{position:absolute;bottom:44px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:#141432f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 6px;box-shadow:0 8px 32px #00000080;z-index:20}.vol-val[data-v-4bac9f86]{font-size:12px;font-weight:600;color:var(--neon-cyan);min-width:24px;text-align:center}.vol-slider[data-v-4bac9f86]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4px;height:100px;border-radius:2px;background:#ffffff1f;outline:none;cursor:pointer;writing-mode:vertical-lr;direction:rtl}.vol-slider[data-v-4bac9f86]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 12px #00f0ff66;cursor:pointer}.vol-pop-enter-active[data-v-4bac9f86],.vol-pop-leave-active[data-v-4bac9f86]{transition:all .2s ease}.vol-pop-enter-from[data-v-4bac9f86],.vol-pop-leave-to[data-v-4bac9f86]{opacity:0;transform:translate(-50%) translateY(8px)}[data-theme=light] .player-main[data-v-4bac9f86]{background:#f8fafce0;border-color:#0000000f;box-shadow:0 32px 100px #00000026,0 0 80px #0090cc08}[data-theme=light] .bg-mask[data-v-4bac9f86]{background:linear-gradient(180deg,#f0f2f6e0,#f0f2f6bf)}[data-theme=light] .bg-blur[data-v-4bac9f86]{filter:blur(60px) brightness(.7)}[data-theme=light] .vol-popup[data-v-4bac9f86]{background:#fffffff5}[data-theme=light] .vol-slider[data-v-4bac9f86]{background:#0000001f}[data-theme=light] .vol-slider[data-v-4bac9f86]::-webkit-slider-thumb{box-shadow:0 0 12px #0090cc4d}[data-theme=light] .lyric-text[data-v-4bac9f86]{color:#0000004d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .lyric-line.active .lyric-text[data-v-4bac9f86]{color:var(--neon-cyan);text-shadow:0 0 16px rgba(0,144,204,.2)}@media (max-width: 768px){.player-main[data-v-4bac9f86]{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}@keyframes morphIn-4bac9f86{0%{transform:scale(.08);border-radius:50%;opacity:.3}50%{opacity:1}to{transform:scale(1);border-radius:0;opacity:1}}.content-area[data-v-4bac9f86]{flex-direction:column;align-items:center;gap:4px;padding:4px 12px 0}.cover-area[data-v-4bac9f86]{flex:0 0 auto}.disc-wrap[data-v-4bac9f86]{width:130px;height:130px}.disc-cover[data-v-4bac9f86]{width:106px;height:106px}.right-content[data-v-4bac9f86]{width:100%;flex:1;min-height:0}.lyric-scroll[data-v-4bac9f86]{padding:12px 0}.lyric-text[data-v-4bac9f86]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyric-line.active .lyric-text[data-v-4bac9f86]{font-size:15px}.bottom-bar[data-v-4bac9f86]{padding:8px 12px 12px;gap:8px}.bb-left[data-v-4bac9f86]{display:none}.capsule[data-v-4bac9f86]{bottom:16px;right:16px;padding:4px}.capsule-lyric[data-v-4bac9f86]{bottom:68px;right:16px;max-width:calc(100vw - 32px)}}@media (max-width: 480px){.topbar[data-v-4bac9f86]{padding:12px 14px 0}.control-row[data-v-4bac9f86]{gap:2px}.capsule-lyric[data-v-4bac9f86]{max-width:calc(100vw - 32px);padding:6px 12px}.capsule-lyric-text[data-v-4bac9f86]{font-size:11px}}.auth-overlay[data-v-c08e7831]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-modal[data-v-c08e7831]{position:relative;width:420px;max-width:92vw;padding:40px 36px;border-radius:var(--radius-lg);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease}.auth-glow[data-v-c08e7831]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,240,255,.05),transparent,rgba(123,47,247,.05),transparent);animation:glowSpin-c08e7831 10s linear infinite;pointer-events:none}@keyframes glowSpin-c08e7831{to{transform:rotate(360deg)}}.auth-close[data-v-c08e7831]{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);cursor:pointer;background:var(--bg-glass);border:1px solid var(--border-color);transition:all var(--transition-fast);z-index:1}.auth-close[data-v-c08e7831]:hover{color:var(--neon-pink);border-color:var(--neon-pink)}.auth-header[data-v-c08e7831]{text-align:center;margin-bottom:32px;position:relative;z-index:1}.auth-logo[data-v-c08e7831]{font-size:28px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.auth-subtitle[data-v-c08e7831]{font-size:14px;color:var(--text-muted)}.auth-form[data-v-c08e7831]{position:relative;z-index:1}.form-group[data-v-c08e7831]{margin-bottom:18px}.form-group.compact[data-v-c08e7831]{margin-bottom:10px}.form-label[data-v-c08e7831]{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.5px}.input-wrap[data-v-c08e7831]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}.input-wrap[data-v-c08e7831]:focus-within{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff1a}.input-wrap svg[data-v-c08e7831]{color:var(--text-muted);flex-shrink:0}.input-wrap input[data-v-c08e7831]{flex:1;font-size:14px;background:transparent;color:var(--text-primary)}.input-wrap input[data-v-c08e7831]::placeholder{color:var(--text-muted)}.input-wrap.input-error[data-v-c08e7831]{border-color:var(--neon-pink);box-shadow:0 0 8px #ff6ec726}.field-hint.error[data-v-c08e7831]{height:18px;line-height:18px;margin:0;padding-left:2px;font-size:12px;color:var(--neon-pink);overflow:hidden}.hint-slide-enter-active[data-v-c08e7831]{transition:all .2s ease}.hint-slide-leave-active[data-v-c08e7831]{transition:all .15s ease}.hint-slide-enter-from[data-v-c08e7831],.hint-slide-leave-to[data-v-c08e7831]{opacity:0;transform:translateY(-4px);max-height:0}.fade-enter-active[data-v-c08e7831],.fade-leave-active[data-v-c08e7831]{transition:opacity .2s ease}.fade-enter-from[data-v-c08e7831],.fade-leave-to[data-v-c08e7831]{opacity:0}.captcha-slider[data-v-c08e7831]{position:relative;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--bg-primary)}.captcha-slider.captcha-verified[data-v-c08e7831]{border-color:var(--neon-green)}.captcha-track[data-v-c08e7831]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.captcha-fill[data-v-c08e7831]{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#00f0ff1a,#00f0ff33);border-radius:var(--radius-sm)}.captcha-text[data-v-c08e7831]{font-size:12px;color:var(--text-muted);z-index:1;display:flex;align-items:center}.captcha-text.captcha-ok[data-v-c08e7831]{color:var(--neon-green)}.captcha-thumb[data-v-c08e7831]{position:absolute;left:0;top:2px;width:38px;height:38px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));display:flex;align-items:center;justify-content:center;color:#fff;cursor:grab;z-index:2;transition:box-shadow .2s}.captcha-thumb.captcha-active[data-v-c08e7831]{box-shadow:0 0 20px #00f0ff66;cursor:grabbing}.code-row[data-v-c08e7831]{display:flex;gap:10px}.code-input-wrap[data-v-c08e7831]{flex:1}.btn-send-code[data-v-c08e7831]{flex-shrink:0;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--neon-cyan);cursor:pointer;font-size:13px;white-space:nowrap;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:100px}.btn-send-code[data-v-c08e7831]:hover:not(:disabled){border-color:var(--neon-cyan);background:#00f0ff14}.btn-send-code[data-v-c08e7831]:disabled{opacity:.5;cursor:not-allowed}.auth-error[data-v-c08e7831],.auth-success[data-v-c08e7831]{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;border-radius:var(--radius-sm);font-size:13px}.auth-error[data-v-c08e7831]{background:#ff6ec714;border:1px solid rgba(255,110,199,.3);color:var(--neon-pink)}.auth-success[data-v-c08e7831]{background:#00ff8814;border:1px solid rgba(0,255,136,.3);color:var(--neon-green)}.auth-submit[data-v-c08e7831]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:15px}.auth-submit[data-v-c08e7831]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-c08e7831]{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-c08e7831 .6s linear infinite;display:inline-block}.spinner.small[data-v-c08e7831]{width:14px;height:14px}@keyframes spin-c08e7831{to{transform:rotate(360deg)}}.auth-footer[data-v-c08e7831]{text-align:center;margin-top:20px;font-size:13px;color:var(--text-muted);position:relative;z-index:1}.auth-footer-link[data-v-c08e7831]{text-align:right;margin-top:6px;position:relative;z-index:1}.switch-btn[data-v-c08e7831]{color:var(--neon-cyan);cursor:pointer;font-weight:600;font-size:13px;background:none;border:none;padding:0;margin-left:4px}.switch-btn[data-v-c08e7831]:hover{text-decoration:underline}.auth-modal-enter-active[data-v-c08e7831]{transition:opacity .45s cubic-bezier(.16,1,.3,1)}.auth-modal-enter-active .auth-modal[data-v-c08e7831]{animation:modalBounceIn-c08e7831 .55s cubic-bezier(.16,1,.3,1) both}.auth-modal-leave-active[data-v-c08e7831]{transition:opacity .25s cubic-bezier(.4,0,.6,1)}.auth-modal-leave-active .auth-modal[data-v-c08e7831]{animation:modalFadeOut-c08e7831 .22s cubic-bezier(.4,0,.6,1) both}.auth-modal-enter-from[data-v-c08e7831],.auth-modal-leave-to[data-v-c08e7831]{opacity:0}@keyframes modalBounceIn-c08e7831{0%{opacity:0;transform:scale(.82) translateY(36px)}55%{opacity:1;transform:scale(1.025) translateY(-4px)}75%{transform:scale(.99) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut-c08e7831{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.88) translateY(18px)}}.form-panel[data-v-c08e7831]{animation:panelIn-c08e7831 .25s ease}@keyframes panelIn-c08e7831{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.auth-modal[data-v-c08e7831]{padding:32px 24px}}@media (max-width: 640px){.auth-modal[data-v-c08e7831]{width:100%;max-width:100vw;margin:0 16px;padding:28px 20px;border-radius:var(--radius-md)}.auth-logo[data-v-c08e7831]{font-size:24px;letter-spacing:3px}.auth-subtitle[data-v-c08e7831]{font-size:13px}.auth-header[data-v-c08e7831]{margin-bottom:24px}.input-wrap[data-v-c08e7831]{padding:10px 12px}.input-wrap input[data-v-c08e7831]{font-size:16px}.input-wrap svg[data-v-c08e7831]{width:16px;height:16px}.auth-submit[data-v-c08e7831]{padding:12px;font-size:15px}.form-label[data-v-c08e7831]{font-size:11px}.captcha-slider[data-v-c08e7831]{height:44px}.captcha-thumb[data-v-c08e7831]{width:40px;height:40px}.captcha-text[data-v-c08e7831]{font-size:11px}.btn-send-code[data-v-c08e7831]{min-width:90px;font-size:12px}.auth-footer[data-v-c08e7831]{margin-top:16px;font-size:12px}.auth-close[data-v-c08e7831]{top:10px;right:10px;width:32px;height:32px}}@media (max-width: 400px){.auth-modal[data-v-c08e7831]{margin:0 12px;padding:24px 16px}.auth-header[data-v-c08e7831]{margin-bottom:20px}.form-group.compact[data-v-c08e7831]{margin-bottom:8px}}.app{min-height:100vh;position:relative}.theme-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:transparent;transition:backdrop-filter .6s ease,-webkit-backdrop-filter .6s ease,background .6s ease}.theme-backdrop.active{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#80808014}.theme-floater{position:fixed;z-index:10001;pointer-events:none;border-radius:50%;overflow:hidden;background:#ffffff1f;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.18);transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s ease;perspective:600px}[data-theme=light] .theme-floater{background:#0000000f;border-color:#0000001a}.theme-floater.fly-in{transform:translate(var(--tx),var(--ty)) scale(1.15);box-shadow:0 0 30px #00f0ff40,0 8px 24px #0000004d}.theme-floater.flipping{transform:translate(var(--tx),var(--ty)) scale(1.2);box-shadow:0 0 40px #00f0ff59,0 12px 32px #0006}.theme-floater.fly-out{transform:translate(0) scale(.95);box-shadow:0 0 #00f0ff00,0 0 #0000}.floater-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.4,0,.2,1);border-radius:50%}.theme-floater.flipping .floater-inner{transform:rotateY(180deg)}.floater-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:transparent;border:none;color:var(--text-secondary)}.floater-face.back{transform:rotateY(180deg)}.main-content{padding-top:80px;min-height:100vh}.mobile-banner{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(90deg,#ff6b35eb,#ff6ec7e0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:13px;font-weight:500;line-height:1.4;text-align:center;justify-content:center;box-shadow:0 2px 12px #00000040}.mobile-banner svg{flex-shrink:0;color:#fff}.mobile-banner span{flex:1}.banner-close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;border:none;transition:background var(--transition-fast)}.banner-close:hover{background:#ffffff59}.banner-slide-enter-active{transition:all .35s cubic-bezier(.16,1,.3,1)}.banner-slide-leave-active{transition:all .25s ease}.banner-slide-enter-from,.banner-slide-leave-to{opacity:0;transform:translateY(-100%)}@media (max-width: 768px){body.has-mobile-banner .navbar{top:46px}body.has-mobile-banner .main-content{padding-top:114px}}@media (max-width: 640px){body.has-mobile-banner .navbar{top:44px}body.has-mobile-banner .main-content{padding-top:108px}}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;margin-left:260px;padding:24px;transition:margin-left var(--transition-normal)}@media (max-width: 768px){.main-content{padding-top:68px}.admin-layout{flex-direction:column}.admin-main{margin-left:0;padding:80px 16px 16px}}@media (max-width: 640px){.main-content{padding-top:64px}.admin-main{padding:72px 12px 12px}}:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .08);--bg-glass-hover: rgba(255, 255, 255, .12);--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555577;--border-color: rgba(255, 255, 255, .1);--border-glow: rgba(0, 240, 255, .3);--neon-cyan: #00f0ff;--neon-purple: #7b2ff7;--neon-pink: #ff6ec7;--neon-green: #00ff88;--neon-orange: #ff6b35;--neon-gold: #ffd700;--shadow-glow: 0 0 20px rgba(0, 240, 255, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--navbar-scrolled-bg: rgba(10, 10, 26, .85);--scrollbar-track: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(123, 47, 247, .25);--scrollbar-thumb-hover: rgba(123, 47, 247, .45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .7s cubic-bezier(.4, 0, .2, 1);--font-mono: "SF Mono", "Fira Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--bg-primary: #f0f2f6;--bg-secondary: #ffffff;--bg-card: rgba(0, 0, 0, .03);--bg-glass: rgba(255, 255, 255, .75);--bg-glass-hover: rgba(255, 255, 255, .92);--text-primary: #1a1a2e;--text-secondary: #4a4a6e;--text-muted: #8888aa;--border-color: rgba(0, 0, 0, .08);--border-glow: rgba(0, 150, 220, .35);--neon-cyan: #0090cc;--neon-purple: #6a20d8;--neon-pink: #e04090;--neon-green: #00b060;--neon-orange: #e05520;--neon-gold: #c09000;--shadow-glow: 0 0 24px rgba(0, 144, 204, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--navbar-scrolled-bg: rgba(240, 242, 246, .88);--scrollbar-track: rgba(0, 0, 0, .04);--scrollbar-thumb: rgba(120, 120, 140, .3);--scrollbar-thumb-hover: rgba(100, 100, 130, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit;background:none;border:none;outline:none}.fade-enter-active,.fade-leave-active{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md)}.neon-text{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-border{position:relative}.neon-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px)}.neon-border:hover:after{opacity:.6}.btn-neon{position:relative;padding:10px 28px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:14px;letter-spacing:.5px;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff4d}.btn-neon:active{transform:translateY(0)}.btn-glow-fill{position:relative;padding:12px 32px;background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:var(--radius-sm);font-weight:600;font-size:15px;letter-spacing:1px;overflow:hidden;transition:color .4s ease;z-index:1}.btn-glow-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));transition:left .5s cubic-bezier(.4,0,.2,1);z-index:-1}.btn-glow-fill:hover{color:#fff}.btn-glow-fill:hover:before{left:0}.page-container{max-width:1400px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.page-container{padding:0 16px}}@media (max-width: 640px){.page-container{padding:0 12px}}@media (hover: none) and (pointer: coarse){button,a{min-height:44px;min-width:44px}.wallpaper-card.hovered{box-shadow:none!important}.wallpaper-card.hovered .card-img-wrap img{transform:none!important}.card-overlay{opacity:.85;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%)}.card-glow{display:none!important}.wallpaper-card{transform:none!important;will-change:auto!important}.card-wrapper{overflow:visible}}@media (max-width: 768px){.admin-main table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.admin-main .data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}