*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:system-ui,—apple-system,Segoe UI,Rototo,Emoji,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100vw;height:100vh;padding:1.25rem;font-weight:400;background:linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 25%, #16213e 50%, #0f3460 75%, #533483 100%)}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(120, 219, 226, 0.2) 0%, transparent 50%);animation:backgroundShift 10s ease-in-out infinite}::-webkit-scrollbar{width:.5rem;background:rgba(0,0,0,.2);border-radius:.25rem}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:.25rem;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@font-face{font-family:"music-iconfont";src:url("../fonts/iconfont.woff2") format("woff2"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype")}.mui-e015,.mui-e014,.mui-e013,.mui-e012,.mui-e011,.mui-e010,.mui-e009,.mui-e008,.mui-e007,.mui-e006,.mui-e005,.mui-e004,.mui-e003,.mui-e002,.mui-e001{font-family:"music-iconfont" !important;font-style:normal;font-weight:normal;font-size:1rem;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mui-e001:before{content:""}.mui-e002:before{content:""}.mui-e003:before{content:""}.mui-e004:before{content:""}.mui-e005:before{content:""}.mui-e006:before{content:""}.mui-e007:before{content:""}.mui-e008:before{content:""}.mui-e009:before{content:""}.mui-e010:before{content:""}.mui-e011:before{content:""}.mui-e012:before{content:""}.mui-e013:before{content:""}.mui-e014:before{content:""}.mui-e015:before{content:""}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.video-background video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(0.5);opacity:.8;transition:opacity .5s ease-in-out}.music-player{position:relative;display:flex;overflow:hidden;width:100%;max-width:87.5rem;height:48.4375rem;border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1.5625rem 3.125rem rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.music-player::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent)}.music-player .player-left{flex:1;min-width:33.4375rem;display:flex;flex-direction:column;background:rgba(0,0,0,.2);position:relative}.music-player .player-left .player-main{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden;transition:all .8s ease}.music-player .player-left .player-main::before{content:"";position:absolute;top:-1.25rem;left:-1.25rem;right:-1.25rem;bottom:-1.25rem;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px) brightness(0.3) saturate(1.2);opacity:0;transition:all .8s ease;z-index:-1;transform:scale(1.1)}.music-player .player-left .player-main.has-background::before{opacity:1}.music-player .player-left .player-main::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);opacity:0;transition:opacity .8s ease;z-index:-1}.music-player .player-left .player-main.has-background::after{opacity:1}.music-player .player-left .player-main>*{position:relative;z-index:1}.music-player .player-left .album-lyrics-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:17.5rem;margin-bottom:3rem}.music-player .player-left .album-lyrics-container .album-art{width:17.5rem;height:17.5rem;border-radius:50%;overflow:hidden;opacity:0;visibility:hidden;transform:scale(0.9);transition:all .4s ease;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.5),0 0 0 .5rem hsla(0,0%,100%,.1),0 0 0 16px hsla(0,0%,100%,.05)}.music-player .player-left .album-lyrics-container .album-art.active{opacity:1;visibility:visible;transform:scale(1)}.music-player .player-left .album-lyrics-container .album-art::before{content:"";position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;background:conic-gradient(from 0deg, #ff006e, #8338ec, #3a86ff, #06ffa5, #ffbe0b, #ff006e);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.music-player .player-left .album-lyrics-container .album-art.playing::before{opacity:1;animation:rotate 7s linear infinite}.music-player .player-left .album-lyrics-container .album-art.playing img{animation:rotate 7s linear infinite}.music-player .player-left .album-lyrics-container .album-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;border-radius:50%}.music-player .player-left .album-lyrics-container .album-art:hover .play-overlay{opacity:1}.music-player .player-left .album-lyrics-container .album-art .play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;cursor:pointer;border-radius:50%}.music-player .player-left .album-lyrics-container .album-art .play-overlay i{font-size:4rem;color:#fff;text-shadow:0 .125rem .625rem rgba(0,0,0,.5);transform:translateX(0.125rem)}.music-player .player-left .album-lyrics-container .lyrics-display{position:absolute;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .4s ease;transform:scale(0.9)}.music-player .player-left .album-lyrics-container .lyrics-display.active{opacity:1;visibility:visible;transform:scale(1)}.music-player .player-left .album-lyrics-container .lyrics-display .lyrics-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.music-player .player-left .album-lyrics-container .lyrics-display .no-lyrics{color:hsla(0,0%,100%,.6);height:100%;display:flex;align-items:center;justify-content:center}.music-player .player-left .album-lyrics-container .lyrics-display .no-lyrics p{font-size:.9rem;opacity:.8}.music-player .player-left .album-lyrics-container .lyrics-display .lyrics-line{cursor:pointer;width:-moz-fit-content;width:fit-content;padding:.25rem 0;line-height:1.5;font-size:1rem;color:hsla(0,0%,100%,.5);transition:all .3s ease;text-align:center}.music-player .player-left .album-lyrics-container .lyrics-display .lyrics-line:hover{color:hsla(0,0%,100%,.8)}.music-player .player-left .album-lyrics-container .lyrics-display .lyrics-line.past{color:hsla(0,0%,100%,.8);font-weight:500}.music-player .player-left .album-lyrics-container .lyrics-display .lyrics-line.current{background:linear-gradient(135deg, #45c1d1, #ff6b6b, #c5c32c);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:600;font-size:1.25rem;transform:scale(1.1)}.music-player .player-left .media-controls{display:flex;justify-content:center;align-items:center;gap:1rem}.music-player .player-left .media-controls .media-btn{cursor:pointer;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;border-radius:.5rem}.music-player .player-left .media-controls .media-btn i{margin-right:.5rem;font-size:1rem}.music-player .player-left .media-controls .media-btn:hover{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);transform:scale(1.05)}.music-player .player-left .media-controls .media-btn.active{color:#4ecdc4}.music-player .player-left .song-info{text-align:center;margin:2.5rem 0}.music-player .player-left .song-info h2{font-size:2rem;margin-bottom:.5rem;font-weight:700;background:linear-gradient(135deg, #ff6b6b, #4ecdc4, #45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.music-player .player-left .song-info p{color:hsla(0,0%,100%,.7);font-size:1.2rem;font-weight:300}.music-player .player-left .progress-container{display:flex;align-items:center;margin-bottom:2.5rem;gap:1.25rem}.music-player .player-left .progress-container span{font-size:1rem;color:hsla(0,0%,100%,.8);min-width:3.125rem;font-weight:500;text-align:center}.music-player .player-left .progress-container .progress-bar{flex:1;height:.625rem;background:hsla(0,0%,100%,.1);border-radius:.25rem;position:relative;cursor:pointer}.music-player .player-left .progress-container .progress-bar::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0.1), transparent, rgba(255, 255, 255, 0.1));animation:pulse 2s ease-in-out infinite}.music-player .player-left .progress-container .progress-bar:hover .progress-handle{opacity:1;transform:translateX(-50%) scale(1.2)}.music-player .player-left .progress-container .progress{height:100%;background:linear-gradient(135deg, #ff6b6b, #4ecdc4, #45b7d1);border-radius:.25rem;width:0%;transition:width .1s ease}.music-player .player-left .progress-container .progress::after{content:"";position:absolute;top:0;right:0;width:1.25rem;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));border-radius:.25rem}.music-player .player-left .progress-container .progress-handle{position:absolute;top:-0.375rem;width:1.25rem;height:1.25rem;background:#fff;border:.1875rem solid #4ecdc4;border-radius:50%;cursor:pointer;transform:translateX(-50%);opacity:0;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.3)}.music-player .player-left .controls{display:flex;justify-content:center;align-items:center;gap:1.5625rem}.music-player .player-left .controls .control-btn,.music-player .player-left .controls .play-btn{cursor:pointer;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);font-size:1.5rem;color:hsla(0,0%,100%,.8);transition:all .3s ease;width:3.4375rem;height:3.4375rem;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.music-player .player-left .controls .control-btn:hover,.music-player .player-left .controls .play-btn:hover{transform:scale(1.1);box-shadow:0 .3125rem 1.25rem hsla(0,0%,100%,.2)}.music-player .player-left .controls .play-btn{background:linear-gradient(135deg, #ff6b6b, #4ecdc4, #45b7d1);color:#fff;border:none;box-shadow:0 .625rem 1.5625rem rgba(255,107,107,.3);position:relative;overflow:hidden}.music-player .player-left .controls .play-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.music-player .player-left .controls .play-btn:hover::before{left:100%}.music-player .player-left .controls .control-btn.active{background:linear-gradient(135deg, #4ecdc4, #45b7d1);color:#fff;box-shadow:0 .3125rem .9375rem rgba(78,205,196,.3)}.music-player .player-left .controls .volume-container{position:relative;display:flex;align-items:center}.music-player .player-left .controls .volume-container .volume-icon{cursor:pointer;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);font-size:1.5rem;color:hsla(0,0%,100%,.8);transition:all .3s ease;width:3.4375rem;height:3.4375rem;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.music-player .player-left .controls .volume-container .volume-icon:hover{transform:scale(1.1);box-shadow:0 .3125rem 1.25rem hsla(0,0%,100%,.2)}.music-player .player-left .controls .volume-container .volume-icon.active{background:linear-gradient(135deg, #4ecdc4, #45b7d1);color:#fff;box-shadow:0 .3125rem .9375rem rgba(78,205,196,.3)}.music-player .player-left .controls .volume-container .volume-popup{position:absolute;bottom:150%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);border-radius:.75rem;padding:1.25rem .9375rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:9999;width:3.75rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}.music-player .player-left .controls .volume-container .volume-popup.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-0.625rem)}.music-player .player-left .controls .volume-container .volume-popup::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border:.625rem solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.8)}.music-player .player-left .controls .volume-container .volume-bar{position:relative;width:.5rem;height:7.5rem;background:hsla(0,0%,100%,.2);border-radius:.25rem;margin:0 auto;cursor:pointer}.music-player .player-left .controls .volume-container .volume-bar .volume-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(135deg, #ff6b6b, #4ecdc4, #45b7d1);border-radius:.25rem;transition:height .2s ease;height:50%}.music-player .player-left .controls .volume-container .volume-bar .volume-handle{position:absolute;left:50%;transform:translateX(-50%);width:1rem;height:1rem;background:#fff;border:2px solid #4ecdc4;border-radius:50%;cursor:pointer;transition:all .3s ease;bottom:calc(50% - .5rem);opacity:0}.music-player .player-left .controls .volume-container .volume-bar .volume-handle:hover{transform:translateX(-50%) scale(1.2)}.music-player .player-left .controls .volume-container .volume-bar:hover .volume-handle{opacity:1}.music-player .player-right{flex:1;min-width:25rem;background:rgba(0,0,0,.1);border-left:1px solid hsla(0,0%,100%,.1);position:relative}.music-player .player-right .playlist-panel{height:100%;display:flex;flex-direction:column;color:#fff}.music-player .player-right .playlist-panel .playlist-tabs{display:flex;padding:1.25rem 1.25rem 0;gap:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.music-player .player-right .playlist-panel .playlist-tabs .tab-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7);padding:.75rem 1rem;border-radius:.5rem .5rem 0 0;cursor:pointer;transition:all .3s ease;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;flex:1}.music-player .player-right .playlist-panel .playlist-tabs .tab-btn:hover{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8)}.music-player .player-right .playlist-panel .playlist-tabs .tab-btn.active{background:linear-gradient(135deg, #4ecdc4, #45b7d1);color:#fff;border-bottom:1px solid rgba(0,0,0,0);box-shadow:0 .1875rem .625rem rgba(78,205,196,.3)}.music-player .player-right .playlist-panel .playlist-tabs .tab-btn i{font-size:1rem;flex-shrink:0}.music-player .player-right .playlist-panel .playlist-tabs .tab-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.music-player .player-right .playlist-panel .playlist-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem}.music-player .player-right .playlist-panel .playlist-container .playlist-item{display:flex;align-items:center;padding:1rem;margin-bottom:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;cursor:pointer;position:relative;overflow:hidden}.music-player .player-right .playlist-panel .playlist-container .playlist-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left .5s ease}.music-player .player-right .playlist-panel .playlist-container .playlist-item:hover::before{left:100%}.music-player .player-right .playlist-panel .playlist-container .playlist-item.active{background:linear-gradient(135deg, rgba(255, 107, 107, 0.3), rgba(78, 205, 196, 0.3));border-color:rgba(78,205,196,.5);box-shadow:0 5px 20px rgba(78,205,196,.2)}.music-player .player-right .playlist-panel .playlist-container .playlist-item:last-child{margin-bottom:0}.music-player .player-right .playlist-panel .playlist-container .playlist-item img{width:3.4375rem;height:3.4375rem;border-radius:.75rem;margin-right:1rem;-o-object-fit:cover;object-fit:cover;box-shadow:0 .25rem .75rem rgba(0,0,0,.3)}.music-player .player-right .playlist-panel .playlist-container .playlist-item .playlist-item-info{flex:1;min-width:0}.music-player .player-right .playlist-panel .playlist-container .playlist-item .playlist-item-info h4{font-size:1.1rem;margin-bottom:.375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player .player-right .playlist-panel .playlist-container .playlist-item .playlist-item-info p{font-size:.95rem;opacity:.7;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player .player-right .playlist-panel .playlist-container .playlist-item .playlist-item-duration{color:hsla(0,0%,100%,.6);font-size:.9rem;font-weight:400;margin-left:1rem;flex-shrink:0}.music-player .player-right .playlist-panel .playlist-container .playlist-item .playing-animation{animation:rotate 4s linear infinite}.music-player .player-right .playlist-panel .playlist-container .empty-playlist{display:flex;justify-content:center;align-items:center;flex-direction:column;height:85%;color:hsla(0,0%,100%,.6);text-align:center}.music-player .player-right .playlist-panel .playlist-container .empty-playlist i{font-size:3rem;margin-bottom:1rem;opacity:.5}.music-player .player-right .playlist-panel .playlist-container .empty-playlist p{font-size:1.1rem;margin-bottom:.5rem;opacity:.8}.music-player .player-right .playlist-panel .playlist-container .empty-playlist small{font-size:.9rem;opacity:.6}.music-player .player-right .playlist-panel .pagination{display:flex;justify-content:center;align-items:center;padding:1.25rem 1.875rem .9375rem 1.875rem;border-top:1px solid hsla(0,0%,100%,.1);gap:.5rem;flex-shrink:0}.music-player .player-right .playlist-panel .pagination .pagination-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7);width:2rem;height:2rem;border-radius:.375rem;cursor:pointer;transition:all .3s ease;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.music-player .player-right .playlist-panel .pagination .pagination-btn:hover:not(:disabled){color:hsla(0,0%,100%,.8);transform:scale(1.05)}.music-player .player-right .playlist-panel .pagination .pagination-btn.active{background:linear-gradient(135deg, #4ecdc4, #45b7d1);color:#fff;box-shadow:0 .125rem .3125rem rgba(78,205,196,.3)}.music-player .player-right .playlist-panel .pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.music-player .player-right .playlist-panel .pagination .pagination-btn i{font-size:.8rem}.music-player .player-right .playlist-panel .pagination .pagination-info{color:hsla(0,0%,100%,.6);font-size:.8rem;margin:0 .75rem;white-space:nowrap}@media(max-width: 1024px){html{font-size:14px}body{padding:0}.music-player{flex-direction:column;height:100%;border-radius:0}.music-player .player-left{min-width:100%;height:34.375rem;flex:0 0 auto;padding:.9375rem .625rem}.music-player .player-left .player-main{padding:.9375rem;border-radius:.9375rem}.music-player .player-left .album-lyrics-container{height:9.375rem}.music-player .player-left .album-lyrics-container .album-art{width:9.375rem;height:9.375rem}.music-player .player-left .controls{gap:1rem}.music-player .player-left .controls .volume-container .volume-icon{width:2.8125rem;height:2.8125rem;font-size:1.2rem}.music-player .player-left .controls .control-btn,.music-player .player-left .controls .play-btn{width:2.8125rem;height:2.8125rem;font-size:1.2rem}.music-player .player-left .song-info{margin:1.25rem 0}.music-player .player-left .song-info h2{font-size:1.5rem}.music-player .player-right{min-width:100%;height:calc(100% - 34.375rem);flex:0 0 auto}.music-player .player-right .playlist-panel .playlist-tabs{display:none}.music-player .player-right .playlist-panel .playlist-container .playlist-item{border-radius:.5rem;padding:.625rem}}@keyframes backgroundShift{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}/*# sourceMappingURL=style.min.css.map */