:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-shell[data-v-cd8debc3]{height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#f4f6f8;color:#2c3e50}.login-layout[data-v-cd8debc3]{height:100%;display:flex;align-items:center;justify-content:center;background:#1c2331}.login-box[data-v-cd8debc3]{background:#fff;padding:40px;border-radius:16px;width:340px;box-shadow:0 15px 35px #0006}.brand[data-v-cd8debc3]{text-align:center;margin-bottom:30px}.brand-logo[data-v-cd8debc3]{width:60px;height:60px;background:#00a1d6;color:#fff;line-height:60px;border-radius:14px;margin:0 auto 12px;font-size:32px;font-weight:700}.form-container input[data-v-cd8debc3]{width:100%;padding:14px;margin-bottom:16px;border:1px solid #dcdfe6;border-radius:8px;box-sizing:border-box;font-size:14px}.code-row[data-v-cd8debc3]{display:flex;gap:10px}.btn-secondary[data-v-cd8debc3]{background:#f0f2f5;border:none;padding:0 20px;border-radius:8px;cursor:pointer;color:#606266;white-space:nowrap}.btn-main[data-v-cd8debc3]{width:100%;padding:14px;background:#00a1d6;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:10px}.main-dashboard[data-v-cd8debc3]{display:flex;flex-direction:column;height:100%}.top-bar[data-v-cd8debc3]{background:#fff;padding:12px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e4e8}.avatar[data-v-cd8debc3]{width:42px;height:42px;border-radius:50%;border:2px solid #00a1d6;padding:2px}.user-info[data-v-cd8debc3]{display:flex;align-items:center;gap:12px}.uname[data-v-cd8debc3]{display:block;font-weight:600;font-size:15px}.uid[data-v-cd8debc3]{font-size:12px;color:#909399}.btn-logout[data-v-cd8debc3]{background:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4;padding:6px 15px;border-radius:6px;cursor:pointer}.main-content[data-v-cd8debc3]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-cd8debc3]{width:280px;background:#fff;border-right:1px solid #e1e4e8;overflow-y:auto;padding:20px 0}.section-label[data-v-cd8debc3]{padding:0 20px 10px;font-size:12px;color:#909399;text-transform:uppercase}.playlist-nav[data-v-cd8debc3]{list-style:none;padding:0;margin:0}.playlist-nav li[data-v-cd8debc3]{padding:15px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;border-left:4px solid transparent}.playlist-nav li[data-v-cd8debc3]:hover{background:#f5f7fa;color:#00a1d6}.playlist-nav li.active[data-v-cd8debc3]{background:#ecf5ff;color:#409eff;border-left-color:#409eff;font-weight:700}.playlist-nav li .count[data-v-cd8debc3]{margin-left:auto;font-size:11px;background:#f0f2f5;padding:2px 8px;border-radius:10px;color:#909399}.song-panel[data-v-cd8debc3]{flex:1;display:flex;flex-direction:column;background:#fff;margin:20px;border-radius:12px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.panel-header[data-v-cd8debc3]{padding:20px;border-bottom:1px solid #ebeef5;display:flex;align-items:center;justify-content:space-between}.loading-status[data-v-cd8debc3]{font-size:13px;color:#409eff}.scroll-area[data-v-cd8debc3]{flex:1;overflow-y:auto;padding:10px 25px}table[data-v-cd8debc3]{width:100%;border-collapse:collapse}th[data-v-cd8debc3]{text-align:left;padding:15px 12px;color:#909399;font-weight:500;border-bottom:2px solid #f2f6fc}td[data-v-cd8debc3]{padding:18px 12px;border-bottom:1px solid #f2f6fc;font-size:14px}.cell-song[data-v-cd8debc3]{font-weight:600;color:#303133}.cell-singer[data-v-cd8debc3]{color:#606266}.placeholder-view[data-v-cd8debc3]{text-align:center;margin-top:120px;color:#c0c4cc}.placeholder-view .icon[data-v-cd8debc3]{font-size:60px;margin-bottom:15px}.divider[data-v-cd8debc3]{margin:20px 0;border-bottom:1px dashed #eee;position:relative;text-align:center}.divider span[data-v-cd8debc3]{position:absolute;top:-10px;background:#fff;padding:0 10px;color:#999;font-size:12px}.public-search[data-v-cd8debc3]{display:flex;flex-direction:column;gap:10px}.btn-outline[data-v-cd8debc3]{background:transparent;border:1px solid #00a1d6;color:#00a1d6;padding:10px;border-radius:8px;cursor:pointer;font-weight:500;transition:.3s}.btn-outline[data-v-cd8debc3]:hover{background:#00a1d60d}