.navbar[data-v-31f4f3a9]{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;padding:0 10vw;z-index:100;border-bottom:1px solid var(--border-color)}@media(max-width:1336px){.navbar[data-v-31f4f3a9]{padding:0 5vw}}.logo[data-v-31f4f3a9]{font-size:18px;font-weight:700;color:var(--color-primary);margin-right:40px}.nav-links[data-v-31f4f3a9]{display:flex;gap:24px}.nav-link[data-v-31f4f3a9]{font-size:14px;font-weight:600;opacity:.6;transition:opacity var(--transition-fast)}.nav-link[data-v-31f4f3a9]:hover{opacity:.8}.nav-link.active[data-v-31f4f3a9]{opacity:1;color:var(--color-primary)}.nav-right[data-v-31f4f3a9]{margin-left:auto;display:flex;align-items:center;gap:16px}.bot-status[data-v-31f4f3a9]{padding:4px 12px;background:var(--hover-bg);border-radius:var(--radius-sm);font-size:12px;opacity:.6}.bot-status.online[data-v-31f4f3a9]{background:#335eea26;color:var(--color-primary);opacity:1}.bot-selector[data-v-31f4f3a9]{position:relative}.bot-selector-btn[data-v-31f4f3a9]{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--hover-bg);border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:background var(--transition-fast);cursor:pointer}.bot-selector-btn[data-v-31f4f3a9]:hover{background:var(--bg-card)}.bot-chevron[data-v-31f4f3a9]{font-size:16px;opacity:.5;transition:transform .2s ease}.bot-chevron.rotated[data-v-31f4f3a9]{transform:rotate(180deg)}.bot-dot[data-v-31f4f3a9]{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.bot-dot.online[data-v-31f4f3a9]{background:#22c55e}.bot-selector-name[data-v-31f4f3a9]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-dropdown[data-v-31f4f3a9]{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;box-shadow:0 8px 24px #0003;z-index:200}.bot-dropdown-item[data-v-31f4f3a9]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:background var(--transition-fast)}.bot-dropdown-item[data-v-31f4f3a9]:hover{background:var(--hover-bg)}.bot-dropdown-item.active[data-v-31f4f3a9]{background:#335eea1f;color:var(--color-primary)}.bot-dropdown-name[data-v-31f4f3a9]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-playing-badge[data-v-31f4f3a9],.bot-paused-badge[data-v-31f4f3a9],.bot-idle-badge[data-v-31f4f3a9],.bot-offline-badge[data-v-31f4f3a9]{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:500;flex-shrink:0}.bot-playing-badge[data-v-31f4f3a9]{background:#22c55e26;color:#22c55e}.bot-paused-badge[data-v-31f4f3a9]{background:#eab30826;color:#eab308}.bot-idle-badge[data-v-31f4f3a9]{background:#335eea1f;color:var(--color-primary)}.bot-offline-badge[data-v-31f4f3a9]{background:var(--hover-bg);color:var(--text-tertiary)}.settings-btn[data-v-31f4f3a9]{font-size:20px;opacity:.6;transition:opacity var(--transition-fast)}.settings-btn[data-v-31f4f3a9]:hover{opacity:1}.cover-art[data-v-66485d56]{position:relative;flex-shrink:0;overflow:hidden;background:var(--bg-card)}.cover-img[data-v-66485d56]{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;display:block}.cover-placeholder[data-v-66485d56]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--hover-bg)}.placeholder-icon[data-v-66485d56]{width:40%;height:40%;color:var(--text-tertiary);opacity:.4}.cover-shadow[data-v-66485d56]{position:absolute;top:12px;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(16px);opacity:.6;transform:scale(.92);z-index:0;transition:opacity .3s ease}.queue-panel[data-v-e5a0f81d]{position:fixed;top:var(--navbar-height);right:-360px;bottom:var(--player-height);width:360px;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:90;transition:right var(--transition-normal);display:flex;flex-direction:column}.queue-panel.open[data-v-e5a0f81d]{right:0}.queue-header[data-v-e5a0f81d]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.queue-title[data-v-e5a0f81d]{font-size:16px;font-weight:700}.queue-count[data-v-e5a0f81d]{margin-left:8px;font-size:12px;color:var(--text-tertiary)}.close-btn[data-v-e5a0f81d]{margin-left:auto;font-size:18px;opacity:.6;transition:opacity var(--transition-fast)}.close-btn[data-v-e5a0f81d]:hover{opacity:1}.queue-empty[data-v-e5a0f81d]{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:13px}.queue-list[data-v-e5a0f81d]{flex:1;overflow-y:auto;padding:8px 12px}.queue-item[data-v-e5a0f81d]{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.queue-item[data-v-e5a0f81d]:hover{background:var(--hover-bg)}.queue-item:hover .remove-btn[data-v-e5a0f81d]{opacity:1}.queue-item.active[data-v-e5a0f81d]{background:#335eea1a}.queue-song-info[data-v-e5a0f81d]{flex:1;min-width:0}.queue-song-name[data-v-e5a0f81d]{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-song-artist[data-v-e5a0f81d]{font-size:11px;color:var(--text-secondary)}.remove-btn[data-v-e5a0f81d]{font-size:14px;opacity:0;padding:4px;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);color:var(--text-tertiary)}.remove-btn[data-v-e5a0f81d]:hover{color:var(--text-primary)}.player-wrapper[data-v-caf0e56b]{position:fixed;bottom:0;left:0;right:0;z-index:100}.player-bar[data-v-caf0e56b]{height:var(--player-height);display:flex;align-items:center;padding:0 24px;border-top:1px solid var(--border-color);position:relative}.progress-bar-container[data-v-caf0e56b]{position:absolute;top:-6px;left:0;right:0;height:12px;cursor:pointer;z-index:101;display:flex;align-items:center;padding:0}.progress-bar-container:hover .progress-bar-bg[data-v-caf0e56b]{height:4px}.progress-bar-container:hover .progress-bar-thumb[data-v-caf0e56b]{opacity:1;transform:scale(1)}.progress-bar-bg[data-v-caf0e56b]{width:100%;height:2px;background:var(--border-color);transition:height .15s ease;position:relative;border-radius:1px}.progress-bar-fill[data-v-caf0e56b]{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);border-radius:1px}.progress-bar-thumb[data-v-caf0e56b]{position:absolute;top:50%;width:10px;height:10px;background:var(--color-primary);border-radius:50%;transform:scale(0);opacity:0;transition:opacity .15s,transform .15s;margin-left:-5px;margin-top:-5px}.progress-tooltip[data-v-caf0e56b]{position:absolute;top:-28px;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;color:var(--text-secondary);white-space:nowrap;pointer-events:none}.time-display[data-v-caf0e56b]{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:36px}.time-current[data-v-caf0e56b]{text-align:right}.time-total[data-v-caf0e56b]{text-align:left}.player-left[data-v-caf0e56b]{display:flex;align-items:center;gap:12px;width:240px;text-decoration:none;color:inherit;cursor:pointer;transition:opacity var(--transition-fast)}.player-left[data-v-caf0e56b]:hover{opacity:.8}.song-info[data-v-caf0e56b]{min-width:0}.song-name[data-v-caf0e56b]{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist[data-v-caf0e56b]{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.bot-badge[data-v-caf0e56b]{display:inline-block;font-size:10px;font-weight:600;padding:0 5px;background:#335eea26;color:var(--color-primary);border-radius:3px;line-height:16px;white-space:nowrap;flex-shrink:0}.player-center[data-v-caf0e56b]{flex:1;display:flex;justify-content:center;align-items:center;gap:20px}.control-btn[data-v-caf0e56b]{font-size:20px;opacity:.7;transition:opacity var(--transition-fast)}.control-btn[data-v-caf0e56b]:hover{opacity:1}.control-btn.active[data-v-caf0e56b]{opacity:1;color:var(--color-primary)}.mode-btn[data-v-caf0e56b]{display:flex;align-items:center;gap:4px;font-size:18px}.mode-label[data-v-caf0e56b]{font-size:11px;font-weight:500}.play-btn[data-v-caf0e56b]{width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:transform var(--transition-fast)}.play-btn[data-v-caf0e56b]:hover{transform:scale(1.08)}.play-btn[data-v-caf0e56b]:active{transform:scale(.95)}.player-right[data-v-caf0e56b]{width:240px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.volume-icon[data-v-caf0e56b]{font-size:18px;opacity:.6}.volume-slider[data-v-caf0e56b]{width:80px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none}.volume-slider[data-v-caf0e56b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-primary);border-radius:50%;cursor:pointer}.lyrics-btn[data-v-caf0e56b]{margin-left:8px}.app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.main-content{padding:80px 10vw}@media(max-width:1336px){.main-content{padding:80px 5vw}}:root{--font-primary: "Barlow", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--navbar-height: 56px;--player-height: 56px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--color-primary: #335eea;--color-primary-bg: #eaeffd}[data-theme=dark]{--bg-primary: #222222;--bg-secondary: #323232;--bg-card: rgba(255, 255, 255, .04);--bg-navbar: rgba(34, 34, 34, .86);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .58);--text-tertiary: rgba(255, 255, 255, .38);--border-color: rgba(255, 255, 255, .06);--hover-bg: rgba(255, 255, 255, .08)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: rgba(0, 0, 0, .02);--bg-navbar: rgba(255, 255, 255, .86);--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .58);--text-tertiary: rgba(0, 0, 0, .38);--border-color: rgba(0, 0, 0, .06);--hover-bg: rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.frosted-glass{background:var(--bg-navbar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.04)}.hover-scale:active{transform:scale(.96)}