.navbar[data-v-08f4b837]{width:100%;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:40}body.dark .navbar[data-v-08f4b837]{background:#11131ccc;border-bottom-color:var(--border-dark)}.navbar-inner[data-v-08f4b837]{max-width:80rem;margin:0 auto;padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand[data-v-08f4b837]{display:flex;align-items:center;gap:.5rem;min-width:0;text-decoration:none;color:inherit;transition:color .3s}.navbar-brand[data-v-08f4b837]:hover{color:var(--accent)}.brand-logo[data-v-08f4b837]{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-img[data-v-08f4b837]{width:100%;height:100%;object-fit:contain}.brand-name[data-v-08f4b837]{font-size:1.25rem;font-weight:700;white-space:nowrap}.navbar-links[data-v-08f4b837]{display:flex;align-items:center;gap:.5rem}.nav-link[data-v-08f4b837]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:.75rem;text-decoration:none;color:var(--text-main-light);font-size:.875rem;font-weight:500;transition:all .3s}body.dark .nav-link[data-v-08f4b837]{color:var(--text-main-dark)}.nav-link[data-v-08f4b837]:hover{color:#fff;background:linear-gradient(90deg,var(--accent),var(--purple));box-shadow:0 4px 15px #7c3aed4d;transform:scale(1.03)}.nav-link-active[data-v-08f4b837]{color:var(--accent)}.theme-toggle[data-v-08f4b837]{width:2.5rem;height:2.5rem;border-radius:.75rem;border:none;background:transparent;color:var(--text-main-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}body.dark .theme-toggle[data-v-08f4b837]{color:var(--text-main-dark)}.theme-toggle[data-v-08f4b837]:hover{background:#7c3aed1a;color:var(--accent)}.navbar-actions[data-v-08f4b837]{display:flex;align-items:center;gap:1rem}.user-menu[data-v-08f4b837]{display:flex;align-items:center;gap:.75rem}.user-email[data-v-08f4b837]{font-size:.875rem;color:var(--text-sub-light);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark .user-email[data-v-08f4b837]{color:var(--text-sub-dark)}.btn-sm[data-v-08f4b837]{padding:.4rem .75rem;font-size:.75rem}.user-dropdown-wrapper[data-v-08f4b837]{position:relative}.user-trigger[data-v-08f4b837]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.75rem;border:none;background:transparent;cursor:pointer;color:var(--text-main-light);font-size:.875rem;font-weight:500;transition:all .2s}body.dark .user-trigger[data-v-08f4b837]{color:var(--text-main-dark)}.user-trigger[data-v-08f4b837]:hover{background:#7c3aed14}.user-avatar[data-v-08f4b837]{width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;font-weight:700;font-size:.8125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-display[data-v-08f4b837]{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-arrow[data-v-08f4b837]{font-size:1.25rem;transition:transform .2s}.user-dropdown[data-v-08f4b837]{position:fixed;top:3.75rem;right:1.5rem;width:16rem;padding:.75rem 0;z-index:9999;border:1px solid var(--border-light);box-shadow:0 8px 32px #0000001f;animation:dropdownIn-08f4b837 .15s ease}body.dark .user-dropdown[data-v-08f4b837]{border-color:var(--border-dark);box-shadow:0 8px 32px #0006}@keyframes dropdownIn-08f4b837{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-backdrop[data-v-08f4b837]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent}.dropdown-user-info[data-v-08f4b837]{padding:.5rem 1rem .25rem;display:flex;flex-direction:column;gap:.125rem}.dropdown-nickname[data-v-08f4b837]{font-size:.9375rem;font-weight:600;color:var(--text-main-light)}body.dark .dropdown-nickname[data-v-08f4b837]{color:var(--text-main-dark)}.dropdown-email[data-v-08f4b837]{font-size:.75rem;color:var(--text-sub-light)}body.dark .dropdown-email[data-v-08f4b837]{color:var(--text-sub-dark)}.dropdown-tier-info[data-v-08f4b837]{padding:.25rem 1rem .5rem;display:flex;align-items:center;gap:.375rem;font-size:.8125rem}.dropdown-tier-label[data-v-08f4b837]{color:var(--text-sub-light)}.dropdown-tier-value[data-v-08f4b837]{font-weight:600}.tier-text-visitor[data-v-08f4b837]{color:#6b7280}.tier-text-bronze[data-v-08f4b837]{color:#cd7f32}.tier-text-silver[data-v-08f4b837]{color:#9ca3af}.tier-text-gold[data-v-08f4b837]{color:#f59e0b}.tier-text-permanent[data-v-08f4b837]{color:#7c3aed}.dropdown-divider[data-v-08f4b837]{height:1px;background:var(--border-light);margin:.375rem 0}body.dark .dropdown-divider[data-v-08f4b837]{background:var(--border-dark)}.dropdown-item[data-v-08f4b837]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;color:var(--text-main-light);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .15s}body.dark .dropdown-item[data-v-08f4b837]{color:var(--text-main-dark)}.dropdown-item[data-v-08f4b837]:hover{background:#7c3aed0f}.dropdown-item .material-symbols-outlined[data-v-08f4b837]{font-size:1.125rem;color:var(--text-sub-light)}.dropdown-logout[data-v-08f4b837],.dropdown-logout .material-symbols-outlined[data-v-08f4b837]{color:#ef4444!important}@media(max-width:768px){.user-email[data-v-08f4b837]{display:none}.nav-link span[data-v-08f4b837]:last-child{display:none}.user-dropdown[data-v-08f4b837]{right:.5rem;width:14rem}.user-display[data-v-08f4b837]{display:none}.navbar-inner[data-v-08f4b837]{padding:0 .625rem}.navbar-brand[data-v-08f4b837]{gap:.375rem;min-width:0}.brand-name[data-v-08f4b837]{font-size:.9375rem;max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}.navbar-links[data-v-08f4b837]{gap:.125rem}.nav-link[data-v-08f4b837]{padding:.5rem .375rem}.navbar-actions[data-v-08f4b837]{gap:.375rem;flex-shrink:0}.theme-toggle[data-v-08f4b837]{width:2.25rem;height:2.25rem}.user-trigger[data-v-08f4b837]{padding:.375rem .5rem;gap:0}.user-avatar[data-v-08f4b837]{width:1.75rem;height:1.75rem}.trigger-arrow[data-v-08f4b837]{display:none}}@media(max-width:360px){.brand-name[data-v-08f4b837]{display:none}.nav-link[data-v-08f4b837]{padding:.5rem .25rem}}.floating-player[data-v-a3d9047d]{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light);box-shadow:0 -4px 20px #00000014;animation:floatingSlideUp-a3d9047d .3s ease-out}body.dark .floating-player[data-v-a3d9047d]{background:#11131cf2;border-top-color:var(--border-dark);box-shadow:0 -4px 20px #0000004d}@keyframes floatingSlideUp-a3d9047d{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.floating-inner[data-v-a3d9047d]{max-width:80rem;margin:0 auto;padding:0 1.5rem}.floating-row[data-v-a3d9047d]{display:flex;align-items:center;gap:.75rem;height:68px}.floating-cover[data-v-a3d9047d]{display:flex;align-items:center;gap:.75rem;min-width:0;max-width:40%;flex-shrink:0;cursor:pointer}.cover-img[data-v-a3d9047d]{width:2.75rem;height:2.75rem;border-radius:.5rem;object-fit:cover;border:1px solid var(--border-light);flex-shrink:0;transition:box-shadow .2s}.floating-cover:hover .cover-img[data-v-a3d9047d]{box-shadow:0 4px 12px #0000001a}body.dark .cover-img[data-v-a3d9047d]{border-color:var(--border-dark)}.cover-placeholder[data-v-a3d9047d]{width:2.75rem;height:2.75rem;border-radius:.5rem;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #7c3aed4d}.cover-placeholder .material-symbols-outlined[data-v-a3d9047d]{font-size:1.25rem;color:#fff}.floating-info[data-v-a3d9047d]{min-width:0;overflow:hidden}.floating-title[data-v-a3d9047d]{font-size:.875rem;font-weight:500;color:var(--text-main-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .2s}.floating-cover:hover .floating-title[data-v-a3d9047d]{color:var(--accent)}body.dark .floating-title[data-v-a3d9047d]{color:var(--text-main-dark)}.floating-sub[data-v-a3d9047d]{font-size:.75rem;color:var(--text-sub-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}body.dark .floating-sub[data-v-a3d9047d]{color:var(--text-sub-dark)}.floating-progress-area[data-v-a3d9047d]{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.progress-time[data-v-a3d9047d]{font-size:.6875rem;color:var(--text-sub-light);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:3.25rem;letter-spacing:.02em;white-space:nowrap}.progress-current[data-v-a3d9047d]{text-align:right}.progress-duration[data-v-a3d9047d]{text-align:left}body.dark .progress-time[data-v-a3d9047d]{color:var(--text-sub-dark)}.progress-track[data-v-a3d9047d]{position:relative;flex:1;min-height:2rem;display:flex;align-items:center;cursor:pointer}.progress-bg[data-v-a3d9047d]{width:100%;height:.375rem;background:var(--border-light);border-radius:9999px;overflow:visible;position:relative;z-index:1}body.dark .progress-bg[data-v-a3d9047d]{background:#374151}.progress-fill[data-v-a3d9047d]{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--fill-width, 0%);background:var(--accent);border-radius:9999px;transition:width .2s ease}.progress-thumb[data-v-a3d9047d]{position:absolute;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;background:var(--accent);border-radius:50%;box-shadow:0 2px 6px #00000026;opacity:0;transition:opacity .15s;pointer-events:none}.progress-track:hover .progress-thumb[data-v-a3d9047d]{opacity:1}.floating-actions[data-v-a3d9047d]{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.ctrl-btn[data-v-a3d9047d]{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-sub-light);cursor:pointer;border-radius:9999px;padding:.375rem;transition:all .2s}body.dark .ctrl-btn[data-v-a3d9047d]{color:var(--text-sub-dark)}.ctrl-btn[data-v-a3d9047d]:hover{color:var(--accent);background:#7c3aed14}.ctrl-btn[data-v-a3d9047d]:active{transform:scale(.92)}.ctrl-btn .material-symbols-outlined[data-v-a3d9047d]{font-size:1.25rem}.ctrl-speed[data-v-a3d9047d]{width:2.25rem;height:1.75rem;border-radius:.375rem;font-size:.6875rem;font-weight:700;background:#0000000d;color:var(--text-sub-light);padding:0}body.dark .ctrl-speed[data-v-a3d9047d]{background:#ffffff1a;color:var(--text-sub-dark)}.ctrl-speed[data-v-a3d9047d]:hover{background:#0000001a;color:var(--text-sub-light)}body.dark .ctrl-speed[data-v-a3d9047d]:hover{background:#ffffff26;color:var(--text-sub-dark)}.ctrl-play[data-v-a3d9047d]{width:2.5rem;height:2.5rem;background:var(--accent);color:#fff;border-radius:50%;box-shadow:0 4px 12px #7c3aed59}.ctrl-play .material-symbols-outlined[data-v-a3d9047d]{font-size:1.5rem}.ctrl-play[data-v-a3d9047d]:hover{background:var(--purple);color:#fff;box-shadow:0 6px 18px #7c3aed66}.ctrl-play[data-v-a3d9047d]:active{transform:scale(.94)}.ctrl-close[data-v-a3d9047d]{margin-left:.25rem;opacity:.5}.ctrl-close[data-v-a3d9047d]:hover{opacity:1;background:#ef44441a;color:var(--danger)}.floating-player.is-embedded[data-v-a3d9047d]{position:relative;bottom:auto;left:auto;right:auto;border-radius:1rem;border:1px solid var(--border-light);box-shadow:0 1px 3px #0000000f;margin-bottom:1.5rem;animation:none}body.dark .floating-player.is-embedded[data-v-a3d9047d]{border-color:var(--border-dark);box-shadow:0 1px 3px #0003}.floating-player.is-embedded .floating-inner[data-v-a3d9047d]{padding:0 1rem}.floating-player.is-embedded .floating-cover[data-v-a3d9047d]{cursor:default}.floating-player.is-embedded .floating-cover:hover .floating-title[data-v-a3d9047d]{color:var(--text-main-light)}body.dark .floating-player.is-embedded .floating-cover:hover .floating-title[data-v-a3d9047d]{color:var(--text-main-dark)}.slide-up-enter-active[data-v-a3d9047d]{animation:floatingSlideUp-a3d9047d .3s ease-out}.slide-up-leave-active[data-v-a3d9047d]{animation:floatingSlideUp-a3d9047d .3s ease-out reverse}@media(max-width:640px){.floating-inner[data-v-a3d9047d]{padding:0 .75rem}.floating-row[data-v-a3d9047d]{gap:.5rem}.floating-cover[data-v-a3d9047d]{max-width:35%}.floating-title[data-v-a3d9047d]{font-size:.75rem}.floating-sub[data-v-a3d9047d]{font-size:.6875rem}.cover-img[data-v-a3d9047d],.cover-placeholder[data-v-a3d9047d]{width:2.25rem;height:2.25rem;border-radius:.375rem}.progress-time[data-v-a3d9047d],.ctrl-speed[data-v-a3d9047d],.ctrl-btn[title="后退 15 秒"][data-v-a3d9047d],.ctrl-btn[title="快进 15 秒"][data-v-a3d9047d]{display:none}.ctrl-play[data-v-a3d9047d]{width:2.25rem;height:2.25rem}.ctrl-play .material-symbols-outlined[data-v-a3d9047d]{font-size:1.25rem}}:root{--bg-light: #f8f9fc;--bg-dark: #0f1117;--surface-light: rgba(255, 255, 255, .85);--surface-dark: rgba(30, 33, 46, .85);--border-light: #e5e7eb;--border-dark: #2d3142;--text-main-light: #18181b;--text-main-dark: #f4f4f5;--text-sub-light: #8a8f98;--text-sub-dark: #9ca3af;--accent: #7c3aed;--accent-from: #7c3aed;--accent-to: #9333ea;--purple: #9333ea;--blue: #3b82f6;--cyan: #06b6d4;--pink: #ec4899;--yellow: #fbbf24;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}body{background:var(--bg-light);color:var(--text-main-light);transition:background .5s,color .5s}body.dark{background:var(--bg-dark);color:var(--text-main-dark)}body.landing-page{background:#fff}body.landing-page.dark{background:var(--bg-dark)}body.landing-page .app-main{max-width:none;padding-left:0;padding-right:0}.app-root{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-x:clip}.app-main{flex:1;width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem;z-index:10;position:relative}.app-footer{margin-top:auto;padding:2rem 0;border-top:1px solid var(--border-light);z-index:10;position:relative}body.dark .app-footer{border-top-color:var(--border-dark)}.footer-inner{max-width:80rem;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-sub-light)}body.dark .footer-inner{color:var(--text-sub-dark)}.footer-icp a{color:inherit;text-decoration:none;transition:color .3s}.footer-icp a:hover{color:var(--accent)}.footer-copy{opacity:.8}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:blobFloat 12s infinite ease-in-out;mix-blend-mode:multiply}body.dark .blob{mix-blend-mode:overlay;opacity:.4}.blob-purple{top:-10%;left:-10%;width:40rem;height:40rem;background:#ddd6fe}.blob-yellow{top:-10%;right:-10%;width:35rem;height:35rem;background:#fef3c7;animation-delay:2s}.blob-pink{bottom:-20%;left:20%;width:45rem;height:45rem;background:#fce7f3;animation-delay:4s}body.dark .blob-purple{background:#6d28d94d}body.dark .blob-yellow{background:#ca8a0433}body.dark .blob-pink{background:#be185d40}.blob-indigo{top:-10%;left:-10%;width:50rem;height:50rem;background:#312e814d;opacity:0}.blob-blue{bottom:-10%;right:-10%;width:40rem;height:40rem;background:#1e3a8a33;opacity:0;animation-delay:4s}body.dark .blob-indigo,body.dark .blob-blue{opacity:.4}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5}body.dark .dot-grid{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px)}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.glass-card{background:var(--surface-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:1rem;box-shadow:0 4px 20px #0000000d;transition:all .3s}body.dark .glass-card{background:var(--surface-dark);border-color:var(--border-dark);box-shadow:0 4px 20px #0000004d}.gradient-text{color:var(--text-main-light)}body.dark .gradient-text{color:var(--text-main-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .3s;text-decoration:none}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--purple));color:#fff}.btn-primary:hover{opacity:.9;box-shadow:0 4px 15px #7c3aed4d}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-main-light)}body.dark .btn-outline{border-color:var(--border-dark);color:var(--text-main-dark)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger-ghost{background:#ef44440f;border:1px solid transparent;color:var(--danger)}.btn-danger-ghost:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-warning{background:transparent;border:1px solid var(--warning);color:var(--warning)}.btn-warning:hover{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-icon{padding:.5rem;border-radius:.5rem}.btn-sm{padding:.4rem .75rem;font-size:.8125rem}.btn-sm .material-symbols-outlined{font-size:1rem}.form-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border-light);background:#fff;color:var(--text-main-light);font-size:.875rem;outline:none;transition:all .3s}body.dark .form-input{background:var(--bg-dark);border-color:var(--border-dark);color:var(--text-main-dark)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-info{background:#3b82f626;color:var(--blue)}.badge-purple{background:#7c3aed26;color:var(--accent)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c3aed66}@media(max-width:768px){.app-main{padding:0 1rem}}