:root{--primary-color: #d32f2f;--primary-dark: #b71c1c;--secondary-color: #f50;--text-color: #333;--text-secondary: #666;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #9e9e9e;--white: #fff;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease;--player-height-mobile: 60px}body{font-family:Helvetica Neue,Arial,sans-serif;color:var(--text-color);background-color:var(--light-gray);line-height:1.6}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dark-gray)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){:root{--header-height: 50px;--player-height: 60px}}@media (min-width: 769px){:root{--header-height: 60px;--player-height: 70px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333}#app{min-height:100vh}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue:hover{filter:drop-shadow(0 0 2em #42b883aa)}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.qr-login-container[data-v-6080d6f1]{display:flex;flex-direction:column;align-items:center;padding:20px}.qr-code[data-v-6080d6f1]{width:240px;height:240px;padding:10px;border:1px solid #eee;border-radius:8px}.error-message[data-v-6080d6f1]{color:#ff4d4f;margin:15px 0}.retry-btn[data-v-6080d6f1]{padding:8px 16px;background:#1677ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.retry-btn[data-v-6080d6f1]:hover{background:#0f62d9}.qr-login-container[data-v-6080d6f1]{width:100%;height:100%}.qr-login-wrapper[data-v-6080d6f1]{width:100%;max-width:320px;margin:0 auto;background-color:#fff;border-radius:8px}.logo-wrapper[data-v-6080d6f1]{padding:20px 0 15px;text-align:center}.logo[data-v-6080d6f1]{width:120px;height:40px;margin:0 auto;background:url(https://s1.music.126.net/style/favicon.ico) no-repeat center;background-size:contain}.qr-content[data-v-6080d6f1]{padding:0 20px 20px}.tab-container[data-v-6080d6f1]{display:flex;justify-content:center;margin-bottom:20px}.tab[data-v-6080d6f1]{font-size:16px;color:#666;padding:6px 15px;cursor:pointer}.tab.active[data-v-6080d6f1]{color:#333;font-weight:600;border-bottom:2px solid var(--primary-color)}.qr-code-area[data-v-6080d6f1]{text-align:center;padding:15px 0}.qr-image[data-v-6080d6f1]{width:200px;height:200px;margin:0 auto 15px;padding:10px;border:1px solid #eee;border-radius:8px}.qr-img[data-v-6080d6f1]{width:100%;height:100%;object-fit:contain}.qr-tip[data-v-6080d6f1]{color:#666;font-size:14px;margin:10px 0}.loading[data-v-6080d6f1]{text-align:center;padding:40px 0}.spinner[data-v-6080d6f1]{width:40px;height:40px;margin:0 auto;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-6080d6f1 1s linear infinite}@keyframes spin-6080d6f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-success[data-v-6080d6f1]{text-align:center;padding:40px 0}.success-text[data-v-6080d6f1]{margin-top:15px;font-size:16px;color:#333}.phone-login-btn[data-v-6080d6f1]{width:100%;height:40px;margin-top:20px;background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.phone-login-btn[data-v-6080d6f1]:hover{background-color:#0078ff0d}@keyframes fadeIn-b5a336c8{0%{opacity:0}to{opacity:1}}@keyframes slideUp-b5a336c8{0%{transform:translateY(20px);opacity:.8}to{transform:translateY(0);opacity:1}}.login-container[data-v-b5a336c8]{width:100%;height:100%}.login-wrapper[data-v-b5a336c8]{width:100%;max-width:320px;margin:0 auto;background-color:#fff;border-radius:8px}.logo-wrapper[data-v-b5a336c8]{padding:20px 0 15px;text-align:center}.logo[data-v-b5a336c8]{width:120px;height:40px;margin:0 auto;background:url(https://s1.music.126.net/style/favicon.ico) no-repeat center;background-size:contain}.form-wrapper[data-v-b5a336c8]{padding:0 20px 20px}.tab-container[data-v-b5a336c8]{display:flex;justify-content:center;margin-bottom:20px}.tab[data-v-b5a336c8]{font-size:16px;color:#666;padding:6px 15px;cursor:pointer}.tab.active[data-v-b5a336c8]{color:#333;font-weight:600;border-bottom:2px solid var(--primary-color)}.input-group[data-v-b5a336c8]{position:relative;margin-bottom:15px}.form-input[data-v-b5a336c8]{width:100%;height:40px;padding:0 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.form-input[data-v-b5a336c8]:focus{border-color:var(--primary-color)}.captcha-btn[data-v-b5a336c8]{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:26px;padding:0 8px;background:transparent;border:none;color:var(--primary-color);font-size:12px;cursor:pointer}.captcha-btn[data-v-b5a336c8]:disabled{color:#999;cursor:not-allowed}.login-btn[data-v-b5a336c8]{width:100%;height:40px;margin-top:8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.login-btn[data-v-b5a336c8]:hover{background-color:var(--primary-dark)}.login-btn[data-v-b5a336c8]:disabled{background-color:#ccc;cursor:not-allowed}.qr-login-btn[data-v-b5a336c8]{width:100%;height:40px;margin-top:8px;background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.qr-login-btn[data-v-b5a336c8]:hover{background-color:#0078ff0d}.other-login[data-v-b5a336c8]{margin-top:20px}.divider[data-v-b5a336c8]{display:flex;align-items:center;margin-bottom:15px}.line[data-v-b5a336c8]{flex:1;height:1px;background-color:#e0e0e0}.text[data-v-b5a336c8]{padding:0 10px;font-size:12px;color:#999}.social-icons[data-v-b5a336c8]{display:flex;justify-content:center;gap:20px}.icon-btn[data-v-b5a336c8]{width:32px;height:32px;border:none;border-radius:50%;background-size:60%;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .2s}.icon-btn[data-v-b5a336c8]:hover{transform:scale(1.1)}.wechat[data-v-b5a336c8]{background-color:#07c160;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik04LjUgMTMuNWMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJ6bTcgMGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgMi45IDIgMiAyIDJ6bTQuNSAzYy0xLjEgMC0yIC45LTIgMnMuOSAyIDIgMiAyLS45IDItMi0uOS0yLTItMnptLTkgMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6bTQuNS0xM2M0LjEgMCA3LjUgMy40IDcuNSA3LjUgMCAxLjEuMiAyLjEuNiAzLjFsMS41LTEuNWMuMi0uMi41LS4zLjctLjMuMiAwIC41LjEuNy4zLjQuNC40IDEgMCAxLjRsLTQuNSA0LjVjLS40LjQtMSAuNC0xLjQgMC0uMi0uMi0uMy0uNS0uMy0uNyAwLS4yLjEtLjUuMy0uN2wxLjUtMS41Yy0xLS40LTIuMS0uNi0zLjEtLjYtMy4zIDAtNi0yLjctNi02czIuNy02IDYtNnoiLz48L3N2Zz4=)}.qq[data-v-b5a336c8]{background-color:#12b7f5;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMiAxMGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTAtMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMSAxLS40IDEtMS0uNC0xLTEtMXptLTUgMGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTAtMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMSAxLS40IDEtMS0uNC0xLTEtMXptMTAgMGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTAtMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMSAxLS40IDEtMS0uNC0xLTEtMXptLTUgOWMtMy4zIDAtNi0yLjctNi02czIuNy02IDYtNiA2IDIuNyA2IDYtMi43IDYtNiA2em0wLTExYy0yLjggMC01IDIuMi01IDVzMi4yIDUgNSA1IDUtMi4yIDUtNS0yLjItNS01LTV6Ii8+PC9zdmc+)}.weibo[data-v-b5a336c8]{background-color:#e6162d;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMiAxMGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTAtMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMSAxLS40IDEtMS0uNC0xLTEtMXptLTUgMGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTAtMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMSAxLS40IDEtMS0uNC0xLTEtMXptMTAgMGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTAtMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMSAxLS40IDEtMS0uNC0xLTEtMXptLTUgOWMtMy4zIDAtNi0yLjctNi02czIuNy02IDYtNiA2IDIuNyA2IDYtMi43IDYtNiA2em0wLTExYy0yLjggMC01IDIuMi01IDVzMi4yIDUgNSA1IDUtMi4yIDUtNS0yLjItNS01LTV6Ii8+PC9zdmc+)}.login-overlay[data-v-4927223c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn-4927223c .3s ease}.login-modal[data-v-4927223c]{position:relative;background-color:#fff;border-radius:12px;padding:20px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-4927223c .3s ease}.modal-close[data-v-4927223c]{position:absolute;top:15px;right:15px;background:none;border:none;padding:5px;cursor:pointer;color:#666;transition:color .2s;z-index:1}.modal-close[data-v-4927223c]:hover{color:#333}@keyframes fadeIn-4927223c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-4927223c{0%{transform:translateY(20px);opacity:.8}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.login-modal[data-v-4927223c]{width:95%;padding:15px}}.navbar-container[data-v-4927223c]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#fffffff2;box-shadow:var(--shadow);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.mt-20[data-v-4927223c]{margin-top:20px}.navbar-wrapper[data-v-4927223c]{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;justify-content:space-between;align-items:center}.logo-container[data-v-4927223c],.logo[data-v-4927223c]{display:flex;align-items:center}.logo-text[data-v-4927223c]{font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:-1px}.nav-links[data-v-4927223c]{display:flex;margin:0 20px}.nav-link[data-v-4927223c]{padding:0 15px;font-size:16px;color:var(--text-color);height:var(--header-height);line-height:var(--header-height);position:relative;transition:var(--transition)}.nav-link[data-v-4927223c]:hover,.nav-link.active[data-v-4927223c]{color:var(--primary-color)}.nav-link.active[data-v-4927223c]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color)}.search-container[data-v-4927223c]{flex:1;max-width:400px;margin:0 20px;position:relative}.search-input-wrapper[data-v-4927223c]{position:relative;width:100%;height:36px;background-color:#f0f0f0;border-radius:18px;overflow:hidden;transition:var(--transition)}.search-input-wrapper[data-v-4927223c]:hover{background-color:#e8e8e8}.search-input[data-v-4927223c]{width:100%;height:100%;padding:0 40px 0 20px;border:none;background:transparent;font-size:14px;outline:none}.search-icon[data-v-4927223c]{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCIvPjwvc3ZnPg==);background-size:cover;cursor:pointer}.floating-search-button[data-v-4927223c]{position:absolute;right:-70px;top:50%;transform:translateY(-50%);padding:6px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s}.floating-search-button[data-v-4927223c]:hover{background-color:var(--primary-dark)}.search-overlay[data-v-4927223c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998}.search-results[data-v-4927223c]{position:absolute;top:100%;left:0;right:0;width:100%;padding:0;margin:0;background-color:var(--white);border-radius:0 0 8px 8px;box-shadow:0 4px 20px #00000026;z-index:1002;max-height:400px;overflow:hidden;box-sizing:border-box}.search-results-header[data-v-4927223c]{padding:10px 16px;border-bottom:1px solid var(--medium-gray)}.search-results-header h3[data-v-4927223c]{font-size:14px;font-weight:500;color:var(--text-color-secondary)}.search-results-list[data-v-4927223c]{max-height:320px;overflow-y:auto}.search-result-item[data-v-4927223c]{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--light-gray);cursor:pointer;transition:var(--transition)}.search-result-item[data-v-4927223c]:hover{background-color:var(--light-gray)}.song-info[data-v-4927223c]{flex:1;overflow:hidden}.song-name[data-v-4927223c]{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist[data-v-4927223c]{font-size:12px;color:var(--text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-icon[data-v-4927223c]{width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMzMzMiIGQ9Ik04IDV2MTBsNi01eiIvPjwvZz48L3N2Zz4=);background-size:cover;opacity:0;transition:var(--transition)}.search-result-item:hover .play-icon[data-v-4927223c]{opacity:1}.loading-indicator[data-v-4927223c]{padding:10px 0;display:flex;justify-content:center;align-items:center}.spinner[data-v-4927223c]{width:20px;height:20px;border:2px solid var(--light-gray);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-4927223c 1s linear infinite}@keyframes spin-4927223c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-actions[data-v-4927223c]{display:flex;align-items:center}.user-profile[data-v-4927223c]{position:relative;margin-left:20px;cursor:pointer}.avatar[data-v-4927223c]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:var(--transition)}.user-profile:hover .avatar[data-v-4927223c]{border-color:var(--primary-color)}.user-menu[data-v-4927223c]{position:absolute;top:45px;right:0;width:160px;background-color:var(--white);border-radius:8px;box-shadow:0 4px 20px #00000026;padding:10px 0;z-index:1001;display:none;animation:fadeIn-4927223c .2s ease}.user-menu.show[data-v-4927223c]{display:block}.menu-item[data-v-4927223c]{display:block;padding:8px 16px;font-size:14px;color:var(--text-color);transition:var(--transition)}.menu-item[data-v-4927223c]:hover{background-color:var(--light-gray);color:var(--primary-color)}.menu-divider[data-v-4927223c]{height:1px;background-color:var(--medium-gray);margin:5px 0}.logout[data-v-4927223c]{color:var(--primary-color)}.login-btn[data-v-4927223c]{padding:6px 16px;background-color:var(--primary-color);color:var(--white);border-radius:18px;font-size:14px;font-weight:500;transition:var(--transition)}.login-btn[data-v-4927223c]:hover{background-color:#b71c1c;transform:translateY(-2px)}.mobile-menu-btn[data-v-4927223c]{display:none;width:36px;height:36px;align-items:center;justify-content:center}.menu-icon[data-v-4927223c]{position:relative;width:24px;height:2px;background-color:var(--text-color);transition:var(--transition)}.menu-icon[data-v-4927223c]:before,.menu-icon[data-v-4927223c]:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-color);transition:var(--transition)}.menu-icon[data-v-4927223c]:before{top:-6px}.menu-icon[data-v-4927223c]:after{top:6px}.mobile-menu-btn.active .menu-icon[data-v-4927223c]{background-color:transparent}.mobile-menu-btn.active .menu-icon[data-v-4927223c]:before{top:0;transform:rotate(45deg)}.mobile-menu-btn.active .menu-icon[data-v-4927223c]:after{top:0;transform:rotate(-45deg)}.mobile-menu[data-v-4927223c]{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--white);box-shadow:0 4px 10px #0000001a;z-index:999;padding:15px 0;display:none;animation:fadeIn-4927223c .3s ease}.mobile-menu.show[data-v-4927223c]{display:block}.mobile-nav-links[data-v-4927223c]{display:flex;flex-direction:column;padding:0 20px}.mobile-nav-link[data-v-4927223c]{padding:12px 0;font-size:16px;color:var(--text-color);border-bottom:1px solid var(--medium-gray)}.mobile-nav-link[data-v-4927223c]:last-child{border-bottom:none}@media (max-width: 768px){.navbar-wrapper[data-v-4927223c]{padding:0 15px}.nav-links[data-v-4927223c],.user-profile[data-v-4927223c]{display:none}.search-container[data-v-4927223c]{max-width:none;margin:0 10px}.mobile-menu-btn[data-v-4927223c]{display:flex}}@media (min-width: 769px){.mobile-menu[data-v-4927223c]{display:none!important}}.player-bar[data-v-1bd07191]{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);background-color:#fffffff2;box-shadow:0 -2px 15px #00000014;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border-top:1px solid rgba(0,0,0,.03)}.player-bar-wrapper[data-v-1bd07191]{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.song-info[data-v-1bd07191]{display:flex;align-items:center;width:250px;cursor:pointer;transition:var(--transition)}.song-info[data-v-1bd07191]:hover{transform:translateY(-2px)}.song-cover[data-v-1bd07191]{width:50px;height:50px;border-radius:8px;margin-right:12px;object-fit:cover;box-shadow:0 3px 12px #00000040;transition:var(--transition)}.song-info:hover .song-cover[data-v-1bd07191]{transform:scale(1.08);box-shadow:0 5px 18px #00000059}.song-meta[data-v-1bd07191]{display:flex;flex-direction:column;overflow:hidden}.song-name[data-v-1bd07191]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px;font-size:14px;font-weight:600;color:var(--text-color);transition:var(--transition)}.song-info:hover .song-name[data-v-1bd07191]{color:var(--primary-color)}.song-artist[data-v-1bd07191]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:12px;color:var(--text-secondary)}.player-controls[data-v-1bd07191]{display:flex;align-items:center;margin:0 20px}.control-btn[data-v-1bd07191]{background:none;border:none;padding:5px;cursor:pointer;margin:0 10px;transition:var(--transition);outline:none}.control-btn[data-v-1bd07191]:hover{transform:scale(1.15)}.play-btn[data-v-1bd07191]{width:46px;height:46px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 18px;box-shadow:0 4px 15px #d32f2f66;transition:var(--transition)}.play-btn[data-v-1bd07191]:hover{background-color:var(--primary-dark);transform:scale(1.05);box-shadow:0 6px 20px #d32f2f80}.play-icon[data-v-1bd07191]{width:20px;height:20px;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23fff'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;transition:var(--transition)}.play-icon.pause-icon[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z' fill='%23fff'/%3E%3C/svg%3E")}.prev-icon[data-v-1bd07191],.next-icon[data-v-1bd07191]{width:26px;height:26px;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;color:var(--text-secondary)}.prev-icon[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z' fill='%23333'/%3E%3C/svg%3E")}.next-icon[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z' fill='%23333'/%3E%3C/svg%3E")}.mode-icon[data-v-1bd07191]{width:22px;height:22px;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 10h18v2H3zm0-4h18v2H3zm0 8h12v2H3zm0 4h12v2H3z' fill='%23333'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat}.mode-icon.loop[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10v3l4-4-4-4v3H5v6h2zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2z' fill='%23333'/%3E%3C/svg%3E")}.mode-icon.random[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9 0 2.49 1.02 4.76 2.67 6.34l-1.23 1.23 1.41 1.41 1.23-1.23c1.58 1.66 3.85 2.67 6.34 2.67 4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-3-8l3 1V7l-3 1.9V9z' fill='%23333'/%3E%3C/svg%3E")}.favorite-icon[data-v-1bd07191]{width:22px;height:22px;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat}.favorite-icon.active[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23d32f2f'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat}.progress-container[data-v-1bd07191]{flex:1;display:flex;align-items:center;max-width:400px}.time[data-v-1bd07191]{font-size:12px;color:var(--text-secondary);margin:0 10px;min-width:40px;text-align:center}.progress-bar[data-v-1bd07191]{flex:1;height:4px;background-color:#00000014;border-radius:2px;position:relative;cursor:pointer;transition:var(--transition)}.progress-bar[data-v-1bd07191]:hover{height:6px}.progress-bg[data-v-1bd07191]{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#00000014;border-radius:2px}.progress-value[data-v-1bd07191]{position:absolute;top:0;left:0;height:100%;background-color:var(--primary-color);border-radius:2px;transition:width .1s linear}.progress-handle[data-v-1bd07191]{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;background-color:#fff;border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 12px #d32f2f99;cursor:pointer;transition:var(--transition);z-index:1}.progress-bar:hover .progress-handle[data-v-1bd07191]{transform:translateY(-50%) scale(1.2);box-shadow:0 0 15px #d32f2fb3}.volume-container[data-v-1bd07191]{display:flex;align-items:center;width:120px;margin-left:10px}.volume-btn[data-v-1bd07191]{width:22px;height:22px;margin-right:10px;background:none;border:none;cursor:pointer;outline:none}.volume-icon[data-v-1bd07191]{width:100%;height:100%;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm16.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z' fill='%23333'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;transition:var(--transition)}.volume-icon.mute-icon[data-v-1bd07191]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 9v6h4l5 5V4L11 9H7zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM17 4.44L19.56 7H17V4.44zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z' fill='%23333'/%3E%3C/svg%3E")}.volume-btn:hover .volume-icon[data-v-1bd07191]{transform:scale(1.1);filter:brightness(1.2)}.volume-bar[data-v-1bd07191]{flex:1;height:4px;background-color:#00000014;border-radius:2px;position:relative;cursor:pointer;transition:var(--transition)}.volume-bar[data-v-1bd07191]:hover{height:6px}.volume-bg[data-v-1bd07191]{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#00000014;border-radius:2px}.volume-value[data-v-1bd07191]{position:absolute;top:0;left:0;height:100%;background-color:var(--text-secondary);border-radius:2px;transition:width .1s linear}.volume-handle[data-v-1bd07191]{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:#fff;border:2px solid var(--text-secondary);border-radius:50%;cursor:pointer;transition:var(--transition)}.volume-bar:hover .volume-handle[data-v-1bd07191]{transform:translateY(-50%) scale(1.2)}@media (max-width: 768px){.player-bar[data-v-1bd07191]{height:var(--player-height-mobile);padding:0 10px}.player-bar-wrapper[data-v-1bd07191]{padding:0 15px}.song-info[data-v-1bd07191]{width:35%;min-width:150px}.song-cover[data-v-1bd07191]{width:40px;height:40px;border-radius:6px;margin-right:10px}.song-name[data-v-1bd07191]{font-size:13px}.song-artist[data-v-1bd07191]{font-size:11px}.player-controls[data-v-1bd07191]{margin:0 10px}.control-btn[data-v-1bd07191]{margin:0 8px}.play-btn[data-v-1bd07191]{width:40px;height:40px;margin:0 12px}.progress-container[data-v-1bd07191]{max-width:none;width:100%}.time[data-v-1bd07191]{font-size:11px;min-width:35px;margin:0 5px}.volume-container[data-v-1bd07191]{width:50px;margin-left:5px}.volume-bar[data-v-1bd07191]{display:none}}.home-container[data-v-37c2db00]{min-height:100vh;padding-top:var(--header-height);padding-bottom:var(--player-height);box-sizing:border-box;background-color:var(--light-gray);overflow-x:hidden}.main-content[data-v-37c2db00]{max-width:1200px;margin:0 auto;padding:20px}.banner-container[data-v-37c2db00]{width:100%;height:240px;overflow:hidden;margin-bottom:30px;border-radius:12px;box-shadow:var(--shadow);position:relative}.banner-wrapper[data-v-37c2db00]{width:100%;height:100%;position:relative}.banner-img[data-v-37c2db00]{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;position:absolute;top:0;left:0}.section-container[data-v-37c2db00]{margin-bottom:40px;animation:fadeIn .5s ease forwards}.section-header[data-v-37c2db00]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title[data-v-37c2db00]{font-size:24px;font-weight:700;margin:0;color:var(--text-color);position:relative;padding-left:12px}.section-title[data-v-37c2db00]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background-color:var(--primary-color);border-radius:2px}.more-link[data-v-37c2db00]{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition)}.more-link[data-v-37c2db00]:hover{color:var(--primary-color)}.playlist-grid[data-v-37c2db00]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.playlist-item[data-v-37c2db00]{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:var(--transition);background-color:var(--white);height:260px;display:flex;flex-direction:column}.playlist-item[data-v-37c2db00]:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0000001f}.playlist-cover[data-v-37c2db00]{width:100%;height:180px;object-fit:cover;display:block}.playlist-mask[data-v-37c2db00]{position:absolute;top:0;left:0;width:100%;height:180px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));opacity:0;transition:opacity .3s ease}.playlist-item:hover .playlist-mask[data-v-37c2db00]{opacity:1}.playlist-name[data-v-37c2db00]{padding:12px 15px 8px;font-size:16px;font-weight:500;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-color);flex:1}.playlist-playcount[data-v-37c2db00]{padding:0 15px 15px;font-size:13px;color:var(--text-secondary);margin:0;display:flex;align-items:center}.playlist-playcount[data-v-37c2db00]:before{content:"";display:inline-block;width:16px;height:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgNmw0IDIgLTQgMi00LTItNC0yIDQtMnptMCAxMEw3IDhIN2wtNCA0IDQgNHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY2NiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=);background-size:cover;margin-right:5px}.artist-grid[data-v-37c2db00]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:25px}.artist-item[data-v-37c2db00]{text-align:center;transition:var(--transition);padding:15px;border-radius:12px;background-color:var(--white);box-shadow:0 2px 10px #0000000d}.artist-item[data-v-37c2db00]:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.artist-avatar[data-v-37c2db00]{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 15px;border:4px solid #f0f0f0;transition:var(--transition)}.artist-item:hover .artist-avatar[data-v-37c2db00]{transform:scale(1.05);border-color:var(--primary-color)}.artist-name[data-v-37c2db00]{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-color)}.artist-album[data-v-37c2db00]{font-size:13px;color:var(--text-secondary);margin:0 0 5px}.artist-fans[data-v-37c2db00]{font-size:13px;color:var(--text-secondary);margin:0}.song-list[data-v-37c2db00]{background-color:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.song-item[data-v-37c2db00]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f5f5f5;transition:var(--transition)}.song-item[data-v-37c2db00]:hover{background-color:#fafafa}.song-rank[data-v-37c2db00]{width:30px;text-align:center;font-size:15px;color:var(--text-secondary);font-weight:500}.song-rank[data-v-37c2db00]:nth-child(-n+3){color:var(--primary-color);font-weight:700}.song-info[data-v-37c2db00]{flex:1;margin-left:15px}.song-name[data-v-37c2db00]{font-size:15px;margin:0 0 3px;color:var(--text-color)}.song-artist[data-v-37c2db00]{font-size:13px;color:var(--text-secondary);margin:0}.song-duration[data-v-37c2db00]{font-size:13px;color:var(--text-secondary);white-space:nowrap}.side-by-side-container[data-v-37c2db00]{display:flex;gap:20px;margin-bottom:40px;align-items:stretch;flex-wrap:wrap}.half-width[data-v-37c2db00]{flex:1;min-width:300px;margin-bottom:0;display:flex;flex-direction:column;animation:fadeIn .5s ease forwards}.toplist-container[data-v-37c2db00]{background-color:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;flex:1;display:flex;flex-direction:column}.toplist-item[data-v-37c2db00]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f5f5f5;transition:var(--transition)}.toplist-item[data-v-37c2db00]:hover{background-color:#fafafa}.toplist-rank[data-v-37c2db00]{width:30px;text-align:center;font-size:18px;font-weight:700}.toplist-rank[data-v-37c2db00]:nth-child(-n+3){color:var(--primary-color)}.toplist-cover[data-v-37c2db00]{width:80px;height:80px;object-fit:cover;margin-left:15px;border-radius:8px;box-shadow:0 2px 8px #00000026}.toplist-info[data-v-37c2db00]{flex:1;margin-left:15px}.toplist-name[data-v-37c2db00]{font-size:16px;font-weight:600;margin:0 0 5px;color:var(--text-color)}.toplist-desc[data-v-37c2db00]{font-size:13px;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.main-content[data-v-37c2db00]{padding:15px}.banner-container[data-v-37c2db00]{height:160px;border-radius:8px}.playlist-grid[data-v-37c2db00]{grid-template-columns:repeat(2,1fr);gap:15px}.playlist-item[data-v-37c2db00]{height:220px;border-radius:8px}.playlist-cover[data-v-37c2db00]{height:140px}.artist-grid[data-v-37c2db00]{grid-template-columns:repeat(3,1fr);gap:15px}.artist-item[data-v-37c2db00]{padding:10px;border-radius:8px}.artist-avatar[data-v-37c2db00]{width:80px;height:80px;margin-bottom:10px}.section-title[data-v-37c2db00]{font-size:20px}.side-by-side-container[data-v-37c2db00]{flex-direction:column}.half-width[data-v-37c2db00]{min-width:100%;margin-bottom:20px}.song-item[data-v-37c2db00],.toplist-item[data-v-37c2db00]{padding:12px 15px}}@media (min-width: 1024px){.playlist-grid[data-v-37c2db00]{grid-template-columns:repeat(6,1fr)}}.loading-container[data-v-37c2db00]{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner[data-v-37c2db00]{width:40px;height:40px;border:4px solid rgba(211,47,47,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin-37c2db00 1s linear infinite}@keyframes spin-37c2db00{to{transform:rotate(360deg)}}