.main-layout[data-v-58238e6a]{height:100vh;height:100dvh;display:flex;flex-direction:column;background:transparent;overflow:hidden;transition:background-color .3s ease,color .3s ease;position:relative}.sidebar-overlay[data-v-58238e6a]{position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn-58238e6a .2s ease}@keyframes fadeIn-58238e6a{0%{opacity:0}to{opacity:1}}.sidebar[data-v-58238e6a]{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:260px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;box-shadow:var(--shadow-md),1px 0 0 var(--border-glow);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open[data-v-58238e6a]{transform:translate(0)}.sidebar-header[data-v-58238e6a]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.sidebar-header h2[data-v-58238e6a]{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-btn[data-v-58238e6a]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:50%;transition:all .2s ease}.close-btn[data-v-58238e6a]:hover{background:var(--bg-tertiary)}.sidebar-nav[data-v-58238e6a]{padding:12px 0;flex:1;overflow-y:auto}.sidebar-nav a[data-v-58238e6a]{display:flex;align-items:center;padding:14px 20px;color:var(--text-primary);text-decoration:none;font-size:16px;font-weight:500;transition:all .2s ease;margin:2px 12px;border-radius:8px;position:relative}.sidebar-nav a[data-v-58238e6a]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent-gradient);border-radius:0 3px 3px 0;transition:height .3s ease;box-shadow:0 0 8px var(--border-glow)}.sidebar-nav a[data-v-58238e6a]:hover:before,.sidebar-nav a.active[data-v-58238e6a]:before{height:60%}.sidebar-nav a[data-v-58238e6a]:hover,.sidebar-nav a.active[data-v-58238e6a]{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 8%,transparent)}.sidebar-footer[data-v-58238e6a]{padding:16px 20px;border-top:1px solid var(--border-color)}.user-info[data-v-58238e6a]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:12px}.sidebar-avatar[data-v-58238e6a]{width:48px;height:48px;border-radius:10px;object-fit:cover}.sidebar-username[data-v-58238e6a]{font-weight:600;color:var(--text-primary);font-size:15px}.sidebar-link[data-v-58238e6a]{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s ease;font-size:15px}.sidebar-link[data-v-58238e6a]:hover{background:var(--bg-tertiary)}.sidebar-link.logout-link[data-v-58238e6a]{color:var(--danger-color)}.login-sidebar-btn[data-v-58238e6a]{display:block;width:100%;text-align:center;padding:14px;background:var(--accent-gradient);color:var(--text-on-accent);text-decoration:none;border-radius:10px;font-weight:600;font-size:15px;transition:all .3s ease}.login-sidebar-btn[data-v-58238e6a]:hover{filter:brightness(1.05);transform:translateY(-1px)}.top-header[data-v-58238e6a]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--glass-border);z-index:100;position:relative;transition:all .3s ease;min-height:56px}.header-left[data-v-58238e6a]{display:flex;align-items:center;gap:12px}.mobile-menu-btn[data-v-58238e6a]{display:none;background:none;border:none;color:var(--text-primary);font-size:26px;cursor:pointer;padding:10px;min-width:48px;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;transition:background .2s ease}.mobile-menu-btn[data-v-58238e6a]:active{background:var(--bg-tertiary)}.logo[data-v-58238e6a]{font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0;color:var(--text-primary);transition:all .2s ease}.logo-svg[data-v-58238e6a]{width:32px;height:32px;transition:all .3s ease}.logo-text[data-v-58238e6a]{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:0}.header-nav[data-v-58238e6a]{display:flex;gap:8px}.header-nav a[data-v-58238e6a]{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;padding:10px 16px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.nav-icon-lottie[data-v-58238e6a]{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-compass-lottie[data-v-58238e6a]{width:28px;height:28px}.nav-loading-lottie[data-v-58238e6a]{width:26px;height:26px}.nav-video-lottie[data-v-58238e6a]{width:28px;height:28px}.nav-search-lottie[data-v-58238e6a],.nav-contact-lottie[data-v-58238e6a]{width:26px;height:26px}.header-nav a[data-v-58238e6a]:hover,.header-nav a.active[data-v-58238e6a],.header-nav[data-v-58238e6a] .router-link-active,.header-nav[data-v-58238e6a] .router-link-exact-active{background:var(--bg-tertiary);color:var(--text-primary)}.search-nav-link[data-v-58238e6a]{display:flex;align-items:center;gap:8px}.search-nav-link kbd[data-v-58238e6a]{display:inline;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:11px;font-family:inherit}.header-right[data-v-58238e6a]{display:flex;align-items:center;gap:12px}.header-actions[data-v-58238e6a]{display:flex;align-items:center;gap:4px}.app-download-btn[data-v-58238e6a]{position:relative;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary);text-decoration:none;transition:all .2s ease}.app-download-btn[data-v-58238e6a]:hover{background:var(--border-color);transform:translateY(-1px)}.app-download-btn .app-lottie[data-v-58238e6a]{width:32px;height:32px}.app-tooltip[data-v-58238e6a]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:var(--text-primary);color:var(--bg-primary);font-size:12px;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.app-tooltip[data-v-58238e6a]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--text-primary)}.app-download-btn:hover .app-tooltip[data-v-58238e6a]{opacity:1;visibility:visible}.theme-toggle-btn[data-v-58238e6a]{background:var(--bg-tertiary);border:none;color:var(--text-primary);width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn[data-v-58238e6a]:hover{background:var(--border-color)}.theme-icon-text[data-v-58238e6a]{font-size:20px;line-height:1}.search-box[data-v-58238e6a]{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:10px;padding:8px 12px;gap:8px;border:1px solid transparent;transition:all .3s ease}.search-box[data-v-58238e6a]:focus-within{border-color:var(--border-glow);box-shadow:0 0 0 3px var(--border-glow)}.search-box input[data-v-58238e6a]{background:transparent;border:none;outline:none;color:var(--text-primary);width:180px;font-size:15px}.search-box input[data-v-58238e6a]::placeholder{color:var(--text-muted)}.search-btn[data-v-58238e6a]{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);padding:4px;transition:all .2s ease}.user-area[data-v-58238e6a]{position:relative}.user-avatar-btn[data-v-58238e6a]{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:none;color:var(--text-primary);padding:8px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.user-avatar-btn[data-v-58238e6a]:hover{background:var(--border-color)}.avatar[data-v-58238e6a]{width:32px;height:32px;border-radius:50%;object-fit:cover}.username[data-v-58238e6a]{font-size:14px;font-weight:500}.user-dropdown[data-v-58238e6a]{position:absolute;top:calc(100% + 12px);right:0;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-md);min-width:180px;max-width:280px;width:max-content;z-index:1000;animation:slideDown-58238e6a .2s ease;border:1px solid var(--border-color);overflow:hidden}@keyframes slideDown-58238e6a{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown a[data-v-58238e6a]{display:block;padding:14px 20px;color:var(--text-primary);text-decoration:none;transition:all .2s ease;font-size:15px}.user-dropdown a[data-v-58238e6a]:hover{background:var(--bg-tertiary)}.user-dropdown hr[data-v-58238e6a]{border:none;border-top:1px solid var(--border-color);margin:0}.logout-link[data-v-58238e6a]{color:var(--danger-color)!important}.guest-avatar-btn[data-v-58238e6a]{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:none;color:var(--text-primary);padding:8px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.guest-avatar-btn[data-v-58238e6a]:hover{background:var(--border-color)}.guest-avatar-btn .avatar[data-v-58238e6a]{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-dropdown[data-v-58238e6a]{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-md);min-width:160px;max-width:200px;width:max-content;z-index:1000;animation:slideDown-58238e6a .2s ease;border:1px solid var(--border-color);overflow:hidden}.layout-body[data-v-58238e6a]{display:flex;flex:1;overflow:hidden}.content-area[data-v-58238e6a]{flex:1;overflow-y:auto;background:transparent;transition:background-color .3s ease;display:flex;justify-content:center}.view-content[data-v-58238e6a]{width:100%;max-width:1400px;min-height:100%;padding:var(--spacing-md);background:color-mix(in srgb,var(--bg-primary) 97%,transparent)}@media(max-width:768px){.view-content[data-v-58238e6a]{padding-bottom:calc(var(--safe-bottom) + 70px)}}@media(max-width:1024px){.mobile-menu-btn[data-v-58238e6a]{display:flex;align-items:center;justify-content:center}.header-nav[data-v-58238e6a]{display:none}.search-box input[data-v-58238e6a]{width:140px}.username[data-v-58238e6a]{display:none}}@media(min-width:768px){.app-download-btn[data-v-58238e6a]{display:flex}}@media(max-width:768px){.top-header[data-v-58238e6a]{padding:10px 14px}.search-box[data-v-58238e6a]{display:none}.user-dropdown[data-v-58238e6a]{max-width:85vw;right:-8px}.view-content[data-v-58238e6a]{padding:16px 14px;padding-bottom:calc(var(--safe-bottom) + 70px)}}@media(max-width:600px){.top-header[data-v-58238e6a]{padding:8px 12px;gap:8px}.logo-svg[data-v-58238e6a]{width:28px;height:28px}.logo-text[data-v-58238e6a]{font-size:16px}.mobile-menu-btn[data-v-58238e6a]{font-size:24px;padding:10px}.theme-toggle-btn[data-v-58238e6a]{width:40px;height:40px}.theme-icon-text[data-v-58238e6a]{font-size:18px}.login-btn[data-v-58238e6a]{padding:10px 18px;font-size:14px}.user-avatar-btn[data-v-58238e6a]{padding:6px 10px;gap:8px}.avatar[data-v-58238e6a]{width:30px;height:30px}.view-content[data-v-58238e6a]{padding:12px 14px;padding-bottom:calc(var(--safe-bottom) + 70px)}.sidebar[data-v-58238e6a]{width:55vw;max-width:180px}.sidebar .sidebar-header[data-v-58238e6a]{padding:12px 14px}.sidebar .sidebar-header h2[data-v-58238e6a]{font-size:15px}.sidebar .sidebar-nav a[data-v-58238e6a]{padding:10px 12px;font-size:14px;margin:2px 8px}.sidebar .sidebar-footer[data-v-58238e6a]{padding:12px 14px}.sidebar .user-info[data-v-58238e6a]{padding:10px;margin-bottom:12px}.sidebar .sidebar-avatar[data-v-58238e6a]{width:38px;height:38px}.sidebar .sidebar-username[data-v-58238e6a]{font-size:13px}.sidebar .sidebar-link[data-v-58238e6a]{padding:10px 12px;font-size:13px}.guest-avatar-btn[data-v-58238e6a]{padding:6px 10px;gap:8px}.guest-avatar-btn .avatar[data-v-58238e6a]{width:28px;height:28px}.guest-avatar-btn .username[data-v-58238e6a]{font-size:13px}.user-dropdown[data-v-58238e6a]{position:absolute;top:calc(100% + 8px);right:-8px;left:auto;bottom:auto;min-width:150px;max-width:180px;width:max-content;border-radius:12px;box-shadow:var(--shadow-md);animation:slideDownMobile-58238e6a .2s ease}@keyframes slideDownMobile-58238e6a{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown a[data-v-58238e6a]{padding:12px 16px;font-size:14px}.bottom-tab-bar[data-v-58238e6a]{position:fixed;bottom:0;left:0;right:0;z-index:997;display:flex;align-items:center;justify-content:space-evenly;background:color-mix(in srgb,var(--card-bg) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom);height:50px;box-shadow:0 -2px 12px var(--shadow-color);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-tab-bar[data-v-58238e6a]::-webkit-scrollbar{display:none}.tab-item[data-v-58238e6a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-muted, #888);padding:6px 8px;min-width:0;flex-shrink:0;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tab-item[data-v-58238e6a]:active{transform:scale(.88)}.tab-item.active[data-v-58238e6a]{color:var(--accent-color, #ec4141)}.tab-icon[data-v-58238e6a]{font-size:20px;line-height:1;display:block}.tab-item.active .tab-icon[data-v-58238e6a]{filter:drop-shadow(0 0 3px rgba(236,65,65,.45))}.tab-label[data-v-58238e6a]{font-size:10px;line-height:1.2;font-weight:500;white-space:nowrap}.view-content[data-v-58238e6a]{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.mobile-menu-btn[data-v-58238e6a]{display:none!important}.global-dialog[data-v-58238e6a]{border-radius:16px;padding:28px 22px 22px;max-width:88vw;width:88vw}.g-dialog-icon[data-v-58238e6a]{font-size:34px;margin-bottom:10px}.g-dialog-title[data-v-58238e6a]{font-size:16px;margin-bottom:6px}.g-dialog-text[data-v-58238e6a]{font-size:14px;margin-bottom:20px}.g-dialog-btns[data-v-58238e6a]{gap:10px}.g-dialog-btn[data-v-58238e6a]{padding:9px 22px;font-size:14px;min-width:90px;border-radius:10px}}.global-dialog-overlay[data-v-58238e6a]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.global-dialog[data-v-58238e6a]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:36px 32px 28px;text-align:center;max-width:360px;width:88%;box-shadow:var(--shadow-lg),0 0 1px var(--border-color) inset}.g-dialog-icon[data-v-58238e6a]{font-size:40px;margin-bottom:14px;filter:drop-shadow(0 2px 8px rgba(251,191,36,.3))}.g-dialog-title[data-v-58238e6a]{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.g-dialog-text[data-v-58238e6a]{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.g-dialog-btns[data-v-58238e6a]{display:flex;gap:12px;justify-content:center}.g-dialog-btn[data-v-58238e6a]{padding:10px 28px;border-radius:11px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .25s ease;min-width:100px}.g-cancel[data-v-58238e6a]{background:var(--bg-tertiary);color:var(--text-secondary);border:1.5px solid var(--border-color)!important}.g-cancel[data-v-58238e6a]:hover{background:var(--border-color);color:var(--text-primary)}.g-confirm[data-v-58238e6a]{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 4px 16px var(--shadow-color)}.g-confirm[data-v-58238e6a]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px var(--shadow-color)}.g-confirm[data-v-58238e6a]:disabled{opacity:.6;cursor:not-allowed}.dialog-fade-enter-active[data-v-58238e6a]{transition:opacity .2s ease}.dialog-fade-leave-active[data-v-58238e6a]{transition:opacity .15s ease}.dialog-fade-enter-from[data-v-58238e6a],.dialog-fade-leave-to[data-v-58238e6a]{opacity:0}.donate-btn[data-v-58238e6a]{position:relative;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary);border:none;cursor:pointer;transition:all .2s ease}.donate-btn[data-v-58238e6a]:hover{background:var(--border-color)}.donate-btn[data-v-58238e6a]:active{transform:scale(.95)}.donate-lottie[data-v-58238e6a]{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.donate-tooltip[data-v-58238e6a]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:5px 10px;background:var(--text-primary);color:var(--bg-primary);font-size:11px;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000;font-weight:500}.donate-tooltip[data-v-58238e6a]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--text-primary)}.donate-btn:hover .donate-tooltip[data-v-58238e6a]{opacity:1;visibility:visible}@media(min-width:768px){.donate-btn[data-v-58238e6a]{display:flex}}.donate-overlay[data-v-58238e6a]{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.donate-modal[data-v-58238e6a]{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:36px 32px 28px;text-align:center;max-width:340px;width:88%;box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color) inset,0 0 80px var(--shadow-color);animation:donateModalIn-58238e6a .35s cubic-bezier(.34,1.56,.64,1)}@keyframes donateModalIn-58238e6a{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.donate-close-btn[data-v-58238e6a]{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.donate-close-btn[data-v-58238e6a]:hover{background:var(--border-color);color:var(--text-primary);transform:rotate(90deg)}.donate-header[data-v-58238e6a]{margin-bottom:24px}.donate-title-icon[data-v-58238e6a]{font-size:40px;display:block;margin-bottom:8px;animation:donateHeartBeat-58238e6a 2s ease-in-out infinite}@keyframes donateHeartBeat-58238e6a{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.donate-title[data-v-58238e6a]{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:1px}.donate-subtitle[data-v-58238e6a]{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.donate-tabs[data-v-58238e6a]{display:flex;gap:14px;justify-content:center;margin-bottom:24px;padding:4px;background:var(--bg-tertiary);border-radius:16px}.donate-tab[data-v-58238e6a]{flex:1;max-width:130px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);background:transparent;position:relative;overflow:hidden}.donate-tab[data-v-58238e6a]:before{content:"";position:absolute;inset:0;border-radius:12px;opacity:0;transition:opacity .35s ease}.donate-tab[data-v-58238e6a]:hover:before{opacity:.08}.donate-tab[data-v-58238e6a]:hover{transform:translateY(-1px)}.tab-icon[data-v-58238e6a]{width:22px;height:22px;flex-shrink:0;transition:all .35s ease;filter:grayscale(1);opacity:.5}.wx-tab-icon[data-v-58238e6a]{color:#07c160}.zfb-tab-icon[data-v-58238e6a]{color:#1677ff}.tab-text[data-v-58238e6a]{font-size:14px;font-weight:600;letter-spacing:.5px;transition:all .35s ease;color:var(--text-muted)}.donate-tab.active[data-v-58238e6a]:first-child{background:linear-gradient(135deg,#07c160,#06ae56);box-shadow:0 4px 16px #07c1604d,0 1px 3px #07c16033,inset 0 1px #ffffff26}.donate-tab.active:first-child .tab-icon[data-v-58238e6a],.donate-tab.active:first-child .tab-text[data-v-58238e6a]{color:var(--text-on-accent);filter:none;opacity:1}.donate-tab.active:first-child .tab-icon[data-v-58238e6a]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.donate-tab.active[data-v-58238e6a]:last-child{background:linear-gradient(135deg,#1677ff,#0958d9);box-shadow:0 4px 16px #1677ff4d,0 1px 3px #1677ff33,inset 0 1px #ffffff26}.donate-tab.active:last-child .tab-icon[data-v-58238e6a],.donate-tab.active:last-child .tab-text[data-v-58238e6a]{color:var(--text-on-accent);filter:none;opacity:1}.donate-tab.active:last-child .tab-icon[data-v-58238e6a]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.donate-tab.active[data-v-58238e6a]{transform:scale(1.02)}.donate-qr-wrapper[data-v-58238e6a]{min-height:240px;display:flex;align-items:center;justify-content:center}.donate-qr-card[data-v-58238e6a]{text-align:center}.qr-image-container[data-v-58238e6a]{width:200px;height:200px;border-radius:16px;overflow:hidden;margin:0 auto 12px;padding:8px;transition:all .3s ease}.wx-card .qr-image-container[data-v-58238e6a]{background:linear-gradient(135deg,#e8fbee,#d4edda);box-shadow:0 4px 20px #07c16026,inset 0 0 0 1px #07c1601a}.zfb-card .qr-image-container[data-v-58238e6a]{background:linear-gradient(135deg,#e6f4ff,#bae0ff);box-shadow:0 4px 20px #1677ff26,inset 0 0 0 1px #1677ff1a}.qr-image[data-v-58238e6a]{width:100%;height:100%;object-fit:contain;border-radius:10px}.qr-label[data-v-58238e6a]{font-size:13px;color:var(--text-muted);margin:0;font-weight:500}.donate-footer[data-v-58238e6a]{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.donate-thanks[data-v-58238e6a]{font-size:14px;color:var(--text-secondary);font-weight:500}.qr-slide-enter-active[data-v-58238e6a]{transition:all .3s ease}.qr-slide-leave-active[data-v-58238e6a]{transition:all .2s ease}.qr-slide-enter-from[data-v-58238e6a]{opacity:0;transform:translate(20px) scale(.95)}.qr-slide-leave-to[data-v-58238e6a]{opacity:0;transform:translate(-20px) scale(.95)}.donate-fade-enter-active[data-v-58238e6a]{transition:opacity .25s ease}.donate-fade-leave-active[data-v-58238e6a]{transition:opacity .2s ease}.donate-fade-enter-from[data-v-58238e6a],.donate-fade-leave-to[data-v-58238e6a]{opacity:0}@media(max-width:600px){.donate-modal[data-v-58238e6a]{max-width:88vw;padding:28px 20px 22px;border-radius:20px}.donate-title-icon[data-v-58238e6a]{font-size:34px}.donate-title[data-v-58238e6a]{font-size:18px}.qr-image-container[data-v-58238e6a]{width:180px;height:180px}.donate-qr-wrapper[data-v-58238e6a]{min-height:220px}}.admin-login-page[data-v-8fccc9c8]{min-height:100vh;position:relative;overflow:hidden;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.background-layer[data-v-8fccc9c8]{position:absolute;inset:0;overflow:hidden}.grid-bg[data-v-8fccc9c8]{position:absolute;inset:0;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.glow-orb[data-v-8fccc9c8]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat-8fccc9c8 25s ease-in-out infinite}.orb-1[data-v-8fccc9c8]{width:600px;height:600px;background:linear-gradient(135deg,#00f5ff,#7b2ff7);top:-200px;left:-150px}.orb-2[data-v-8fccc9c8]{width:500px;height:500px;background:linear-gradient(135deg,#f107a3,#7b2ff7);bottom:-150px;right:-100px;animation-delay:-8s}.orb-3[data-v-8fccc9c8]{width:350px;height:350px;background:linear-gradient(135deg,#7b2ff7,#00f5ff);top:40%;left:35%;opacity:.25;animation-delay:-16s}@keyframes orbFloat-8fccc9c8{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,40px) scale(.95)}75%{transform:translate(-40px,-20px) scale(1.02)}}.particle-canvas[data-v-8fccc9c8]{position:absolute;inset:0;pointer-events:none}.scan-line[data-v-8fccc9c8]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,.01) 2px,rgba(0,245,255,.01) 4px);pointer-events:none;animation:scanMove-8fccc9c8 8s linear infinite}@keyframes scanMove-8fccc9c8{0%{transform:translateY(0)}to{transform:translateY(4px)}}.login-card[data-v-8fccc9c8]{position:relative;z-index:10;width:100%;max-width:420px;padding:44px 40px 36px;background:#0a0e17d9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(0,245,255,.1);border-radius:20px;box-shadow:var(--shadow-lg),0 0 60px #7b2ff714;animation:cardIn-8fccc9c8 .6s cubic-bezier(.16,1,.3,1)}@keyframes cardIn-8fccc9c8{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.corner-decoration[data-v-8fccc9c8]{position:absolute;width:18px;height:18px;border-color:#00f5ff;opacity:.35}.corner-decoration.top-left[data-v-8fccc9c8]{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid;border-top-left-radius:20px}.corner-decoration.top-right[data-v-8fccc9c8]{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid;border-top-right-radius:20px}.corner-decoration.bottom-left[data-v-8fccc9c8]{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:20px}.corner-decoration.bottom-right[data-v-8fccc9c8]{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:20px}.form-header[data-v-8fccc9c8]{text-align:center;margin-bottom:28px}.auth-badge[data-v-8fccc9c8]{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;margin-bottom:20px;background:linear-gradient(135deg,#00f5ff14,#7b2ff714);border:1px solid rgba(0,245,255,.2);border-radius:30px;font-size:11px;letter-spacing:2px;color:#00f5ff}.badge-icon[data-v-8fccc9c8]{width:16px;height:16px;color:#00f5ff}.form-title[data-v-8fccc9c8]{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:2px}.form-desc[data-v-8fccc9c8]{color:var(--text-muted);font-size:13px;margin:0}.mode-tabs[data-v-8fccc9c8]{display:flex;gap:4px;margin-bottom:28px;background:var(--bg-tertiary);border-radius:10px;padding:4px}.mode-tab[data-v-8fccc9c8]{flex:1;padding:10px 16px;background:none;border:none;border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.mode-tab[data-v-8fccc9c8]:hover{color:var(--text-secondary)}.mode-tab.active[data-v-8fccc9c8]{background:linear-gradient(135deg,#00f5ff,#7b2ff7);color:var(--text-on-accent);box-shadow:0 4px 12px #00f5ff26}.input-group[data-v-8fccc9c8]{margin-bottom:22px;position:relative}.input-label[data-v-8fccc9c8]{display:block;margin-bottom:8px;font-size:11px;letter-spacing:2px;color:#00f5ffa6;font-weight:600;transition:color .3s ease}.input-group.focused .input-label[data-v-8fccc9c8]{color:#00f5ff}.input-container[data-v-8fccc9c8]{position:relative;display:flex;align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.input-group.focused .input-container[data-v-8fccc9c8]{border-color:#00f5ff66;box-shadow:0 0 20px #00f5ff1a;background:var(--bg-tertiary)}.input-icon[data-v-8fccc9c8]{padding-left:16px;display:flex;align-items:center;color:var(--text-muted);transition:color .3s}.input-icon svg[data-v-8fccc9c8]{width:18px;height:18px}.input-group.focused .input-icon[data-v-8fccc9c8]{color:#00f5ff}.field-input[data-v-8fccc9c8]{flex:1;padding:15px 14px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;font-family:inherit}.field-input[data-v-8fccc9c8]::placeholder{color:var(--text-muted)}.toggle-visibility[data-v-8fccc9c8]{padding:12px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .3s;display:flex;align-items:center}.toggle-visibility[data-v-8fccc9c8]:hover{color:#00f5ff}.toggle-visibility svg[data-v-8fccc9c8]{width:18px;height:18px}.input-focus-border[data-v-8fccc9c8]{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#00f5ff,#7b2ff7,transparent);transform:scaleX(0);transition:transform .3s ease}.input-group.focused .input-focus-border[data-v-8fccc9c8]{transform:scaleX(1)}.password-strength[data-v-8fccc9c8]{display:flex;align-items:center;gap:12px;margin-top:10px;padding:0 2px}.strength-bar[data-v-8fccc9c8]{flex:1;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.strength-fill[data-v-8fccc9c8]{height:100%;border-radius:2px;transition:all .4s ease}.strength-fill.weak[data-v-8fccc9c8]{background:#ef4444}.strength-fill.medium[data-v-8fccc9c8]{background:#f59e0b}.strength-fill.strong[data-v-8fccc9c8]{background:#10b981}.strength-text[data-v-8fccc9c8]{font-size:10px;letter-spacing:1.5px;font-weight:600;font-family:SF Mono,Monaco,monospace}.strength-fill.weak~.strength-text[data-v-8fccc9c8]{color:#ef4444}.strength-fill.medium~.strength-text[data-v-8fccc9c8]{color:#f59e0b}.strength-fill.strong~.strength-text[data-v-8fccc9c8]{color:#10b981}.security-key-hint[data-v-8fccc9c8]{font-size:11px;color:#f59e0bb3;margin-top:8px;padding:0 2px;letter-spacing:.3px}.form-options[data-v-8fccc9c8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.checkbox-wrapper[data-v-8fccc9c8]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox[data-v-8fccc9c8]{appearance:none;width:18px;height:18px;border:1.5px solid var(--border-color);border-radius:5px;cursor:pointer;position:relative;transition:all .3s ease;background:transparent}.custom-checkbox[data-v-8fccc9c8]:checked{background:linear-gradient(135deg,#00f5ff,#7b2ff7);border-color:transparent}.custom-checkbox[data-v-8fccc9c8]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label[data-v-8fccc9c8]{font-size:12px;color:var(--text-muted)}.forgot-link[data-v-8fccc9c8]{font-size:12px;color:#00f5ff;text-decoration:none;transition:opacity .3s}.forgot-link[data-v-8fccc9c8]:hover{opacity:.8}.submit-button[data-v-8fccc9c8]{position:relative;width:100%;padding:16px 32px;background:linear-gradient(135deg,#00f5ff,#7b2ff7,#f107a3);background-size:200% 200%;border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:gradientShift-8fccc9c8 3s ease infinite;color:var(--text-on-accent);font-size:14px;font-weight:700;letter-spacing:2px;font-family:SF Mono,Monaco,monospace;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes gradientShift-8fccc9c8{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.submit-button[data-v-8fccc9c8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px #00f5ff4d,0 0 60px #7b2ff733}.submit-button[data-v-8fccc9c8]:active:not(:disabled){transform:translateY(0)}.submit-button[data-v-8fccc9c8]:disabled{opacity:.7;cursor:not-allowed}.btn-glow[data-v-8fccc9c8]{position:absolute;inset:0;background:inherit;filter:blur(20px);opacity:0;transition:opacity .4s}.submit-button:hover .btn-glow[data-v-8fccc9c8]{opacity:.5}.btn-text[data-v-8fccc9c8]{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.loading-state[data-v-8fccc9c8]{display:flex;align-items:center;gap:10px;z-index:2;position:relative}.spinner[data-v-8fccc9c8]{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--text-on-accent);border-radius:50%;animation:spin-8fccc9c8 .8s linear infinite}@keyframes spin-8fccc9c8{to{transform:rotate(360deg)}}.error-alert[data-v-8fccc9c8]{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px 16px;background:var(--danger-bg);border:1px solid var(--danger-color);border-radius:12px;font-size:13px;color:var(--text-secondary);animation:shakeError-8fccc9c8 .5s ease}.error-alert .error-icon[data-v-8fccc9c8]{flex-shrink:0;color:#ef4444}.error-alert .error-icon svg[data-v-8fccc9c8]{width:18px;height:18px}@keyframes shakeError-8fccc9c8{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.success-alert[data-v-8fccc9c8]{margin-top:20px;padding:14px 16px;text-align:center;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:12px;font-size:13px;color:#10b981;animation:shakeError-8fccc9c8 .5s ease}.error-fade-enter-active[data-v-8fccc9c8],.error-fade-leave-active[data-v-8fccc9c8]{transition:all .3s ease}.error-fade-enter-from[data-v-8fccc9c8],.error-fade-leave-to[data-v-8fccc9c8]{opacity:0;transform:translateY(-8px)}.back-to-login[data-v-8fccc9c8]{text-align:center;margin-top:18px}.back-to-login a[data-v-8fccc9c8]{font-size:12px;color:#00f5ff;text-decoration:none;transition:opacity .3s}.back-to-login a[data-v-8fccc9c8]:hover{opacity:.7}.form-footer[data-v-8fccc9c8]{margin-top:24px;text-align:center}.footer-text[data-v-8fccc9c8]{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:11px;margin:0}.footer-text svg[data-v-8fccc9c8]{stroke:var(--text-muted)}@media(max-width:520px){.admin-login-page[data-v-8fccc9c8]{padding:16px;min-height:100vh}.login-card[data-v-8fccc9c8]{max-width:100%;padding:32px 24px 28px;border-radius:16px;animation:none}.form-header[data-v-8fccc9c8]{margin-bottom:24px}.form-title[data-v-8fccc9c8]{font-size:20px;letter-spacing:1.5px}.form-desc[data-v-8fccc9c8]{font-size:12px}.auth-badge[data-v-8fccc9c8]{padding:7px 16px;font-size:10px;margin-bottom:16px}.mode-tabs[data-v-8fccc9c8]{margin-bottom:22px}.mode-tab[data-v-8fccc9c8]{padding:9px 12px;font-size:12px}.input-group[data-v-8fccc9c8]{margin-bottom:18px}.input-label[data-v-8fccc9c8]{margin-bottom:6px;font-size:10px;letter-spacing:1.5px}.input-container[data-v-8fccc9c8]{border-radius:10px}.input-icon[data-v-8fccc9c8]{padding-left:14px}.input-icon svg[data-v-8fccc9c8]{width:16px;height:16px}.field-input[data-v-8fccc9c8]{padding:13px 12px;font-size:14px}.toggle-visibility[data-v-8fccc9c8]{padding:10px}.toggle-visibility svg[data-v-8fccc9c8]{width:16px;height:16px}.password-strength[data-v-8fccc9c8]{margin-top:8px;gap:8px}.strength-text[data-v-8fccc9c8]{font-size:9px}.form-options[data-v-8fccc9c8]{margin-bottom:22px;gap:0}.checkbox-wrapper[data-v-8fccc9c8]{gap:6px}.custom-checkbox[data-v-8fccc9c8]{width:16px;height:16px;border-radius:4px;flex-shrink:0}.custom-checkbox[data-v-8fccc9c8]:checked:after{left:4.5px;top:1.5px;width:4px;height:8px}.checkbox-label[data-v-8fccc9c8]{font-size:11px}.forgot-link[data-v-8fccc9c8]{font-size:11px;flex-shrink:0}.submit-button[data-v-8fccc9c8]{padding:14px 20px;border-radius:10px;font-size:13px;letter-spacing:1.5px}.error-alert[data-v-8fccc9c8]{margin-top:16px;padding:12px 14px;font-size:12px}.security-key-hint[data-v-8fccc9c8]{font-size:10px}.back-to-login[data-v-8fccc9c8]{margin-top:14px}.form-footer[data-v-8fccc9c8]{margin-top:20px}.footer-text[data-v-8fccc9c8]{font-size:10px}}.arrow-icon[data-v-96c5a516]{display:block;transition:transform .3s ease}.home-page[data-v-ede57215]{max-width:1400px;margin:0 auto;padding-bottom:120px}.hero-banner[data-v-ede57215]{background:var(--accent-gradient);padding:28px 20px;border-radius:16px;margin:16px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;color:var(--text-on-accent);box-shadow:var(--glow-accent),var(--shadow-lg)}.hero-banner[data-v-ede57215]:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-banner[data-v-ede57215]:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);top:10%;right:10%;filter:blur(20px);animation:glowPulse 4s ease-in-out infinite}.banner-content[data-v-ede57215]{position:relative;z-index:1}.banner-content h1[data-v-ede57215]{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 0 20px rgba(255,255,255,.3)}.banner-content p[data-v-ede57215]{font-size:14px;opacity:.9;margin-bottom:16px;line-height:1.5}.hero-buttons[data-v-ede57215]{display:flex;gap:12px}.explore-btn[data-v-ede57215]{flex:1;background:#fffffff2;color:var(--accent-color);border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #0000001a}.explore-btn[data-v-ede57215]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026,0 0 20px #fff3}.explore-btn[data-v-ede57215]:active{opacity:.8;transform:scale(.98)}.playlist-btn[data-v-ede57215]{flex:1;background:#ffffff26;color:var(--text-on-accent);border:1px solid rgba(255,255,255,.25);padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playlist-btn[data-v-ede57215]:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.playlist-btn[data-v-ede57215]:active{background:#ffffff4d;transform:scale(.98)}.banner-decoration[data-v-ede57215]{display:none}.music-notes[data-v-ede57215]{display:flex;gap:16px;font-size:48px}.music-notes span[data-v-ede57215]{display:inline-block;animation:float-ede57215 3s ease-in-out infinite}.music-notes span[data-v-ede57215]:nth-child(1){animation-delay:0s}.music-notes span[data-v-ede57215]:nth-child(2){animation-delay:.5s}.music-notes span[data-v-ede57215]:nth-child(3){animation-delay:1s}.music-notes span[data-v-ede57215]:nth-child(4){animation-delay:1.5s}.music-notes span[data-v-ede57215]:nth-child(5){animation-delay:2s}.music-notes span[data-v-ede57215]:nth-child(6){animation-delay:2.5s}@keyframes float-ede57215{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-15px) rotate(5deg);opacity:.9}50%{transform:translateY(-8px) rotate(-3deg);opacity:1}75%{transform:translateY(-20px) rotate(8deg);opacity:.85}}.content-section[data-v-ede57215]{padding:0 16px;margin-bottom:28px}.section-header[data-v-ede57215]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2[data-v-ede57215]{font-size:19px;font-weight:700;color:var(--text-primary);margin:0}.view-all[data-v-ede57215]{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.view-all[data-v-ede57215]:hover{color:var(--accent-color)}.view-all[data-v-ede57215]:active{opacity:.7}.song-grid[data-v-ede57215]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.song-card[data-v-ede57215]{cursor:pointer;border-radius:12px;overflow:hidden;transition:all .3s ease;background:var(--card-bg);border:1px solid transparent;padding:8px}.song-card[data-v-ede57215]:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--glow-accent)}.song-card[data-v-ede57215]:active{opacity:.8;transform:scale(.98)}.song-cover[data-v-ede57215]{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.song-cover img[data-v-ede57215]{width:100%;height:100%;object-fit:cover}.play-overlay[data-v-ede57215]{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.song-card:active .play-overlay[data-v-ede57215]{opacity:1}.play-btn[data-v-ede57215]{width:48px;height:48px;border-radius:50%;background:#fffffff2;border:none;color:var(--accent-color);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.play-btn svg[data-v-ede57215]{width:24px;height:24px;margin-left:2px}.rank-badge[data-v-ede57215]{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:6px;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.rank-badge.top-three[data-v-ede57215]{background:linear-gradient(135deg,gold,#fa0);color:#333}.play-count-badge[data-v-ede57215]{position:absolute;top:8px;right:8px;background:#0000008c;color:#fffffff2;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;z-index:3}.song-info[data-v-ede57215]{padding:10px 4px 0}.song-title[data-v-ede57215]{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.song-artist[data-v-ede57215]{font-size:12px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.song-list-horizontal[data-v-ede57215]{display:flex;flex-direction:column;gap:0;background:var(--card-bg);border-radius:12px;overflow:hidden}.horizontal-song-item[data-v-ede57215]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.horizontal-song-item[data-v-ede57215]:last-child{border-bottom:none}.horizontal-song-item[data-v-ede57215]:active{background:var(--bg-tertiary)}.item-cover[data-v-ede57215]{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.item-info[data-v-ede57215]{flex:1;min-width:0}.item-info h4[data-v-ede57215]{margin:0 0 4px;font-size:15px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-info p[data-v-ede57215]{margin:0;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-play[data-v-ede57215]{width:40px;height:40px;border-radius:50%;background:var(--accent-color);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.playlist-grid[data-v-ede57215]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.playlist-card[data-v-ede57215]{cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden}.playlist-card[data-v-ede57215]:hover{transform:translateY(-4px);box-shadow:var(--glow-accent)}.playlist-card[data-v-ede57215]:active{opacity:.8;transform:scale(.98)}.playlist-cover[data-v-ede57215]{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.playlist-cover img[data-v-ede57215]{width:100%;height:100%;object-fit:cover}.playlist-overlay[data-v-ede57215]{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.7));display:flex;flex-direction:column;justify-content:flex-end;padding:12px}.song-count[data-v-ede57215]{color:#fffffff2;font-size:12px;margin-bottom:8px}.play-btn-small[data-v-ede57215]{background:#fffffff2;color:var(--accent-color);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;align-self:flex-start}.playlist-info[data-v-ede57215]{padding:10px 4px 0}.playlist-info h3[data-v-ede57215]{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.playlist-info p[data-v-ede57215]{font-size:12px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-stats[data-v-ede57215]{display:none}.quick-access[data-v-ede57215]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 16px;padding:0;background:transparent}.access-item[data-v-ede57215]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--card-bg);border-radius:12px;cursor:pointer;transition:all .2s ease}.access-item[data-v-ede57215]:active{opacity:.8;transform:scale(.98)}.access-item .icon[data-v-ede57215]{font-size:32px}.access-item span[data-v-ede57215]:last-child{font-weight:500;color:var(--text-primary);font-size:13px}@media(min-width:768px){.hero-banner[data-v-ede57215]{padding:40px 32px;margin:24px;flex-direction:row;justify-content:space-between;align-items:center}.banner-decoration[data-v-ede57215]{display:block}.music-notes[data-v-ede57215]{display:flex;gap:16px;font-size:48px}.banner-content h1[data-v-ede57215]{font-size:32px}.hero-buttons[data-v-ede57215]{flex-direction:row;width:auto}.explore-btn[data-v-ede57215],.playlist-btn[data-v-ede57215]{width:auto}.content-section[data-v-ede57215]{padding:0 24px;margin-bottom:32px}.song-grid[data-v-ede57215]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.song-list-horizontal[data-v-ede57215]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;background:transparent;border-radius:0;overflow:visible}.horizontal-song-item[data-v-ede57215]{background:var(--card-bg);border-radius:12px;padding:12px;border-bottom:none}.playlist-grid[data-v-ede57215]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.quick-access[data-v-ede57215]{grid-template-columns:repeat(4,1fr);gap:20px;margin:24px}}@media(max-width:480px){.hero-banner[data-v-ede57215]{padding:24px 16px;margin:12px;border-radius:12px}.banner-content h1[data-v-ede57215]{font-size:20px}.banner-content p[data-v-ede57215]{font-size:13px;margin-bottom:14px}.explore-btn[data-v-ede57215],.playlist-btn[data-v-ede57215]{padding:11px 16px;font-size:14px}.content-section[data-v-ede57215]{padding:0 12px;margin-bottom:24px}.section-header h2[data-v-ede57215]{font-size:17px}.view-all[data-v-ede57215]{font-size:13px}.song-grid[data-v-ede57215]{grid-template-columns:repeat(2,1fr);gap:10px}.song-title[data-v-ede57215]{font-size:12px}.song-artist[data-v-ede57215]{font-size:11px}.song-cover .play-btn[data-v-ede57215]{width:44px;height:44px}.song-cover .play-btn svg[data-v-ede57215]{width:20px;height:20px}.rank-badge[data-v-ede57215]{width:24px;height:24px;font-size:11px}.play-count-badge[data-v-ede57215]{font-size:10px;padding:3px 7px}.horizontal-song-item[data-v-ede57215]{padding:10px 14px;gap:10px}.item-cover[data-v-ede57215]{width:48px;height:48px}.item-info h4[data-v-ede57215]{font-size:14px}.item-info p[data-v-ede57215]{font-size:12px}.quick-play[data-v-ede57215]{width:36px;height:36px;font-size:16px}.playlist-grid[data-v-ede57215]{gap:12px}.playlist-info h3[data-v-ede57215]{font-size:13px}.playlist-info p[data-v-ede57215]{font-size:12px}.quick-access[data-v-ede57215]{gap:12px;margin:16px 12px}.access-item[data-v-ede57215]{padding:14px 10px}.access-item .icon[data-v-ede57215]{font-size:28px}.access-item span[data-v-ede57215]:last-child{font-size:12px}}.upload-page[data-v-584cbf85]{max-width:1300px;margin:0 auto;padding:25px 20px}.page-header[data-v-584cbf85]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:var(--card-bg, #ffffff);padding:20px 25px;border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05))}.header-left h1[data-v-584cbf85]{margin:0 0 5px;font-size:24px;color:var(--text-primary, #333)}.header-left p[data-v-584cbf85]{margin:0;color:var(--text-secondary, #666);font-size:13px}.upload-form[data-v-584cbf85]{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.left-column[data-v-584cbf85],.right-column[data-v-584cbf85]{display:flex;flex-direction:column;gap:18px}.form-section[data-v-584cbf85]{background:var(--card-bg, #ffffff);padding:22px;border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05))}.section-title[data-v-584cbf85]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #eee)}.section-title h3[data-v-584cbf85]{margin:0;font-size:16px;color:var(--text-primary, #333);font-weight:600}.required-hint[data-v-584cbf85]{font-size:12px;color:var(--text-muted, #999)}.form-grid[data-v-584cbf85]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group[data-v-584cbf85]{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.form-group.full-width[data-v-584cbf85]{grid-column:1 / -1}.form-group label[data-v-584cbf85]{font-weight:600;color:var(--text-primary, #555);font-size:13px}.form-group input[data-v-584cbf85],.form-group select[data-v-584cbf85],.form-group textarea[data-v-584cbf85]{padding:10px 14px;border:2px solid var(--border-color, #e9ecef);border-radius:8px;font-size:13px;transition:all .3s ease;font-family:inherit;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.form-group input[data-v-584cbf85]:focus,.form-group select[data-v-584cbf85]:focus,.form-group textarea[data-v-584cbf85]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group textarea[data-v-584cbf85]{resize:vertical;min-height:120px;line-height:1.5}.upload-grid[data-v-584cbf85]{display:flex;flex-direction:column;gap:15px}.upload-item[data-v-584cbf85]{display:flex;flex-direction:column}.upload-area[data-v-584cbf85]{border:3px dashed var(--border-color, #dee2e6);border-radius:12px;padding:35px 20px;text-align:center;transition:all .3s ease;background:var(--bg-tertiary, #f8f9fa)}.upload-area[data-v-584cbf85]:hover,.upload-area.drag-over[data-v-584cbf85]{border-color:#667eea;background:linear-gradient(135deg,#667eea0a,#fff)}.upload-area.has-file[data-v-584cbf85]{padding:15px;text-align:left}.upload-placeholder[data-v-584cbf85]{cursor:pointer}.placeholder-icon[data-v-584cbf85]{font-size:48px;margin-bottom:10px}.auto-hint[data-v-584cbf85]{display:inline-block;margin-top:8px;padding:4px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;font-size:11px;color:#667eea;font-weight:500}.upload-placeholder p[data-v-584cbf85]{font-size:15px;color:var(--text-primary, #333);margin-bottom:5px;font-weight:500}.upload-placeholder span[data-v-584cbf85]{color:var(--text-muted, #999);font-size:12px}.file-selected[data-v-584cbf85]{text-align:left}.file-info[data-v-584cbf85]{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-tertiary, #f8f9fa);border-radius:10px;margin-bottom:12px}.file-icon[data-v-584cbf85]{font-size:28px}.file-details[data-v-584cbf85]{flex:1;overflow:hidden}.file-details strong[data-v-584cbf85]{display:block;color:var(--text-primary, #333);font-size:13px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-details span[data-v-584cbf85]{color:var(--text-muted, #888);font-size:11px}.remove-btn[data-v-584cbf85]{width:28px;height:28px;border-radius:50%;background:#ffe6e6;border:none;color:#e74c3c;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-584cbf85]:hover{background:#e74c3c;color:#fff}.audio-preview[data-v-584cbf85]{margin-top:10px}.meta-loading[data-v-584cbf85]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:8px;font-size:12px;color:var(--text-secondary, #666);margin-bottom:8px}.spinner[data-v-584cbf85]{width:14px;height:14px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin-584cbf85 .8s linear infinite}@keyframes spin-584cbf85{to{transform:rotate(360deg)}}.audio-preview audio[data-v-584cbf85]{width:100%;height:38px;outline:none;border-radius:8px}.cover-upload>label[data-v-584cbf85]{font-weight:600;color:var(--text-primary, #555);font-size:13px;display:block;margin-bottom:8px}.cover-area[data-v-584cbf85]{width:100%;max-width:260px;aspect-ratio:1;border:2px dashed var(--border-color, #dee2e6);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;margin:0 auto}.cover-area[data-v-584cbf85]:hover{border-color:#667eea}.cover-preview[data-v-584cbf85]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-584cbf85]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary, #f8f9fa);color:var(--text-muted, #999)}.cover-placeholder span[data-v-584cbf85]{font-size:42px;margin-bottom:6px}.cover-placeholder p[data-v-584cbf85]{font-size:12px;margin:0}.cover-info[data-v-584cbf85]{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:6px 10px;background:var(--bg-tertiary, #f8f9fa);border-radius:6px}.cover-name[data-v-584cbf85]{font-size:12px;color:var(--text-primary, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lyrics-options[data-v-584cbf85]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.lyrics-options button[data-v-584cbf85]{padding:8px 16px;border:2px solid var(--border-color, #e9ecef);background:var(--card-bg, #ffffff);color:var(--text-primary, #333);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s ease;font-weight:500}.lyrics-options button.active[data-v-584cbf85]{border-color:#667eea;background:linear-gradient(135deg,#667eea1f,#764ba21f);color:#667eea;font-weight:600}.lyrics-options button[data-v-584cbf85]:hover:not(.active){border-color:#ccc;background:var(--bg-tertiary, #f8f9fa)}.lrc-upload[data-v-584cbf85]{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-tertiary, #f8f9fa);border-radius:8px}.lrc-btn[data-v-584cbf85]{padding:8px 18px;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e9ecef);color:var(--text-primary, #333);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease;font-weight:500}.lrc-btn[data-v-584cbf85]:hover{background:#667eea;color:#fff;border-color:#667eea}.lrc-name[data-v-584cbf85]{color:var(--text-secondary, #666);font-size:12px;flex:1}.loading-hint[data-v-584cbf85]{color:#ff9800;font-style:italic;margin-left:4px;animation:pulse-584cbf85 1.5s ease-in-out infinite}.success-hint[data-v-584cbf85]{color:#4caf50;font-weight:700;margin-left:4px}@keyframes pulse-584cbf85{0%,to{opacity:1}50%{opacity:.4}}.submit-section[data-v-584cbf85]{text-align:center;padding:25px;background:linear-gradient(135deg,#667eea0f,#764ba20f);border:2px solid rgba(102,126,234,.15);border-radius:14px;position:sticky;top:20px}.submit-info[data-v-584cbf85]{margin-bottom:15px}.progress-bar[data-v-584cbf85]{position:relative;width:100%;max-width:400px;margin:0 auto;height:8px;background:var(--bg-tertiary, #f8f9fa);border-radius:4px;overflow:hidden}.progress-fill[data-v-584cbf85]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text[data-v-584cbf85]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--text-primary, #333)}.submit-buttons[data-v-584cbf85]{display:flex;flex-direction:column;gap:12px}.reset-btn[data-v-584cbf85],.submit-btn[data-v-584cbf85]{padding:12px 28px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;width:100%}.reset-btn[data-v-584cbf85]{background:var(--card-bg, #ffffff);color:var(--text-primary, #666);border:2px solid var(--border-color, #e9ecef)}.reset-btn[data-v-584cbf85]:hover{background:var(--border-color, #e9ecef)}.submit-btn[data-v-584cbf85]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.submit-btn[data-v-584cbf85]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.submit-btn[data-v-584cbf85]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.tips[data-v-584cbf85]{margin-top:15px;color:var(--text-muted, #888);font-size:12px;line-height:1.5}.modal-overlay[data-v-584cbf85]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999}.success-modal[data-v-584cbf85]{background:var(--card-bg, #ffffff);padding:45px;border-radius:24px;text-align:center;max-width:420px;animation:modalSlideIn-584cbf85 .3s ease-out}@keyframes modalSlideIn-584cbf85{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon[data-v-584cbf85]{font-size:64px;margin-bottom:15px}.success-modal h2[data-v-584cbf85]{font-size:24px;color:var(--text-primary, #333);margin-bottom:10px}.success-modal p[data-v-584cbf85]{color:var(--text-secondary, #666);margin-bottom:30px;line-height:1.6}.success-actions[data-v-584cbf85]{display:flex;gap:14px;justify-content:center}.primary-btn[data-v-584cbf85],.secondary-btn[data-v-584cbf85]{padding:12px 30px;border-radius:25px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.primary-btn[data-v-584cbf85]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn[data-v-584cbf85]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.secondary-btn[data-v-584cbf85]{background:var(--bg-tertiary, #f8f9fa);color:var(--text-primary, #666)}.secondary-btn[data-v-584cbf85]:hover{background:var(--border-color, #e9ecef)}@media(max-width:900px){.upload-form[data-v-584cbf85]{grid-template-columns:1fr}.submit-section[data-v-584cbf85]{position:static}}@media(max-width:600px){.upload-page[data-v-584cbf85]{padding:15px}.page-header[data-v-584cbf85]{flex-direction:column;gap:12px;text-align:center;padding:18px}.header-left h1[data-v-584cbf85]{font-size:20px}.form-grid[data-v-584cbf85]{grid-template-columns:1fr}.lyrics-options[data-v-584cbf85]{flex-wrap:wrap}.success-actions[data-v-584cbf85]{flex-direction:column}.section-title h3[data-v-584cbf85]{font-size:15px}}.batch-upload-page[data-v-d709e505]{max-width:1400px;margin:0 auto;padding:25px 20px}.page-header[data-v-d709e505]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:var(--card-bg, #ffffff);padding:20px 25px;border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05))}.header-left h1[data-v-d709e505]{margin:0 0 5px;font-size:24px;color:var(--text-primary, #333)}.header-left p[data-v-d709e505]{margin:0;color:var(--text-secondary, #666);font-size:13px}.back-btn[data-v-d709e505]{padding:10px 20px;background:var(--bg-tertiary, #f8f9fa);border:2px solid var(--border-color, #e9ecef);border-radius:8px;text-decoration:none;color:var(--text-primary, #333);transition:all .2s}.back-btn[data-v-d709e505]:hover{background:#667eea;color:#fff;border-color:#667eea}.mode-selector[data-v-d709e505]{display:flex;gap:15px;margin-bottom:25px;background:var(--card-bg, #ffffff);padding:15px;border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05))}.mode-btn[data-v-d709e505]{flex:1;padding:15px 20px;border:2px solid var(--border-color, #e9ecef);border-radius:10px;background:var(--bg-tertiary, #f8f9fa);color:var(--text-secondary, #666);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.mode-btn[data-v-d709e505]:hover{border-color:#667eea;color:#667eea}.mode-btn.active[data-v-d709e505]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.upload-area[data-v-d709e505]{border:3px dashed var(--border-color, #e9ecef);border-radius:16px;padding:50px 30px;text-align:center;background:var(--card-bg, #ffffff);cursor:pointer;transition:all .3s;margin-bottom:25px}.upload-area[data-v-d709e505]:hover,.upload-area.drag-over[data-v-d709e505]{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#fff)}.upload-area.drag-over[data-v-d709e505]{transform:scale(1.01)}.empty-state h3[data-v-d709e505]{margin:15px 0 10px;color:var(--text-primary, #333);font-size:20px}.main-hint[data-v-d709e505]{color:var(--text-secondary, #666);font-size:15px;line-height:1.8;margin-bottom:20px}.file-name-hint[data-v-d709e505]{margin-top:20px;padding:20px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:12px;color:#667eea;font-size:13px;text-align:left}.hint-title[data-v-d709e505]{font-weight:700;margin-bottom:15px;font-size:14px}.hint-example[data-v-d709e505]{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}.file-tag[data-v-d709e505]{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.file-tag.audio[data-v-d709e505]{background:#e3f2fd;color:#1976d2}.file-tag.image[data-v-d709e505]{background:#e8f5e9;color:#388e3c}.file-tag.lrc[data-v-d709e505]{background:#fff3e0;color:#f57c00}.arrow[data-v-d709e505]{color:#999;font-size:18px}.result[data-v-d709e505]{background:#fff;padding:6px 16px;border-radius:20px;font-weight:500}.requirement-note[data-v-d709e505]{margin-top:15px;padding-top:15px;border-top:1px dashed rgba(102,126,234,.3);display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.required[data-v-d709e505]{color:#d32f2f;font-weight:700}.optional[data-v-d709e505]{color:#388e3c;font-weight:500}.empty-icon[data-v-d709e505]{font-size:64px}.files-summary[data-v-d709e505]{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.summary-item[data-v-d709e505]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 30px;background:var(--bg-tertiary, #f8f9fa);border-radius:12px}.summary-item .icon[data-v-d709e505]{font-size:32px}.summary-item .count[data-v-d709e505]{font-size:28px;font-weight:700;color:#667eea}.summary-item .label[data-v-d709e505]{color:var(--text-secondary, #666);font-size:13px}.clear-btn[data-v-d709e505]{padding:12px 24px;background:#fff3f3;border:2px solid #ffd0d0;color:#d63031;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.clear-btn[data-v-d709e505]:hover{background:#d63031;color:#fff;border-color:#d63031}.songs-preview[data-v-d709e505]{background:var(--card-bg, #ffffff);border-radius:14px;padding:25px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05))}.preview-header[data-v-d709e505]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color, #e9ecef)}.preview-header h3[data-v-d709e505]{margin:0;font-size:18px;color:var(--text-primary, #333)}.header-actions[data-v-d709e505]{display:flex;gap:12px;align-items:center}.match-feedback[data-v-d709e505]{padding:8px 16px;background:#4caf501a;color:#4caf50;border-radius:8px;font-size:14px;font-weight:500;opacity:0;transform:translateY(-10px);transition:all .3s ease}.match-feedback.show[data-v-d709e505]{opacity:1;transform:translateY(0)}.btn[data-v-d709e505]{padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:all .2s}.btn-secondary[data-v-d709e505]{background:var(--bg-tertiary, #f8f9fa);color:var(--text-primary, #333);border:2px solid var(--border-color, #e9ecef)}.btn-secondary[data-v-d709e505]:hover{border-color:#667eea;color:#667eea}.genre-select[data-v-d709e505]{padding:10px 15px;border:2px solid var(--border-color, #e9ecef);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);font-size:14px}.songs-grid[data-v-d709e505]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;margin-bottom:25px}.song-group-card[data-v-d709e505]{border:2px solid var(--border-color, #e9ecef);border-radius:12px;padding:18px;transition:all .2s}.song-group-card[data-v-d709e505]:hover{border-color:#667eea}.song-group-card.uploading[data-v-d709e505]{border-color:#ffc107;background:#ffc1070d}.song-group-card.success[data-v-d709e505]{border-color:#4caf50;background:#4caf500d}.song-group-card.error[data-v-d709e505]{border-color:#d63031;background:#d630310d}.song-group-card.unmatched[data-v-d709e505]{border-color:#ff9800;background:#ff98001a}.card-header[data-v-d709e505]{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px dashed var(--border-color, #e9ecef)}.song-number[data-v-d709e505]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.status-badge[data-v-d709e505]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.pending[data-v-d709e505]{background:var(--bg-tertiary, #f8f9fa);color:var(--text-secondary, #666)}.status-badge.uploading[data-v-d709e505]{background:#fff3cd;color:#856404}.status-badge.success[data-v-d709e505]{background:#d4edda;color:#155724}.status-badge.error[data-v-d709e505]{background:#f8d7da;color:#721c24}.remove-btn[data-v-d709e505]{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#ffe6e6;border:none;color:#d63031;cursor:pointer;transition:all .2s}.remove-btn[data-v-d709e505]:hover{background:#d63031;color:#fff}.card-body[data-v-d709e505]{display:flex;gap:18px}.cover-preview[data-v-d709e505]{flex-shrink:0;position:relative}.cover-preview img[data-v-d709e505],.cover-placeholder[data-v-d709e505]{width:120px;height:120px;border-radius:10px;object-fit:cover;background:var(--bg-tertiary, #f8f9fa)}.cover-placeholder[data-v-d709e505]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:var(--text-muted, #888)}.placeholder-icon[data-v-d709e505]{font-size:42px}.placeholder-text[data-v-d709e505]{font-size:12px;font-weight:500}.cover-change[data-v-d709e505]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:6px;border-radius:0 0 10px 10px}.cover-change button[data-v-d709e505]{width:100%;background:none;border:none;color:#fff;font-size:12px;cursor:pointer}.song-info[data-v-d709e505]{flex:1;min-width:0}.form-row[data-v-d709e505]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-group[data-v-d709e505]{display:flex;flex-direction:column;gap:5px}.form-group.full-width[data-v-d709e505]{grid-column:1 / -1}.form-group label[data-v-d709e505]{font-size:12px;font-weight:600;color:var(--text-secondary, #666)}.form-group input[data-v-d709e505],.form-group select[data-v-d709e505]{padding:8px 12px;border:2px solid var(--border-color, #e9ecef);border-radius:8px;font-size:14px;transition:all .2s;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.form-group input[data-v-d709e505]:focus,.form-group select[data-v-d709e505]:focus{outline:none;border-color:#667eea}.file-info[data-v-d709e505]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-label[data-v-d709e505]{font-size:12px;color:var(--text-secondary, #666);background:var(--bg-tertiary, #f8f9fa);padding:4px 10px;border-radius:6px}.refresh-lrc-btn[data-v-d709e505]{background:none;border:none;cursor:pointer;font-size:16px;padding:0 4px;transition:transform .2s}.refresh-lrc-btn[data-v-d709e505]:hover{transform:rotate(90deg)}.lyrics-preview[data-v-d709e505]{margin-top:15px;border:2px solid var(--border-color, #e9ecef);border-radius:8px;padding:12px;background:var(--bg-tertiary, #f8f9fa)}.lyrics-preview label[data-v-d709e505]{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:8px}.lyrics-preview-content textarea[data-v-d709e505]{width:100%;min-height:100px;padding:10px;border:1px solid var(--border-color, #e9ecef);border-radius:6px;font-size:13px;line-height:1.6;background:var(--bg-primary, #fff);color:var(--text-primary, #333);resize:vertical}.lyrics-actions[data-v-d709e505]{margin-top:10px;text-align:right}.refresh-lrc-btn-inline[data-v-d709e505]{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.refresh-lrc-btn-inline[data-v-d709e505]:hover{transform:scale(1.02);box-shadow:0 4px 12px #667eea4d}.error-message[data-v-d709e505]{margin-top:10px;padding:10px;background:#fff3f3;color:#d63031;border-radius:8px;font-size:13px}.existing-song-info[data-v-d709e505]{padding:12px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:8px;margin-bottom:12px}.existing-title[data-v-d709e505]{font-size:16px;font-weight:600;color:var(--text-primary, #333);margin-bottom:6px}.existing-artist[data-v-d709e505]{font-size:13px;color:var(--text-secondary, #666);margin-bottom:4px}.existing-album[data-v-d709e505]{font-size:12px;color:var(--text-secondary, #666)}.upload-actions[data-v-d709e505]{padding-top:20px;border-top:2px dashed var(--border-color, #e9ecef);text-align:center}.progress-info[data-v-d709e505]{margin-bottom:15px}.progress-bar[data-v-d709e505]{max-width:400px;margin:0 auto 10px;height:10px;background:var(--bg-tertiary, #f8f9fa);border-radius:5px;overflow:hidden}.progress-fill[data-v-d709e505]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.progress-text[data-v-d709e505]{color:var(--text-secondary, #666);font-size:14px}.upload-btn[data-v-d709e505]{padding:15px 40px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.upload-btn[data-v-d709e505]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.upload-btn[data-v-d709e505]:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-btn-inline[data-v-d709e505]{padding:10px 24px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea59}.upload-btn-inline[data-v-d709e505]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #667eea73}.upload-btn-inline[data-v-d709e505]:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay[data-v-d709e505]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999}.success-modal[data-v-d709e505]{background:var(--card-bg, #ffffff);padding:45px;border-radius:24px;text-align:center;max-width:420px;animation:modalSlideIn-d709e505 .3s ease-out}@keyframes modalSlideIn-d709e505{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon[data-v-d709e505]{font-size:64px;margin-bottom:15px}.success-modal h2[data-v-d709e505]{font-size:24px;color:var(--text-primary, #333);margin-bottom:10px}.success-modal p[data-v-d709e505]{color:var(--text-secondary, #666);margin-bottom:30px;line-height:1.8}.success-actions[data-v-d709e505]{display:flex;gap:14px;justify-content:center}.primary-btn[data-v-d709e505],.secondary-btn[data-v-d709e505]{padding:12px 30px;border-radius:25px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .3s}.primary-btn[data-v-d709e505]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-btn[data-v-d709e505]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.secondary-btn[data-v-d709e505]{background:var(--bg-tertiary, #f8f9fa);color:var(--text-primary, #333)}.secondary-btn[data-v-d709e505]:hover{background:var(--border-color, #e9ecef)}.confirm-modal-overlay[data-v-d709e505]{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:99999}.confirm-modal[data-v-d709e505]{position:relative;background:linear-gradient(135deg,#0f0f23,#1a1a3e);padding:40px 50px;border-radius:20px;text-align:center;max-width:450px;border:1px solid rgba(102,126,234,.3);box-shadow:0 0 40px #667eea33,0 0 80px #764ba226,inset 0 1px #ffffff1a;animation:confirmModalSlideIn-d709e505 .4s ease-out}.confirm-modal[data-v-d709e505]:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;animation:borderGlow-d709e505 3s ease-in-out infinite}@keyframes confirmModalSlideIn-d709e505{0%{opacity:0;transform:scale(.85) translateY(-30px)}50%{transform:scale(1.03) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes borderGlow-d709e505{0%,to{opacity:.7}50%{opacity:1}}.confirm-icon[data-v-d709e505]{font-size:72px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(102,126,234,.4));animation:iconFloat-d709e505 3s ease-in-out infinite}@keyframes iconFloat-d709e505{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.confirm-title[data-v-d709e505]{font-size:22px;color:#fff;margin-bottom:12px;font-weight:700;letter-spacing:.5px}.confirm-message[data-v-d709e505]{color:#fffc;margin-bottom:35px;line-height:1.9;font-size:15px;white-space:pre-line}.confirm-actions[data-v-d709e505]{display:flex;gap:16px;justify-content:center}.confirm-btn-cancel[data-v-d709e505],.confirm-btn-ok[data-v-d709e505]{padding:14px 36px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.confirm-btn-cancel[data-v-d709e505]{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.confirm-btn-cancel[data-v-d709e505]:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.confirm-btn-ok[data-v-d709e505]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea73;position:relative;overflow:hidden}.confirm-btn-ok[data-v-d709e505]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.confirm-btn-ok[data-v-d709e505]:hover:before{left:100%}.confirm-btn-ok[data-v-d709e505]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #667eea99}.confirm-btn-ok[data-v-d709e505]:active,.confirm-btn-cancel[data-v-d709e505]:active{transform:scale(.98)}@media(max-width:1100px){.songs-grid[data-v-d709e505]{grid-template-columns:1fr}}@media(max-width:600px){.card-body[data-v-d709e505]{flex-direction:column}.form-row[data-v-d709e505]{grid-template-columns:1fr}.files-summary[data-v-d709e505]{gap:15px}}.discover-page[data-v-0e2cba9f]{max-width:1400px;margin:0 auto;padding:32px;min-height:calc(100vh - 200px);background:var(--bg-primary)}.hero-section[data-v-0e2cba9f]{position:relative;border-radius:20px;overflow:hidden;margin-bottom:28px;background:var(--accent-gradient);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-bg[data-v-0e2cba9f]{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(139,92,246,.12),transparent 60%),radial-gradient(circle at 70% 60%,rgba(236,72,153,.08),transparent 60%);animation:float-0e2cba9f 15s ease-in-out infinite alternate}@keyframes float-0e2cba9f{0%,to{transform:translate(0)}33%{transform:translate(-2%,3%)}66%{transform:translate(2%,-2%)}}.hero-content[data-v-0e2cba9f]{position:relative;z-index:1;padding:36px 32px;text-align:center}.hero-content h1[data-v-0e2cba9f]{font-size:32px;font-weight:800;margin-bottom:12px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.2)}.hero-content p[data-v-0e2cba9f]{font-size:15px;color:#ffffffe6;margin-bottom:20px}.search-box[data-v-0e2cba9f]{display:inline-flex;align-items:center;gap:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 22px;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);max-width:500px;width:85%;margin:0 auto}.search-box[data-v-0e2cba9f]:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 12px 36px #00000040,0 6px 18px #8b5cf633}.search-box svg[data-v-0e2cba9f]{width:22px;height:22px;color:#fffc}.search-box span[data-v-0e2cba9f]{flex:1;text-align:left;color:#ffffffe6;font-size:15px}.search-box kbd[data-v-0e2cba9f]{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:5px 10px;font-size:13px;color:#fffc;font-family:monospace}.section[data-v-0e2cba9f]{margin-bottom:56px}.section-header[data-v-0e2cba9f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-header h2[data-v-0e2cba9f]{font-size:26px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:12px}.section-header .icon[data-v-0e2cba9f]{font-size:28px}.section-header a[data-v-0e2cba9f]{color:var(--accent-color);text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.section-header a[data-v-0e2cba9f]:hover{filter:brightness(.85);transform:translate(5px)}.filter-tabs[data-v-0e2cba9f]{display:flex;gap:10px}.tab[data-v-0e2cba9f]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:9px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.tab[data-v-0e2cba9f]:hover{background:var(--border-color);color:var(--text-primary)}.tab.active[data-v-0e2cba9f]{background:var(--accent-gradient);border-color:var(--accent-color);color:#fff}.rankings-grid[data-v-0e2cba9f]{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:800px}.ranking-card[data-v-0e2cba9f]{cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.ranking-card[data-v-0e2cba9f]:hover{transform:translateY(-4px)}.ranking-cover[data-v-0e2cba9f]{position:relative;width:100%;max-width:120px;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow-color)}.ranking-cover img[data-v-0e2cba9f]{width:100%;height:100%;object-fit:cover}.ranking-cover .play-overlay[data-v-0e2cba9f]{opacity:0;transition:all .3s ease}.ranking-card:hover .play-overlay[data-v-0e2cba9f]{opacity:1}.ranking-card h3[data-v-0e2cba9f]{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 2px;text-align:center}.ranking-card p[data-v-0e2cba9f]{font-size:12px;color:var(--text-secondary);margin:0;text-align:center}.rank-badge[data-v-0e2cba9f]{position:absolute;top:8px;left:8px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:16px;font-weight:900;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.play-count-badge[data-v-0e2cba9f]{position:absolute;top:8px;right:8px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.08);z-index:3}.songs-grid[data-v-0e2cba9f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.song-card[data-v-0e2cba9f]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:16px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.song-card[data-v-0e2cba9f]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 12%,transparent),color-mix(in srgb,var(--accent-color) 6%,transparent));opacity:0;transition:opacity .35s ease}.song-card[data-v-0e2cba9f]:hover:before{opacity:1}.song-card[data-v-0e2cba9f]:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--glow-accent),0 12px 36px var(--shadow-color)}.song-cover[data-v-0e2cba9f]{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;margin-bottom:14px}.song-cover img[data-v-0e2cba9f]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.song-card:hover .song-cover img[data-v-0e2cba9f]{transform:scale(1.1)}.index-badge[data-v-0e2cba9f]{position:absolute;top:10px;left:10px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:700;padding:5px 10px;border-radius:8px;font-family:monospace}.song-info h4[data-v-0e2cba9f]{font-size:15px;font-weight:650;color:var(--text-primary);margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.song-info p[data-v-0e2cba9f]{font-size:13px;color:var(--text-secondary);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.song-meta[data-v-0e2cba9f]{display:flex;gap:12px}.meta-item[data-v-0e2cba9f]{font-size:12px;color:var(--text-muted)}.playlists-scroll[data-v-0e2cba9f]{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.playlist-card[data-v-0e2cba9f]{flex-shrink:0;width:200px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.playlist-card[data-v-0e2cba9f]:hover{transform:translateY(-4px);box-shadow:var(--glow-accent),var(--shadow-lg)}.playlist-cover[data-v-0e2cba9f]{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;margin-bottom:12px;box-shadow:0 8px 24px var(--shadow-color)}.playlist-cover img[data-v-0e2cba9f]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.playlist-card:hover .playlist-cover img[data-v-0e2cba9f]{transform:scale(1.08)}.play-count[data-v-0e2cba9f]{position:absolute;bottom:10px;right:10px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;padding:5px 10px;border-radius:10px;display:flex;align-items:center;gap:5px}.playlist-card h4[data-v-0e2cba9f]{font-size:15px;font-weight:650;color:var(--text-primary);margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card p[data-v-0e2cba9f]{font-size:13px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-songs-list[data-v-0e2cba9f]{display:flex;flex-direction:column;gap:8px}.new-song-item[data-v-0e2cba9f]{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1)}.new-song-item[data-v-0e2cba9f]:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translate(8px)}.song-index[data-v-0e2cba9f]{font-size:18px;font-weight:900;color:var(--text-secondary);min-width:28px;text-align:center;font-family:monospace}.song-index.top3[data-v-0e2cba9f]{color:#f59e0b;font-size:22px}.song-thumb[data-v-0e2cba9f]{width:52px;height:52px;border-radius:10px;object-fit:cover}.song-detail[data-v-0e2cba9f]{flex:1;min-width:0}.song-detail h4[data-v-0e2cba9f]{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-detail p[data-v-0e2cba9f]{font-size:13px;color:var(--text-secondary);margin:0}.song-album[data-v-0e2cba9f]{font-size:13px;color:var(--text-muted);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-state[data-v-0e2cba9f],.empty-state[data-v-0e2cba9f]{text-align:center;padding:80px 20px;color:var(--text-secondary)}.spinner[data-v-0e2cba9f]{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin-0e2cba9f .8s linear infinite;margin:0 auto 20px}@keyframes spin-0e2cba9f{to{transform:rotate(360deg)}}.empty-icon[data-v-0e2cba9f]{font-size:80px;display:block;margin-bottom:20px;opacity:.5}.play-overlay[data-v-0e2cba9f]{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.song-card:hover .play-overlay[data-v-0e2cba9f],.ranking-card:hover .play-overlay[data-v-0e2cba9f]{opacity:1}.play-btn[data-v-0e2cba9f]{width:54px;height:54px;background:var(--accent-gradient);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f180;transition:all .3s ease}.play-btn svg[data-v-0e2cba9f]{width:26px;height:26px;margin-left:2px;color:#fff}.play-btn[data-v-0e2cba9f]:hover{transform:scale(1.15);box-shadow:0 12px 32px #6366f1a6}@media(max-width:1200px){.songs-grid[data-v-0e2cba9f]{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.rankings-grid[data-v-0e2cba9f]{grid-template-columns:repeat(5,1fr);max-width:700px;gap:14px}}@media(max-width:768px){.discover-page[data-v-0e2cba9f]{padding:16px}.hero-content[data-v-0e2cba9f]{padding:28px 20px}.hero-content h1[data-v-0e2cba9f]{font-size:26px}.hero-content p[data-v-0e2cba9f]{font-size:14px;margin-bottom:16px}.songs-grid[data-v-0e2cba9f]{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}.playlists-scroll[data-v-0e2cba9f]{gap:14px}.playlist-card[data-v-0e2cba9f]{width:160px}.rankings-grid[data-v-0e2cba9f]{grid-template-columns:repeat(3,1fr);max-width:100%;gap:12px}.ranking-cover[data-v-0e2cba9f]{max-width:100px}}@media(max-width:600px){.discover-page[data-v-0e2cba9f]{padding:12px}.hero-section[data-v-0e2cba9f]{border-radius:16px;margin-bottom:20px}.hero-content[data-v-0e2cba9f]{padding:24px 16px}.hero-content h1[data-v-0e2cba9f]{font-size:22px;margin-bottom:8px}.hero-content p[data-v-0e2cba9f]{font-size:13px;margin-bottom:14px}.search-box[data-v-0e2cba9f]{width:100%;max-width:100%;padding:12px 16px;border-radius:12px;gap:10px}.search-box svg[data-v-0e2cba9f]{width:18px;height:18px}.search-box span[data-v-0e2cba9f]{font-size:14px}.search-box kbd[data-v-0e2cba9f]{display:none}.section[data-v-0e2cba9f]{margin-bottom:40px}.section-header[data-v-0e2cba9f]{margin-bottom:18px}.section-header h2[data-v-0e2cba9f]{font-size:20px;gap:8px}.section-header .icon[data-v-0e2cba9f]{font-size:22px}.section-header a[data-v-0e2cba9f]{font-size:13px}.rankings-grid[data-v-0e2cba9f]{grid-template-columns:repeat(3,1fr);gap:10px}.ranking-cover[data-v-0e2cba9f]{max-width:none;aspect-ratio:1;border-radius:10px;margin-bottom:6px}.ranking-card h3[data-v-0e2cba9f]{font-size:12px}.ranking-card p[data-v-0e2cba9f]{font-size:11px}.rank-badge[data-v-0e2cba9f]{font-size:13px;padding:3px 6px;top:6px;left:6px;border-radius:6px}.play-count-badge[data-v-0e2cba9f]{font-size:9px;padding:2px 6px;top:6px;right:6px}.play-btn[data-v-0e2cba9f]{width:42px;height:42px}.play-btn svg[data-v-0e2cba9f]{width:20px;height:20px}.playlists-scroll[data-v-0e2cba9f]{gap:12px}.playlist-card[data-v-0e2cba9f]{width:140px}.playlist-cover[data-v-0e2cba9f]{border-radius:12px;margin-bottom:8px}.play-count[data-v-0e2cba9f]{font-size:11px;padding:4px 8px;bottom:8px;right:8px;border-radius:8px}.play-count svg[data-v-0e2cba9f]{width:12px;height:12px}.playlist-card h4[data-v-0e2cba9f]{font-size:13px}.playlist-card p[data-v-0e2cba9f]{font-size:11px}.new-songs-list[data-v-0e2cba9f]{gap:6px}.new-song-item[data-v-0e2cba9f]{padding:10px 12px;gap:12px;border-radius:10px}.song-index[data-v-0e2cba9f]{font-size:15px;min-width:22px}.song-index.top3[data-v-0e2cba9f]{font-size:18px}.song-thumb[data-v-0e2cba9f]{width:48px;height:48px;border-radius:8px}.song-detail h4[data-v-0e2cba9f]{font-size:13px;margin-bottom:2px}.song-detail p[data-v-0e2cba9f]{font-size:11px}.song-album[data-v-0e2cba9f]{display:none}.loading-state[data-v-0e2cba9f],.empty-state[data-v-0e2cba9f]{padding:50px 16px}.spinner[data-v-0e2cba9f]{width:36px;height:36px;border-width:3px}.empty-icon[data-v-0e2cba9f]{font-size:56px}}.search-page[data-v-c9661f65]{max-width:900px;margin:0 auto;padding:28px 24px;min-height:calc(100vh - 200px)}.search-header[data-v-c9661f65]{margin-bottom:28px}.search-input-wrapper[data-v-c9661f65]{position:relative;display:flex;align-items:center;background:var(--card-bg, rgba(255, 255, 255, .05));border:2px solid var(--border-color, rgba(148, 163, 184, .15));border-radius:16px;padding:0 20px;transition:all .35s cubic-bezier(.23,1,.32,1);margin-bottom:18px}[data-theme=light] .search-input-wrapper[data-v-c9661f65]{background:var(--bg-secondary, #ffffff);border-color:var(--border-color, #e5e7eb)}.search-input-wrapper[data-v-c9661f65]:focus-within{border-color:var(--accent-color, rgba(139, 92, 246, .5));box-shadow:0 6px 24px #8b5cf61f,0 0 0 3px #8b5cf60f}.search-icon[data-v-c9661f65]{width:22px;height:22px;color:var(--text-muted, #94a3b8);flex-shrink:0}.search-input-wrapper input[data-v-c9661f65]{flex:1;background:none;border:none;outline:none;color:var(--text-primary, #f1f5f9);font-size:16px;padding:16px 12px;font-weight:500}.search-input-wrapper input[data-v-c9661f65]::placeholder{color:var(--text-muted, #64748b)}.clear-btn[data-v-c9661f65]{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .25s ease}.clear-btn[data-v-c9661f65]:hover{background:#ef444433;transform:scale(1.1)}.type-tabs-wrapper[data-v-c9661f65]{display:flex;justify-content:center}.type-tabs[data-v-c9661f65]{display:inline-flex;gap:8px;background:#ffffff08;border:1px solid rgba(148,163,184,.08);border-radius:14px;padding:5px}.type-tab[data-v-c9661f65]{background:transparent;border:none;color:#94a3b8;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-size:14px;font-weight:500;position:relative}.type-tab[data-v-c9661f65]:hover{color:#e2e8f0;background:#ffffff0d}.type-tab.active[data-v-c9661f65]{background:linear-gradient(135deg,#8b5cf640,#6366f12e);color:#f8fafc;box-shadow:0 2px 12px #8b5cf626}.section-title[data-v-c9661f65]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h3[data-v-c9661f65]{font-size:17px;font-weight:700;color:#e2e8f0;margin:0}.clear-all[data-v-c9661f65]{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;transition:color .25s ease}.clear-all[data-v-c9661f65]:hover{color:#ef4444}.history-section[data-v-c9661f65]{margin-bottom:40px}.history-list[data-v-c9661f65]{display:flex;flex-direction:column;gap:8px}.history-item[data-v-c9661f65]{display:flex;align-items:center;gap:14px;padding:13px 18px;background:#ffffff08;border:1px solid rgba(148,163,184,.06);border-radius:12px;cursor:pointer;transition:all .3s ease}.history-item[data-v-c9661f65]:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translate(5px)}.history-icon[data-v-c9661f65]{font-size:18px}.history-text[data-v-c9661f65]{flex:1;color:#cbd5e1;font-size:15px}.remove-btn[data-v-c9661f65]{background:none;border:none;color:#64748b;cursor:pointer;opacity:0;transition:all .25s ease;padding:5px;font-size:14px}.history-item:hover .remove-btn[data-v-c9661f65]{opacity:1}.remove-btn[data-v-c9661f65]:hover{color:#ef4444}.hot-section[data-v-c9661f65]{margin-bottom:36px}.hot-keywords[data-v-c9661f65]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.keyword-tag[data-v-c9661f65]{background:#ffffff0a;border:1px solid rgba(148,163,184,.1);color:#94a3b8;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;text-align:left}.keyword-tag[data-v-c9661f65]:hover{background:#8b5cf61f;border-color:#8b5cf64d;color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 14px #8b5cf61a}.keyword-tag .rank[data-v-c9661f65]{font-weight:800;font-family:SF Mono,Fira Code,monospace;min-width:18px;font-size:13px}.keyword-tag.top3 .rank[data-v-c9661f65]{color:#f59e0b;font-size:15px}.suggestions-section[data-v-c9661f65]{position:absolute;top:100%;left:50%;transform:translate(-50%);width:calc(100% - 64px);max-width:900px;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.15);border-radius:18px;box-shadow:0 20px 60px #00000080;z-index:100;overflow:hidden;margin-top:10px}.suggestions-list[data-v-c9661f65]{max-height:400px;overflow-y:auto;padding:8px}.suggestion-item[data-v-c9661f65]{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:12px;cursor:pointer;transition:all .25s ease}.suggestion-item[data-v-c9661f65]:hover{background:#8b5cf61f}.suggestion-icon[data-v-c9661f65]{font-size:20px;width:28px;text-align:center}.suggestion-text[data-v-c9661f65]{flex:1;color:#e2e8f0;font-size:15px}.suggestion-text[data-v-c9661f65] mark{background:#f59e0b4d;color:#fbbf24;padding:2px 5px;border-radius:4px}.results-section[data-v-c9661f65]{margin-top:28px}.results-info[data-v-c9661f65]{color:#94a3b8;font-size:15px;margin-bottom:28px}.results-info strong[data-v-c9661f65]{color:#f8fafc;font-size:18px}.result-group[data-v-c9661f65]{margin-bottom:40px}.group-title[data-v-c9661f65]{font-size:20px;font-weight:700;color:#f1f5f9;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.08)}.songs-result-list[data-v-c9661f65]{display:flex;flex-direction:column;gap:8px}.result-song-item[data-v-c9661f65]{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffff05;border:1px solid rgba(148,163,184,.06);border-radius:14px;cursor:pointer;transition:all .35s ease}.result-song-item[data-v-c9661f65]:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translate(8px)}.result-thumb[data-v-c9661f65]{width:56px;height:56px;border-radius:12px;object-fit:cover}.result-song-info[data-v-c9661f65]{flex:1;min-width:0}.result-song-info h4[data-v-c9661f65]{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-song-info p[data-v-c9661f65]{font-size:13px;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-actions[data-v-c9661f65]{display:flex;gap:8px}.action-btn[data-v-c9661f65]{background:#ffffff0f;border:1px solid rgba(148,163,184,.1);color:#cbd5e1;width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;font-size:16px}.action-btn[data-v-c9661f65]:hover{background:#8b5cf62e;border-color:#8b5cf659;transform:scale(1.12)}.playlists-result-grid[data-v-c9661f65]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.result-playlist-card[data-v-c9661f65]{cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.result-playlist-card[data-v-c9661f65]:hover{transform:translateY(-6px)}.result-playlist-card img[data-v-c9661f65]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;margin-bottom:12px;box-shadow:0 8px 24px #0000004d}.result-playlist-card h4[data-v-c9661f65]{font-size:15px;font-weight:600;color:#f1f5f9;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-playlist-card p[data-v-c9661f65]{font-size:13px;color:#64748b;margin:0}.users-result-list[data-v-c9661f65]{display:flex;flex-direction:column;gap:10px}.user-card[data-v-c9661f65]{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffff05;border:1px solid rgba(148,163,184,.06);border-radius:14px;transition:all .3s ease}.user-avatar[data-v-c9661f65]{width:52px;height:52px;border-radius:50%;object-fit:cover}.user-info[data-v-c9661f65]{flex:1}.user-info h4[data-v-c9661f65]{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 4px}.user-info p[data-v-c9661f65]{font-size:13px;color:#64748b;margin:0}.follow-btn[data-v-c9661f65]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:9px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.follow-btn[data-v-c9661f65]:hover{transform:scale(1.06);box-shadow:0 6px 20px #6366f166}.links-result-list[data-v-c9661f65]{display:flex;flex-direction:column;gap:12px}.link-card[data-v-c9661f65]{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--card-bg, rgba(255, 255, 255, .9));border:1.5px solid var(--border-color, rgba(148, 163, 184, .08));border-radius:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000a}.link-card[data-v-c9661f65]:hover{background:var(--card-bg, rgba(255, 255, 255, 1));border-color:#8b5cf640;transform:translate(6px);box-shadow:0 4px 16px #8b5cf626}.link-icon-wrap[data-v-c9661f65]{position:relative;flex-shrink:0}.link-icon-img[data-v-c9661f65]{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#fff;padding:6px;transition:transform .3s ease;box-shadow:0 2px 8px #00000014}.link-card:hover .link-icon-img[data-v-c9661f65]{transform:scale(1.08)}.link-emoji[data-v-c9661f65]{display:flex;align-items:center;justify-content:center;font-size:30px;background:transparent;width:52px;height:52px}.link-default-icon[data-v-c9661f65]{display:flex;align-items:center;justify-content:center;font-size:26px;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#8b5cf626,#ec489926)}.link-info[data-v-c9661f65]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.link-info h4[data-v-c9661f65]{font-size:15px;font-weight:650;color:var(--text-primary, #1a1a2e);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.link-info p[data-v-c9661f65]{font-size:13px;color:var(--text-muted, #6b7280);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.link-arrow[data-v-c9661f65]{font-size:20px;color:var(--text-muted);transition:all .3s ease;opacity:.6;flex-shrink:0}.link-card:hover .link-arrow[data-v-c9661f65]{transform:translate(4px);color:var(--accent-color);opacity:1}.loading-state[data-v-c9661f65],.empty-state[data-v-c9661f65],.no-results[data-v-c9661f65]{text-align:center;padding:60px 20px;color:#64748b}.spinner[data-v-c9661f65]{width:44px;height:44px;border:4px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;border-radius:50%;animation:spin-c9661f65 .75s linear infinite;margin:0 auto 18px}@keyframes spin-c9661f65{to{transform:rotate(360deg)}}.empty-icon[data-v-c9661f65]{font-size:72px;display:block;margin-bottom:18px;opacity:.45}.empty-state h3[data-v-c9661f65]{font-size:22px;color:#e2e8f0;margin:0 0 10px}.empty-state p[data-v-c9661f65]{font-size:15px;margin:0}.no-results p[data-v-c9661f65]{font-size:14px;padding:20px;background:#ffffff05;border-radius:12px}@media(max-width:768px){.search-page[data-v-c9661f65]{padding:18px 16px}.search-header[data-v-c9661f65]{margin-bottom:22px}.search-input-wrapper[data-v-c9661f65]{padding:0 16px;border-radius:14px;margin-bottom:14px}.search-input-wrapper input[data-v-c9661f65]{font-size:15px;padding:14px 10px}.type-tabs[data-v-c9661f65]{display:flex;gap:6px;border-radius:12px;padding:4px;width:100%;justify-content:stretch}.type-tab[data-v-c9661f65]{flex:1;padding:9px 12px;font-size:13px;text-align:center;justify-content:center;border-radius:8px}.hot-keywords[data-v-c9661f65]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.keyword-tag[data-v-c9661f65]{padding:10px 14px;font-size:13px;border-radius:10px}.section-title h3[data-v-c9661f65]{font-size:16px}.playlists-result-grid[data-v-c9661f65]{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.result-actions[data-v-c9661f65]{gap:5px}.action-btn[data-v-c9661f65]{width:34px;height:34px}}@media(max-width:480px){.hot-keywords[data-v-c9661f65]{grid-template-columns:repeat(2,1fr);gap:7px}.keyword-tag[data-v-c9661f65]{padding:10px 12px;font-size:13px}.type-tab[data-v-c9661f65]{padding:8px;font-size:12px}.search-icon[data-v-c9661f65]{width:20px;height:20px}}.playlist-detail-page[data-v-bca2128a]{max-width:1200px;margin:0 auto;padding:32px;min-height:calc(100vh - 200px)}.playlist-header[data-v-bca2128a]{position:relative;border-radius:28px;overflow:hidden;margin-bottom:48px;background:#0f172a99;border:1px solid rgba(148,163,184,.08)}.header-bg[data-v-bca2128a]{position:absolute;inset:0;opacity:.25;filter:blur(40px);transform:scale(1.2)}.header-content[data-v-bca2128a]{position:relative;z-index:1;display:flex;gap:40px;padding:48px}.cover-wrapper[data-v-bca2128a]{flex-shrink:0;position:relative}.playlist-cover[data-v-bca2128a]{width:260px;height:260px;border-radius:20px;object-fit:cover;box-shadow:0 20px 60px #00000080}.play-all-overlay[data-v-bca2128a]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .35s ease}.cover-wrapper:hover .play-all-overlay[data-v-bca2128a]{opacity:1}.play-all-btn[data-v-bca2128a]{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:14px 28px;border-radius:28px;cursor:pointer;font-size:16px;font-weight:700;box-shadow:0 12px 32px #6366f173;transition:all .3s ease}.play-all-btn[data-v-bca2128a]:hover{transform:scale(1.06);box-shadow:0 16px 40px #6366f18c}.play-all-btn svg[data-v-bca2128a]{width:22px;height:22px;margin-left:2px}.info-section[data-v-bca2128a]{flex:1;display:flex;flex-direction:column;gap:18px}.info-section h1[data-v-bca2128a]{font-size:34px;font-weight:900;color:#fff;margin:0;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.3)}.meta-info[data-v-bca2128a]{display:flex;align-items:center;gap:10px;color:#fffc;font-size:15px;flex-wrap:wrap}.separator[data-v-bca2128a]{opacity:.4}.description[data-v-bca2128a]{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0}.action-buttons[data-v-bca2128a]{display:flex;gap:12px;flex-wrap:wrap}.action-btn[data-v-bca2128a]{background:#ffffff0f;border:1px solid rgba(148,163,184,.15);color:#cbd5e1;padding:13px 24px;border-radius:14px;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);font-size:15px;font-weight:600}.action-btn[data-v-bca2128a]:hover{background:#8b5cf626;border-color:#8b5cf659;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px #8b5cf633}.action-btn.primary[data-v-bca2128a]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 8px 24px #6366f159}.action-btn.primary[data-v-bca2128a]:hover{box-shadow:0 12px 32px #6366f180}.tags[data-v-bca2128a]{display:flex;gap:10px;flex-wrap:wrap}.tag[data-v-bca2128a]{background:#8b5cf61f;color:#c4b5fd;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600}.section-header[data-v-bca2128a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2[data-v-bca2128a]{font-size:24px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:12px}.section-header .icon[data-v-bca2128a]{font-size:26px}.list-actions[data-v-bca2128a]{display:flex;gap:8px}.list-action-btn[data-v-bca2128a]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;font-size:13px}.locate-btn[data-v-bca2128a]{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:2px solid var(--accent-color);color:var(--accent-color);padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;font-size:13px;font-weight:600;animation:pulse-glow-bca2128a 2s ease-in-out infinite}.locate-btn[data-v-bca2128a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666;background:linear-gradient(135deg,#8b5cf640,#6366f12e)}@keyframes pulse-glow-bca2128a{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 12px 4px #8b5cf633}}.list-action-btn[data-v-bca2128a]:hover{background:var(--border-color);color:var(--text-primary)}.songs-list[data-v-bca2128a]{display:flex;flex-direction:column;gap:6px}.song-item[data-v-bca2128a]{display:grid;grid-template-columns:48px 48px 1fr 150px 80px 120px;align-items:center;gap:16px;padding:13px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1)}.song-item[data-v-bca2128a]:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translate(6px)}.song-item.active[data-v-bca2128a]{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-color:var(--accent-color)}.song-index[data-v-bca2128a]{font-size:17px;font-weight:700;color:var(--text-muted);text-align:center;font-family:monospace}.song-item.active .song-index[data-v-bca2128a]{color:var(--accent-color)}.playing-icon[data-v-bca2128a]{display:inline-flex;gap:2.5px;align-items:flex-end;height:16px}.playing-icon span[data-v-bca2128a]{width:3px;height:90%;background:linear-gradient(to top,#6366f1,#8b5cf6);border-radius:2px;animation:sound-bar-bca2128a .65s ease-in-out infinite alternate}.playing-icon span[data-v-bca2128a]:nth-child(1){animation-delay:0s;height:70%}.playing-icon span[data-v-bca2128a]:nth-child(2){animation-delay:.15s;height:95%}.playing-icon span[data-v-bca2128a]:nth-child(3){animation-delay:.3s;height:50%}@keyframes sound-bar-bca2128a{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.song-cover[data-v-bca2128a]{width:46px;height:46px;border-radius:10px;object-fit:cover}.song-detail[data-v-bca2128a]{min-width:0}.song-detail h4[data-v-bca2128a]{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-detail p[data-v-bca2128a]{font-size:13px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-album[data-v-bca2128a]{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-song-btn[data-v-bca2128a]{width:30px;height:30px;border-radius:50%;border:none;background:#ef44441a;color:#ef4444;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;opacity:0;flex-shrink:0}.song-item:hover .remove-song-btn[data-v-bca2128a]{opacity:1}.remove-song-btn[data-v-bca2128a]:hover{background:#ef444433;transform:scale(1.15)}.song-duration[data-v-bca2128a]{font-size:14px;color:var(--text-muted);font-family:monospace}.loading-page[data-v-bca2128a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.spinner[data-v-bca2128a]{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin-bca2128a .8s linear infinite;margin-bottom:20px}@keyframes spin-bca2128a{to{transform:rotate(360deg)}}.empty-state[data-v-bca2128a],.no-results[data-v-bca2128a]{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-icon[data-v-bca2128a]{font-size:72px;display:block;margin-bottom:16px;opacity:.45}@media(max-width:1200px){.header-content[data-v-bca2128a]{flex-direction:column;align-items:center;text-align:center}.meta-info[data-v-bca2128a],.action-buttons[data-v-bca2128a]{justify-content:center}.info-section h1[data-v-bca2128a]{font-size:28px}.song-item[data-v-bca2128a]{grid-template-columns:40px 42px 1fr auto auto}.song-album[data-v-bca2128a]{display:none}}@media(max-width:768px){.playlist-detail-page[data-v-bca2128a]{padding:16px}.header-content[data-v-bca2128a]{flex-direction:column;align-items:center;text-align:center;gap:20px;padding:24px 20px}.info-section[data-v-bca2128a]{text-align:center}.info-section h1[data-v-bca2128a]{font-size:24px}.meta-info[data-v-bca2128a],.action-buttons[data-v-bca2128a]{justify-content:center}.playlist-cover[data-v-bca2128a]{width:200px;height:200px}.song-item[data-v-bca2128a]{grid-template-columns:36px 44px 1fr auto;gap:12px;padding:10px 12px}.song-cover[data-v-bca2128a]{width:40px;height:40px}.song-index[data-v-bca2128a]{font-size:14px}.song-detail h4[data-v-bca2128a]{font-size:13px}.song-detail p[data-v-bca2128a]{font-size:11px}.song-album[data-v-bca2128a]{display:none}}@media(max-width:480px){.playlist-cover[data-v-bca2128a]{width:160px;height:160px}.song-item[data-v-bca2128a]{grid-template-columns:32px 38px 1fr auto;gap:10px;padding:8px 10px}.header-content[data-v-bca2128a]{padding:20px 16px;gap:16px}.info-section h1[data-v-bca2128a]{font-size:20px}.section-header[data-v-bca2128a]{flex-direction:column;align-items:flex-start;gap:12px}.list-actions[data-v-bca2128a]{flex-wrap:wrap}.list-action-btn[data-v-bca2128a]{padding:6px 12px;font-size:12px}}.modal-overlay[data-v-bca2128a]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.add-songs-btn[data-v-bca2128a]{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important;font-weight:600!important}.add-songs-btn[data-v-bca2128a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.add-songs-modal[data-v-bca2128a]{background:var(--card-bg, #1e293b);border-radius:20px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000080}.add-songs-modal .modal-header[data-v-bca2128a]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(148,163,184,.1)}.add-songs-modal .modal-header h2[data-v-bca2128a]{margin:0;font-size:22px;color:#f1f5f9;font-weight:700}.add-songs-modal .close-btn[data-v-bca2128a]{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease}.add-songs-modal .close-btn[data-v-bca2128a]:hover{background:#ef444426;color:#ef4444}.add-songs-modal .modal-body[data-v-bca2128a]{flex:1;overflow-y:auto;padding:24px 28px}.search-box[data-v-bca2128a]{margin-bottom:20px}.search-box input[data-v-bca2128a]{width:100%;padding:12px 18px;background:#0f172a99;border:2px solid rgba(148,163,184,.15);border-radius:12px;color:#f1f5f9;font-size:15px;outline:none;transition:all .3s ease}.search-box input[data-v-bca2128a]:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.search-box input[data-v-bca2128a]::placeholder{color:#64748b}.songs-selection-list[data-v-bca2128a]{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.song-select-item[data-v-bca2128a]{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#ffffff08;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .25s ease}.song-select-item[data-v-bca2128a]:hover{background:#6366f114;border-color:#6366f133;transform:translate(4px)}.song-select-item.selected[data-v-bca2128a]{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f1}.select-checkbox[data-v-bca2128a]{width:26px;height:26px;border:2px solid #64748b;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:transparent;transition:all .2s ease;flex-shrink:0}.song-select-item.selected .select-checkbox[data-v-bca2128a]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.song-thumb[data-v-bca2128a]{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0}.song-info-select[data-v-bca2128a]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.song-info-select strong[data-v-bca2128a]{color:#f1f5f9;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-info-select span[data-v-bca2128a]{color:#94a3b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-songs-available[data-v-bca2128a]{text-align:center;padding:40px 20px;color:#64748b}.no-songs-available p[data-v-bca2128a]{margin:8px 0;font-size:15px}.no-songs-available .hint[data-v-bca2128a]{font-size:13px;color:#475569}.add-songs-modal .modal-footer[data-v-bca2128a]{padding:20px 28px;border-top:1px solid rgba(148,163,184,.1);display:flex;justify-content:space-between;align-items:center}.selection-info[data-v-bca2128a]{color:#94a3b8;font-size:14px;font-weight:500}.modal-actions[data-v-bca2128a]{display:flex;gap:12px}.modal-actions button[data-v-bca2128a]{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn[data-v-bca2128a]{background:#ffffff0f;color:#cbd5e1}.cancel-btn[data-v-bca2128a]:hover{background:#ffffff1f}.confirm-btn[data-v-bca2128a]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f159}.confirm-btn[data-v-bca2128a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.confirm-btn[data-v-bca2128a]:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.guest-notice[data-v-b3f4c02a]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:40px 20px}.notice-content[data-v-b3f4c02a]{text-align:center;max-width:480px;padding:48px 40px;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.notice-icon[data-v-b3f4c02a]{font-size:64px;display:block;margin-bottom:20px;animation:pulse-b3f4c02a 2s ease-in-out infinite}@keyframes pulse-b3f4c02a{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notice-content h2[data-v-b3f4c02a]{font-size:28px;color:var(--text-primary);margin:0 0 12px;font-weight:700}.notice-content p[data-v-b3f4c02a]{font-size:16px;color:var(--text-secondary);margin:0 0 28px;line-height:1.6}.login-btn[data-v-b3f4c02a],.back-btn[data-v-b3f4c02a]{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin:0 8px}.login-btn[data-v-b3f4c02a]{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 4px 16px var(--shadow-color)}.login-btn[data-v-b3f4c02a]:hover{transform:translateY(-2px);box-shadow:var(--glow-accent)}.back-btn[data-v-b3f4c02a]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.back-btn[data-v-b3f4c02a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-page[data-v-b3f4c02a]{max-width:1000px;margin:0 auto;padding:20px;min-height:calc(100vh - 200px)}.profile-header[data-v-b3f4c02a]{position:relative;border-radius:18px;overflow:hidden;margin-bottom:24px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.header-bg[data-v-b3f4c02a]{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,var(--border-glow),transparent 60%),radial-gradient(circle at 70% 60%,color-mix(in srgb,var(--accent-color) 6%,transparent),transparent 60%);pointer-events:none}@keyframes float-b3f4c02a{0%,to{transform:translate(0)}33%{transform:translate(-2%,3%)}66%{transform:translate(2%,-1%)}}.header-content[data-v-b3f4c02a]{position:relative;z-index:1;display:flex;align-items:center;gap:28px;padding:28px 32px}.avatar-wrapper[data-v-b3f4c02a]{position:relative;flex-shrink:0}.user-avatar[data-v-b3f4c02a]{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-lg);border:3px solid var(--border-color)}.edit-avatar-btn[data-v-b3f4c02a]{position:absolute;bottom:4px;right:4px;background:var(--card-bg);border:1px solid var(--border-color);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:var(--shadow-sm)}.edit-avatar-btn[data-v-b3f4c02a]:hover{transform:scale(1.12);box-shadow:var(--shadow-md)}.user-info[data-v-b3f4c02a]{flex:1;display:flex;flex-direction:column;gap:8px}.name-row[data-v-b3f4c02a]{display:flex;align-items:center;gap:10px}.name-row h1[data-v-b3f4c02a]{font-size:24px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:.3px}.admin-badge[data-v-b3f4c02a]{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px}.bio[data-v-b3f4c02a]{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0;max-width:520px}.bio.empty[data-v-b3f4c02a]{cursor:pointer;color:var(--text-muted);font-style:italic}.stats-row[data-v-b3f4c02a]{display:flex;gap:24px}.stat-item[data-v-b3f4c02a]{text-align:center}.stat-item strong[data-v-b3f4c02a]{display:block;font-size:17px;font-weight:800;color:var(--text-primary)}.stat-item span[data-v-b3f4c02a]{font-size:11.5px;color:var(--text-muted);letter-spacing:.3px}.action-buttons[data-v-b3f4c02a]{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.action-buttons .action-btn[data-v-b3f4c02a]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:7px 16px;border-radius:9px;cursor:pointer;transition:all .25s ease;font-size:12.5px;font-weight:600}.action-buttons .action-btn[data-v-b3f4c02a]:hover{background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-color:var(--border-glow);transform:translateY(-2px)}.action-buttons .action-btn.primary[data-v-b3f4c02a]{background:var(--accent-gradient);border-color:transparent;color:var(--text-on-accent);box-shadow:0 4px 14px var(--shadow-color)}.action-buttons .action-btn.primary[data-v-b3f4c02a]:hover{box-shadow:var(--glow-accent)}.action-buttons .action-btn.danger-sm[data-v-b3f4c02a]{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted)}.action-buttons .action-btn.danger-sm[data-v-b3f4c02a]:hover,.action-buttons .action-btn.danger-delete-sm[data-v-b3f4c02a]{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.action-buttons .action-btn.danger-delete-sm[data-v-b3f4c02a]:hover{background:var(--danger-color);color:var(--text-on-accent)}.tabs[data-v-b3f4c02a]{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab[data-v-b3f4c02a]{background:none;border:none;color:var(--text-muted);padding:10px 18px;cursor:pointer;font-size:13px;font-weight:600;position:relative;transition:all .25s ease;letter-spacing:.2px}.tab[data-v-b3f4c02a]:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2.5px;background:transparent;border-radius:3px 3px 0 0;transition:all .25s ease}.tab[data-v-b3f4c02a]:hover{color:var(--text-secondary)}.tab.active[data-v-b3f4c02a]{color:var(--text-primary)}.tab.active[data-v-b3f4c02a]:after{background:var(--accent-gradient)}.tab-content[data-v-b3f4c02a]{min-height:320px}.songs-grid[data-v-b3f4c02a],.playlists-grid[data-v-b3f4c02a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.song-card[data-v-b3f4c02a],.playlist-card[data-v-b3f4c02a]{cursor:pointer;transition:all .3s ease}.card-actions[data-v-b3f4c02a]{display:flex;gap:8px;justify-content:center;margin-top:8px;opacity:0;transition:opacity .3s ease}.playlist-card:hover .card-actions[data-v-b3f4c02a]{opacity:1}.card-actions button[data-v-b3f4c02a]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:14px;transition:all .3s ease;color:var(--text-secondary)}.card-actions button[data-v-b3f4c02a]:hover{background:var(--border-color);color:var(--text-primary)}.song-card[data-v-b3f4c02a]:hover,.playlist-card[data-v-b3f4c02a]:hover{transform:translateY(-4px)}.card-cover[data-v-b3f4c02a]{position:relative;aspect-ratio:1;border-radius:13px;overflow:hidden;margin-bottom:10px;box-shadow:var(--shadow-sm)}.card-cover img[data-v-b3f4c02a]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.song-card:hover .card-cover img[data-v-b3f4c02a],.playlist-card:hover .card-cover img[data-v-b3f4c02a]{transform:scale(1.1)}.play-overlay[data-v-b3f4c02a]{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.song-card:hover .play-overlay[data-v-b3f4c02a]{opacity:1}.play-btn[data-v-b3f4c02a]{background:var(--accent-gradient);border:none;color:var(--text-on-accent);width:52px;height:52px;border-radius:50%;font-size:22px;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.play-btn[data-v-b3f4c02a]:hover{transform:scale(1.15);box-shadow:var(--glow-accent)}.count-badge[data-v-b3f4c02a]{position:absolute;bottom:8px;right:8px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11px;padding:3px 8px;border-radius:8px;font-weight:600}.song-card h4[data-v-b3f4c02a],.playlist-card h4[data-v-b3f4c02a]{font-size:13.5px;font-weight:650;color:var(--text-primary);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card p[data-v-b3f4c02a],.playlist-card p[data-v-b3f4c02a]{font-size:11.5px;color:var(--text-muted);margin:0}.create-playlist-card[data-v-b3f4c02a]{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:13px;cursor:pointer;transition:all .25s ease;color:var(--text-muted);gap:8px;font-size:12.5px;font-weight:500}.create-playlist-card[data-v-b3f4c02a]:hover{background:color-mix(in srgb,var(--accent-color) 8%,transparent);border-color:var(--border-glow);color:var(--accent-color);transform:translateY(-3px)}.create-icon[data-v-b3f4c02a]{font-size:26px}.history-list[data-v-b3f4c02a]{display:flex;flex-direction:column;gap:8px}.history-item[data-v-b3f4c02a]{display:flex;align-items:center;gap:16px;padding:13px 18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .35s ease}.history-item[data-v-b3f4c02a]:hover{background:color-mix(in srgb,var(--accent-color) 8%,transparent);border-color:var(--border-glow);transform:translate(6px)}.history-thumb[data-v-b3f4c02a]{width:48px;height:48px;border-radius:10px;object-fit:cover}.history-info[data-v-b3f4c02a]{flex:1;min-width:0}.history-info h4[data-v-b3f4c02a]{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-info p[data-v-b3f4c02a]{font-size:13px;color:var(--text-muted);margin:0}.history-time[data-v-b3f4c02a]{font-size:13px;color:var(--text-muted);font-family:monospace}.remove-btn[data-v-b3f4c02a]{background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;padding:8px;font-size:16px;transition:all .25s ease}.history-item:hover .remove-btn[data-v-b3f4c02a]{opacity:1}.remove-btn[data-v-b3f4c02a]:hover{color:var(--danger-color)}.settings-content[data-v-b3f4c02a]{max-width:860px}.settings-grid[data-v-b3f4c02a]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings-card[data-v-b3f4c02a]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.card-header-bar[data-v-b3f4c02a]{display:flex;align-items:center;gap:8px;margin-bottom:18px}.card-icon[data-v-b3f4c02a]{font-size:17px}.card-header-bar h3[data-v-b3f4c02a]{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.settings-fields[data-v-b3f4c02a]{flex:1;display:flex;flex-direction:column;gap:14px}.field-row[data-v-b3f4c02a]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-item[data-v-b3f4c02a]{display:flex;flex-direction:column;gap:5px}.field-item label[data-v-b3f4c02a]{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.field-item input[data-v-b3f4c02a],.field-item textarea[data-v-b3f4c02a]{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-primary);padding:10px 13px;font-size:13.5px;outline:none;transition:all .25s ease;font-family:inherit}.field-item input[data-v-b3f4c02a]:focus,.field-item textarea[data-v-b3f4c02a]:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px var(--border-glow)}.field-item input[disabled][data-v-b3f4c02a]{opacity:.45;cursor:not-allowed;background:var(--bg-tertiary)}.field-item textarea[data-v-b3f4c02a]{resize:vertical;min-height:48px}.save-btn[data-v-b3f4c02a]{align-self:flex-start;background:var(--accent-gradient);border:none;color:var(--text-on-accent);padding:9px 22px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;transition:all .25s ease;margin-top:6px;letter-spacing:.3px}.save-btn[data-v-b3f4c02a]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-accent)}.save-btn.warning[data-v-b3f4c02a]{background:linear-gradient(135deg,#f59e0b,#f97316)}.save-btn.warning[data-v-b3f4c02a]:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b59}@media(max-width:720px){.settings-grid[data-v-b3f4c02a]{grid-template-columns:1fr}}.empty-state[data-v-b3f4c02a],.no-results[data-v-b3f4c02a]{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-icon[data-v-b3f4c02a]{font-size:80px;display:block;margin-bottom:18px;opacity:.45}.explore-btn[data-v-b3f4c02a]{margin-top:20px;background:var(--accent-gradient);border:none;color:var(--text-on-accent);padding:13px 28px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.explore-btn[data-v-b3f4c02a]:hover{transform:translateY(-3px);box-shadow:var(--glow-accent)}.modal-overlay[data-v-b3f4c02a]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-b3f4c02a .25s ease}@keyframes fadeIn-b3f4c02a{0%{opacity:0}to{opacity:1}}.modal-content[data-v-b3f4c02a]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:32px;width:90%;max-width:480px;box-shadow:var(--shadow-lg)}.crop-modal[data-v-b3f4c02a]{max-width:700px;width:95%}.crop-container[data-v-b3f4c02a]{display:flex;gap:30px;margin:20px 0}.crop-area[data-v-b3f4c02a]{flex:1;position:relative;height:300px;border-radius:12px;overflow:hidden;background:#000}.crop-canvas[data-v-b3f4c02a]{width:100%;height:100%;cursor:move}.crop-preview[data-v-b3f4c02a]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;gap:15px}.crop-preview p[data-v-b3f4c02a]{color:var(--text-secondary);font-weight:600;margin:0}.preview-circle[data-v-b3f4c02a]{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color)}.preview-circle img[data-v-b3f4c02a]{width:100%;height:100%;object-fit:cover}.crop-controls[data-v-b3f4c02a]{display:flex;flex-direction:column;gap:15px}.zoom-control[data-v-b3f4c02a]{display:flex;align-items:center;gap:10px;justify-content:center}.zoom-control button[data-v-b3f4c02a]{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-size:20px;cursor:pointer}.zoom-control input[data-v-b3f4c02a]{flex:1;max-width:200px}.modal-content h2[data-v-b3f4c02a]{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 24px}.form-group[data-v-b3f4c02a]{margin-bottom:18px}.form-group label[data-v-b3f4c02a]{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-group input[data-v-b3f4c02a],.form-group textarea[data-v-b3f4c02a]{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:12px 16px;font-size:15px;outline:none;font-family:inherit;resize:vertical}.form-group input[data-v-b3f4c02a]:focus,.form-group textarea[data-v-b3f4c02a]:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px var(--border-glow)}.modal-actions[data-v-b3f4c02a]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn[data-v-b3f4c02a]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:11px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .25s ease}.cancel-btn[data-v-b3f4c02a]:hover{background:var(--border-color)}.submit-btn[data-v-b3f4c02a]{background:var(--accent-gradient);border:none;color:var(--text-on-accent);padding:11px 28px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.submit-btn[data-v-b3f4c02a]:hover{transform:translateY(-2px);box-shadow:var(--glow-accent)}.loading-page[data-v-b3f4c02a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.spinner[data-v-b3f4c02a]{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin-b3f4c02a .8s linear infinite;margin-bottom:20px}@keyframes spin-b3f4c02a{to{transform:rotate(360deg)}}@media(max-width:768px){.profile-page[data-v-b3f4c02a]{padding:14px 12px}.header-content[data-v-b3f4c02a]{flex-direction:column;align-items:center;text-align:center;padding:22px 16px;gap:14px}.user-avatar[data-v-b3f4c02a]{width:90px;height:90px}.name-row[data-v-b3f4c02a]{justify-content:center;flex-wrap:wrap;gap:8px}.name-row h1[data-v-b3f4c02a]{font-size:18px}.stats-row[data-v-b3f4c02a]{justify-content:center;gap:20px}.stat-item[data-v-b3f4c02a]{font-size:13px}.action-buttons[data-v-b3f4c02a]{justify-content:center;gap:8px;flex-wrap:wrap}.action-btn[data-v-b3f4c02a]{font-size:12.5px;padding:7px 16px}.tabs[data-v-b3f4c02a]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding-bottom:4px}.tabs[data-v-b3f4c02a]::-webkit-scrollbar{display:none}.tab[data-v-b3f4c02a]{font-size:13px;padding:8px 14px;white-space:nowrap}.form-group[data-v-b3f4c02a]{margin-bottom:14px}.songs-grid[data-v-b3f4c02a],.playlists-grid[data-v-b3f4c02a]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.crop-container[data-v-b3f4c02a]{flex-direction:column;gap:16px}.crop-preview[data-v-b3f4c02a]{width:100%}.crop-canvas[data-v-b3f4c02a]{max-height:300px}}.links-page-container[data-v-11fad219]{display:flex;flex-direction:column;min-height:calc(100vh - 140px);max-width:1400px;margin:0 auto;background:var(--bg-primary)}@media(max-width:768px){.links-page-container[data-v-11fad219]{flex-direction:column}}.sidebar[data-v-11fad219]{width:180px;min-width:180px;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:64px;left:0;bottom:0;z-index:10;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.sidebar[data-v-11fad219]::-webkit-scrollbar{display:none}.sidebar-header[data-v-11fad219]{padding:16px 20px;border-bottom:1px solid var(--border-color)}.sidebar-header h3[data-v-11fad219]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);text-align:center}.category-nav[data-v-11fad219]{flex:1;padding:8px;display:flex;flex-direction:column;gap:4px}.category-item[data-v-11fad219]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none;background:transparent;color:var(--text-primary);text-align:left;width:100%;font-family:inherit;font-size:14px;font-weight:500}.category-item[data-v-11fad219]:hover{background:var(--bg-tertiary)}.category-item.active[data-v-11fad219]{background:var(--accent-color);color:#fff;font-weight:600}.category-item.active .cat-count-badge[data-v-11fad219]{background:#ffffff40;color:#fff}.cat-count-badge[data-v-11fad219]{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:13px;font-weight:700;border-radius:8px;background:var(--bg-tertiary);color:var(--accent-color);flex-shrink:0}.cat-name[data-v-11fad219]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-count[data-v-11fad219]{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.main-content[data-v-11fad219]{flex:1;margin-left:180px;padding:20px;background:var(--bg-primary);min-width:0;overflow-y:auto}.content-header[data-v-11fad219]{margin-bottom:12px;padding:14px 16px;background:transparent;border-radius:0;border:none;border-bottom:1px solid var(--border-color)}.header-left h2[data-v-11fad219]{margin:0 0 2px;font-size:17px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.header-left p[data-v-11fad219]{margin:0;font-size:12px;color:var(--text-muted)}.links-container[data-v-11fad219]{display:flex;flex-direction:column;gap:0;background:transparent;border-radius:0;overflow:visible}.link-card[data-v-11fad219]{display:flex;align-items:center;gap:14px;padding:13px 14px;background:transparent;border-radius:0;text-decoration:none;color:inherit;transition:all .2s ease;border-bottom:1px solid var(--border-color);position:relative}.link-card[data-v-11fad219]:last-child{border-bottom:none}.link-card[data-v-11fad219]:active{background:var(--bg-tertiary)}.card-icon-wrap[data-v-11fad219]{position:relative;flex-shrink:0}.card-icon[data-v-11fad219]{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;padding:6px;flex-shrink:0}.emoji-icon[data-v-11fad219]{display:flex;align-items:center;justify-content:center;font-size:24px;background:transparent!important;padding:0}.default-icon[data-v-11fad219]{display:flex;align-items:center;justify-content:center;font-size:20px;background:#fff}.card-badge[data-v-11fad219]{position:absolute;top:8px;right:14px;background:#ff4d4f;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:4px;z-index:2}.card-content[data-v-11fad219]{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.card-title[data-v-11fad219]{margin:0;font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc[data-v-11fad219]{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-url[data-v-11fad219]{font-size:11px;color:var(--text-muted);margin-top:1px}.card-clicks[data-v-11fad219]{display:none}.card-arrow[data-v-11fad219]{font-size:14px;color:var(--text-muted);opacity:.4;flex-shrink:0;margin-left:4px}.empty-state[data-v-11fad219]{text-align:center;padding:60px 20px;color:var(--text-muted);background:transparent;border-radius:0}.empty-icon[data-v-11fad219]{font-size:48px;margin-bottom:12px;opacity:.6}.empty-state p[data-v-11fad219]{font-size:14px;margin:0;color:var(--text-secondary)}.mobile-category-bar[data-v-11fad219]{display:block;width:100%;background:transparent;border-bottom:none;flex-shrink:0;position:sticky;top:0;z-index:20}.mobile-category-nav[data-v-11fad219]{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:10px;margin:0 -16px;padding:12px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-category-nav[data-v-11fad219]::-webkit-scrollbar{display:none}.mobile-cat-btn[data-v-11fad219]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 18px;border-radius:20px;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1.4;position:relative}.mobile-cat-btn[data-v-11fad219]:first-child:before,.mobile-cat-btn[data-v-11fad219]:last-child:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:transparent;border:2px solid var(--accent-color);animation:ringPulse-11fad219 2s ease-in-out infinite;opacity:.6}.mobile-cat-btn[data-v-11fad219]:first-child:before{left:6px;animation-delay:0s}.mobile-cat-btn[data-v-11fad219]:last-child:after{right:6px;animation-delay:1s}@keyframes ringPulse-11fad219{0%,to{transform:translateY(-50%) scale(1);opacity:.6;box-shadow:0 0 #667eea66}50%{transform:translateY(-50%) scale(1.5);opacity:1;box-shadow:0 0 0 4px #667eea00}}.mobile-cat-btn.active[data-v-11fad219]{background:var(--accent-color);color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea4d}.mobile-cat-btn.active .mobile-cat-count[data-v-11fad219]{background:#ffffff40;color:#fff}.mobile-cat-count[data-v-11fad219]{font-size:12px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--bg-primary);color:var(--text-secondary);margin-left:4px}@media(min-width:769px){.links-page-container[data-v-11fad219]{flex-direction:row}.mobile-category-bar[data-v-11fad219]{display:none}.main-content[data-v-11fad219]{flex:1;padding:4px 12px}.links-container[data-v-11fad219]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;background:transparent;border-radius:0}.link-card[data-v-11fad219]{background:var(--card-bg);border-radius:12px;padding:14px 18px;border:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:all .2s ease}.link-card[data-v-11fad219]:hover{border-color:var(--accent-color);box-shadow:0 2px 12px #667eea1a}.link-card[data-v-11fad219]:active{background:var(--bg-tertiary)}.content-header[data-v-11fad219]{padding:0}.header-left h2[data-v-11fad219]{font-size:20px}}@media(max-width:768px){.links-page-container[data-v-11fad219]{flex-direction:column}.sidebar[data-v-11fad219]{display:none!important}.main-content[data-v-11fad219]{flex:1;margin-left:0;padding:16px}.links-container[data-v-11fad219]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:transparent;border-radius:0}.link-card[data-v-11fad219]{background:var(--card-bg);border-radius:12px;padding:14px;border:1px solid var(--border-color)}.content-header[data-v-11fad219]{padding:16px}}@media(max-width:767px){.links-container[data-v-11fad219]{display:flex;flex-direction:column;gap:0;background:transparent;border-radius:0}.link-card[data-v-11fad219]{background:transparent;border-radius:0;padding:13px 14px;border-bottom:1px solid var(--border-color)}}@media(max-width:480px){.main-content[data-v-11fad219]{padding:12px}.content-header[data-v-11fad219]{padding:14px 16px;margin-bottom:12px}.header-left h2[data-v-11fad219]{font-size:16px}.header-left p[data-v-11fad219]{font-size:12px}.mobile-category-nav[data-v-11fad219]{padding:10px 12px;gap:6px}.mobile-cat-btn[data-v-11fad219]{padding:6px 12px;font-size:13px}.link-card[data-v-11fad219]{padding:12px 14px;gap:10px}.card-icon[data-v-11fad219]{width:40px;height:40px;padding:5px}.emoji-icon[data-v-11fad219]{font-size:22px}.card-title[data-v-11fad219]{font-size:14px}.card-desc[data-v-11fad219]{font-size:12px}.card-url[data-v-11fad219]{font-size:11px}.card-arrow[data-v-11fad219]{font-size:14px}.card-badge[data-v-11fad219]{font-size:9px;padding:1px 5px;top:8px;right:12px}.empty-state[data-v-11fad219]{padding:50px 16px}.empty-icon[data-v-11fad219]{font-size:40px}}@media(min-width:769px)and (max-width:1024px){.main-content[data-v-11fad219]{padding:16px!important}}.links-admin-page[data-v-53b62b53]{max-width:100%;margin:0 auto;padding:25px 24px 100px}.auth-notice[data-v-53b62b53]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:40px 20px}.notice-content[data-v-53b62b53]{text-align:center;max-width:480px;padding:48px 40px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:20px;border:1px solid rgba(102,126,234,.2);box-shadow:0 10px 40px #0000001a}.notice-icon[data-v-53b62b53]{font-size:64px;display:block;margin-bottom:20px;animation:pulse-53b62b53 2s ease-in-out infinite}@keyframes pulse-53b62b53{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notice-content h2[data-v-53b62b53]{font-size:28px;color:#1a1a2e;margin:0 0 12px;font-weight:700}.notice-content p[data-v-53b62b53]{font-size:16px;color:#666;margin:0 0 28px;line-height:1.6}.login-btn[data-v-53b62b53],.back-btn[data-v-53b62b53]{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.login-btn[data-v-53b62b53]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea66}.login-btn[data-v-53b62b53]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea80}.back-btn[data-v-53b62b53]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 16px #f5576c66}.back-btn[data-v-53b62b53]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f5576c80}.page-header[data-v-53b62b53]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left h1[data-v-53b62b53]{margin:0 0 6px;font-size:24px;color:var(--text-primary)}.header-left p[data-v-53b62b53]{margin:0;color:var(--text-muted);font-size:13px}.add-btn[data-v-53b62b53]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 30px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.add-btn[data-v-53b62b53]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.search-bar[data-v-53b62b53]{position:relative;margin-bottom:16px}.search-icon[data-v-53b62b53]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.search-input[data-v-53b62b53]{width:100%;padding:14px 44px 14px 46px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input[data-v-53b62b53]:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #8b5cf626;background:var(--card-bg)}.search-input[data-v-53b62b53]::placeholder{color:var(--text-muted)}.clear-btn[data-v-53b62b53]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-btn[data-v-53b62b53]:hover{background:var(--border-color);color:var(--text-primary)}.search-result-count[data-v-53b62b53]{text-align:center;font-size:13px;color:var(--text-muted);margin-top:-10px;margin-bottom:12px}.content-container[data-v-53b62b53]{background:var(--card-bg);border-radius:14px;box-shadow:0 4px 20px var(--shadow-color);overflow:hidden}.table-wrapper[data-v-53b62b53]{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper[data-v-53b62b53]::-webkit-scrollbar{height:6px}.table-wrapper[data-v-53b62b53]::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.links-table[data-v-53b62b53]{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.links-table thead[data-v-53b62b53]{background:var(--bg-tertiary)}.links-table th[data-v-53b62b53]{padding:12px 14px;text-align:left;font-weight:600;color:var(--text-primary);font-size:12px;border-bottom:2px solid var(--border-color);white-space:nowrap}.links-table th[data-v-53b62b53]:nth-child(1){width:56px}.links-table th[data-v-53b62b53]:nth-child(2){width:16%}.links-table th[data-v-53b62b53]:nth-child(3){width:24%}.links-table th[data-v-53b62b53]:nth-child(4){width:90px}.links-table th[data-v-53b62b53]:nth-child(5){width:60px}.links-table th[data-v-53b62b53]:nth-child(6){width:54px}.links-table th[data-v-53b62b53]:nth-child(7){width:64px}.links-table th[data-v-53b62b53]:nth-child(8){width:130px}.links-table td[data-v-53b62b53]{padding:12px 14px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.links-table tbody tr[data-v-53b62b53]:hover{background:var(--bg-tertiary)}.icon-display[data-v-53b62b53]{display:flex;align-items:center;justify-content:center}.icon-image[data-v-53b62b53]{width:36px;height:36px;object-fit:contain;border-radius:8px}.icon-emoji[data-v-53b62b53]{font-size:26px}.link-info[data-v-53b62b53]{display:flex;flex-direction:column;gap:3px}.link-info strong[data-v-53b62b53]{font-size:14px;color:var(--text-primary)}.link-desc[data-v-53b62b53]{font-size:11px;color:var(--text-muted)}.link-url[data-v-53b62b53]{color:#667eea;text-decoration:none;font-size:12px;display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-url[data-v-53b62b53]:hover{text-decoration:underline}.category-tag[data-v-53b62b53]{display:inline-block;background:var(--bg-tertiary);padding:4px 10px;border-radius:14px;font-size:12px;color:var(--text-primary)}.status-badge[data-v-53b62b53]{display:inline-block;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:600}.status-badge.active[data-v-53b62b53]{background:#d4edda;color:#155724}.status-badge.inactive[data-v-53b62b53]{background:#f8d7da;color:#721c24}.action-buttons[data-v-53b62b53]{display:flex;gap:4px}.action-btn[data-v-53b62b53]{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;font-weight:500;white-space:nowrap}.action-btn[data-v-53b62b53]:hover{transform:translateY(-1px)}.edit-btn[data-v-53b62b53]{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea}.toggle-btn[data-v-53b62b53]{background:linear-gradient(135deg,#ffc10720,#ff980020);color:#f57c00}.delete-btn[data-v-53b62b53]{background:linear-gradient(135deg,#e74c3c20,#c0392b20);color:#e74c3c}.empty-cell[data-v-53b62b53]{text-align:center}.empty-state[data-v-53b62b53]{padding:50px 20px;color:var(--text-muted)}.empty-icon[data-v-53b62b53]{font-size:52px;margin-bottom:14px}.modal-overlay[data-v-53b62b53]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999}.modal-content[data-v-53b62b53]{background:var(--card-bg);border-radius:20px;padding:28px;width:100%;max-width:520px;animation:modalSlideIn-53b62b53 .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes modalSlideIn-53b62b53{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h2[data-v-53b62b53]{margin:0 0 22px;font-size:20px;color:var(--text-primary)}.link-form[data-v-53b62b53]{display:flex;flex-direction:column;gap:14px}.form-row[data-v-53b62b53]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group[data-v-53b62b53]{display:flex;flex-direction:column;gap:6px}.form-group.full-width[data-v-53b62b53]{grid-column:1 / -1}.form-group label[data-v-53b62b53]{font-weight:600;color:var(--text-primary);font-size:13px}.form-group input[data-v-53b62b53],.form-group textarea[data-v-53b62b53],.form-group select[data-v-53b62b53]{padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:13px;transition:all .3s ease;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.form-group input[data-v-53b62b53]:focus,.form-group textarea[data-v-53b62b53]:focus,.form-group select[data-v-53b62b53]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.icon-upload-area[data-v-53b62b53]{border:2px dashed var(--border-color);border-radius:10px;padding:18px;text-align:center;transition:all .3s ease;position:relative}.icon-upload-area[data-v-53b62b53]:hover{border-color:#667eea;background:#667eea0d}.icon-preview[data-v-53b62b53]{position:relative;display:flex;align-items:center;justify-content:center}.icon-preview img[data-v-53b62b53]{max-width:100px;max-height:100px;border-radius:8px}.icon-emoji-preview[data-v-53b62b53]{font-size:48px;line-height:1}.clear-icon-btn[data-v-53b62b53]{position:absolute;top:-10px;right:-10px;background:#e74c3c;color:#fff;border:none;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:13px;font-weight:700}.upload-placeholder[data-v-53b62b53]{cursor:pointer}.upload-placeholder[data-v-53b62b53]:hover{color:#667eea}.upload-icon[data-v-53b62b53]{font-size:42px;margin-bottom:10px}.upload-hint[data-v-53b62b53]{font-size:11px;color:var(--text-muted);margin-top:6px}.emoji-picker[data-v-53b62b53]{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px;background:var(--bg-tertiary);border-radius:8px}.emoji-option[data-v-53b62b53]{font-size:22px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .2s ease}.emoji-option[data-v-53b62b53]:hover{background:#667eea33;transform:scale(1.15)}.emoji-toggle-btn[data-v-53b62b53]{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:7px 14px;border-radius:8px;cursor:pointer;margin-top:8px;font-size:13px}.category-select-wrapper[data-v-53b62b53]{display:flex;flex-direction:column;gap:8px}.category-select[data-v-53b62b53]{width:100%}.new-category-input[data-v-53b62b53]{padding:10px 14px;border:2px solid #667eea;border-radius:8px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);outline:none;box-shadow:0 0 0 4px #667eea1a}.confirm-category-btn[data-v-53b62b53]{align-self:flex-start;padding:6px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600}.checkbox-group[data-v-53b62b53]{flex-direction:row;align-items:center;gap:10px}.checkbox-group input[data-v-53b62b53]{width:18px;height:18px;cursor:pointer}.checkbox-group label[data-v-53b62b53]{margin-bottom:0;font-weight:500;cursor:pointer}.form-actions[data-v-53b62b53]{display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:15px;border-top:1px solid var(--border-color)}.cancel-btn[data-v-53b62b53],.submit-btn[data-v-53b62b53]{padding:11px 26px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn[data-v-53b62b53]{background:var(--bg-tertiary);color:var(--text-primary)}.cancel-btn[data-v-53b62b53]:hover{background:var(--border-color)}.submit-btn[data-v-53b62b53]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:100px;box-shadow:0 4px 15px #667eea4d}.submit-btn[data-v-53b62b53]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.submit-btn[data-v-53b62b53]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.links-admin-page[data-v-53b62b53]{padding:15px 12px 90px}.page-header[data-v-53b62b53]{flex-direction:column;gap:15px;text-align:center}.form-row[data-v-53b62b53]{grid-template-columns:1fr}.table-wrapper[data-v-53b62b53]{overflow-x:scroll;margin:0 -12px;padding:0 12px}.links-table[data-v-53b62b53]{min-width:700px}.links-table th[data-v-53b62b53],.links-table td[data-v-53b62b53]{padding:10px;font-size:11px}.link-url[data-v-53b62b53]{max-width:120px}.action-btn[data-v-53b62b53]{padding:5px 8px;font-size:13px}.form-actions[data-v-53b62b53]{flex-direction:column-reverse}}.categories-admin-page[data-v-3bf66d58]{max-width:1200px;margin:0 auto;padding:32px;min-height:calc(100vh - 200px)}.page-header[data-v-3bf66d58]{margin-bottom:28px}.page-header h1[data-v-3bf66d58]{font-size:32px;font-weight:800;color:var(--text-primary, #1a1a2e);margin:0 0 8px;letter-spacing:-1px}.subtitle[data-v-3bf66d58]{font-size:15px;color:var(--text-muted, #6b7280);margin:0}.action-bar[data-v-3bf66d58]{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.btn-primary[data-v-3bf66d58]{background:linear-gradient(135deg,var(--accent-color, #667eea),#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #667eea40}.btn-primary[data-v-3bf66d58]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.btn-primary[data-v-3bf66d58]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-3bf66d58]{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #1a1a2e);border:1px solid var(--border-color, #e5e7eb);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease}.btn-secondary[data-v-3bf66d58]:hover:not(:disabled){background:var(--card-bg, #ffffff);border-color:var(--accent-color, #667eea)}.stats-bar[data-v-3bf66d58]{display:flex;gap:20px;margin-bottom:24px;padding:16px 20px;background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .04));border:1px solid var(--border-color, rgba(0, 0, 0, .04));flex-wrap:wrap}.stat-item[data-v-3bf66d58]{font-size:14px;color:var(--text-secondary, #4a4a5a)}.stat-item strong[data-v-3bf66d58]{color:var(--accent-color, #667eea);font-weight:700}.loading-state[data-v-3bf66d58]{text-align:center;padding:60px 20px;color:var(--text-muted, #9ca3af)}.spinner[data-v-3bf66d58]{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:var(--accent-color, #667eea);border-radius:50%;animation:spin-3bf66d58 .75s linear infinite;margin:0 auto 16px}@keyframes spin-3bf66d58{to{transform:rotate(360deg)}}.categories-list[data-v-3bf66d58]{display:flex;flex-direction:column;gap:14px}.category-card[data-v-3bf66d58]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--card-bg, #ffffff);border-radius:14px;border:1.5px solid var(--border-color, rgba(0, 0, 0, .06));transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .03))}.category-card[data-v-3bf66d58]:hover{box-shadow:0 4px 16px var(--shadow-color, rgba(0, 0, 0, .08));border-color:var(--accent-color, rgba(102, 126, 234, .2));transform:translate(4px)}.category-info[data-v-3bf66d58]{display:flex;align-items:center;flex:1;min-width:0}.category-details[data-v-3bf66d58]{flex:1;min-width:0}.category-name[data-v-3bf66d58]{font-size:18px;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 6px}.category-desc[data-v-3bf66d58]{font-size:13px;color:var(--text-muted, #6b7280);margin:0 0 10px;line-height:1.4}.category-meta[data-v-3bf66d58]{display:flex;gap:10px;flex-wrap:wrap}.meta-badge[data-v-3bf66d58]{display:inline-block;padding:3px 10px;background:var(--bg-tertiary, #f3f4f6);color:var(--text-muted, #6b7280);border-radius:8px;font-size:12px;font-weight:500}.category-actions[data-v-3bf66d58]{display:flex;gap:8px;flex-shrink:0}.action-btn[data-v-3bf66d58]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-color, #e5e7eb);background:var(--bg-tertiary, #f8f9fa);border-radius:10px;cursor:pointer;transition:all .25s ease;font-size:18px}.action-btn[data-v-3bf66d58]:hover{transform:scale(1.08);border-color:var(--accent-color, #667eea);box-shadow:0 2px 8px #667eea26}.action-btn.edit[data-v-3bf66d58]:hover{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f6}.action-btn.delete[data-v-3bf66d58]:hover{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef4444}.empty-state[data-v-3bf66d58]{text-align:center;padding:80px 20px;color:var(--text-muted, #9ca3af)}.empty-icon[data-v-3bf66d58]{font-size:72px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-3bf66d58]{font-size:22px;color:var(--text-primary, #1a1a2e);margin:0 0 8px}.empty-state p[data-v-3bf66d58]{font-size:15px;margin:0}.dialog-overlay[data-v-3bf66d58]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn-3bf66d58 .2s ease}@keyframes fadeIn-3bf66d58{0%{opacity:0}to{opacity:1}}.dialog-content[data-v-3bf66d58]{background:var(--card-bg, #ffffff);border-radius:20px;padding:32px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp-3bf66d58 .3s ease}.dialog-small[data-v-3bf66d58]{max-width:420px}@keyframes slideUp-3bf66d58{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-content h2[data-v-3bf66d58]{font-size:22px;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 24px}.category-form[data-v-3bf66d58]{display:flex;flex-direction:column;gap:18px}.form-group[data-v-3bf66d58]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-3bf66d58]{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e)}.form-group input[type=text][data-v-3bf66d58],.form-group input[type=number][data-v-3bf66d58],.form-group textarea[data-v-3bf66d58]{padding:12px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;color:var(--text-primary, #1a1a2e);background:var(--bg-primary, #ffffff);transition:all .25s ease;font-family:inherit}.form-group input[data-v-3bf66d58]:focus,.form-group textarea[data-v-3bf66d58]:focus{outline:none;border-color:var(--accent-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.form-group textarea[data-v-3bf66d58]{resize:vertical;min-height:80px}.form-actions[data-v-3bf66d58]{display:flex;gap:12px;margin-top:8px;justify-content:flex-end}.btn-danger[data-v-3bf66d58]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #ef444440}.btn-danger[data-v-3bf66d58]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-danger[data-v-3bf66d58]:disabled{opacity:.6;cursor:not-allowed}.warning-text[data-v-3bf66d58]{font-size:15px;color:var(--text-primary, #1a1a2e);margin:0 0 12px;line-height:1.5}.warning-text strong[data-v-3bf66d58]{color:#dc2626;font-weight:700}.warning-hint[data-v-3bf66d58]{font-size:13px;color:#d97706;background:#fef3c7;padding:12px 16px;border-radius:10px;margin:0;line-height:1.5}@media(max-width:768px){.categories-admin-page[data-v-3bf66d58]{padding:20px}.page-header h1[data-v-3bf66d58]{font-size:26px}.category-card[data-v-3bf66d58]{flex-direction:column;align-items:stretch;gap:16px}.category-info[data-v-3bf66d58]{flex-direction:column;align-items:flex-start;gap:12px}.category-actions[data-v-3bf66d58]{justify-content:flex-end}.stats-bar[data-v-3bf66d58]{flex-direction:column;gap:8px}.dialog-content[data-v-3bf66d58]{padding:24px;margin:10px}.form-actions[data-v-3bf66d58]{flex-direction:column-reverse}.form-actions button[data-v-3bf66d58]{width:100%}}.playlists-page[data-v-a276d7a6]{padding:28px 32px;min-height:calc(100vh - 200px);max-width:1200px;margin:0 auto}.page-header[data-v-a276d7a6]{margin-bottom:36px}.page-header h1[data-v-a276d7a6]{color:#f1f5f9;margin:0 0 8px;font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.header-icon[data-v-a276d7a6]{font-size:28px}.header-desc[data-v-a276d7a6]{color:#64748b;margin:0;font-size:14px;font-weight:400;letter-spacing:.2px}.playlists-grid[data-v-a276d7a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px}.playlist-card[data-v-a276d7a6]{cursor:pointer;border-radius:18px;background:#ffffff08;border:1px solid rgba(148,163,184,.07);overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative}.playlist-card[data-v-a276d7a6]:hover{transform:translateY(-8px);background:#ffffff0f;border-color:#8b5cf640;box-shadow:0 20px 50px #00000059,0 0 40px #8b5cf614}.cover-wrapper[data-v-a276d7a6]{position:relative;aspect-ratio:1;overflow:hidden}.cover-bg[data-v-a276d7a6]{position:absolute;inset:0;opacity:.18;filter:blur(30px);transform:scale(1.3);transition:opacity .4s ease}.playlist-card:hover .cover-bg[data-v-a276d7a6]{opacity:.28}.cover-img[data-v-a276d7a6]{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.23,1,.32,1);position:relative;z-index:1}.playlist-card:hover .cover-img[data-v-a276d7a6]{transform:scale(1.06)}.cover-gradient-mask[data-v-a276d7a6]{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease}.playlist-card:hover .cover-gradient-mask[data-v-a276d7a6]{opacity:1}.play-btn-wrap[data-v-a276d7a6]{position:absolute;bottom:14px;right:14px;z-index:5;opacity:0;transform:translateY(10px);transition:all .35s cubic-bezier(.23,1,.32,1)}.playlist-card:hover .play-btn-wrap[data-v-a276d7a6]{opacity:1;transform:translateY(0)}.play-btn[data-v-a276d7a6]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f180,0 0 #6366f14d;transition:all .3s ease}.play-btn svg[data-v-a276d7a6]{width:22px;height:22px;margin-left:3px}.play-btn[data-v-a276d7a6]:hover{transform:scale(1.1);box-shadow:0 12px 32px #6366f199,0 0 0 6px #6366f11f}.song-count-badge[data-v-a276d7a6]{position:absolute;top:12px;right:12px;z-index:5;display:flex;align-items:center;gap:5px;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.08)}.info-area[data-v-a276d7a6]{padding:16px 17px 18px}.playlist-name[data-v-a276d7a6]{font-size:16px;font-weight:700;color:#f1f5f9;margin:0 0 8px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}.meta-row[data-v-a276d7a6]{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.creator[data-v-a276d7a6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.dot[data-v-a276d7a6]{opacity:.4;font-size:10px}.plays[data-v-a276d7a6]{color:#94a3b8}.create-card[data-v-a276d7a6]{border-style:dashed;border-color:#94a3b81f;background:transparent}.create-card[data-v-a276d7a6]:hover{border-color:#8b5cf659;background:#8b5cf60a;box-shadow:none}.create-cover[data-v-a276d7a6]{display:flex;align-items:center;justify-content:center;background:#ffffff05;border-bottom:1px dashed rgba(148,163,184,.08)}.create-icon-wrap[data-v-a276d7a6]{width:60px;height:60px;border-radius:50%;background:#8b5cf61a;border:2px dashed rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.create-card:hover .create-icon-wrap[data-v-a276d7a6]{background:#8b5cf62e;border-color:#8b5cf680;transform:scale(1.08)}.create-icon-wrap svg[data-v-a276d7a6]{width:26px;height:26px;color:#a78bfa}.create-card .playlist-name[data-v-a276d7a6]{color:#94a3b8}.create-card .creator[data-v-a276d7a6]{color:#64748b;max-width:none}.loading-state[data-v-a276d7a6],.empty-state[data-v-a276d7a6]{text-align:center;padding:80px 20px;color:#64748b}.spinner[data-v-a276d7a6]{width:44px;height:44px;border:3px solid rgba(148,163,184,.15);border-top-color:#8b5cf6;border-radius:50%;animation:spin-a276d7a6 .75s linear infinite;margin:0 auto 18px}@keyframes spin-a276d7a6{to{transform:rotate(360deg)}}.empty-illustration[data-v-a276d7a6]{max-width:200px;margin:0 auto 24px;opacity:.6}.empty-state h3[data-v-a276d7a6]{color:#e2e8f0;margin:0 0 8px;font-size:20px;font-weight:700}.empty-state p[data-v-a276d7a6]{color:#64748b;margin:0;font-size:14px}.modal-overlay[data-v-a276d7a6]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.create-playlist-modal[data-v-a276d7a6]{background:var(--card-bg, #1e293b);border-radius:24px;width:100%;max-width:560px;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000080}.modal-header[data-v-a276d7a6]{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 20px;border-bottom:1px solid rgba(148,163,184,.1)}.modal-header h2[data-v-a276d7a6]{margin:0;font-size:28px;color:#f8fafc;font-weight:800}.close-btn[data-v-a276d7a6]{background:none;border:none;color:#94a3b8;font-size:28px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;line-height:1}.close-btn[data-v-a276d7a6]:hover{background:#ef444426;color:#ef4444}.modal-body[data-v-a276d7a6]{padding:24px 32px}.form-group[data-v-a276d7a6]{margin-bottom:24px}.form-group[data-v-a276d7a6]:last-of-type{margin-bottom:0}.form-group label[data-v-a276d7a6]{display:block;margin-bottom:10px;font-size:15px;font-weight:600;color:#94a3b8}.form-group input[type=text][data-v-a276d7a6],.form-group textarea[data-v-a276d7a6]{width:100%;padding:14px 18px;background:#0f172a99;border:2px solid rgba(148,163,184,.15);border-radius:16px;color:#f1f5f9;font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.form-group input[type=text][data-v-a276d7a6]:focus,.form-group textarea[data-v-a276d7a6]:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.form-group textarea[data-v-a276d7a6]{resize:vertical;min-height:100px}.form-group input[data-v-a276d7a6]::placeholder,.form-group textarea[data-v-a276d7a6]::placeholder{color:#64748b}.checkbox-group[data-v-a276d7a6]{display:flex;align-items:center;gap:12px}.checkbox-group input[type=checkbox][data-v-a276d7a6]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.checkbox-group label[data-v-a276d7a6]{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-footer[data-v-a276d7a6]{padding:20px 32px 28px;border-top:1px solid rgba(148,163,184,.1);display:flex;gap:12px;justify-content:flex-end}.cancel-btn[data-v-a276d7a6],.create-btn[data-v-a276d7a6]{padding:12px 28px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn[data-v-a276d7a6]{background:#ffffff0f;color:#cbd5e1}.cancel-btn[data-v-a276d7a6]:hover{background:#ffffff1f}.create-btn[data-v-a276d7a6]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f159}.create-btn[data-v-a276d7a6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.create-btn[data-v-a276d7a6]:disabled{opacity:.5;cursor:not-allowed;transform:none}[data-theme=light] .page-header h1[data-v-a276d7a6]{color:#1e293b}[data-theme=light] .header-desc[data-v-a276d7a6]{color:#64748b}[data-theme=light] .playlist-name[data-v-a276d7a6]{color:#1e293b!important}[data-theme=light] .meta-row[data-v-a276d7a6]{color:#64748b!important}[data-theme=light] .plays[data-v-a276d7a6]{color:#94a3b8!important}[data-theme=light] .playlist-card[data-v-a276d7a6]{background:#fffc;border-color:#94a3b826}[data-theme=light] .playlist-card[data-v-a276d7a6]:hover{background:#fff;border-color:#8b5cf64d;box-shadow:0 16px 40px #0000001a,0 0 30px #8b5cf60f}[data-theme=light] .song-count-badge[data-v-a276d7a6]{background:#ffffffd9;color:#475569;border-color:#0000000f}[data-theme=light] .empty-state h3[data-v-a276d7a6]{color:#334155!important}[data-theme=light] .create-card[data-v-a276d7a6]{background:#f1f5f980;border-color:#94a3b833}[data-theme=light] .create-cover[data-v-a276d7a6]{background:#f1f5f9cc;border-bottom-color:#94a3b81f}[data-theme=light] .create-playlist-modal[data-v-a276d7a6]{background:#fff}[data-theme=light] .form-group input[type=text][data-v-a276d7a6],[data-theme=light] .form-group textarea[data-v-a276d7a6]{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .form-group input[type=text][data-v-a276d7a6]::placeholder,[data-theme=light] .form-group textarea[data-v-a276d7a6]::placeholder{color:#94a3b8}@media(max-width:900px){.playlists-page[data-v-a276d7a6]{padding:20px}.playlists-grid[data-v-a276d7a6]{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:600px){.page-header[data-v-a276d7a6]{margin-bottom:24px}.page-header h1[data-v-a276d7a6]{font-size:22px}.header-desc[data-v-a276d7a6]{font-size:12px}.playlists-grid[data-v-a276d7a6]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.playlist-card[data-v-a276d7a6]{border-radius:14px}.info-area[data-v-a276d7a6]{padding:12px 10px 14px}.playlist-name[data-v-a276d7a6]{font-size:14px}.meta-row[data-v-a276d7a6]{font-size:12px}.play-btn[data-v-a276d7a6]{width:42px;height:42px}.play-btn svg[data-v-a276d7a6]{width:18px;height:18px}.song-count-badge[data-v-a276d7a6]{font-size:10px;padding:4px 8px}.create-icon-wrap[data-v-a276d7a6]{width:50px;height:50px}.create-icon-wrap svg[data-v-a276d7a6]{width:22px;height:22px}.create-playlist-modal[data-v-a276d7a6]{border-radius:20px}.modal-header[data-v-a276d7a6],.modal-body[data-v-a276d7a6],.modal-footer[data-v-a276d7a6]{padding-left:20px;padding-right:20px}}@media(max-width:400px){.playlists-grid[data-v-a276d7a6]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.playlist-card[data-v-a276d7a6]{border-radius:12px}.info-area[data-v-a276d7a6]{padding:10px 8px 12px}.playlist-name[data-v-a276d7a6]{font-size:13px}.meta-row[data-v-a276d7a6]{font-size:11px}.play-btn[data-v-a276d7a6]{width:38px;height:38px}.play-btn svg[data-v-a276d7a6]{width:16px;height:16px}.song-count-badge[data-v-a276d7a6]{font-size:9px;padding:3px 7px}.create-icon-wrap[data-v-a276d7a6]{width:44px;height:44px}.create-icon-wrap svg[data-v-a276d7a6]{width:20px;height:20px}}.music-admin-page[data-v-fcebcd6a]{padding:20px;min-height:calc(100vh - 120px)}.auth-notice[data-v-fcebcd6a]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:40px 20px}.notice-content[data-v-fcebcd6a]{text-align:center;max-width:480px;padding:48px 40px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:20px;border:1px solid rgba(102,126,234,.2);box-shadow:0 10px 40px #0000001a}.notice-icon[data-v-fcebcd6a]{font-size:64px;display:block;margin-bottom:20px;animation:pulse-fcebcd6a 2s ease-in-out infinite}@keyframes pulse-fcebcd6a{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notice-content h2[data-v-fcebcd6a]{font-size:28px;color:#1a1a2e;margin:0 0 12px;font-weight:700}.notice-content p[data-v-fcebcd6a]{font-size:16px;color:#666;margin:0 0 28px;line-height:1.6}.login-btn[data-v-fcebcd6a],.back-btn[data-v-fcebcd6a]{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.login-btn[data-v-fcebcd6a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea66}.login-btn[data-v-fcebcd6a]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea80}.back-btn[data-v-fcebcd6a]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 16px #f5576c66}.back-btn[data-v-fcebcd6a]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f5576c80}.page-header[data-v-fcebcd6a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-fcebcd6a]{color:var(--text-primary);margin:0;font-size:28px}.header-actions[data-v-fcebcd6a]{display:flex;align-items:center;gap:12px}.search-bar[data-v-fcebcd6a]{position:relative;margin-bottom:20px}.search-icon[data-v-fcebcd6a]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.search-input[data-v-fcebcd6a]{width:100%;padding:14px 44px 14px 46px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input[data-v-fcebcd6a]:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #8b5cf626;background:var(--bg-primary)}.search-input[data-v-fcebcd6a]::placeholder{color:var(--text-muted)}.clear-btn[data-v-fcebcd6a]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-btn[data-v-fcebcd6a]:hover{background:var(--border-color);color:var(--text-primary)}.search-result-count[data-v-fcebcd6a]{text-align:center;font-size:13px;color:var(--text-muted);margin-top:-12px;margin-bottom:8px}.locate-btn[data-v-fcebcd6a]{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);color:var(--accent-color);border:2px solid var(--accent-color);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;animation:pulse-glow-fcebcd6a 2s ease-in-out infinite}.locate-btn[data-v-fcebcd6a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666;background:linear-gradient(135deg,#8b5cf640,#6366f12e)}@keyframes pulse-glow-fcebcd6a{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 12px 4px #8b5cf633}}.add-btn[data-v-fcebcd6a]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-btn[data-v-fcebcd6a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.loading-state[data-v-fcebcd6a],.empty-state[data-v-fcebcd6a]{text-align:center;padding:80px 20px;color:var(--text-secondary)}.spinner[data-v-fcebcd6a]{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin-fcebcd6a .8s linear infinite;margin:0 auto 20px}@keyframes spin-fcebcd6a{to{transform:rotate(360deg)}}.empty-icon[data-v-fcebcd6a]{font-size:80px;display:block;margin-bottom:20px;opacity:.5}.song-list[data-v-fcebcd6a]{display:flex;flex-direction:column;gap:15px}.song-item[data-v-fcebcd6a]{display:flex;align-items:center;gap:15px;padding:15px;background:var(--card-bg);border-radius:12px;transition:all .3s ease;cursor:pointer}.song-item[data-v-fcebcd6a]:hover{transform:translate(5px);box-shadow:0 4px 15px var(--shadow-color);background:var(--card-hover-bg)}.song-item.active[data-v-fcebcd6a]{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:2px solid var(--accent-color);box-shadow:0 4px 20px #8b5cf640}.song-item.active[data-v-fcebcd6a]:hover{transform:translate(5px);box-shadow:0 6px 25px #8b5cf659}.song-cover[data-v-fcebcd6a]{width:70px;height:70px;border-radius:10px;overflow:hidden;flex-shrink:0}.song-cover img[data-v-fcebcd6a]{width:100%;height:100%;object-fit:cover}.song-cover[data-v-fcebcd6a]{position:relative;cursor:pointer}.play-overlay[data-v-fcebcd6a]{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:10px}.song-cover:hover .play-overlay[data-v-fcebcd6a]{opacity:1}.play-btn[data-v-fcebcd6a]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.play-btn[data-v-fcebcd6a]:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.play-btn svg[data-v-fcebcd6a]{width:18px;height:18px;margin-left:2px}.song-info[data-v-fcebcd6a]{flex:1;min-width:0}.song-info h3[data-v-fcebcd6a]{font-size:16px;color:var(--text-primary);margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info p[data-v-fcebcd6a]{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.song-meta[data-v-fcebcd6a]{display:flex;gap:15px;font-size:12px;color:var(--text-muted)}.song-actions[data-v-fcebcd6a]{display:flex;gap:10px}.action-btn[data-v-fcebcd6a]{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn[data-v-fcebcd6a]{background:#667eea26;color:var(--accent-color)}.edit-btn[data-v-fcebcd6a]:hover{background:#667eea4d}.playlist-btn[data-v-fcebcd6a]{background:#6366f11f;color:#818cf8}.playlist-btn[data-v-fcebcd6a]:hover{background:#6366f140}.delete-btn[data-v-fcebcd6a]{background:#ef444426;color:#ef4444}.delete-btn[data-v-fcebcd6a]:hover{background:#ef44444d}.modal-overlay[data-v-fcebcd6a]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.modal-content[data-v-fcebcd6a]{background:var(--bg-primary);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-fcebcd6a]{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-fcebcd6a]{color:var(--text-primary);margin:0}.close-btn[data-v-fcebcd6a]{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:5px}.modal-body[data-v-fcebcd6a]{padding:25px}.form-group[data-v-fcebcd6a]{margin-bottom:20px}.form-group label[data-v-fcebcd6a]{display:block;color:var(--text-primary);font-weight:500;margin-bottom:8px;font-size:14px}.form-group input[data-v-fcebcd6a],.form-group textarea[data-v-fcebcd6a]{width:100%;padding:12px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .3s ease}.form-group input[data-v-fcebcd6a]:focus,.form-group textarea[data-v-fcebcd6a]:focus{outline:none;border-color:var(--accent-color);background:var(--bg-primary)}.lyrics-section[data-v-fcebcd6a]{display:flex;flex-direction:column;gap:15px}.lyrics-edit textarea[data-v-fcebcd6a]{resize:vertical;min-height:100px}.lyrics-preview[data-v-fcebcd6a]{background:var(--bg-tertiary);border-radius:10px;padding:15px;border:2px solid var(--border-color)}.preview-header[data-v-fcebcd6a]{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.preview-icon[data-v-fcebcd6a]{font-size:18px}.preview-title[data-v-fcebcd6a]{font-weight:600;color:var(--text-primary)}.valid-badge[data-v-fcebcd6a]{margin-left:auto;padding:4px 10px;background:#4caf5033;color:#4caf50;border-radius:6px;font-size:12px;font-weight:600}.invalid-badge[data-v-fcebcd6a]{margin-left:auto;padding:4px 10px;background:#ff980033;color:#ff9800;border-radius:6px;font-size:12px;font-weight:600}.preview-content[data-v-fcebcd6a]{max-height:150px;overflow-y:auto;white-space:pre-wrap;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary)}.upload-btn[data-v-fcebcd6a]{display:block;padding:15px;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:10px;text-align:center;cursor:pointer;color:var(--text-secondary);transition:all .3s ease}.upload-btn[data-v-fcebcd6a]:hover{border-color:var(--accent-color);color:var(--accent-color)}.upload-btn.has-file[data-v-fcebcd6a]{border-style:solid;border-color:var(--accent-color);color:var(--accent-color)}.upload-btn input[data-v-fcebcd6a]{display:none}.cover-upload[data-v-fcebcd6a]{display:flex;gap:20px;align-items:center}.current-cover[data-v-fcebcd6a]{width:100px;height:100px;border-radius:10px;overflow:hidden;flex-shrink:0}.current-cover img[data-v-fcebcd6a]{width:100%;height:100%;object-fit:cover}.cover-upload .upload-btn[data-v-fcebcd6a]{flex:1}.modal-footer[data-v-fcebcd6a]{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px;border-top:1px solid var(--border-color)}.cancel-btn[data-v-fcebcd6a],.save-btn[data-v-fcebcd6a]{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-fcebcd6a]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn[data-v-fcebcd6a]:hover{background:var(--border-color)}.save-btn[data-v-fcebcd6a]{background:var(--accent-gradient);color:#fff;border:none}.save-btn[data-v-fcebcd6a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-btn[data-v-fcebcd6a]:disabled{opacity:.7;cursor:not-allowed}.delete-modal[data-v-fcebcd6a]{max-width:400px;text-align:center}.delete-icon[data-v-fcebcd6a]{font-size:64px;margin-bottom:20px}.delete-modal h2[data-v-fcebcd6a]{color:var(--text-primary);margin:0 0 10px}.delete-modal p[data-v-fcebcd6a]{color:var(--text-secondary);margin:0 0 25px}.modal-actions[data-v-fcebcd6a]{display:flex;justify-content:center;gap:12px}.confirm-delete-btn[data-v-fcebcd6a]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-delete-btn[data-v-fcebcd6a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.playlist-select-modal[data-v-fcebcd6a]{max-width:440px;box-shadow:0 25px 60px #00000073,0 0 0 1px #8b5cf61f}.playlist-hint[data-v-fcebcd6a]{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.5}.loading-playlists[data-v-fcebcd6a]{display:flex;align-items:center;justify-content:center;gap:12px;padding:36px 0;color:var(--text-muted);font-size:14px}.spinner.small[data-v-fcebcd6a]{width:26px;height:26px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin-fcebcd6a .8s linear infinite}.empty-playlists[data-v-fcebcd6a]{text-align:center;padding:36px 0;color:var(--text-muted);font-size:14px}.playlist-list[data-v-fcebcd6a]{display:flex;flex-direction:column;gap:8px;height:340px;overflow-y:auto;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.playlist-list[data-v-fcebcd6a]::-webkit-scrollbar{display:none}.playlist-option[data-v-fcebcd6a]{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.playlist-option[data-v-fcebcd6a]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);border-radius:0 3px 3px 0;transform:scaleY(0);transition:transform .25s cubic-bezier(.23,1,.32,1)}.playlist-option[data-v-fcebcd6a]:hover{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf61a,#6366f10f);box-shadow:0 2px 12px #8b5cf626}.playlist-option[data-v-fcebcd6a]:hover:before{transform:scaleY(1)}.playlist-option:hover .playlist-option-name[data-v-fcebcd6a]{color:#a78bfa}.playlist-option:hover .playlist-option-count[data-v-fcebcd6a]{color:#818cf8}.playlist-option.adding[data-v-fcebcd6a]{border-color:#4caf5073;background:linear-gradient(135deg,#4caf501a,#4caf500d);box-shadow:0 2px 12px #4caf5026;pointer-events:none}.playlist-option.adding[data-v-fcebcd6a]:before{background:#4caf50;transform:scaleY(1)}.playlist-option-name[data-v-fcebcd6a]{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}.playlist-option-count[data-v-fcebcd6a]{font-size:12px;color:var(--text-muted);flex-shrink:0;transition:color .25s ease;padding:2px 10px;background:#94a3b814;border-radius:20px}.playlist-option.adding .playlist-option-count[data-v-fcebcd6a]{display:none}.adding-indicator[data-v-fcebcd6a]{font-size:13px;color:#4caf50;font-weight:600;flex-shrink:0;display:flex;align-items:center;gap:4px}@media(max-width:768px){.song-item[data-v-fcebcd6a]{flex-wrap:wrap}.song-actions[data-v-fcebcd6a]{width:100%;justify-content:flex-end}}.video-page[data-v-20bfa5e7]{padding:20px;min-height:calc(100vh - 120px)}.hero-banner[data-v-20bfa5e7]{background:linear-gradient(135deg,#f093fb15,#f5576c15,#f093fb15);border-radius:20px;padding:48px 40px;margin-bottom:36px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(240,147,251,.2)}.banner-content h1[data-v-20bfa5e7]{font-size:32px;color:var(--text-primary);margin:0 0 12px;font-weight:700}.banner-content p[data-v-20bfa5e7]{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.hero-buttons[data-v-20bfa5e7]{display:flex;gap:12px}.refresh-btn[data-v-20bfa5e7]{padding:12px 28px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #f5576c4d}.refresh-btn[data-v-20bfa5e7]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f5576c73}.upload-btn[data-v-20bfa5e7]{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.upload-btn[data-v-20bfa5e7]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea73}.banner-decoration[data-v-20bfa5e7]{position:relative}.video-icons[data-v-20bfa5e7]{display:flex;gap:16px;font-size:40px;animation:float-20bfa5e7 3s ease-in-out infinite}.video-icons span[data-v-20bfa5e7]:nth-child(2){animation-delay:.3s}.video-icons span[data-v-20bfa5e7]:nth-child(3){animation-delay:.6s}.video-icons span[data-v-20bfa5e7]:nth-child(4){animation-delay:.9s}.video-icons span[data-v-20bfa5e7]:nth-child(5){animation-delay:1.2s}.video-icons span[data-v-20bfa5e7]:nth-child(6){animation-delay:1.5s}@keyframes float-20bfa5e7{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.content-section[data-v-20bfa5e7]{margin-bottom:36px}.section-header[data-v-20bfa5e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-20bfa5e7]{font-size:22px;color:var(--text-primary);margin:0;font-weight:700}.video-count[data-v-20bfa5e7]{font-size:14px;color:var(--text-muted)}.video-grid[data-v-20bfa5e7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.video-card[data-v-20bfa5e7]{background:var(--card-bg);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.video-card[data-v-20bfa5e7]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.video-cover[data-v-20bfa5e7]{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-tertiary)}.video-cover img[data-v-20bfa5e7]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.preview-video[data-v-20bfa5e7]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .35s ease}.video-card:hover .preview-video[data-v-20bfa5e7]{opacity:1}.video-card:hover .video-cover img[data-v-20bfa5e7]{transform:scale(1.05)}.play-overlay[data-v-20bfa5e7]{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .play-overlay[data-v-20bfa5e7]{opacity:1}.play-btn[data-v-20bfa5e7]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.play-btn[data-v-20bfa5e7]:hover{transform:scale(1.1)}.play-btn svg[data-v-20bfa5e7]{width:22px;height:22px;margin-left:3px}.duration-badge[data-v-20bfa5e7]{position:absolute;bottom:8px;right:8px;padding:3px 8px;background:#000000bf;color:#fff;font-size:12px;border-radius:4px;font-weight:500}.video-info[data-v-20bfa5e7]{padding:14px 16px}.video-title[data-v-20bfa5e7]{font-size:15px;color:var(--text-primary);margin:0 0 6px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-artist[data-v-20bfa5e7]{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.video-meta[data-v-20bfa5e7]{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.loading-state[data-v-20bfa5e7],.empty-state[data-v-20bfa5e7]{text-align:center;padding:80px 20px;color:var(--text-secondary)}.spinner[data-v-20bfa5e7]{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:#f5576c;border-radius:50%;animation:spin-20bfa5e7 .8s linear infinite;margin:0 auto 20px}@keyframes spin-20bfa5e7{to{transform:rotate(360deg)}}.empty-icon[data-v-20bfa5e7]{font-size:80px;display:block;margin-bottom:20px;opacity:.5}.empty-state h3[data-v-20bfa5e7]{font-size:20px;color:var(--text-primary);margin:0 0 10px}.empty-state p[data-v-20bfa5e7]{font-size:14px;color:var(--text-secondary);margin:0}.player-overlay[data-v-20bfa5e7]{-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);background:#000000d9}.player-modal[data-v-20bfa5e7]{background:var(--bg-primary);border-radius:20px;max-width:820px;width:95vw;max-height:92vh;overflow-y:auto;box-shadow:0 32px 100px #0000008c,0 0 1px #ffffff0f inset,0 0 80px #667eea0f;animation:playerIn-20bfa5e7 .4s cubic-bezier(.16,1,.3,1)}@keyframes playerIn-20bfa5e7{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.player-header[data-v-20bfa5e7]{display:flex;justify-content:space-between;align-items:center;padding:18px 26px 14px;background:linear-gradient(135deg,#667eea0a,#764ba20d)}.player-title-area[data-v-20bfa5e7]{display:flex;align-items:center;gap:13px;min-width:0}.player-icon[data-v-20bfa5e7]{font-size:24px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3))}.player-title-text[data-v-20bfa5e7]{min-width:0}.player-title-text h3[data-v-20bfa5e7]{margin:0;font-size:17px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-subtitle[data-v-20bfa5e7]{margin:3px 0 0;font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-btn[data-v-20bfa5e7]{background:none;border:none;font-size:22px;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease}.close-btn[data-v-20bfa5e7]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.player-close-btn[data-v-20bfa5e7]{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .25s ease}.player-close-btn[data-v-20bfa5e7]:hover{background:#f5576c1a;color:#f5576c;transform:rotate(90deg)}.player-video-zone[data-v-20bfa5e7]{position:relative;background:#000;overflow:hidden;max-height:52vh}.video-player[data-v-20bfa5e7]{display:block;width:100%;max-height:52vh;object-fit:contain;outline:none}.player-footer[data-v-20bfa5e7]{padding:18px 26px 22px;border-top:1px solid var(--border-color);background:linear-gradient(to bottom,transparent,rgba(128,128,128,.05));overscroll-behavior:contain}.player-stats[data-v-20bfa5e7]{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:10px}.stat-item[data-v-20bfa5e7]{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text-primary);font-weight:500}.stat-item svg[data-v-20bfa5e7]{width:15px;height:15px;stroke:#667eea;flex-shrink:0;opacity:.85}.player-desc[data-v-20bfa5e7]{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.7;padding-top:10px;border-top:1px dashed var(--border-color);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.player-desc[data-v-20bfa5e7]::-webkit-scrollbar{display:none}.player-stats-row .stat-item[data-v-20bfa5e7]:nth-child(3),.player-stats-row .stat-item[data-v-20bfa5e7]:has(~.stat-item:nth-child(4)){display:none}.upload-modal[data-v-20bfa5e7]{background:var(--bg-primary);border-radius:20px;max-width:540px;width:100%;overflow:hidden;box-shadow:0 24px 80px #00000073,0 0 1px #ffffff14 inset;animation:modalIn-20bfa5e7 .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn-20bfa5e7{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.upload-modal .modal-header[data-v-20bfa5e7]{display:flex;justify-content:space-between;align-items:center;padding:22px 28px 18px}.header-left[data-v-20bfa5e7]{display:flex;align-items:center;gap:10px}.header-icon[data-v-20bfa5e7]{font-size:22px;line-height:1}.upload-modal .modal-header h2[data-v-20bfa5e7]{margin:0;font-size:19px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.upload-modal .modal-body[data-v-20bfa5e7]{padding:4px 28px 20px}.form-group[data-v-20bfa5e7]{margin-bottom:20px}.field-label[data-v-20bfa5e7]{display:block;color:var(--text-primary);font-weight:600;margin-bottom:9px;font-size:13.5px;letter-spacing:.01em}.required[data-v-20bfa5e7]{color:#f5576c;font-weight:700;margin-left:2px}.file-drop-zone[data-v-20bfa5e7]{display:flex;align-items:center;justify-content:center;padding:32px 20px;background:linear-gradient(135deg,#667eea0a,#764ba20f);border:2px dashed rgba(102,126,234,.25);border-radius:14px;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.file-drop-zone[data-v-20bfa5e7]:before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at center,rgba(102,126,234,.08),transparent 70%);opacity:0;transition:opacity .35s ease}.file-drop-zone[data-v-20bfa5e7]:hover{border-color:#667eea80;border-style:solid;background:linear-gradient(135deg,#667eea12,#764ba217)}.file-drop-zone[data-v-20bfa5e7]:hover:before{opacity:1}.file-drop-zone.drag-over[data-v-20bfa5e7]{border-color:#667eea;border-style:solid;background:linear-gradient(135deg,#667eea1f,#764ba226);box-shadow:0 0 0 4px #667eea1a,0 8px 30px #667eea26;transform:scale(1.01)}.file-drop-zone.has-file[data-v-20bfa5e7]{border-style:solid;border-color:#34c75966;background:linear-gradient(135deg,#34c7590d,#30d15814);padding:18px 20px}.file-drop-zone input[data-v-20bfa5e7]{display:none}.drop-content[data-v-20bfa5e7]{text-align:center}.upload-cloud-icon[data-v-20bfa5e7]{width:44px;height:44px;color:#667eea;opacity:.6;margin-bottom:12px;transition:all .3s ease}.file-drop-zone:hover .upload-cloud-icon[data-v-20bfa5e7]{opacity:1;transform:translateY(-2px)}.drop-text[data-v-20bfa5e7]{margin:0 0 6px;font-size:14.5px;color:var(--text-primary);font-weight:600}.drop-hint[data-v-20bfa5e7]{margin:0;font-size:12.5px;color:var(--text-muted)}.file-preview[data-v-20bfa5e7]{display:flex;align-items:center;gap:14px;width:100%}.file-type-icon[data-v-20bfa5e7]{font-size:28px;flex-shrink:0;line-height:1}.file-details[data-v-20bfa5e7]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name[data-v-20bfa5e7]{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-20bfa5e7]{font-size:12.5px;color:var(--text-muted)}.remove-file-btn[data-v-20bfa5e7]{width:28px;height:28px;border-radius:50%;border:none;background:#f5576c1a;color:#f5576c;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.remove-file-btn[data-v-20bfa5e7]:hover{background:#f5576c;color:#fff;transform:scale(1.1)}.input-wrapper[data-v-20bfa5e7]{position:relative;display:flex;align-items:center}.input-prefix[data-v-20bfa5e7]{position:absolute;left:14px;font-size:15px;pointer-events:none;z-index:1}.input-wrapper input[data-v-20bfa5e7]{width:100%;padding:12px 14px 12px 38px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .25s ease}.input-wrapper input[data-v-20bfa5e7]:focus{outline:none;border-color:#667eea;background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.input-wrapper input[data-v-20bfa5e7]::placeholder{color:var(--text-muted)}.form-group textarea[data-v-20bfa5e7]{width:100%;padding:12px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;box-sizing:border-box;resize:vertical;min-height:64px;transition:all .25s ease;font-family:inherit}.form-group textarea[data-v-20bfa5e7]:focus{outline:none;border-color:#667eea;background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.form-group textarea[data-v-20bfa5e7]::placeholder{color:var(--text-muted)}.upload-progress-section[data-v-20bfa5e7]{margin-top:8px}.progress-info[data-v-20bfa5e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label[data-v-20bfa5e7]{font-size:13px;color:var(--text-secondary);font-weight:500}.progress-percent[data-v-20bfa5e7]{font-size:13px;font-weight:700;color:#667eea}.upload-progress-bar[data-v-20bfa5e7]{height:8px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden;position:relative}.upload-progress-bar .progress-fill[data-v-20bfa5e7]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;border-radius:99px;transition:width .4s cubic-bezier(.16,1,.3,1);animation:shimmer-20bfa5e7 1.5s infinite linear}@keyframes shimmer-20bfa5e7{0%{background-position:200% 0}to{background-position:-200% 0}}.upload-modal .modal-footer[data-v-20bfa5e7]{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px 22px;border-top:1px solid var(--border-color);background:#80808008}.cancel-btn[data-v-20bfa5e7]{padding:11px 24px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.cancel-btn[data-v-20bfa5e7]:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.cancel-btn[data-v-20bfa5e7]:disabled{opacity:.45;cursor:not-allowed}.submit-btn[data-v-20bfa5e7]{padding:11px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em;position:relative;overflow:hidden}.submit-btn[data-v-20bfa5e7]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.submit-btn[data-v-20bfa5e7]:not(:disabled):active{transform:translateY(0)}.submit-btn[data-v-20bfa5e7]:disabled{opacity:.45;cursor:not-allowed}@media(max-width:768px){.hero-banner[data-v-20bfa5e7]{padding:20px 16px;flex-direction:column;text-align:center}.banner-content h1[data-v-20bfa5e7]{font-size:22px}.banner-content p[data-v-20bfa5e7]{font-size:13px}.hero-buttons[data-v-20bfa5e7]{margin-top:14px;gap:10px}.refresh-btn[data-v-20bfa5e7],.upload-btn[data-v-20bfa5e7]{font-size:13px;padding:8px 18px}.banner-decoration[data-v-20bfa5e7]{margin-top:16px}.video-icons[data-v-20bfa5e7]{font-size:26px;gap:12px}.video-grid[data-v-20bfa5e7]{grid-template-columns:repeat(2,1fr);gap:10px}.video-card[data-v-20bfa5e7]{border-radius:12px}.video-cover[data-v-20bfa5e7]{border-radius:10px 10px 0 0;height:110px}.video-cover img[data-v-20bfa5e7],.preview-video[data-v-20bfa5e7]{height:110px}.play-overlay .play-btn[data-v-20bfa5e7]{width:40px;height:40px}.play-overlay .play-btn svg[data-v-20bfa5e7]{width:18px;height:18px}.duration-badge[data-v-20bfa5e7]{font-size:11px;padding:2px 6px;border-radius:5px}.video-info[data-v-20bfa5e7]{padding:8px 10px 10px}.video-title[data-v-20bfa5e7]{font-size:13px;-webkit-line-clamp:2;line-height:1.35}.video-artist[data-v-20bfa5e7]{font-size:11.5px}.video-meta[data-v-20bfa5e7]{font-size:11px;margin-top:4px}.player-overlay[data-v-20bfa5e7]{border-radius:0;z-index:10001;background:#000}.player-modal[data-v-20bfa5e7]{max-width:100vw;width:100vw;height:100vh;max-height:100vh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;background:#000;animation:playerSlideUp-20bfa5e7 .4s cubic-bezier(.23,1,.32,1);transition:transform .15s ease-out,opacity .15s ease-out}@keyframes playerSlideUp-20bfa5e7{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-video-zone[data-v-20bfa5e7]{position:relative;flex-shrink:0;width:100%;height:68vh;min-height:280px;background:#000;overflow:hidden}.video-player[data-v-20bfa5e7]{width:100%;height:100%;object-fit:contain;border-radius:0;display:block;background:#000}.player-footer[data-v-20bfa5e7]{flex:1;display:flex;flex-direction:column;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-primary);margin-top:0;position:relative;z-index:6;padding-top:12px;overscroll-behavior:contain}.player-footer[data-v-20bfa5e7]::-webkit-scrollbar{display:none}.player-header[data-v-20bfa5e7]{display:flex!important;align-items:center;justify-content:space-between;padding:12px 14px 8px;background:var(--bg-primary);border-radius:18px 18px 0 0;position:relative;z-index:6}.player-title-area[data-v-20bfa5e7]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.player-icon[data-v-20bfa5e7]{font-size:20px;flex-shrink:0}.player-title-text[data-v-20bfa5e7]{flex:1;min-width:0}.player-title-text h3[data-v-20bfa5e7]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-subtitle[data-v-20bfa5e7]{margin:2px 0 0;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stats-row[data-v-20bfa5e7]{display:flex;align-items:center;gap:20px;padding:14px 12px 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.player-stats-row[data-v-20bfa5e7]::-webkit-scrollbar{display:none}.stat-item[data-v-20bfa5e7]{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.stat-item svg[data-v-20bfa5e7]{width:15px;height:15px;stroke:var(--accent-color, #667eea);opacity:.8;flex-shrink:0}.player-desc[data-v-20bfa5e7]{flex:1;margin:0;padding:8px 12px 16px;font-size:14px;color:var(--text-secondary);line-height:1.7;word-break:break-all;overflow-wrap:break-word;white-space:normal;overflow-y:auto;min-height:0}.player-desc[data-v-20bfa5e7]::-webkit-scrollbar{display:none}.upload-modal[data-v-20bfa5e7]{max-width:96vw;width:96vw;border-radius:16px;max-height:90vh}.upload-modal .modal-header[data-v-20bfa5e7],.upload-modal .modal-body[data-v-20bfa5e7],.upload-modal .modal-footer[data-v-20bfa5e7]{padding-left:18px;padding-right:18px}.file-drop-zone[data-v-20bfa5e7]{padding:20px 14px;min-height:120px}.section-header h2[data-v-20bfa5e7]{font-size:17px}.video-count[data-v-20bfa5e7]{font-size:12px}}.video-admin-page[data-v-0f9fead1]{padding:20px;min-height:calc(100vh - 120px)}.auth-notice[data-v-0f9fead1]{display:flex;justify-content:center;align-items:center;min-height:50vh}.notice-content[data-v-0f9fead1]{text-align:center;padding:40px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.notice-icon[data-v-0f9fead1]{font-size:48px;display:block;margin-bottom:16px}.notice-content h2[data-v-0f9fead1]{color:var(--text-primary);margin:0 0 8px}.notice-content p[data-v-0f9fead1]{color:var(--text-secondary);margin:0 0 24px}.login-btn[data-v-0f9fead1],.back-btn[data-v-0f9fead1]{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600}.page-header[data-v-0f9fead1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1[data-v-0f9fead1]{font-size:26px;color:var(--text-primary);margin:0;font-weight:700}.header-actions[data-v-0f9fead1]{display:flex;gap:12px}.add-btn[data-v-0f9fead1]{padding:10px 22px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.add-btn[data-v-0f9fead1]:hover{transform:translateY(-1px);box-shadow:0 6px 18px #667eea73}.search-bar[data-v-0f9fead1]{position:relative;margin-bottom:24px}.search-icon[data-v-0f9fead1]{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.search-input[data-v-0f9fead1]{width:100%;padding:13px 40px 13px 44px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input[data-v-0f9fead1]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.clear-btn[data-v-0f9fead1]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px}.video-list[data-v-0f9fead1]{display:flex;flex-direction:column;gap:16px}.video-item[data-v-0f9fead1]{display:flex;align-items:center;gap:16px;padding:14px;background:var(--card-bg);border-radius:14px;border:1px solid var(--border-color);transition:all .25s ease}.video-item[data-v-0f9fead1]:hover{box-shadow:0 4px 16px #00000014}.video-cover[data-v-0f9fead1]{position:relative;width:120px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.video-cover img[data-v-0f9fead1]{width:100%;height:100%;object-fit:cover}.status-badge[data-v-0f9fead1]{position:absolute;bottom:4px;left:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.status-badge.active[data-v-0f9fead1]{background:#34c759e6;color:#fff}.status-badge.disabled[data-v-0f9fead1]{background:#ff3b30e6;color:#fff}.video-info[data-v-0f9fead1]{flex:1;min-width:0}.video-info h3[data-v-0f9fead1]{font-size:15px;color:var(--text-primary);margin:0 0 4px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-artist[data-v-0f9fead1]{font-size:13px;color:var(--text-secondary);margin:0 0 6px}.video-meta[data-v-0f9fead1]{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-muted)}.video-actions[data-v-0f9fead1]{display:flex;gap:8px;flex-shrink:0}.action-btn[data-v-0f9fead1]{padding:7px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn[data-v-0f9fead1]:hover{background:var(--bg-primary);border-color:var(--text-muted)}.edit-btn[data-v-0f9fead1]:hover{color:#667eea;border-color:#667eea}.toggle-btn[data-v-0f9fead1]:hover{color:#f5a623;border-color:#f5a623}.delete-btn[data-v-0f9fead1]:hover{color:#ff3b30;border-color:#ff3b30}.loading-state[data-v-0f9fead1],.empty-state[data-v-0f9fead1]{text-align:center;padding:80px 20px;color:var(--text-secondary)}.spinner[data-v-0f9fead1]{width:42px;height:42px;border:4px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin-0f9fead1 .8s linear infinite;margin:0 auto 16px}@keyframes spin-0f9fead1{to{transform:rotate(360deg)}}.empty-icon[data-v-0f9fead1]{font-size:64px;display:block;margin-bottom:16px;opacity:.4}.empty-state h3[data-v-0f9fead1]{font-size:18px;color:var(--text-primary);margin:0 0 8px}.empty-state p[data-v-0f9fead1]{font-size:14px;color:var(--text-secondary);margin:0}.search-result-count[data-v-0f9fead1]{text-align:center;padding:16px;color:var(--text-muted);font-size:14px}.modal-overlay[data-v-0f9fead1]{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.edit-modal[data-v-0f9fead1]{background:var(--bg-primary);border-radius:20px;max-width:540px;width:100%;overflow:hidden;box-shadow:0 24px 80px #00000073,0 0 1px #ffffff14 inset;animation:modalIn-0f9fead1 .3s cubic-bezier(.16,1,.3,1)}.edit-header[data-v-0f9fead1]{display:flex;justify-content:space-between;align-items:center;padding:20px 26px 16px;background:linear-gradient(135deg,#667eea0a,#764ba20d)}.edit-header-left[data-v-0f9fead1]{display:flex;align-items:center;gap:10px}.edit-icon[data-v-0f9fead1]{font-size:22px;line-height:1}.edit-header h2[data-v-0f9fead1]{margin:0;font-size:18px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.edit-close-btn[data-v-0f9fead1]{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .25s ease}.edit-close-btn[data-v-0f9fead1]:hover{background:#f5576c1a;color:#f5576c;transform:rotate(90deg)}.edit-body[data-v-0f9fead1]{padding:4px 26px 18px}.form-group textarea[data-v-0f9fead1]{width:100%;padding:12px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;box-sizing:border-box;resize:vertical;min-height:72px;transition:all .25s ease;font-family:inherit}.select-wrapper[data-v-0f9fead1]{position:relative;display:flex;align-items:center}.select-wrapper select[data-v-0f9fead1]{width:100%;padding:12px 36px 12px 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .25s ease}.select-wrapper select[data-v-0f9fead1]:focus{outline:none;border-color:#667eea;background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.select-arrow[data-v-0f9fead1]{position:absolute;right:14px;pointer-events:none;color:var(--text-muted);font-size:13px;z-index:1}.edit-footer[data-v-0f9fead1]{display:flex;justify-content:flex-end;gap:12px;padding:16px 26px 20px;border-top:1px solid var(--border-color);background:#80808008}.edit-footer .cancel-btn[data-v-0f9fead1]{padding:11px 24px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.edit-footer .cancel-btn[data-v-0f9fead1]:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.edit-footer .cancel-btn[data-v-0f9fead1]:disabled{opacity:.45;cursor:not-allowed}.save-btn[data-v-0f9fead1]{padding:11px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.save-btn[data-v-0f9fead1]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.save-btn[data-v-0f9fead1]:not(:disabled):active{transform:translateY(0)}.save-btn[data-v-0f9fead1]:disabled{opacity:.45;cursor:not-allowed}.upload-modal[data-v-0f9fead1]{background:var(--bg-primary);border-radius:20px;max-width:540px;width:100%;overflow:hidden;box-shadow:0 24px 80px #00000073,0 0 1px #ffffff14 inset;animation:modalIn-0f9fead1 .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn-0f9fead1{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.upload-modal .modal-header[data-v-0f9fead1]{display:flex;justify-content:space-between;align-items:center;padding:22px 28px 18px}.header-left[data-v-0f9fead1]{display:flex;align-items:center;gap:10px}.header-icon[data-v-0f9fead1]{font-size:22px;line-height:1}.upload-modal .modal-header h2[data-v-0f9fead1]{margin:0;font-size:19px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.upload-modal .modal-body[data-v-0f9fead1]{padding:4px 28px 20px}.form-group[data-v-0f9fead1]{margin-bottom:20px}.field-label[data-v-0f9fead1]{display:block;color:var(--text-primary);font-weight:600;margin-bottom:9px;font-size:13.5px;letter-spacing:.01em}.required[data-v-0f9fead1]{color:#f5576c;font-weight:700;margin-left:2px}.file-drop-zone[data-v-0f9fead1]{display:flex;align-items:center;justify-content:center;padding:32px 20px;background:linear-gradient(135deg,#667eea0a,#764ba20f);border:2px dashed rgba(102,126,234,.25);border-radius:14px;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.file-drop-zone[data-v-0f9fead1]:before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle at center,rgba(102,126,234,.08),transparent 70%);opacity:0;transition:opacity .35s ease}.file-drop-zone[data-v-0f9fead1]:hover{border-color:#667eea80;border-style:solid;background:linear-gradient(135deg,#667eea12,#764ba217)}.file-drop-zone[data-v-0f9fead1]:hover:before{opacity:1}.file-drop-zone.drag-over[data-v-0f9fead1]{border-color:#667eea;border-style:solid;background:linear-gradient(135deg,#667eea1f,#764ba226);box-shadow:0 0 0 4px #667eea1a,0 8px 30px #667eea26;transform:scale(1.01)}.file-drop-zone.has-file[data-v-0f9fead1]{border-style:solid;border-color:#34c75966;background:linear-gradient(135deg,#34c7590d,#30d15814);padding:18px 20px}.file-drop-zone input[data-v-0f9fead1]{display:none}.drop-content[data-v-0f9fead1]{text-align:center}.upload-cloud-icon[data-v-0f9fead1]{width:44px;height:44px;color:#667eea;opacity:.6;margin-bottom:12px;transition:all .3s ease}.file-drop-zone:hover .upload-cloud-icon[data-v-0f9fead1]{opacity:1;transform:translateY(-2px)}.drop-text[data-v-0f9fead1]{margin:0 0 6px;font-size:14.5px;color:var(--text-primary);font-weight:600}.drop-hint[data-v-0f9fead1]{margin:0;font-size:12.5px;color:var(--text-muted)}.file-preview[data-v-0f9fead1]{display:flex;align-items:center;gap:14px;width:100%}.file-type-icon[data-v-0f9fead1]{font-size:28px;flex-shrink:0;line-height:1}.file-details[data-v-0f9fead1]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name[data-v-0f9fead1]{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-0f9fead1]{font-size:12.5px;color:var(--text-muted)}.remove-file-btn[data-v-0f9fead1]{width:28px;height:28px;border-radius:50%;border:none;background:#f5576c1a;color:#f5576c;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.remove-file-btn[data-v-0f9fead1]:hover{background:#f5576c;color:#fff;transform:scale(1.1)}.input-wrapper[data-v-0f9fead1]{position:relative;display:flex;align-items:center}.input-prefix[data-v-0f9fead1]{position:absolute;left:14px;font-size:15px;pointer-events:none;z-index:1}.input-wrapper input[data-v-0f9fead1]{width:100%;padding:12px 14px 12px 38px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .25s ease}.input-wrapper input[data-v-0f9fead1]:focus{outline:none;border-color:#667eea;background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.input-wrapper input[data-v-0f9fead1]::placeholder{color:var(--text-muted)}.form-group textarea[data-v-0f9fead1]{width:100%;padding:12px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;box-sizing:border-box;resize:vertical;min-height:64px;transition:all .25s ease;font-family:inherit}.form-group textarea[data-v-0f9fead1]:focus{outline:none;border-color:#667eea;background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a}.form-group textarea[data-v-0f9fead1]::placeholder{color:var(--text-muted)}.upload-progress-section[data-v-0f9fead1]{margin-top:8px}.progress-info[data-v-0f9fead1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label[data-v-0f9fead1]{font-size:13px;color:var(--text-secondary);font-weight:500}.progress-percent[data-v-0f9fead1]{font-size:13px;font-weight:700;color:#667eea}.upload-progress-bar[data-v-0f9fead1]{height:8px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden;position:relative}.upload-progress-bar .progress-fill[data-v-0f9fead1]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;border-radius:99px;transition:width .4s cubic-bezier(.16,1,.3,1);animation:shimmer-0f9fead1 1.5s infinite linear}@keyframes shimmer-0f9fead1{0%{background-position:200% 0}to{background-position:-200% 0}}.upload-modal .modal-footer[data-v-0f9fead1]{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px 22px;border-top:1px solid var(--border-color);background:#80808008}.cancel-btn[data-v-0f9fead1]{padding:11px 24px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.cancel-btn[data-v-0f9fead1]:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.cancel-btn[data-v-0f9fead1]:disabled{opacity:.45;cursor:not-allowed}.submit-btn[data-v-0f9fead1]{padding:11px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.submit-btn[data-v-0f9fead1]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.submit-btn[data-v-0f9fead1]:not(:disabled):active{transform:translateY(0)}.submit-btn[data-v-0f9fead1]:disabled{opacity:.45;cursor:not-allowed}.delete-modal[data-v-0f9fead1]{text-align:center;max-width:400px}.delete-icon[data-v-0f9fead1]{font-size:48px;margin-bottom:12px}.delete-modal h2[data-v-0f9fead1]{color:var(--text-primary);margin:0 0 8px}.delete-modal p[data-v-0f9fead1]{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.modal-actions[data-v-0f9fead1]{display:flex;justify-content:center;gap:12px}.confirm-delete-btn[data-v-0f9fead1]{padding:10px 22px;background:#ff3b30;color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-delete-btn[data-v-0f9fead1]:hover{background:#d62923}.player-overlay[data-v-0f9fead1]{-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);background:#0009}.player-modal[data-v-0f9fead1]{background:var(--bg-primary);border-radius:20px;max-width:820px;width:95vw;overflow:hidden;box-shadow:0 32px 100px #0000008c,0 0 1px #ffffff0f inset,0 0 80px #667eea0f;animation:playerIn-0f9fead1 .4s cubic-bezier(.16,1,.3,1)}@keyframes playerIn-0f9fead1{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.player-header[data-v-0f9fead1]{display:flex;justify-content:space-between;align-items:center;padding:18px 26px 14px;background:linear-gradient(135deg,#667eea0a,#764ba20d)}.player-title-area[data-v-0f9fead1]{display:flex;align-items:center;gap:13px;min-width:0}.player-icon[data-v-0f9fead1]{font-size:24px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3))}.player-title-text[data-v-0f9fead1]{min-width:0}.player-title-text h3[data-v-0f9fead1]{margin:0;font-size:17px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-subtitle[data-v-0f9fead1]{margin:3px 0 0;font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-close-btn[data-v-0f9fead1]{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .25s ease}.player-close-btn[data-v-0f9fead1]:hover{background:#f5576c1a;color:#f5576c;transform:rotate(90deg)}.player-body[data-v-0f9fead1]{padding:0;background:#000;position:relative}.video-player[data-v-0f9fead1]{display:block;width:100%;max-height:68vh;outline:none;border-radius:0}.player-footer[data-v-0f9fead1]{padding:16px 26px 20px;border-top:1px solid var(--border-color);background:linear-gradient(to bottom,transparent,rgba(128,128,128,.03))}.player-stats[data-v-0f9fead1]{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:8px}.stat-item[data-v-0f9fead1]{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);font-weight:500}.stat-item svg[data-v-0f9fead1]{width:15px;height:15px;stroke:#667eea;flex-shrink:0;opacity:.75}.player-desc[data-v-0f9fead1]{margin:0;font-size:13px;color:var(--text-muted);line-height:1.55;padding-top:8px;border-top:1px dashed var(--border-color)}.play-overlay[data-v-0f9fead1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transition:all .3s ease;pointer-events:none;z-index:2}.play-overlay svg[data-v-0f9fead1]{width:48px;height:48px;fill:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transform:scale(.85);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.video-item:hover .play-overlay[data-v-0f9fead1]{opacity:1}.video-item:hover .play-overlay svg[data-v-0f9fead1]{transform:scale(1)}@media(max-width:768px){.video-item[data-v-0f9fead1]{flex-direction:column;align-items:stretch}.video-cover[data-v-0f9fead1]{width:100%;height:180px}.video-actions[data-v-0f9fead1]{justify-content:flex-end;margin-top:8px}.page-header[data-v-0f9fead1]{flex-direction:column;gap:12px;align-items:flex-start}.header-actions[data-v-0f9fead1],.add-btn[data-v-0f9fead1]{width:100%}}.lost-found-page[data-v-6a38b14f]{padding:20px;min-height:calc(100vh - 120px)}.hero-banner[data-v-6a38b14f]{background:linear-gradient(135deg,#ff9a5615,#ff6b6b15,#feca5715);border-radius:20px;padding:36px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,154,86,.2)}.banner-content h1[data-v-6a38b14f]{font-size:28px;color:var(--text-primary);margin:0 0 8px;font-weight:700}.banner-content p[data-v-6a38b14f]{font-size:15px;color:var(--text-secondary);margin:0}.banner-icons[data-v-6a38b14f]{display:flex;gap:14px;font-size:32px;animation:float-6a38b14f 3s ease-in-out infinite}.banner-icons span[data-v-6a38b14f]:nth-child(2){animation-delay:.2s}.banner-icons span[data-v-6a38b14f]:nth-child(3){animation-delay:.4s}.banner-icons span[data-v-6a38b14f]:nth-child(4){animation-delay:.6s}.banner-icons span[data-v-6a38b14f]:nth-child(5){animation-delay:.8s}.banner-icons span[data-v-6a38b14f]:nth-child(6){animation-delay:1s}@keyframes float-6a38b14f{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.filter-bar[data-v-6a38b14f]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filter-left[data-v-6a38b14f]{display:flex;gap:10px;flex-wrap:wrap}.search-bar[data-v-6a38b14f]{display:flex;align-items:center;gap:10px;padding:0 4px;margin-bottom:18px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:14px;transition:all .25s ease}.search-bar[data-v-6a38b14f]:focus-within{border-color:#ff9a56;box-shadow:0 0 0 3px #ff9a561a}.search-icon[data-v-6a38b14f]{font-size:16px;flex-shrink:0;padding-left:12px}.search-input[data-v-6a38b14f]{flex:1;padding:11px 6px;background:transparent;border:none;color:var(--text-primary);font-size:13.5px;outline:none;min-width:0}.search-input[data-v-6a38b14f]::placeholder{color:var(--text-muted)}.clear-search-btn[data-v-6a38b14f]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:50%;transition:all .2s;flex-shrink:0}.clear-search-btn[data-v-6a38b14f]:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.publish-btn[data-v-6a38b14f]{padding:8px 20px;background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff;border:none;border-radius:20px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #ff6b6b47;flex-shrink:0;white-space:nowrap}.publish-btn[data-v-6a38b14f]:hover{transform:translateY(-1.5px);box-shadow:0 5px 18px #ff6b6b6b}.publish-btn.disabled[data-v-6a38b14f]{opacity:.55;cursor:not-allowed;background:linear-gradient(135deg,#888,#999);box-shadow:none}.publish-btn.disabled[data-v-6a38b14f]:hover{transform:none;box-shadow:none}.filter-btn[data-v-6a38b14f]{padding:8px 18px;border-radius:20px;border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .25s ease}.filter-btn[data-v-6a38b14f]:hover,.filter-btn.active[data-v-6a38b14f]{background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff;border-color:transparent}.card-list[data-v-6a38b14f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.lf-card[data-v-6a38b14f]{position:relative;background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.lf-card[data-v-6a38b14f]:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.lf-card.resolved[data-v-6a38b14f]{opacity:.7}.card-badge[data-v-6a38b14f]{position:absolute;top:14px;left:14px;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;color:#fff;z-index:1}.badge-lost[data-v-6a38b14f]{background:linear-gradient(135deg,#667eea,#764ba2)}.badge-found[data-v-6a38b14f]{background:linear-gradient(135deg,#11998e,#38ef7d)}.status-resolved[data-v-6a38b14f]{position:absolute;top:14px;right:14px;padding:4px 12px;border-radius:8px;background:#34c75926;color:#34c759;font-size:12px;font-weight:600;z-index:1}.card-body[data-v-6a38b14f]{padding:20px 16px 16px;display:flex;gap:18px;align-items:flex-start}.card-main[data-v-6a38b14f]{flex:1;min-width:0}.card-title[data-v-6a38b14f]{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 8px;padding-left:60px}.card-desc[data-v-6a38b14f]{font-size:13.5px;color:var(--text-secondary);line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-6a38b14f]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.meta-item[data-v-6a38b14f]{font-size:12.5px;color:var(--text-muted);background:var(--bg-tertiary);padding:3px 10px;border-radius:6px}.card-image-wrap[data-v-6a38b14f]{flex-shrink:0;width:120px;height:120px}.card-image[data-v-6a38b14f]{width:100%;height:100%;object-fit:cover;border-radius:12px}.image-placeholder[data-v-6a38b14f]{width:100%;height:100%;border-radius:12px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:36px}.card-time[data-v-6a38b14f]{font-size:12px;color:var(--text-muted)}.card-footer-row[data-v-6a38b14f]{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.card-left-info[data-v-6a38b14f]{display:flex;align-items:center;gap:10px}.comment-trigger[data-v-6a38b14f]{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;background:#667eea14;border:1px solid rgba(102,126,234,.18);border-radius:8px;color:#a5b4fc;font-size:11.5px;cursor:pointer;transition:all .22s ease;line-height:1.6}.comment-trigger[data-v-6a38b14f]:hover{background:#667eea29;border-color:#667eea59;color:#c7d2fe}.card-actions[data-v-6a38b14f]{display:flex;gap:6px}.action-edit-btn[data-v-6a38b14f],.action-delete-btn[data-v-6a38b14f]{padding:3px 10px;border-radius:6px;border:none;font-size:11.5px;cursor:pointer;transition:all .2s ease}.action-edit-btn[data-v-6a38b14f]{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.25)}.action-edit-btn[data-v-6a38b14f]:hover{background:#667eea33}.action-delete-btn[data-v-6a38b14f]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.action-delete-btn[data-v-6a38b14f]:hover{background:#ef444433}.loading-state[data-v-6a38b14f],.empty-state[data-v-6a38b14f]{text-align:center;padding:70px 20px;color:var(--text-secondary)}.spinner[data-v-6a38b14f]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#ff6b6b;border-radius:50%;animation:spin-6a38b14f .8s linear infinite;margin:0 auto 16px}.empty-icon[data-v-6a38b14f]{font-size:64px;display:block;margin-bottom:14px;opacity:.5}.empty-state h3[data-v-6a38b14f]{font-size:18px;color:var(--text-primary);margin:0 0 8px}.empty-state p[data-v-6a38b14f]{font-size:14px;color:var(--text-secondary);margin:0}.modal-overlay[data-v-6a38b14f]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.publish-modal[data-v-6a38b14f]{background:var(--bg-primary);border-radius:20px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000073;animation:modalIn-6a38b14f .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn-6a38b14f{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-6a38b14f]{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 16px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-6a38b14f]{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.close-btn[data-v-6a38b14f]{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;transition:all .2s}.close-btn[data-v-6a38b14f]:hover{background:var(--bg-tertiary)}.modal-body[data-v-6a38b14f]{padding:20px 26px}.modal-footer[data-v-6a38b14f]{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px 22px;border-top:1px solid var(--border-color)}.form-group[data-v-6a38b14f]{margin-bottom:18px}.field-label[data-v-6a38b14f]{display:block;font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.required[data-v-6a38b14f]{color:#ff6b6b;font-weight:700}.type-selector[data-v-6a38b14f]{display:flex;gap:10px}.type-btn[data-v-6a38b14f]{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .25s ease;text-align:center}.type-btn.active[data-v-6a38b14f]{border-color:#ff6b6b;background:#ff6b6b14;color:#ff6b6b}.form-group input[data-v-6a38b14f],.form-group textarea[data-v-6a38b14f]{width:100%;padding:11px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .25s ease;font-family:inherit}.form-group input[data-v-6a38b14f]:focus,.form-group textarea[data-v-6a38b14f]:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.form-group textarea[data-v-6a38b14f]{resize:vertical;min-height:80px}.form-row[data-v-6a38b14f]{display:flex;gap:14px}.flex-1[data-v-6a38b14f]{flex:1}.upload-area[data-v-6a38b14f]{border:2px dashed var(--border-color);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.upload-area[data-v-6a38b14f]:hover{border-color:#ff6b6b;background:#ff6b6b0a}.upload-area.has-image[data-v-6a38b14f]{border-style:solid;border-color:var(--border-color);padding:8px}.upload-icon[data-v-6a38b14f]{font-size:28px}.upload-text[data-v-6a38b14f]{font-size:13.5px;color:var(--text-secondary)}.upload-hint[data-v-6a38b14f]{font-size:11.5px;color:var(--text-muted)}.preview-img[data-v-6a38b14f]{max-width:100%;max-height:160px;border-radius:8px;object-fit:cover}.cancel-btn[data-v-6a38b14f]{padding:10px 22px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-6a38b14f]:hover:not(:disabled){background:var(--border-color)}.submit-btn[data-v-6a38b14f]{padding:10px 26px;background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-6a38b14f]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b6b66}.submit-btn[data-v-6a38b14f]:disabled{opacity:.45;cursor:not-allowed}@media(max-width:768px){.hero-banner[data-v-6a38b14f]{padding:20px 16px;flex-direction:column;text-align:center}.banner-content h1[data-v-6a38b14f]{font-size:22px}.banner-content p[data-v-6a38b14f]{font-size:13px}.banner-icons[data-v-6a38b14f]{margin-top:12px;font-size:20px}.filter-bar[data-v-6a38b14f]{flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.filter-bar[data-v-6a38b14f]::-webkit-scrollbar{display:none}.filter-left[data-v-6a38b14f]{display:flex;gap:6px;flex-shrink:0}.filter-btn[data-v-6a38b14f]{font-size:12.5px;padding:7px 12px;white-space:nowrap;flex-shrink:0}.publish-btn[data-v-6a38b14f]{font-size:12.5px;padding:7px 14px;flex-shrink:0;white-space:nowrap}.search-bar[data-v-6a38b14f]{margin:10px 0 16px}.search-input[data-v-6a38b14f]{font-size:14px;padding:10px 36px}.card-list[data-v-6a38b14f]{grid-template-columns:1fr;gap:12px}.lf-card[data-v-6a38b14f]{border-radius:14px}.card-body[data-v-6a38b14f]{flex-direction:column;gap:12px}.card-image-wrap[data-v-6a38b14f]{width:100%;height:180px;order:-1;border-radius:10px}.card-title[data-v-6a38b14f]{font-size:15px}.card-desc[data-v-6a38b14f]{font-size:13px;-webkit-line-clamp:2}.meta-item[data-v-6a38b14f]{font-size:12px}.card-footer-row[data-v-6a38b14f]{flex-wrap:wrap;gap:8px}.card-time[data-v-6a38b14f]{font-size:11.5px}.comment-trigger[data-v-6a38b14f]{font-size:12px;padding:4px 8px}.card-actions[data-v-6a38b14f]{gap:6px}.action-edit-btn[data-v-6a38b14f],.action-delete-btn[data-v-6a38b14f]{font-size:11.5px;padding:5px 12px}.publish-modal[data-v-6a38b14f],.edit-modal[data-v-6a38b14f]{border-radius:16px;max-height:92vh;width:94vw}.modal-header[data-v-6a38b14f],.modal-body[data-v-6a38b14f],.modal-footer[data-v-6a38b14f]{padding-left:18px;padding-right:18px}.form-row[data-v-6a38b14f]{flex-direction:column;gap:0}.comment-modal[data-v-6a38b14f]{max-width:96vw;width:96vw;border-radius:16px;max-height:80vh}.comment-header[data-v-6a38b14f]{padding:14px 16px 10px}.comment-header h3[data-v-6a38b14f]{font-size:15.5px}.comment-target-title[data-v-6a38b14f]{font-size:11.5px}.comment-body[data-v-6a38b14f]{height:180px;padding:10px 14px}.comment-item[data-v-6a38b14f]{padding:8px;gap:8px;border-radius:9px}.comment-avatar[data-v-6a38b14f]{width:32px;height:32px;flex-shrink:0}.comment-nickname[data-v-6a38b14f]{font-size:12.5px}.comment-time[data-v-6a38b14f]{font-size:11px}.comment-text[data-v-6a38b14f]{font-size:13px}.comment-input-area[data-v-6a38b14f]{padding:12px 14px 14px}.comment-input[data-v-6a38b14f]{font-size:14px;padding:10px 12px}.send-comment-btn[data-v-6a38b14f]{padding:7px 18px;font-size:12px}}.comment-modal[data-v-6a38b14f]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;max-width:480px;width:90vw;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 24px 70px #0006,0 0 1px #ffffff0f inset;animation:dialogIn-6a38b14f .25s ease-out}@keyframes dialogIn-6a38b14f{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.comment-header[data-v-6a38b14f]{padding:18px 22px 14px;position:relative;border-bottom:1px solid var(--border-color)}.comment-header h3[data-v-6a38b14f]{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--text-primary)}.comment-target-title[data-v-6a38b14f]{font-size:12.5px;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:30px}.comment-header .close-btn[data-v-6a38b14f]{position:absolute;top:14px;right:14px;background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s}.comment-header .close-btn[data-v-6a38b14f]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.comment-body[data-v-6a38b14f]{overflow-y:auto;padding:12px 18px;height:210px;scrollbar-width:none;-ms-overflow-style:none}.comment-body[data-v-6a38b14f]::-webkit-scrollbar{display:none}.comment-loading[data-v-6a38b14f]{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px;padding:32px 0}.spinner-small[data-v-6a38b14f]{width:22px;height:22px;border:2.5px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin-6a38b14f .7s linear infinite}@keyframes spin-6a38b14f{to{transform:rotate(360deg)}}.comment-list[data-v-6a38b14f]{display:flex;flex-direction:column;gap:12px}.comment-item[data-v-6a38b14f]{display:flex;gap:10px;padding:10px;border-radius:11px;background:#80808008;transition:background .2s ease}.comment-item[data-v-6a38b14f]:hover{background:#667eea0d}.comment-avatar[data-v-6a38b14f]{width:34px;height:34px;border-radius:10px;object-fit:cover;flex-shrink:0}.comment-content[data-v-6a38b14f]{flex:1;min-width:0}.comment-top[data-v-6a38b14f]{display:flex;align-items:center;gap:8px;margin-bottom:3px}.comment-nickname[data-v-6a38b14f]{font-size:12.5px;font-weight:700;color:var(--text-primary)}.comment-time[data-v-6a38b14f]{font-size:11px;color:var(--text-muted)}.comment-text[data-v-6a38b14f]{font-size:13px;color:var(--text-secondary);line-height:1.55;margin:0;word-break:break-word}.comment-empty[data-v-6a38b14f]{text-align:center;color:var(--text-muted);font-size:13px;padding:28px 0}.comment-input-area[data-v-6a38b14f]{padding:14px 18px 18px;border-top:1px solid var(--border-color);background:#80808005}.comment-input[data-v-6a38b14f]{width:100%;padding:10px 13px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-primary);font-size:13.5px;line-height:1.55;resize:none;outline:none;box-sizing:border-box;font-family:inherit;transition:all .25s ease}.comment-input[data-v-6a38b14f]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea14}.comment-input[data-v-6a38b14f]::placeholder{color:var(--text-muted)}.comment-input-footer[data-v-6a38b14f]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comment-input-footer .char-count[data-v-6a38b14f]{font-size:11px;color:var(--text-muted)}.send-comment-btn[data-v-6a38b14f]{padding:6px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .25s ease}.send-comment-btn[data-v-6a38b14f]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 12px #667eea4d}.send-comment-btn[data-v-6a38b14f]:disabled{opacity:.45;cursor:not-allowed}.fade-enter-active[data-v-6a38b14f],.fade-leave-active[data-v-6a38b14f]{transition:opacity .2s ease}.fade-enter-from[data-v-6a38b14f],.fade-leave-to[data-v-6a38b14f]{opacity:0}.message-page[data-v-d78010c9]{padding:20px;min-height:calc(100vh - 120px)}.hero-banner[data-v-d78010c9]{background:linear-gradient(135deg,#a18cd115,#fbc2eb15,#a6c1ee15);border-radius:20px;padding:36px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(161,140,209,.2)}.banner-content h1[data-v-d78010c9]{font-size:28px;color:var(--text-primary);margin:0 0 8px;font-weight:700}.banner-content p[data-v-d78010c9]{font-size:15px;color:var(--text-secondary);margin:0}.banner-icons[data-v-d78010c9]{display:flex;gap:14px;font-size:32px;animation:float-d78010c9 3s ease-in-out infinite}.banner-icons span[data-v-d78010c9]:nth-child(2){animation-delay:.2s}.banner-icons span[data-v-d78010c9]:nth-child(3){animation-delay:.4s}.banner-icons span[data-v-d78010c9]:nth-child(4){animation-delay:.6s}.banner-icons span[data-v-d78010c9]:nth-child(5){animation-delay:.8s}.banner-icons span[data-v-d78010c9]:nth-child(6){animation-delay:1s}@keyframes float-d78010c9{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.write-section[data-v-d78010c9]{margin-bottom:28px}.login-prompt[data-v-d78010c9]{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 20px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:16px}.prompt-icon[data-v-d78010c9]{font-size:28px}.login-prompt p[data-v-d78010c9]{margin:0;color:var(--text-secondary);font-size:14px}.login-prompt a[data-v-d78010c9]{color:#667eea;text-decoration:none;font-weight:600}.login-prompt a[data-v-d78010c9]:hover{text-decoration:underline}.write-area[data-v-d78010c9]{display:flex;gap:14px;background:linear-gradient(135deg,#667eea0a,#764ba20a);border:1.5px solid var(--border-color);border-radius:18px;padding:18px 20px;transition:all .3s ease;position:relative;overflow:hidden}.write-area[data-v-d78010c9]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#a78bfa,#764ba2);border-radius:18px 18px 0 0;opacity:0;transition:opacity .3s ease}.write-area[data-v-d78010c9]:focus-within{border-color:#667eea59;box-shadow:0 0 0 3px #667eea0f,0 8px 30px #667eea14}.write-area[data-v-d78010c9]:focus-within:before{opacity:1}.avatar-wrap[data-v-d78010c9]{flex-shrink:0;position:relative}.writer-avatar[data-v-d78010c9]{width:46px;height:46px;border-radius:14px;object-fit:cover;border:2px solid rgba(102,126,234,.15);box-shadow:0 2px 10px #00000014}.write-input-wrap[data-v-d78010c9]{flex:1;display:flex;flex-direction:column;gap:10px}.write-input-wrap textarea[data-v-d78010c9]{width:100%;padding:6px 0;background:transparent;border:none;color:var(--text-primary);font-size:14.5px;line-height:1.7;resize:none;min-height:52px;max-height:160px;font-family:inherit;outline:none}.write-input-wrap textarea[data-v-d78010c9]::placeholder{color:var(--text-muted);opacity:.85}.write-footer[data-v-d78010c9]{display:flex;justify-content:space-between;align-items:center;padding-top:2px}.char-count[data-v-d78010c9]{font-size:11.5px;color:var(--text-muted);letter-spacing:.3px}.send-btn[data-v-d78010c9]{padding:8px 22px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:11px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.send-btn[data-v-d78010c9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #667eea59}.send-btn[data-v-d78010c9]:disabled{opacity:.45;cursor:not-allowed}.msg-list[data-v-d78010c9]{display:flex;flex-direction:column;gap:14px}.msg-card[data-v-d78010c9]{display:flex;gap:14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:18px 20px;transition:all .25s ease}.msg-card[data-v-d78010c9]:hover{border-color:#667eea4d;box-shadow:0 4px 16px #0000000d}.msg-avatar[data-v-d78010c9]{flex-shrink:0}.msg-avatar img[data-v-d78010c9]{width:42px;height:42px;border-radius:12px;object-fit:cover}.msg-body[data-v-d78010c9]{flex:1;min-width:0}.msg-header[data-v-d78010c9]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.msg-nickname[data-v-d78010c9]{font-size:14.5px;font-weight:700;color:var(--text-primary)}.msg-time[data-v-d78010c9]{font-size:12px;color:var(--text-muted)}.msg-content[data-v-d78010c9]{font-size:14.5px;color:var(--text-secondary);line-height:1.65;word-break:break-word;white-space:pre-wrap}.msg-actions[data-v-d78010c9]{margin-top:10px;text-align:right}.delete-btn[data-v-d78010c9]{padding:4px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:8px;font-size:12px;cursor:pointer;transition:all .25s ease}.delete-btn[data-v-d78010c9]:hover{background:#ef444426;border-color:#ef444466}.loading-state[data-v-d78010c9],.empty-state[data-v-d78010c9]{text-align:center;padding:70px 20px;color:var(--text-secondary)}.spinner[data-v-d78010c9]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin-d78010c9 .8s linear infinite;margin:0 auto 16px}@keyframes spin-d78010c9{to{transform:rotate(360deg)}}.empty-icon[data-v-d78010c9]{font-size:64px;display:block;margin-bottom:14px;opacity:.5}.empty-state h3[data-v-d78010c9]{font-size:18px;color:var(--text-primary);margin:0 0 8px}.empty-state p[data-v-d78010c9]{font-size:14px;color:var(--text-secondary);margin:0}@media(max-width:768px){.hero-banner[data-v-d78010c9]{padding:20px 16px;flex-direction:column;text-align:center}.banner-content h1[data-v-d78010c9]{font-size:22px}.banner-content p[data-v-d78010c9]{font-size:13px}.banner-icons[data-v-d78010c9]{margin-top:12px;font-size:20px}.write-area[data-v-d78010c9]{padding:12px 14px;gap:10px}.writer-avatar[data-v-d78010c9]{width:36px;height:36px;flex-shrink:0}.msg-input-wrapper[data-v-d78010c9]{flex:1}.msg-input[data-v-d78010c9]{font-size:14px;padding:10px 14px}.submit-btn[data-v-d78010c9]{font-size:13px;padding:8px 16px}.msg-card[data-v-d78010c9]{padding:12px 14px;border-radius:12px}.msg-avatar img[data-v-d78010c9]{width:34px;height:34px}.msg-body[data-v-d78010c9]{gap:6px}.msg-nickname[data-v-d78010c9]{font-size:13px}.msg-time[data-v-d78010c9]{font-size:11px}.msg-text[data-v-d78010c9]{font-size:14px;line-height:1.5}.msg-actions[data-v-d78010c9]{margin-top:8px;gap:8px}.delete-btn[data-v-d78010c9]{font-size:11.5px;padding:5px 12px}.confirm-dialog[data-v-d78010c9]{max-width:88vw;padding:28px 24px 22px;border-radius:16px}}.confirm-overlay[data-v-d78010c9]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-dialog[data-v-d78010c9]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:36px 32px 28px;text-align:center;max-width:360px;width:88%;box-shadow:0 20px 60px #00000059,0 0 1px #ffffff14 inset;animation:dialogIn-d78010c9 .25s ease-out}@keyframes dialogIn-d78010c9{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon[data-v-d78010c9]{font-size:40px;margin-bottom:14px;filter:drop-shadow(0 2px 8px rgba(251,191,36,.3))}.confirm-title[data-v-d78010c9]{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.confirm-text[data-v-d78010c9]{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.confirm-btns[data-v-d78010c9]{display:flex;gap:10px;justify-content:center}.confirm-btns button[data-v-d78010c9]{padding:9px 26px;border-radius:11px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .22s ease;border:none}.confirm-cancel[data-v-d78010c9]{background:#64748b1a;color:#94a3b8}.confirm-cancel[data-v-d78010c9]:hover{background:#64748b2e;color:#cbd5e1}.confirm-ok[data-v-d78010c9]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 3px 14px #ef444447}.confirm-ok[data-v-d78010c9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 20px #ef444461}.confirm-ok[data-v-d78010c9]:disabled{opacity:.5;cursor:not-allowed}.fade-enter-active[data-v-d78010c9],.fade-leave-active[data-v-d78010c9]{transition:opacity .2s ease}.fade-enter-from[data-v-d78010c9],.fade-leave-to[data-v-d78010c9]{opacity:0}.error-page[data-v-a1b50114]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.error-content[data-v-a1b50114]{text-align:center;color:#fff;padding:3rem}.error-code[data-v-a1b50114]{font-size:8rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.error-content h1[data-v-a1b50114]{font-size:2rem;margin-bottom:.5rem;color:#fff}.error-content p[data-v-a1b50114]{color:#a0aec0;margin-bottom:2rem;font-size:1.1rem}.error-actions[data-v-a1b50114]{display:flex;gap:1rem;justify-content:center}.btn-primary[data-v-a1b50114],.btn-secondary[data-v-a1b50114]{padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;cursor:pointer;border:none;transition:all .3s ease}.btn-primary[data-v-a1b50114]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-a1b50114]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-secondary[data-v-a1b50114]{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary[data-v-a1b50114]:hover{border-color:#fff;background:#ffffff1a}.md-files-page[data-v-f7f0e9a7]{max-width:1400px;margin:0 auto;padding:20px;min-height:100%}.page-header[data-v-f7f0e9a7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--card-bg);padding:18px 24px;border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05))}.header-left h1[data-v-f7f0e9a7]{margin:0 0 4px;font-size:22px;color:var(--text-primary)}.header-left p[data-v-f7f0e9a7]{margin:0;color:var(--text-secondary);font-size:13px}.upload-btn[data-v-f7f0e9a7]{padding:10px 22px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #667eea4d}.upload-btn[data-v-f7f0e9a7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.upload-btn[data-v-f7f0e9a7]:disabled{opacity:.6;cursor:not-allowed}.main-body[data-v-f7f0e9a7]{display:flex;gap:20px;min-height:calc(100vh - 160px)}.file-list-panel[data-v-f7f0e9a7]{width:300px;min-width:280px;max-height:calc(100vh - 160px);overflow-y:auto;background:var(--card-bg);border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05));padding:16px}.loading-state[data-v-f7f0e9a7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary);font-size:14px}.spinner[data-v-f7f0e9a7]{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin-f7f0e9a7 .8s linear infinite}@keyframes spin-f7f0e9a7{to{transform:rotate(360deg)}}.empty-state[data-v-f7f0e9a7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.empty-state .empty-icon[data-v-f7f0e9a7]{font-size:48px;margin-bottom:12px}.empty-state p[data-v-f7f0e9a7]{margin:0 0 8px;font-size:15px;font-weight:500;color:var(--text-primary)}.empty-hint[data-v-f7f0e9a7]{font-size:12px;color:var(--text-muted)}.file-list[data-v-f7f0e9a7]{display:flex;flex-direction:column;gap:8px}.file-card[data-v-f7f0e9a7]{padding:14px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;background:var(--bg-tertiary, #f8f9fa)}.file-card[data-v-f7f0e9a7]:hover{background:#667eea0f;border-color:#667eea26}.file-card.active[data-v-f7f0e9a7]{background:#667eea14;border-color:#667eea;border-left-width:4px}.file-card-header[data-v-f7f0e9a7]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.file-icon[data-v-f7f0e9a7]{font-size:18px;flex-shrink:0}.file-title[data-v-f7f0e9a7]{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta[data-v-f7f0e9a7]{display:flex;gap:10px;margin-bottom:8px;font-size:11px;color:var(--text-muted)}.file-card-actions[data-v-f7f0e9a7]{display:flex;gap:8px}.action-btn[data-v-f7f0e9a7]{padding:4px 12px;border-radius:6px;border:none;font-size:12px;cursor:pointer;transition:all .2s ease}.preview-btn[data-v-f7f0e9a7]{background:#667eea1a;color:#667eea;font-weight:500}.preview-btn[data-v-f7f0e9a7]:hover{background:#667eea33}.download-btn[data-v-f7f0e9a7]{background:transparent;color:var(--text-muted)}.download-btn[data-v-f7f0e9a7]:hover{background:#667eea1a;color:#667eea}.delete-btn[data-v-f7f0e9a7]{background:transparent;color:var(--text-muted);margin-left:auto}.delete-btn[data-v-f7f0e9a7]:hover{background:#e74c3c1a;color:#e74c3c}.preview-panel[data-v-f7f0e9a7]{flex:1;background:var(--card-bg);border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.05));overflow-y:auto;display:flex;flex-direction:column;max-height:calc(100vh - 160px)}.preview-header[data-v-f7f0e9a7]{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);z-index:1;border-radius:14px 14px 0 0}.preview-header h2[data-v-f7f0e9a7]{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.close-preview-btn[data-v-f7f0e9a7]{padding:6px 14px;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.close-preview-btn[data-v-f7f0e9a7]:hover{background:var(--border-color);color:var(--text-primary)}.preview-content[data-v-f7f0e9a7]{padding:28px 32px;line-height:1.8;overflow-x:auto}.preview-empty[data-v-f7f0e9a7]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.preview-empty .empty-icon[data-v-f7f0e9a7]{font-size:56px;margin-bottom:16px;opacity:.5}.preview-empty p[data-v-f7f0e9a7]{margin:0 0 8px;font-size:16px;color:var(--text-secondary)}.markdown-body[data-v-f7f0e9a7] h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.markdown-body[data-v-f7f0e9a7] h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:28px 0 14px;padding-left:12px;border-left:4px solid #667eea}.markdown-body[data-v-f7f0e9a7] h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:22px 0 10px}.markdown-body[data-v-f7f0e9a7] h4,.markdown-body[data-v-f7f0e9a7] h5,.markdown-body[data-v-f7f0e9a7] h6{font-size:15px;font-weight:600;color:var(--text-primary);margin:18px 0 8px}.markdown-body[data-v-f7f0e9a7] p{margin:0 0 14px;color:var(--text-primary, #333)}.markdown-body[data-v-f7f0e9a7] blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid #667eea;background:#667eea0f;border-radius:0 8px 8px 0;color:var(--text-secondary)}.markdown-body[data-v-f7f0e9a7] blockquote p{margin:0}.markdown-body[data-v-f7f0e9a7] code{padding:2px 7px;background:#667eea1a;border-radius:5px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.88em;color:#e06c75}.markdown-body[data-v-f7f0e9a7] pre{margin:16px 0;border-radius:10px;overflow-x:auto;background:#1e1e1e;padding:18px 20px}.markdown-body[data-v-f7f0e9a7] pre code{padding:0;background:transparent;color:#d4d4d4;font-size:13px;line-height:1.6;display:block}.markdown-body[data-v-f7f0e9a7] a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.markdown-body[data-v-f7f0e9a7] a:hover{border-bottom-color:#667eea}.markdown-body[data-v-f7f0e9a7] img{max-width:100%;border-radius:8px;box-shadow:0 4px 16px #0000001a;margin:12px 0}.markdown-body[data-v-f7f0e9a7] table{width:100%;border-collapse:collapse;margin:16px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.markdown-body[data-v-f7f0e9a7] th,.markdown-body[data-v-f7f0e9a7] td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color);font-size:14px}.markdown-body[data-v-f7f0e9a7] th{background:var(--bg-tertiary, #f8f9fa);font-weight:600;color:var(--text-primary)}.markdown-body[data-v-f7f0e9a7] tr:nth-child(2n){background:#667eea08}.markdown-body[data-v-f7f0e9a7] tr:hover{background:#667eea0f}.markdown-body[data-v-f7f0e9a7] ul,.markdown-body[data-v-f7f0e9a7] ol{margin:12px 0;padding-left:24px}.markdown-body[data-v-f7f0e9a7] li{margin:6px 0;line-height:1.7;color:var(--text-primary)}.markdown-body[data-v-f7f0e9a7] li>ul,.markdown-body[data-v-f7f0e9a7] li>ol{margin:4px 0}.markdown-body[data-v-f7f0e9a7] hr{border:none;height:1px;background:var(--border-color);margin:24px 0}.markdown-body[data-v-f7f0e9a7] strong{font-weight:700;color:var(--text-primary)}.markdown-body[data-v-f7f0e9a7] em{font-style:italic}.modal-overlay[data-v-f7f0e9a7]{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center}.upload-modal[data-v-f7f0e9a7]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:90%;max-width:480px;box-shadow:0 25px 60px #00000059;animation:modalIn-f7f0e9a7 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn-f7f0e9a7{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-f7f0e9a7]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px}.modal-header h3[data-v-f7f0e9a7]{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.modal-close-btn[data-v-f7f0e9a7]{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn[data-v-f7f0e9a7]:hover{background:var(--border-color);color:var(--text-primary)}.modal-body[data-v-f7f0e9a7]{padding:0 24px 20px}.upload-area[data-v-f7f0e9a7]{border:2.5px dashed var(--border-color);border-radius:12px;padding:36px 20px;text-align:center;transition:all .25s ease;background:var(--bg-tertiary, #f8f9fa);cursor:pointer}.upload-area[data-v-f7f0e9a7]:hover,.upload-area.drag-over[data-v-f7f0e9a7]{border-color:#667eea;background:linear-gradient(135deg,#667eea0a,#fff)}.upload-placeholder[data-v-f7f0e9a7]{cursor:pointer}.placeholder-icon[data-v-f7f0e9a7]{font-size:44px;display:block;margin-bottom:10px}.upload-placeholder p[data-v-f7f0e9a7]{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.upload-placeholder span[data-v-f7f0e9a7]{font-size:12px;color:var(--text-muted)}.file-selected-info[data-v-f7f0e9a7]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#667eea14;border-radius:8px}.selected-icon[data-v-f7f0e9a7]{font-size:28px}.selected-details[data-v-f7f0e9a7]{flex:1;text-align:left}.selected-details strong[data-v-f7f0e9a7]{display:block;font-size:14px;color:var(--text-primary)}.selected-details span[data-v-f7f0e9a7]{font-size:12px;color:var(--text-muted)}.remove-file-btn[data-v-f7f0e9a7]{width:28px;height:28px;border-radius:50%;border:none;background:#ffe6e6;color:#e74c3c;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file-btn[data-v-f7f0e9a7]:hover{background:#e74c3c;color:#fff}.form-group[data-v-f7f0e9a7]{margin-top:16px}.form-group label[data-v-f7f0e9a7]{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.form-group input[data-v-f7f0e9a7]{width:100%;padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary);outline:none;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input[data-v-f7f0e9a7]:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group input[data-v-f7f0e9a7]::placeholder{color:var(--text-muted)}.modal-footer[data-v-f7f0e9a7]{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px}.btn-cancel[data-v-f7f0e9a7],.btn-confirm[data-v-f7f0e9a7]{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .25s ease}.btn-cancel[data-v-f7f0e9a7]{background:var(--bg-tertiary);color:var(--text-secondary);border:1.5px solid var(--border-color)}.btn-cancel[data-v-f7f0e9a7]:hover{background:var(--border-color);color:var(--text-primary)}.btn-confirm[data-v-f7f0e9a7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-confirm[data-v-f7f0e9a7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn-confirm[data-v-f7f0e9a7]:disabled{opacity:.6;cursor:not-allowed}.modal-fade-enter-active[data-v-f7f0e9a7]{transition:opacity .25s ease}.modal-fade-leave-active[data-v-f7f0e9a7]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-f7f0e9a7],.modal-fade-leave-to[data-v-f7f0e9a7]{opacity:0}@media(max-width:900px){.main-body[data-v-f7f0e9a7]{flex-direction:column}.file-list-panel[data-v-f7f0e9a7]{width:100%;min-width:unset;max-height:45vh}.preview-panel[data-v-f7f0e9a7]{max-height:55vh}.page-header[data-v-f7f0e9a7]{flex-direction:column;gap:12px;text-align:center}}@media(max-width:600px){.md-files-page[data-v-f7f0e9a7]{padding:12px}.page-header[data-v-f7f0e9a7]{padding:14px 16px;border-radius:12px}.header-left h1[data-v-f7f0e9a7]{font-size:18px}.file-list-panel[data-v-f7f0e9a7]{padding:10px;border-radius:12px}.file-card[data-v-f7f0e9a7]{padding:10px 12px}.preview-header[data-v-f7f0e9a7]{padding:14px 16px}.preview-content[data-v-f7f0e9a7]{padding:18px 16px}.upload-modal[data-v-f7f0e9a7]{border-radius:16px;width:94%}.modal-header[data-v-f7f0e9a7]{padding:16px 18px 12px}.modal-body[data-v-f7f0e9a7]{padding:0 18px 16px}.modal-footer[data-v-f7f0e9a7]{padding:12px 18px 16px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}#app{width:100%;height:auto;min-height:100vh}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #6b7280;--text-inverse: #ffffff;--text-on-accent: #ffffff;--border-color: #e9ecef;--shadow-color: rgba(0, 0, 0, .04);--accent-color: #667eea;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-bg: #ffffff;--sidebar-bg: #ffffff;--header-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--danger-color: #e74c3c;--danger-bg: rgba(231, 76, 60, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--glow-accent: 0 0 20px rgba(102, 126, 234, .2);--glow-purple: 0 0 20px rgba(118, 75, 162, .15);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--border-glow: rgba(102, 126, 234, .15);--grid-dot: rgba(102, 126, 234, .06);--safe-bottom: 0px}[data-theme=dark]{--bg-primary: #0a0b14;--bg-secondary: #111827;--bg-tertiary: #1a1f2e;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: #64748b;--text-inverse: #0a0b14;--text-on-accent: #ffffff;--border-color: rgba(255, 255, 255, .06);--shadow-color: rgba(0, 0, 0, .4);--accent-color: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--card-bg: rgba(26, 31, 46, .92);--sidebar-bg: rgba(17, 24, 39, .95);--header-bg: linear-gradient(135deg, #111827 0%, #0a0b14 100%);--danger-color: #f87171;--danger-bg: rgba(248, 113, 113, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--glow-accent: 0 0 30px rgba(99, 102, 241, .35);--glow-purple: 0 0 30px rgba(168, 85, 247, .25);--glass-bg: rgba(17, 24, 39, .9);--glass-border: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .2);--grid-dot: rgba(99, 102, 241, .04)}body,#app{color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p,span,div{color:var(--text-secondary)}a{color:var(--accent-color)}a:hover{opacity:.8}.text-muted,.text-secondary,.placeholder,::placeholder{color:var(--text-muted)!important}.text-on-accent,.btn-primary,button[type=submit],[class*=submit-btn],[class*=primary-btn]{color:var(--text-on-accent)!important}.text-inverse{color:var(--text-inverse)!important}.card,[class*=-card],[class*=-box]{background-color:var(--card-bg);color:var(--text-primary)}.gradient-text,.section-header h2{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glow-hover{transition:all .3s ease}.glow-hover:hover{box-shadow:var(--glow-accent);border-color:var(--border-glow)}@media(max-width:768px){body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}button,a,[role=button]{touch-action:manipulation}}:root{--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:1;box-shadow:0 0 5px #667eea66}50%{opacity:.8;box-shadow:0 0 20px #667eeacc}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.page-enter-active,.page-leave-active{transition:all var(--transition-normal) var(--ease-out-expo)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.modal-enter-active,.modal-leave-active{transition:all var(--transition-normal) var(--ease-in-out-quart)}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.9)}.list-enter-active{transition:all var(--transition-normal) var(--ease-out-expo)}.list-leave-active{transition:all var(--transition-fast) ease-in}.list-enter-from{opacity:0;transform:translate(-30px)}.list-leave-to{opacity:0;transform:translate(30px)}.list-move{transition:transform var(--transition-normal)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.scale-enter-active,.scale-leave-active{transition:all var(--transition-normal) var(--ease-out-expo)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-normal) var(--ease-out-expo)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--transition-normal) var(--ease-out-expo)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}.animate-fade-in{animation:fadeIn var(--transition-normal) ease forwards}.animate-slide-up{animation:slideInUp var(--transition-normal) var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--ease-out-expo) forwards}.animate-bounce-in{animation:bounceIn .6s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--border-glow)}50%{box-shadow:0 0 25px var(--border-glow),0 0 50px var(--border-glow)}}@keyframes borderSweep{0%{background-position:0% 0%}to{background-position:300% 0%}}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cardFloat{0%,to{transform:translateY(0);box-shadow:var(--shadow-md)}50%{transform:translateY(-4px);box-shadow:var(--glow-accent),var(--shadow-lg)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.6}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.animate-border-sweep{background:linear-gradient(90deg,var(--border-color) 0%,var(--border-glow) 50%,var(--border-color) 100%);background-size:300% 100%;animation:borderSweep 3s linear infinite}.animate-text-shimmer{background:var(--accent-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 3s ease infinite}.animate-card-float{animation:cardFloat 6s ease-in-out infinite}.animate-neon-flicker{animation:neonFlicker 5s linear infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradientShift 4s ease infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.transition-group{position:relative}.transition-group>*{transition:all var(--transition-normal) var(--ease-out-expo)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--breakpoint-xs: 0;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}@media(max-width:639px){:root{--container-max-width: 100%;--sidebar-width: 0px;--header-height: 56px;--player-height: 64px;--font-scale: .95}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}@media(min-width:640px){:root{--container-max-width: 640px;--font-scale: 1}.hide-on-sm{display:none!important}.show-on-sm{display:block!important}}@media(min-width:768px){:root{--container-max-width: 768px;--sidebar-width: 240px;--header-height: 60px;--player-height: 72px}.hide-on-md{display:none!important}.show-on-md{display:block!important}}@media(min-width:1024px){:root{--container-max-width: 1024px;--sidebar-width: 260px;--header-height: 64px}.hide-on-lg{display:none!important}.show-on-lg{display:block!important}}@media(min-width:1280px){:root{--container-max-width: 1280px}.hide-on-xl{display:none!important}.show-on-xl{display:block!important}}@media(min-width:1536px){:root{--container-max-width: 1440px}}.container{width:100%;max-width:var(--container-max-width, 1200px);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-fluid{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.main-header{position:fixed;top:0;left:0;right:0;height:var(--header-height, 60px);z-index:1000;transition:all .3s ease}@media(max-width:767px){.main-header{padding:0 var(--spacing-sm)}.main-header .logo-text{font-size:18px}.main-header .nav-menu{display:none}.mobile-menu-btn{display:flex}}@media(min-width:768px){.mobile-menu-btn{display:none}}.sidebar{width:var(--sidebar-width, 260px);transition:transform .3s ease}@media(max-width:767px){.sidebar{position:fixed;top:var(--header-height, 56px);left:0;bottom:0;z-index:999;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:998}}.music-player{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:var(--player-height, 72px)!important;z-index:9999!important;transition:height .3s ease!important}@media(max-width:767px){.music-player{height:var(--player-height, 64px)}.music-player.expanded{height:100vh!important;top:0!important;bottom:0!important}.music-player .player-controls{justify-content:space-between}.music-player .player-info{max-width:40%}.music-player .player-progress{order:-1;width:100%;position:absolute;bottom:100%;left:0}.music-player .volume-control,.music-player .playlist-toggle,.music-player .lyrics-btn{display:none}}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}@media(max-width:639px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}}@media(min-width:1280px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}@media(max-width:639px){.playlist-grid{grid-template-columns:1fr}}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);max-width:1400px;margin:0 auto}@media(max-width:1023px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{order:-1;// 移动端侧边栏置顶}}.search-container{max-width:800px;margin:0 auto}@media(max-width:639px){.search-container{padding:0 var(--spacing-sm)}.search-input-wrapper{flex-direction:column}.search-suggestions{position:relative;width:100%;box-shadow:none;border:1px solid #e5e7eb;border-radius:8px;margin-top:var(--spacing-sm)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:16px;max-height:90vh;overflow-y:auto;width:100%;max-width:600px}@media(max-width:639px){.modal-content{max-width:100%;border-radius:16px 16px 0 0;margin-top:auto;max-height:85vh}}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:#374151}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:var(--font-size-base);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:639px){.form-input,.form-select,.form-textarea{font-size:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px 20px;border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:639px){.btn{padding:12px 20px;font-size:var(--font-size-base)}.btn-block-mobile{width:100%}}@media(hover:none)and (pointer:coarse){button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.btn:hover{transform:none}.list-item{padding:12px 16px}.icon-button{width:44px;height:44px}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}a{text-decoration:underline}}.music-player[data-v-b64f5b0b]{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--card-bg);border-top:1px solid var(--border-color);transition:all .3s ease}.music-player[data-v-b64f5b0b]:not(.expanded){display:none}[data-theme=light] .music-player[data-v-b64f5b0b]{background:var(--card-bg);border-top:1px solid var(--border-color)}@media(max-width:768px){[data-theme=light] .music-player[data-v-b64f5b0b]{background:linear-gradient(180deg,#333,#282828);border-top:1px solid rgba(255,255,255,.08)}.player-float-bar[data-v-b64f5b0b]{height:48px;padding:6px 14px;gap:10px;border-radius:26px;box-shadow:0 4px 20px #00000059,0 0 0 1px #ffffff0f;max-width:calc(100vw - 28px)}.float-bar-cover[data-v-b64f5b0b]{width:36px;height:36px}.float-bar-title[data-v-b64f5b0b]{font-size:13px;font-weight:600}.float-bar-artist[data-v-b64f5b0b]{font-size:11px;opacity:.85}.float-bar-btn[data-v-b64f5b0b]{width:34px;height:34px;margin:-2px}.float-bar-play[data-v-b64f5b0b]{width:38px;height:38px}.float-bar-progress[data-v-b64f5b0b]{height:3px}}[data-theme=dark] .music-player[data-v-b64f5b0b]{background:#282828;border-top:1px solid rgba(255,255,255,.08)}.float-teleport-wrapper[data-v-b64f5b0b]{display:contents}.player-float-bar[data-v-b64f5b0b]{position:fixed;z-index:10000;display:flex;align-items:center;gap:10px;padding:8px 14px;height:52px;background:var(--card-bg);border-radius:26px;box-shadow:0 4px 20px #00000040,0 0 0 1px #ffffff14;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:left .3s ease,top .3s ease,box-shadow .2s ease,transform .2s ease;overflow:hidden}.player-float-bar[data-v-b64f5b0b]:active{cursor:grabbing}.player-float-bar[data-v-b64f5b0b]:hover{box-shadow:0 6px 28px #00000059,0 0 0 1px var(--accent-color)}.float-bar-cover[data-v-b64f5b0b]{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer;transition:transform .2s ease}.float-bar-cover[data-v-b64f5b0b]:hover{transform:scale(1.08)}.float-bar-img[data-v-b64f5b0b]{width:100%;height:100%;object-fit:cover;display:block}.float-bar-info[data-v-b64f5b0b]{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;cursor:pointer}.float-bar-title[data-v-b64f5b0b]{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.float-bar-artist[data-v-b64f5b0b]{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.float-bar-controls[data-v-b64f5b0b]{display:flex;align-items:center;gap:4px;flex-shrink:0}.float-bar-btn[data-v-b64f5b0b],.float-bar-play[data-v-b64f5b0b]{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.float-bar-btn svg[data-v-b64f5b0b]{width:16px;height:16px}.float-bar-btn[data-v-b64f5b0b]:hover{background:#80808026;color:var(--text-primary)}.float-bar-btn[data-v-b64f5b0b]:active{transform:scale(.9)}.float-bar-play[data-v-b64f5b0b]{width:36px;height:36px;background:var(--accent-color);color:#fff!important}[data-theme=dark] .float-bar-play[data-v-b64f5b0b]{background:#ec4141}.float-bar-play svg[data-v-b64f5b0b]{width:18px;height:18px;margin-left:1px}.float-bar-play[data-v-b64f5b0b]:hover{filter:brightness(1.1);transform:scale(1.05)}.float-bar-play[data-v-b64f5b0b]:active{transform:scale(.95)}.float-bar-progress[data-v-b64f5b0b]{position:absolute;bottom:0;left:0;height:2.5px;background:var(--accent-color);border-radius:0 2px 2px 0;transition:width .1s linear;z-index:1}[data-theme=dark] .float-bar-progress[data-v-b64f5b0b]{background:#ec4141}.music-player.expanded[data-v-b64f5b0b]{height:100vh!important;inset:0!important;display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#1a1a2e,#16162a,#12122a)!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;z-index:99999!important;animation:playerExpandIn-b64f5b0b .4s cubic-bezier(.25,.8,.25,1)}@keyframes playerExpandIn-b64f5b0b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.player-expanded-content[data-v-b64f5b0b]{flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important;background:linear-gradient(180deg,#1a1a2e,#16162a,#12122a)!important;position:relative!important;z-index:10!important}.expanded-body[data-v-b64f5b0b]{flex:1!important;display:grid!important;grid-template-columns:minmax(380px,45%) 1fr!important;gap:48px!important;padding:40px 56px 32px!important;overflow:hidden!important;position:relative!important;max-width:1400px!important;margin:0 auto!important;width:100%!important;z-index:10!important;animation:contentFadeIn-b64f5b0b .5s ease .2s both}@keyframes contentFadeIn-b64f5b0b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expanded-header[data-v-b64f5b0b]{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid rgba(255,255,255,.04);position:relative;z-index:10}.collapse-btn[data-v-b64f5b0b]{background:none;border:none;color:#aaa;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.collapse-btn[data-v-b64f5b0b]:hover{color:#fff;background:#ffffff1a}.collapse-btn svg[data-v-b64f5b0b]{width:20px;height:20px}.expanded-header h3[data-v-b64f5b0b]{color:#fff;font-size:16px;font-weight:500;margin:0}.header-center[data-v-b64f5b0b]{flex:1}.header-actions[data-v-b64f5b0b]{display:flex;gap:12px}.download-btn[data-v-b64f5b0b]{display:flex;align-items:center;gap:6px;background:none;border:none;color:#aaa;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease}.download-btn[data-v-b64f5b0b]:hover{color:var(--accent-color, #8b5cf6);transform:translateY(-1px)}.download-btn svg[data-v-b64f5b0b]{width:16px;height:16px}.action-btn[data-v-b64f5b0b]{background:none;border:none;color:#aaa;padding:8px;cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn[data-v-b64f5b0b]:hover{color:#fff;background:#ffffff1a}.action-btn svg[data-v-b64f5b0b]{width:22px;height:22px}.left-section[data-v-b64f5b0b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;animation:leftSectionFadeIn-b64f5b0b .6s ease .1s both}@keyframes leftSectionFadeIn-b64f5b0b{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.tonearm[data-v-b64f5b0b]{position:absolute;top:24px;right:48px;z-index:20;transform-origin:top right;transition:transform .8s cubic-bezier(.4,0,.2,1)}.tonearm.playing[data-v-b64f5b0b]{transform:rotate(-25deg)}.tonearm-base[data-v-b64f5b0b]{width:16px;height:16px;background:#ccc;border-radius:50%;position:absolute;top:0;right:0;box-shadow:0 2px 8px #0000004d}.tonearm-arm[data-v-b64f5b0b]{position:absolute;top:6px;right:6px;width:140px;height:4px;background:linear-gradient(90deg,#888,#ddd);transform-origin:right center;transform:rotate(-35deg);border-radius:2px}.tonearm-head[data-v-b64f5b0b]{position:absolute;top:-8px;left:-12px;width:20px;height:20px;background:#eee;border-radius:50%;box-shadow:0 2px 6px #0000004d}.vinyl-container[data-v-b64f5b0b]{width:380px;height:380px;position:relative;display:flex;align-items:center;justify-content:center}.vinyl-disc[data-v-b64f5b0b]{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#222,#111 30%,#1a1a1a 31%,#111 60%,#1a1a1a 61%,#111);box-shadow:0 20px 60px #0009,0 0 0 8px #ffffff08,inset 0 0 80px #00000080;position:relative;animation:vinyl-spin-b64f5b0b 24s linear infinite paused;transition:all .3s ease}.vinyl-container.playing .vinyl-disc[data-v-b64f5b0b]{animation-play-state:running}@keyframes vinyl-spin-b64f5b0b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-grooves[data-v-b64f5b0b]{position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(255,255,255,.03)}.vinyl-grooves[data-v-b64f5b0b]:before,.vinyl-grooves[data-v-b64f5b0b]:after{content:"";position:absolute;inset:25px;border-radius:50%;border:1px solid rgba(255,255,255,.02)}.vinyl-grooves[data-v-b64f5b0b]:after{inset:45px}.vinyl-label[data-v-b64f5b0b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:270px;height:270px;border-radius:50%;overflow:hidden;box-shadow:0 6px 24px #00000080,inset 0 0 0 4px #ffffff1f;background:#222}.cover-image[data-v-b64f5b0b]{width:100%;height:100%;object-fit:cover;animation:label-spin-b64f5b0b 20s linear infinite paused}.vinyl-container.playing .cover-image[data-v-b64f5b0b]{animation-play-state:running}@keyframes label-spin-b64f5b0b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-info-header[data-v-b64f5b0b]{padding:28px 32px 20px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.song-info-header .song-title[data-v-b64f5b0b]{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:.01em;line-height:1.3}.song-info-header .song-artist[data-v-b64f5b0b]{color:#aaa;font-size:15px;margin:0 0 14px;font-weight:400}.song-info-header .meta-tags[data-v-b64f5b0b]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tag[data-v-b64f5b0b]{color:#999;font-size:11px;padding:5px 12px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06);font-weight:500}.source-tag[data-v-b64f5b0b]{color:#ec4141;border-color:#ec414126;background:#ec41410f}.right-section[data-v-b64f5b0b]{display:flex;flex-direction:column;gap:0;overflow:visible;min-height:0;flex:1;animation:rightSectionFadeIn-b64f5b0b .6s ease .3s both}@keyframes rightSectionFadeIn-b64f5b0b{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lyrics-area[data-v-b64f5b0b]{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:200px;position:relative;background:radial-gradient(ellipse at center,rgba(236,65,65,.03) 0%,transparent 70%);border-radius:16px;margin:8px 0}.lyrics-scroll[data-v-b64f5b0b]{flex:1;overflow-y:auto;padding:40px 20px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%);scrollbar-width:thin;scrollbar-color:transparent transparent}.lyrics-scroll[data-v-b64f5b0b]::-webkit-scrollbar{width:4px}.lyrics-scroll[data-v-b64f5b0b]::-webkit-scrollbar-thumb{background:transparent}.lyric-line[data-v-b64f5b0b]{color:#ffffff73;font-size:17px;line-height:2.4;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);padding:10px 24px;border-radius:12px;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.3)}.lyric-line.active[data-v-b64f5b0b]{color:#fff;font-size:23px;font-weight:700;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(236,65,65,.3);transform:scale(1.08);background:radial-gradient(ellipse at center,rgba(236,65,65,.08) 0%,transparent 70%)}.no-lyrics[data-v-b64f5b0b]{text-align:center;padding-top:120px;color:#ffffff40;animation:breathe-b64f5b0b 3s ease-in-out infinite}@keyframes breathe-b64f5b0b{0%,to{opacity:.25}50%{opacity:.4}}.no-lyrics p[data-v-b64f5b0b]{font-size:18px;margin:0 0 12px;font-weight:600;letter-spacing:.5px}.no-lyrics span[data-v-b64f5b0b]{display:block;margin-top:8px;font-size:14px;color:#ffffff26}.controls-area[data-v-b64f5b0b]{padding-top:18px;padding-bottom:12px;border-top:1px solid rgba(255,255,255,.05)}.progress-bar[data-v-b64f5b0b]{display:flex;align-items:center;gap:14px;margin-bottom:20px}.time-current[data-v-b64f5b0b],.time-total[data-v-b64f5b0b]{color:#888;font-size:12px;min-width:42px;font-family:monospace}.time-total[data-v-b64f5b0b]{text-align:right}.progress-track[data-v-b64f5b0b]{flex:1;cursor:pointer;padding:6px 0}.progress-bg[data-v-b64f5b0b]{position:relative;height:4px;background:#ffffff26;border-radius:2px}.progress-fill[data-v-b64f5b0b]{position:absolute;left:0;top:0;height:100%;background:#ec4141;border-radius:2px;transition:width .1s linear}.progress-dot[data-v-b64f5b0b]{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 8px #ec414180;opacity:0;transition:opacity .2s ease}.progress-track:hover .progress-dot[data-v-b64f5b0b]{opacity:1}.player-controls[data-v-b64f5b0b]{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.controls-left[data-v-b64f5b0b]{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex:1;min-width:0}.current-song-name[data-v-b64f5b0b]{color:#fff;font-size:13px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-name[data-v-b64f5b0b]{color:#888;font-size:12px}.controls-center[data-v-b64f5b0b]{display:flex;align-items:center;justify-content:center;gap:24px;flex:0 0 auto}.ctrl-btn[data-v-b64f5b0b]{background:none;border:none;color:#bbb;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ctrl-btn[data-v-b64f5b0b]:hover{color:#fff;transform:scale(1.1)}.ctrl-btn svg[data-v-b64f5b0b]{width:22px;height:22px}.play-btn-main[data-v-b64f5b0b]{width:44px;height:44px;background:#ec4141;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 16px #ec414166;position:relative;z-index:10}.play-btn-main[data-v-b64f5b0b]:hover{transform:scale(1.08);box-shadow:0 6px 20px #ec414180}.play-btn-main svg[data-v-b64f5b0b]{width:20px;height:20px;margin-left:2px}.controls-right[data-v-b64f5b0b]{display:flex;align-items:center;gap:12px;flex:1;min-width:0;justify-content:flex-end}.mode-btn svg[data-v-b64f5b0b]{width:18px;height:18px}.volume-control[data-v-b64f5b0b]{display:flex;align-items:center;gap:8px}.volume-btn[data-v-b64f5b0b]{background:none;border:none;color:#888;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.volume-btn[data-v-b64f5b0b]:hover{color:#fff}.volume-btn svg[data-v-b64f5b0b]{width:18px;height:18px}.volume-slider[data-v-b64f5b0b]{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.volume-slider[data-v-b64f5b0b]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease}.volume-slider[data-v-b64f5b0b]:hover::-webkit-slider-thumb{opacity:1}.lyric-toggle[data-v-b64f5b0b]{font-size:13px;font-weight:500;color:#888;padding:6px 10px;border-radius:4px}.lyric-toggle[data-v-b64f5b0b]:hover{color:#fff;background:#ffffff1a}.playlist-toggle svg[data-v-b64f5b0b]{width:18px;height:18px}.playlist-toggle.active[data-v-b64f5b0b]{color:#ec4141}.playlist-sidebar-overlay[data-v-b64f5b0b]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;justify-content:flex-end;animation:fadeIn-b64f5b0b .2s ease}@keyframes fadeIn-b64f5b0b{0%{opacity:0}to{opacity:1}}.playlist-sidebar[data-v-b64f5b0b]{width:400px;max-width:90vw;height:calc(100vh - 72px);background:linear-gradient(180deg,#1e1e32,#16162a);display:flex;flex-direction:column;box-shadow:-10px 0 40px #00000080;animation:slideInRight-b64f5b0b .3s cubic-bezier(.23,1,.32,1)}@keyframes slideInRight-b64f5b0b{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header[data-v-b64f5b0b]{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header h3[data-v-b64f5b0b]{margin:0;font-size:18px;font-weight:600;color:#fff}.close-sidebar-btn[data-v-b64f5b0b]{background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:6px 12px;border-radius:50%;transition:all .2s ease}.close-sidebar-btn[data-v-b64f5b0b]:hover{color:#fff;background:#ffffff1a}.sidebar-content[data-v-b64f5b0b]{flex:1;overflow-y:auto;padding:12px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-content[data-v-b64f5b0b]::-webkit-scrollbar{width:6px}.sidebar-content[data-v-b64f5b0b]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar-song-item[data-v-b64f5b0b]{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:6px}.sidebar-song-item[data-v-b64f5b0b]:hover{background:#ffffff0f;transform:translate(4px)}.sidebar-song-item.active[data-v-b64f5b0b]{background:#ec41411a;border-left:3px solid #ec4141}.sidebar-song-item.playing .song-title.current[data-v-b64f5b0b]{color:#ec4141}.song-index[data-v-b64f5b0b]{width:26px;text-align:center;font-size:13px;color:#888;flex-shrink:0;font-weight:500}.playing-animation[data-v-b64f5b0b]{color:#ec4141;font-size:11px;animation:pulse-b64f5b0b 1s ease-in-out infinite;display:inline-block}@keyframes pulse-b64f5b0b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.song-cover[data-v-b64f5b0b]{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.song-cover img[data-v-b64f5b0b]{width:100%;height:100%;object-fit:cover}.song-details[data-v-b64f5b0b]{flex:1;min-width:0}.song-title[data-v-b64f5b0b]{color:#ddd;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;transition:color .2s ease}.song-artist[data-v-b64f5b0b]{color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer[data-v-b64f5b0b]{padding:16px 28px 24px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.sidebar-footer p[data-v-b64f5b0b]{margin:0;color:#666;font-size:13px}@media(min-width:1600px){.expanded-body[data-v-b64f5b0b]{grid-template-columns:minmax(420px,45%) 1fr!important;gap:64px!important;padding:48px 72px 40px!important}.vinyl-container[data-v-b64f5b0b]{width:420px;height:420px}.vinyl-label[data-v-b64f5b0b]{width:300px;height:300px}.song-info-header .song-title[data-v-b64f5b0b]{font-size:32px}}@media(max-width:1400px){.expanded-body[data-v-b64f5b0b]{grid-template-columns:minmax(340px,42%) 1fr!important;gap:36px!important;padding:32px 40px 28px!important}.vinyl-container[data-v-b64f5b0b]{width:340px;height:340px}.vinyl-label[data-v-b64f5b0b]{width:240px;height:240px}.song-info-header .song-title[data-v-b64f5b0b]{font-size:24px}.lyric-line.active[data-v-b64f5b0b]{font-size:21px}}@media(max-width:1100px){.expanded-body[data-v-b64f5b0b]{grid-template-columns:minmax(300px,38%) 1fr!important;gap:28px!important;padding:24px 32px!important}.vinyl-container[data-v-b64f5b0b]{width:300px;height:300px}.vinyl-label[data-v-b64f5b0b]{width:215px;height:215px}.tonearm[data-v-b64f5b0b]{right:20px}.tonearm-arm[data-v-b64f5b0b]{width:90px}.song-info-header .song-title[data-v-b64f5b0b]{font-size:22px}.lyric-line.active[data-v-b64f5b0b]{font-size:20px}}@media(max-width:900px){.music-player.expanded[data-v-b64f5b0b]{z-index:999999!important}.expanded-body[data-v-b64f5b0b]{grid-template-columns:1fr!important;gap:24px!important;padding:20px 24px!important;max-width:none!important}.left-section[data-v-b64f5b0b]{max-height:350px}.vinyl-container[data-v-b64f5b0b]{width:280px;height:280px}.vinyl-label[data-v-b64f5b0b]{width:200px;height:200px}.tonearm[data-v-b64f5b0b]{display:none}.song-info-header .song-title[data-v-b64f5b0b]{font-size:22px}.song-info-header[data-v-b64f5b0b]{padding:20px 24px 16px}.lyric-line.active[data-v-b64f5b0b]{font-size:19px}.lyrics-area[data-v-b64f5b0b]{min-height:180px;margin:4px 0}.lyrics-scroll[data-v-b64f5b0b]{padding:30px 16px}.lyric-line[data-v-b64f5b0b]{font-size:15px;line-height:2.2;padding:8px 16px}}@media(max-width:600px){.expanded-header[data-v-b64f5b0b]{padding:12px 16px;background:#ffffff08}.download-btn[data-v-b64f5b0b]{padding:6px 10px;font-size:11px;border-radius:8px}.download-btn span[data-v-b64f5b0b]{display:none}.expanded-body[data-v-b64f5b0b]{flex-direction:column!important;display:flex!important;gap:20px!important;padding:16px!important}.left-section[data-v-b64f5b0b]{max-height:220px;flex-shrink:0}.vinyl-container[data-v-b64f5b0b]{width:196px;height:196px}.vinyl-label[data-v-b64f5b0b]{width:140px;height:140px}.tonearm[data-v-b64f5b0b]{display:none}.right-section[data-v-b64f5b0b]{flex:1;min-height:0;overflow:hidden}.song-info-header[data-v-b64f5b0b]{padding:16px 16px 12px}.song-info-header .song-title[data-v-b64f5b0b]{font-size:18px;font-weight:600;color:#fff}.song-info-header .song-artist[data-v-b64f5b0b]{font-size:14px;color:#aaa}.meta-tags[data-v-b64f5b0b]{gap:6px}.tag[data-v-b64f5b0b]{font-size:11px;padding:4px 10px;border-radius:4px;color:#999;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.lyrics-area[data-v-b64f5b0b]{min-height:140px;margin:4px 0}.lyrics-scroll[data-v-b64f5b0b]{padding:24px 12px}.lyric-line[data-v-b64f5b0b]{font-size:15px;line-height:2;padding:6px 12px;color:#ffffff73}.lyric-line.active[data-v-b64f5b0b]{font-size:17px;font-weight:500;color:#fff}.controls-area[data-v-b64f5b0b]{padding-top:10px;padding-bottom:8px}.progress-bar[data-v-b64f5b0b]{gap:8px;margin-bottom:12px}.time-current[data-v-b64f5b0b],.time-total[data-v-b64f5b0b]{font-size:11px;min-width:36px}.player-controls[data-v-b64f5b0b]{padding:0 4px}.controls-left[data-v-b64f5b0b]{flex:0 0 auto;justify-content:center}.controls-center[data-v-b64f5b0b]{flex:1;gap:16px;justify-content:center}.controls-right[data-v-b64f5b0b]{flex:0 0 auto;gap:8px}.play-btn-main[data-v-b64f5b0b]{width:38px;height:38px}.play-btn-main svg[data-v-b64f5b0b]{width:18px;height:18px}.ctrl-btn svg[data-v-b64f5b0b]{width:20px;height:20px}.volume-slider[data-v-b64f5b0b],.volume-control[data-v-b64f5b0b]{display:none}.playlist-sidebar-overlay[data-v-b64f5b0b]{justify-content:center!important;align-items:flex-end!important;z-index:999999!important}.playlist-sidebar[data-v-b64f5b0b]{width:100vw!important;max-width:100vw!important;height:70vh!important;max-height:70vh!important;border-radius:20px 20px 0 0!important;background:linear-gradient(180deg,#1e1e32,#16162a)!important;animation:slideUpMobile-b64f5b0b .35s cubic-bezier(.23,1,.32,1)!important}@keyframes slideUpMobile-b64f5b0b{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sidebar-header[data-v-b64f5b0b]{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header h3[data-v-b64f5b0b]{font-size:17px;font-weight:600;color:#fff}.close-sidebar-btn[data-v-b64f5b0b]{color:#888}.sidebar-content[data-v-b64f5b0b]{padding:8px 16px}.sidebar-song-item[data-v-b64f5b0b]{padding:12px 8px;gap:12px;margin-bottom:4px;border-radius:8px}.sidebar-song-item[data-v-b64f5b0b]:hover,.sidebar-song-item[data-v-b64f5b0b]:active{background:#ffffff0f}.song-cover[data-v-b64f5b0b]{width:48px;height:48px;border-radius:8px}.song-index[data-v-b64f5b0b]{width:24px;font-size:13px;color:#888}.song-title[data-v-b64f5b0b]{font-size:15px;color:#ddd}.song-artist[data-v-b64f5b0b]{font-size:13px;color:#888}.sidebar-song-item.playing .song-title[data-v-b64f5b0b]{color:#ec4141}.sidebar-footer[data-v-b64f5b0b]{padding:12px 16px 20px;safe-area-inset-bottom:env(safe-area-inset-bottom)}.player-float-bar[data-v-b64f5b0b]{height:46px;padding:5px 12px;gap:8px;border-radius:25px;box-shadow:0 4px 18px #0006,0 0 0 1px #ffffff0d;max-width:calc(100vw - 24px)}.float-bar-cover[data-v-b64f5b0b]{width:34px;height:34px;border-radius:8px}.float-bar-info[data-v-b64f5b0b]{flex:1;min-width:0;overflow:hidden}.float-bar-title[data-v-b64f5b0b]{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.float-bar-artist[data-v-b64f5b0b]{font-size:10.5px;opacity:.75}.float-bar-controls[data-v-b64f5b0b]{gap:3px}.float-bar-btn[data-v-b64f5b0b]{width:32px;height:32px;margin:-2px}.float-bar-btn svg[data-v-b64f5b0b]{width:15px;height:15px}.float-bar-play[data-v-b64f5b0b]{width:36px;height:36px}.float-bar-play svg[data-v-b64f5b0b]{width:17px;height:17px}.float-bar-progress[data-v-b64f5b0b]{height:2.5px}}@media(max-width:400px){.vinyl-container[data-v-b64f5b0b]{width:200px;height:200px}.vinyl-label[data-v-b64f5b0b]{width:142px;height:142px}.song-info-header .song-title[data-v-b64f5b0b]{font-size:18px}.lyric-line.active[data-v-b64f5b0b]{font-size:16px}.player-float-bar[data-v-b64f5b0b]{height:44px;padding:4px 10px;gap:7px;max-width:calc(100vw - 20px)}.float-bar-cover[data-v-b64f5b0b]{width:32px;height:32px}.float-bar-title[data-v-b64f5b0b]{font-size:11.5px}.float-bar-artist[data-v-b64f5b0b]{font-size:10px}.float-bar-btn[data-v-b64f5b0b]{width:30px;height:30px}.float-bar-play[data-v-b64f5b0b]{width:34px;height:34px}}.app-modal-overlay[data-v-28ae0391]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.app-modal[data-v-28ae0391]{background:var(--card-bg);border-radius:20px;width:100%;max-width:420px;padding:32px 28px 24px;box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.modal-icon-wrapper[data-v-28ae0391]{margin-bottom:4px}.modal-icon[data-v-28ae0391]{font-size:48px;line-height:1;display:block;animation:modal-bounce-in-28ae0391 .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-bounce-in-28ae0391{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.modal-title[data-v-28ae0391]{font-size:20px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3}.modal-message[data-v-28ae0391]{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.6;white-space:pre-line;max-height:200px;overflow-y:auto}.modal-actions[data-v-28ae0391]{display:flex;gap:12px;margin-top:8px;width:100%;justify-content:center}.modal-btn[data-v-28ae0391]{min-width:110px;padding:12px 28px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;outline:none}.cancel-btn[data-v-28ae0391]{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn[data-v-28ae0391]:hover{background:var(--border-color);color:var(--text-primary);transform:translateY(-2px)}.confirm-btn[data-v-28ae0391]{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 4px 16px var(--shadow-color)}.confirm-btn[data-v-28ae0391]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px var(--shadow-color)}.confirm-btn.btn-danger[data-v-28ae0391]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444459}.confirm-btn.btn-danger[data-v-28ae0391]:hover{box-shadow:0 6px 24px #ef444480}.modal-success .confirm-btn[data-v-28ae0391]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e59}.modal-error .confirm-btn[data-v-28ae0391]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444459}.modal-warning .confirm-btn[data-v-28ae0391]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b59}.modal-fade-enter-active[data-v-28ae0391],.modal-fade-leave-active[data-v-28ae0391]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-28ae0391],.modal-fade-leave-to[data-v-28ae0391]{opacity:0}.modal-scale-enter-active[data-v-28ae0391]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-scale-leave-active[data-v-28ae0391]{transition:all .2s ease-in}.modal-scale-enter-from[data-v-28ae0391],.modal-scale-leave-to[data-v-28ae0391]{opacity:0;transform:scale(.9) translateY(20px)}@media(max-width:480px){.app-modal[data-v-28ae0391]{max-width:340px;padding:28px 20px 20px}.modal-title[data-v-28ae0391]{font-size:18px}.modal-message[data-v-28ae0391]{font-size:14px}.modal-btn[data-v-28ae0391]{min-width:96px;padding:10px 22px;font-size:14px}}.particle-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}.app-wrapper[data-v-fa937f3b]{min-height:100vh;display:flex;flex-direction:column;position:relative;background:transparent}.main-content[data-v-fa937f3b]{flex:1;width:100%;position:relative;z-index:1}.error-fallback[data-v-fa937f3b]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.error-content[data-v-fa937f3b]{text-align:center;max-width:400px}.error-icon[data-v-fa937f3b]{font-size:48px;display:block;margin-bottom:16px}.error-content h2[data-v-fa937f3b]{color:var(--text-primary);font-size:22px;margin:0 0 8px}.error-content p[data-v-fa937f3b]{color:var(--text-secondary);font-size:14px;margin:0 0 24px;line-height:1.6}.retry-btn[data-v-fa937f3b]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-fa937f3b]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media(max-width:768px){html{font-size:14px}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}}@supports (padding: env(safe-area-inset-bottom)){.music-player{padding-bottom:env(safe-area-inset-bottom)}}