.player-container[data-v-648394e7]{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;color:#fff}.bg-layer[data-v-648394e7]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#262626,#262626 50%,#262626);z-index:-1}.top-bar[data-v-648394e7]{display:flex;justify-content:space-between;padding:50px 30px 10px 30px;z-index:10}.cover-container[data-v-648394e7]{width:360px;height:360px;margin:30px auto 30px;position:relative;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.music-cover[data-v-648394e7]{width:100%;height:100%;border-radius:50%}.play-indicator[data-v-648394e7]{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;background-color:#fff;border-radius:50%}@keyframes rotate-648394e7{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotating[data-v-648394e7]{animation:rotate-648394e7 20s linear infinite}.song-info[data-v-648394e7]{text-align:center;padding:0 30px;margin-bottom:15px}.song-title[data-v-648394e7]{font-size:24px;font-weight:700;margin-bottom:2px}.song-artist[data-v-648394e7]{font-size:28px;color:hsla(0,0%,100%,.7)}.lyrics-container[data-v-648394e7]{flex:1;overflow:auto;position:relative}.lyrics-wrapper[data-v-648394e7]{transition:transform .3s ease}.lyric-line[data-v-648394e7]{text-align:center;font-size:18px;color:#afafaf;margin:6px 0;transition:all .3s}.lyric-line.active[data-v-648394e7]{color:#fff;font-size:20px;font-weight:700}.controls-container[data-v-648394e7]{padding:15px 20px 30px}.progress-bar[data-v-648394e7]{display:flex;align-items:center;margin-bottom:15px;font-size:14px}.time-current[data-v-648394e7],.time-total[data-v-648394e7]{color:#fff}.time-total[data-v-648394e7]{text-align:right}.progress-wrapper[data-v-648394e7]{flex:1;height:40px;padding:18px 0;margin:0 15px;position:relative;box-sizing:border-box}.progress-bg[data-v-648394e7]{width:100%;background-color:hsla(0,0%,100%,.3)}.progress-bg[data-v-648394e7],.progress-current[data-v-648394e7]{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;border-radius:4px}.progress-current[data-v-648394e7]{background-color:#ff5252}.progress-dot[data-v-648394e7]{position:absolute;top:50%;margin-top:-8px;margin-left:-8px;width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);z-index:5;transition:transform .1s}.progress-dot[data-v-648394e7]:active{transform:scale(1.5);background-color:#ff5252}.control-buttons[data-v-648394e7]{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:20px}.btn[data-v-648394e7]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.play-pause[data-v-648394e7]{width:80px;height:80px;background-color:#ff5252;border-radius:50%}.next-icon[data-v-648394e7],.pause-icon[data-v-648394e7],.play-icon[data-v-648394e7],.playlist-icon[data-v-648394e7],.prev-icon[data-v-648394e7],.shuffle-icon[data-v-648394e7]{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:50%}.play-icon[data-v-648394e7]{width:40px;height:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")}.pause-icon[data-v-648394e7]{width:40px;height:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E")}.prev-icon[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h2v12H6zm3.5 6l8.5 6V6z'/%3E%3C/svg%3E")}.next-icon[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z'/%3E%3C/svg%3E")}.shuffle-icon[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/%3E%3C/svg%3E")}.shuffle-icon.repeat[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/%3E%3C/svg%3E")}.shuffle-icon.repeat-one[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4zm-4-2V9h-1l-2 1v1h1.5v4H13z'/%3E%3C/svg%3E")}.playlist-icon[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z'/%3E%3C/svg%3E")}.btn-like[data-v-648394e7]{position:absolute;top:40px;right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.like-icon[data-v-648394e7]{width:40px;height:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.7)' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.btn-like.active .like-icon[data-v-648394e7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF5252' 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'/%3E%3C/svg%3E")}@media screen and (max-width:768px){.cover-container[data-v-648394e7]{width:220px;height:220px}.song-title[data-v-648394e7]{font-size:24px}.song-artist[data-v-648394e7]{font-size:14px}.lyric-line[data-v-648394e7]{font-size:18px}.lyric-line.active[data-v-648394e7]{font-size:20px}.btn[data-v-648394e7]{width:40px;height:40px}.play-pause[data-v-648394e7]{width:80px;height:80px}}@media screen and (max-width:400px){.cover-container[data-v-648394e7]{width:150px;height:150px}.song-title[data-v-648394e7]{font-size:24px}.song-artist[data-v-648394e7]{font-size:14px}.lyric-line[data-v-648394e7]{font-size:18px}.lyric-line.active[data-v-648394e7]{font-size:20px}.btn[data-v-648394e7]{width:40px;height:40px}.play-pause[data-v-648394e7]{width:80px;height:80px}}.interaction-tip[data-v-648394e7]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);z-index:100;cursor:pointer;animation:fadeIn-648394e7 .3s ease}@keyframes fadeIn-648394e7{0%{opacity:0}to{opacity:1}}.tip-icon[data-v-648394e7]{width:80px;height:80px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-size:contain;background-position:50%;background-repeat:no-repeat;margin-bottom:20px}.tip-text[data-v-648394e7]{color:#fff;font-size:18px;font-weight:700}