:root{--bg: #f5f5f5;--bg-dark: #e0e0e0;--black: #1a1a1a;--white: #ffffff;--accent: #ff6b35;--accent-hover: #e85b2c;--accent-light: #ff9a73;--gray: #666666;--gray-light: #999999;--gray-lighter: #e5e7eb;--border: 3px solid var(--black);--radius: 10px;--shadow: 4px 4px 0 rgba(26, 26, 26, .16);--left-width: 360px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;position:fixed;width:100%;overscroll-behavior:none}body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--black);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--gray-light)}::-webkit-scrollbar-thumb:hover{background:var(--gray)}@media(max-width:900px){:root{--left-width: 100%}}.statusbar[data-v-a79e91f0]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;padding-bottom:calc(10px + var(--safe-bottom));padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--gray);flex-shrink:0;background:var(--bg)}.compact-player[data-v-a79e91f0]{flex-shrink:0;background:var(--white);border-top:3px solid var(--black);padding:0;height:80px;overflow:hidden}.status-left[data-v-a79e91f0]{display:flex;gap:20px;flex-wrap:wrap}.status-loading[data-v-a79e91f0]{color:var(--accent);animation:pulse-a79e91f0 1s infinite}@keyframes pulse-a79e91f0{0%,to{opacity:1}50%{opacity:.5}}.server-select-wrapper[data-v-6424e2b0]{position:relative}.server-select-custom[data-v-6424e2b0]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:2px solid var(--black);background:var(--white);cursor:pointer;min-width:100px;font-size:14px;font-weight:600;font-family:inherit;transition:all .2s;-webkit-user-select:none;user-select:none}.server-select-custom[data-v-6424e2b0]:hover{background:var(--bg)}.server-select-custom[data-v-6424e2b0]:active{transform:scale(.98)}.arrow-icon[data-v-6424e2b0]{transition:transform .3s;flex-shrink:0}.arrow-icon.rotated[data-v-6424e2b0]{transform:rotate(180deg)}.server-dropdown[data-v-6424e2b0]{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--white);border:2px solid var(--black);box-shadow:4px 4px #0000001a;z-index:1000;overflow:hidden}.dropdown-option[data-v-6424e2b0]{padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--bg-dark)}.dropdown-option[data-v-6424e2b0]:last-child{border-bottom:none}.dropdown-option[data-v-6424e2b0]:hover{background:var(--bg)}.dropdown-option.active[data-v-6424e2b0]{background:var(--black);color:var(--white)}.dropdown-option.active[data-v-6424e2b0]:hover{background:var(--black)}.select-dropdown-enter-active[data-v-6424e2b0],.select-dropdown-leave-active[data-v-6424e2b0]{transition:all .2s ease}.select-dropdown-enter-from[data-v-6424e2b0],.select-dropdown-leave-to[data-v-6424e2b0]{opacity:0;transform:translateY(-8px)}.search-bar[data-v-c958eba9]{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;-webkit-app-region:no-drag}.cyber-input[data-v-c958eba9]{flex:1;padding:8px 10px;border:2px solid var(--black);background:var(--white);font-family:inherit;font-size:16px;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}.cyber-input[data-v-c958eba9]:focus{background:var(--bg)}.exec-btn[data-v-c958eba9]{padding:8px 16px;border:2px solid var(--black);background:var(--black);color:var(--white);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .1s;-webkit-appearance:none;appearance:none;border-radius:0;display:flex;align-items:center}.exec-btn[data-v-c958eba9]:hover:not(:disabled),.exec-btn[data-v-c958eba9]:active:not(:disabled){background:var(--white);color:var(--black)}.exec-btn[data-v-c958eba9]:disabled{opacity:.5;cursor:not-allowed}.exec-loading[data-v-c958eba9]{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:home-search-spin-c958eba9 .8s linear infinite}@keyframes home-search-spin-c958eba9{to{transform:rotate(360deg)}}@media(max-width:900px){.search-bar[data-v-c958eba9]{max-width:300px}}@media(max-width:600px){.search-bar[data-v-c958eba9]{max-width:none;flex:1;margin:0;min-width:0}.cyber-input[data-v-c958eba9]{padding:8px 10px;font-size:14px;min-width:0}.exec-btn[data-v-c958eba9]{padding:8px 12px;font-size:10px;flex-shrink:0;white-space:nowrap}}@media(max-width:390px){.exec-btn[data-v-c958eba9]{padding:6px 10px;font-size:9px}.cyber-input[data-v-c958eba9]{padding:6px 8px}}.login-modal-overlay[data-v-aa306a83]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.login-modal[data-v-aa306a83]{background:var(--bg, #fff);border:3px solid var(--black, #000);box-shadow:8px 8px #0003;width:320px}.login-header[data-v-aa306a83]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:3px solid var(--black, #000);background:var(--black, #000);color:var(--white, #fff)}.login-header h2[data-v-aa306a83]{margin:0;font-size:14px;font-weight:700}.close-btn[data-v-aa306a83]{width:28px;height:28px;border:none;background:transparent;color:var(--white, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn[data-v-aa306a83]:hover{opacity:.8}.login-content[data-v-aa306a83]{padding:20px;text-align:center}.qr-container[data-v-aa306a83]{margin-bottom:16px}.qr-wrapper[data-v-aa306a83]{position:relative;display:inline-block;border:2px solid var(--black, #000)}.qr-image[data-v-aa306a83]{display:block;width:200px;height:200px}.qr-expired .qr-image[data-v-aa306a83]{filter:blur(2px);opacity:.5}.qr-overlay[data-v-aa306a83]{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.refresh-btn[data-v-aa306a83]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;background:var(--black, #000);color:var(--white, #fff);border:none;cursor:pointer;font-size:12px}.refresh-btn[data-v-aa306a83]:hover{background:var(--gray, #333)}.qr-loading[data-v-aa306a83]{width:200px;height:200px;border:2px solid var(--black, #000);display:flex;align-items:center;justify-content:center;margin:0 auto}.loading-spinner[data-v-aa306a83]{width:40px;height:40px;border:3px solid var(--gray-light, #ddd);border-top-color:var(--black, #000);border-radius:50%;animation:spin-aa306a83 1s linear infinite}@keyframes spin-aa306a83{to{transform:rotate(360deg)}}.status-text[data-v-aa306a83]{margin:0 0 16px;font-size:13px;color:var(--gray, #666)}.status-text.status-success[data-v-aa306a83]{color:#52c41a;font-weight:600}.status-text.status-error[data-v-aa306a83]{color:#ff4d4f}.status-text.status-scanned[data-v-aa306a83]{color:#1890ff}.login-tips[data-v-aa306a83]{padding-top:12px;border-top:1px dashed var(--gray-light, #ddd)}.login-tips p[data-v-aa306a83]{margin:4px 0;font-size:12px;color:var(--gray, #999)}.login-modal-overlay[data-v-53b66550]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.login-modal[data-v-53b66550]{background:var(--bg, #fff);border:3px solid var(--black, #000);box-shadow:8px 8px #0003;width:320px}.login-header[data-v-53b66550]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:3px solid var(--black, #000);background:var(--black, #000);color:var(--white, #fff)}.login-header h2[data-v-53b66550]{margin:0;font-size:14px;font-weight:700}.close-btn[data-v-53b66550]{width:28px;height:28px;border:none;background:transparent;color:var(--white, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn[data-v-53b66550]:hover{opacity:.8}.login-content[data-v-53b66550]{padding:20px;text-align:center}.qr-container[data-v-53b66550]{margin-bottom:16px}.qr-wrapper[data-v-53b66550]{position:relative;display:inline-block;border:2px solid var(--black, #000)}.qr-image[data-v-53b66550]{display:block;width:200px;height:200px}.qr-expired .qr-image[data-v-53b66550]{filter:blur(2px);opacity:.5}.qr-overlay[data-v-53b66550]{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.refresh-btn[data-v-53b66550]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;background:var(--black, #000);color:var(--white, #fff);border:none;cursor:pointer;font-size:12px}.refresh-btn[data-v-53b66550]:hover{background:var(--gray, #333)}.qr-loading[data-v-53b66550]{width:200px;height:200px;border:2px solid var(--black, #000);display:flex;align-items:center;justify-content:center;margin:0 auto}.loading-spinner[data-v-53b66550]{width:40px;height:40px;border:3px solid var(--gray-light, #ddd);border-top-color:var(--black, #000);border-radius:50%;animation:spin-53b66550 1s linear infinite}@keyframes spin-53b66550{to{transform:rotate(360deg)}}.status-text[data-v-53b66550]{margin:0 0 16px;font-size:13px;color:var(--gray, #666)}.status-text.status-success[data-v-53b66550]{color:#52c41a;font-weight:600}.status-text.status-error[data-v-53b66550]{color:#ff4d4f}.login-tips[data-v-53b66550]{padding-top:12px;border-top:1px dashed var(--gray-light, #ddd)}.login-tips p[data-v-53b66550]{margin:4px 0;font-size:12px;color:var(--gray, #999)}.user-avatar-wrapper[data-v-b3edd601]{position:relative;-webkit-app-region:no-drag}.user-trigger[data-v-b3edd601]{border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.avatar[data-v-b3edd601]{width:32px;height:32px;border-radius:50%;border:2px solid var(--black);object-fit:cover;transition:transform .2s}.avatar[data-v-b3edd601]:hover{transform:scale(1.05)}.avatar-placeholder[data-v-b3edd601]{width:32px;height:32px;border-radius:50%;border:2px solid var(--black);background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--gray);transition:all .2s}.avatar-placeholder[data-v-b3edd601]:hover{background:var(--black);color:var(--white)}.dropdown[data-v-b3edd601]{position:absolute;top:calc(100% + 4px);right:0;background:var(--white);border:2px solid var(--black);box-shadow:4px 4px #00000026;min-width:220px;z-index:100;overflow:hidden;animation:slideIn-b3edd601 .2s ease}@keyframes slideIn-b3edd601{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header[data-v-b3edd601]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,var(--bg) 0%,var(--white) 100%);border-bottom:2px solid var(--black);position:relative}.logout-btn-small[data-v-b3edd601]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:8px;color:var(--gray);transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn-small[data-v-b3edd601]:hover{color:#dc3545;background:#dc35451a;border-radius:50%}.dropdown-avatar[data-v-b3edd601]{width:48px;height:48px;border-radius:50%;border:2px solid var(--black);object-fit:cover;box-shadow:2px 2px #0000001a}.dropdown-avatar-placeholder[data-v-b3edd601]{width:48px;height:48px;border-radius:50%;border:2px solid var(--black);background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--gray)}.dropdown-info[data-v-b3edd601]{display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden}.dropdown-nickname[data-v-b3edd601]{font-size:15px;font-weight:700;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-id[data-v-b3edd601]{font-size:11px;color:var(--gray);font-family:monospace}.dropdown-menu[data-v-b3edd601]{display:flex;flex-direction:column}.menu-btn[data-v-b3edd601],.logout-btn[data-v-b3edd601]{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;background:var(--white);border:none;border-bottom:1px solid var(--bg-dark);cursor:pointer;font-size:13px;font-weight:600;color:var(--black);transition:all .2s;position:relative}.menu-btn[data-v-b3edd601]:last-child,.logout-btn[data-v-b3edd601]:last-child{border-bottom:none}.menu-btn[data-v-b3edd601]:hover,.logout-btn[data-v-b3edd601]:hover{background:var(--black);color:var(--white);padding-left:20px}.login-status-badge[data-v-b3edd601]{margin-left:auto;padding:2px 8px;background:#28a745;color:#fff;font-size:11px;font-weight:600;border-radius:10px;flex-shrink:0}.menu-btn svg[data-v-b3edd601],.logout-btn svg[data-v-b3edd601]{flex-shrink:0;transition:transform .2s}.menu-btn:hover svg[data-v-b3edd601],.logout-btn:hover svg[data-v-b3edd601]{transform:translate(4px)}.login-link[data-v-b3edd601]{color:#4ade80;font-weight:600;transition:all .2s}.login-link[data-v-b3edd601]:hover{text-decoration:underline}.dropdown-enter-active[data-v-b3edd601],.dropdown-leave-active[data-v-b3edd601]{transition:all .15s ease}.dropdown-enter-from[data-v-b3edd601],.dropdown-leave-to[data-v-b3edd601]{opacity:0;transform:translateY(-4px)}.window-controls[data-v-8804b5c1]{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-shrink:0;-webkit-app-region:no-drag}.win-btn[data-v-8804b5c1]{width:36px;height:36px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--black);opacity:.8}.win-btn[data-v-8804b5c1]:hover{background:#0000000d;opacity:1}.win-close[data-v-8804b5c1]:hover{background:#ff4d4f;color:#fff;opacity:1}@media(max-width:900px){.window-controls[data-v-8804b5c1]{gap:4px}.win-btn[data-v-8804b5c1]{width:28px;height:28px}}@media(max-width:600px){.win-btn[data-v-8804b5c1]{width:28px;height:28px}.win-btn svg[data-v-8804b5c1]{width:14px;height:14px}}.titlebar[data-v-a6314614]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:calc(12px + var(--safe-top));padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));border-bottom:var(--border);background:var(--bg);flex-shrink:0;transition:all .3s ease;-webkit-app-region:drag}.title-left[data-v-a6314614]{display:flex;align-items:center;gap:16px;flex-shrink:0}.logo[data-v-a6314614]{font-size:16px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}@media(max-width:900px){.titlebar[data-v-a6314614]{gap:8px;padding:8px 12px;padding-top:calc(8px + var(--safe-top));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.title-left[data-v-a6314614]{gap:8px}.logo[data-v-a6314614]{font-size:14px}}@media(max-width:600px){.titlebar[data-v-a6314614]{padding:8px 12px;padding-top:calc(8px + var(--safe-top));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));gap:8px}.logo[data-v-a6314614]{font-size:12px}}@media(max-width:390px){.titlebar[data-v-a6314614]{padding:6px 8px;gap:6px}.logo[data-v-a6314614]{font-size:11px}}.panel-tabs[data-v-a3af5f22]{display:flex;border-bottom:var(--border);flex-shrink:0}.tab[data-v-a3af5f22]{padding:12px 20px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-right:var(--border);background:var(--bg);white-space:nowrap;flex-shrink:0;transition:all .1s}.tab.active[data-v-a3af5f22]{background:var(--black);color:var(--white)}.tab[data-v-a3af5f22]:hover:not(.active),.tab[data-v-a3af5f22]:active:not(.active){background:var(--bg-dark)}@media(max-width:600px){.tab[data-v-a3af5f22]{padding:12px 16px;font-size:11px}}.right-panel[data-v-fc108b0d]{background:var(--bg);display:flex;flex-direction:column;min-height:0;overflow:hidden;min-width:0}.content-area[data-v-fc108b0d]{flex:1;overflow:hidden;position:relative;min-height:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.content-area[data-v-fc108b0d]>*{flex:1;min-height:0}.lyric-view[data-v-fc108b0d],.playlist-view[data-v-fc108b0d]{min-height:0}.window[data-v-61272707]{height:100%;display:flex;flex-direction:column;overflow:hidden}.main[data-v-61272707]{flex:1;display:grid;grid-template-columns:350px 1fr;min-height:0;transition:grid-template-columns .3s ease}.window.compact-mode .main[data-v-61272707]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;grid-template-columns:1fr}.window.compact-mode .left-panel[data-v-61272707]{display:none}.window.compact-mode[data-v-61272707]{justify-content:space-between;background:var(--bg);height:100%;display:flex;flex-direction:column}.left-panel[data-v-61272707]{border-right:3px solid var(--black);display:flex;flex-direction:column;min-height:0;background:var(--white);z-index:10}.panel-placeholder[data-v-61272707],.workspace-placeholder[data-v-61272707],.compact-placeholder[data-v-61272707]{position:relative;background:linear-gradient(180deg,#00000008,#00000004),repeating-linear-gradient(-45deg,rgba(0,0,0,.025),rgba(0,0,0,.025) 8px,transparent 8px,transparent 16px)}.panel-placeholder[data-v-61272707],.workspace-placeholder[data-v-61272707]{flex:1;min-height:0}.compact-placeholder[data-v-61272707]{height:100%}@media(max-width:900px){.main[data-v-61272707]{grid-template-columns:260px 1fr}.left-panel[data-v-61272707]{border-right:2px solid var(--black);min-width:0}}@media(max-width:768px){.main[data-v-61272707]{grid-template-columns:200px 1fr}}