.music-player-container[data-v-8b4e5795]{padding:20px;display:flex;flex-direction:column;align-items:center}.album-cover[data-v-8b4e5795]{position:relative;max-width:100%;width:280px;height:280px}.loading-cover[data-v-8b4e5795]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:15px}.cover-loading[data-v-8b4e5795]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.song-info[data-v-8b4e5795]{width:100%;margin:20px 0}.player-controls[data-v-8b4e5795]{width:100%}.time-info[data-v-8b4e5795]{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary);margin-top:5px}.playback-error[data-v-8b4e5795]{margin-top:15px;padding:10px;color:var(--accent-color);background:rgba(255,72,72,.1);border-radius:8px;text-align:center;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.playback-error i[data-v-8b4e5795]{font-size:16px}.control-button.disabled[data-v-8b4e5795]{opacity:.5;cursor:not-allowed}.volume-icon[data-v-8b4e5795]{cursor:pointer;transition:color .2s ease}.volume-icon[data-v-8b4e5795]:hover{color:var(--text-color)}@media (max-width: 900px){.album-cover[data-v-8b4e5795]{width:220px;height:220px}.song-info h2[data-v-8b4e5795]{font-size:20px}.song-info p[data-v-8b4e5795]{font-size:14px}}.song-list-container[data-v-f688597a]{margin-top:0;height:100%;display:flex;flex-direction:column}.empty-state[data-v-f688597a]{text-align:center;padding:30px;color:var(--text-secondary);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-state i[data-v-f688597a]{font-size:40px;margin-bottom:15px}.empty-state p[data-v-f688597a]{font-size:16px}.song-icon[data-v-f688597a]{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#333,#222);color:var(--text-secondary)}.song-icon i[data-v-f688597a]{font-size:18px}.song-loading[data-v-f688597a]{margin-left:5px;color:var(--accent-color);font-size:14px}.song-playing[data-v-f688597a]{margin-left:5px;color:var(--accent-color);font-size:14px;animation:pulse-f688597a 1.5s infinite}@keyframes pulse-f688597a{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading-item[data-v-f688597a]{position:relative;background:linear-gradient(145deg,#2a2a2a,#232323)}.loading-item[data-v-f688597a]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03));background-size:200% 100%;animation:loading-shine-f688597a 1.5s infinite;pointer-events:none;border-radius:10px}@keyframes loading-shine-f688597a{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.song-thumbnail[data-v-f688597a]{width:36px;height:36px}.song-item[data-v-f688597a]{padding:8px 12px;margin-bottom:6px}.song-title[data-v-f688597a]{font-size:13px}.song-artist[data-v-f688597a]{font-size:11px}}.input-form[data-v-b51ae5bd]{margin-bottom:30px}.search-container[data-v-b51ae5bd]{display:flex;align-items:center;gap:15px;margin:20px 0}.input-container[data-v-b51ae5bd]{flex:1;margin:0;position:relative}.input-icon[data-v-b51ae5bd]{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:var(--text-secondary)}.input-tip[data-v-b51ae5bd]{position:absolute;left:10px;bottom:-22px;font-size:12px;color:var(--text-secondary);transition:all .2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.play-button[data-v-b51ae5bd]{width:56px;height:56px;position:relative;box-shadow:5px 5px 15px #000000b3,-2px -2px 10px #ffffff14;background:linear-gradient(145deg,#ff5757,#e83e3e);overflow:visible}.play-button[data-v-b51ae5bd]:hover{transform:scale(1.08);box-shadow:6px 6px 18px #000c,-3px -3px 15px #ffffff1a}.play-button i[data-v-b51ae5bd]{font-size:20px;margin-left:2px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.play-button[data-v-b51ae5bd]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-tooltip[data-v-b51ae5bd]{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;visibility:hidden;transition:all .2s ease;white-space:nowrap}.play-button:hover .btn-tooltip[data-v-b51ae5bd]{opacity:1;visibility:visible;bottom:-25px}.play-button[data-v-b51ae5bd]:not(:disabled):before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(255,87,87,.6);z-index:-1;animation:pulse-b51ae5bd 2s infinite}@keyframes pulse-b51ae5bd{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.2);opacity:0}to{transform:scale(1.2);opacity:0}}@media (max-width: 600px){.search-container[data-v-b51ae5bd]{flex-direction:column;gap:10px}.play-button[data-v-b51ae5bd]{align-self:flex-end;margin-top:5px}.input-tip[data-v-b51ae5bd]{bottom:-18px;font-size:11px}}.app-title[data-v-f173c007]{text-align:center;margin-bottom:30px;font-weight:700;color:var(--text-color);letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.search-section[data-v-f173c007]{margin-bottom:20px}:root{--primary-color: #2a2a2a;--secondary-color: #383838;--accent-color: #ff4848;--text-color: #f0f0f0;--text-secondary: #aaaaaa;--shadow-color: rgba(0, 0, 0, .5);--highlight-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,sans-serif;background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.container{width:100%;max-width:1200px;padding:20px;margin:0 auto}.music-player{background:linear-gradient(145deg,#2e2e2e,#272727);border-radius:20px;box-shadow:10px 10px 30px var(--shadow-color),-10px -10px 30px #ffffff08,inset 0 0 10px #0000001a;overflow:hidden;position:relative;padding:30px}.player-layout{display:flex;flex-direction:row;gap:30px;align-items:stretch}.player-main{flex:1;min-width:0}.player-sidebar{width:340px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);padding-left:25px}@media (max-width: 900px){.player-layout{flex-direction:column}.player-sidebar{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.05);padding-left:0;padding-top:25px;margin-top:25px}}.input-container{position:relative;margin-bottom:20px}.skeuomorphic-input{width:100%;padding:15px 20px 15px 40px;background:#1e1e1e;color:var(--text-color);border:none;border-radius:25px;font-size:16px;height:50px;box-shadow:inset 2px 2px 5px #000000b3,inset -2px -2px 5px #ffffff0d;transition:all .3s ease}.skeuomorphic-input:focus{outline:none;box-shadow:inset 2px 2px 8px #000c,inset -2px -2px 8px #ffffff1a;background:#222}.skeuomorphic-button{display:inline-block;padding:12px 24px;background:linear-gradient(145deg,#2e2e2e,#272727);color:var(--text-color);border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:5px 5px 10px var(--shadow-color),-5px -5px 10px #ffffff08;transition:all .2s ease}.skeuomorphic-button:hover{box-shadow:3px 3px 6px var(--shadow-color),-3px -3px 6px #ffffff0d;transform:scale(1.02)}.skeuomorphic-button:active{box-shadow:inset 2px 2px 5px #000000b3,inset -2px -2px 5px #ffffff0d;transform:translateY(2px) scale(.98)}.skeuomorphic-button.accent{background:linear-gradient(145deg,#ff5757,#e83e3e);color:#fff}.skeuomorphic-button.round{width:56px;height:56px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.skeuomorphic-button.round:hover{transform:scale(1.08);box-shadow:6px 6px 18px #000c,-3px -3px 15px #ffffff1a}.skeuomorphic-button.round i{font-size:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.music-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}.control-button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2e2e2e,#272727);box-shadow:5px 5px 10px var(--shadow-color),-5px -5px 10px #ffffff08;cursor:pointer;transition:all .2s ease}.control-button:hover{box-shadow:3px 3px 6px var(--shadow-color),-3px -3px 6px #ffffff0d}.control-button:active{box-shadow:inset 2px 2px 5px #000000b3,inset -2px -2px 5px #ffffff0d}.control-button i{font-size:20px;color:var(--text-color)}.play-button{width:70px;height:70px}.play-button i{font-size:28px;color:var(--accent-color)}.album-cover{width:250px;height:250px;margin:0 auto 20px;border-radius:15px;overflow:hidden;box-shadow:10px 10px 20px var(--shadow-color),-5px -5px 20px #ffffff08}.album-cover img{width:100%;height:100%;object-fit:cover}.song-info{text-align:center;margin-bottom:20px}.song-info h2{font-size:24px;font-weight:700;margin-bottom:5px}.song-info p{font-size:16px;color:var(--text-secondary)}.progress-bar{width:100%;height:8px;background:#1e1e1e;border-radius:4px;margin:20px 0;position:relative;box-shadow:inset 1px 1px 3px #000000b3,inset -1px -1px 3px #ffffff0d;cursor:pointer}.progress{position:absolute;height:100%;background:linear-gradient(90deg,#ff4848,#ff7676);border-radius:4px;box-shadow:0 0 5px #ff484880}.song-list{margin-top:20px;border-radius:15px;background:rgba(0,0,0,.2);padding:15px;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--secondary-color);box-shadow:inset 2px 2px 5px #000000b3,inset -2px -2px 5px #ffffff0d;flex:1}.sidebar-playlist{display:flex;flex-direction:column;height:100%;max-height:80vh}.song-list::-webkit-scrollbar{width:8px}.song-list::-webkit-scrollbar-track{background:var(--secondary-color);border-radius:10px}.song-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.song-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:8px;border-radius:10px;background:linear-gradient(145deg,#2e2e2e,#272727);box-shadow:3px 3px 5px var(--shadow-color),-1px -1px 5px #ffffff08;cursor:pointer;transition:all .2s ease}.song-item:hover{background:linear-gradient(145deg,#333333,#2a2a2a)}.song-item.active{background:linear-gradient(145deg,#ff5757,#e83e3e)}.song-item.active .song-title,.song-item.active .song-artist{color:#fff}.song-thumbnail{width:40px;height:40px;border-radius:8px;overflow:hidden;margin-right:15px;box-shadow:2px 2px 5px #0000004d}.song-thumbnail img{width:100%;height:100%;object-fit:cover}.song-details{flex:1;min-width:0}.song-title{font-size:14px;font-weight:500;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;margin-bottom:20px}.tab{flex:1;padding:12px;text-align:center;background:linear-gradient(145deg,#2e2e2e,#272727);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 5px var(--shadow-color),-3px -3px 5px #ffffff08}.tab:first-child{border-radius:10px 0 0 10px}.tab:last-child{border-radius:0 10px 10px 0}.tab.active{background:linear-gradient(145deg,#333333,#2a2a2a);color:var(--accent-color);box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #ffffff0d}.volume-control{display:flex;align-items:center;gap:10px;margin-top:15px}.volume-icon{font-size:18px;width:25px;color:var(--text-secondary)}.volume-slider{flex:1;height:6px;background:#1e1e1e;border-radius:3px;position:relative;box-shadow:inset 1px 1px 3px #000000b3,inset -1px -1px 3px #ffffff0d;cursor:pointer}.volume-level{position:absolute;height:100%;background:linear-gradient(90deg,#aaaaaa,#dddddd);border-radius:3px}.volume-knob{position:absolute;width:16px;height:16px;background:#f0f0f0;border-radius:50%;top:-5px;transform:translate(-50%);box-shadow:0 2px 5px #0000004d}.loading{display:flex;align-items:center;justify-content:center;min-height:100px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#ff4848;text-align:center;padding:15px;margin:15px 0;background:rgba(255,72,72,.1);border-radius:10px;box-shadow:inset 1px 1px 3px #00000080}.sidebar-title{font-size:18px;font-weight:600;margin-bottom:15px;color:var(--text-color);text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.sidebar-content{height:100%}