.tracks-list[data-v-e2a72fe1]{display:flex;flex-direction:column;gap:10px}.track-item[data-v-e2a72fe1]{align-items:center;background:#222;display:grid;gap:12px;grid-template-columns:48px 1fr auto auto;overflow:hidden;padding:10px 12px}.play-button[data-v-e2a72fe1]{align-items:center;background-clip:padding-box,border-box;background-image:linear-gradient(#222,#222),linear-gradient(135deg,#ff7eb6,#8e2de2);background-origin:border-box;border:1.5px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .25s ease;width:40px}.play-button[data-v-e2a72fe1]:after{background:#ffffff14;border-radius:4px;content:"";top:3px;right:3px;bottom:3px;left:3px;position:absolute;transition:background .2s ease}.play-button.active[data-v-e2a72fe1]:after{background:#34383df2}.play-button .play-icon[data-v-e2a72fe1]{color:#f1f1f1;transition:transform .15s ease,color .15s ease}.play-button.active .play-icon[data-v-e2a72fe1]{color:#fff}.play-button:active .play-icon[data-v-e2a72fe1]{transform:scale(.85)}.track-info[data-v-e2a72fe1]{color:#fff;flex:1;min-width:0;padding-right:8px}.track-title[data-v-e2a72fe1]{font-size:16px;font-weight:500;margin-bottom:0}.track-artist[data-v-e2a72fe1],.track-title[data-v-e2a72fe1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-e2a72fe1]{color:#999;font-size:12px}.track-duration[data-v-e2a72fe1]{color:#999;flex-shrink:0;font-size:14px;margin:0 12px;min-width:45px;text-align:right}.track-item .like-button[data-v-e2a72fe1]{background:none;border:none;cursor:pointer;flex-shrink:0;margin:0;padding:8px;transition:transform .2s ease}.play-button .play-icon[data-v-e2a72fe1]{position:relative;transition:transform .2s ease;z-index:2}.track-item:hover .play-button[data-v-e2a72fe1]{box-shadow:0 12px 24px #8e2de273;transform:translateY(-1px)}.track-item:hover .play-button .play-icon[data-v-e2a72fe1]{transform:scale(1.05)}.track-title-link[data-v-e2a72fe1]{color:inherit;text-decoration:none;transition:opacity .2s ease}.track-title-link:hover .track-title[data-v-e2a72fe1]{opacity:.8}@media (max-width:480px){.track-item[data-v-e2a72fe1]{gap:12px;grid-template-columns:36px 1fr auto auto;padding:8px 12px}.track-info[data-v-e2a72fe1]{padding-right:8px}.track-duration[data-v-e2a72fe1]{margin:0 12px}.like-button[data-v-e2a72fe1]{padding:8px}}.fixed-player[data-v-854a612a]{background-color:#34383d;bottom:0;height:92px;left:0;padding:0;position:fixed;width:100%;z-index:9999}.player-content[data-v-854a612a]{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:min(90%,1725px);padding:0 20px;position:relative;width:100%}.player-fade-enter-active[data-v-854a612a],.player-fade-leave-active[data-v-854a612a]{transition:opacity .45s ease,transform .45s ease}.player-fade-enter-from[data-v-854a612a],.player-fade-leave-to[data-v-854a612a]{opacity:0;transform:translateY(20px)}.left-controls[data-v-854a612a]{margin-left:0}.left-controls[data-v-854a612a],.right-controls[data-v-854a612a]{align-items:center;display:flex;height:100%}.right-controls[data-v-854a612a]{margin-right:0}.track-info[data-v-854a612a]{align-items:center;display:flex;gap:15px;height:100%;max-width:clamp(150px,50vw,380px)}.track-cover[data-v-854a612a]{border-radius:4px;flex-shrink:0;height:40px;min-width:40px;-o-object-fit:cover;object-fit:cover;width:40px}.track-details[data-v-854a612a]{min-width:0;overflow:hidden}.track-name[data-v-854a612a]{color:#fff;font-size:clamp(14px,1.8vw,18px);font-weight:500}.track-artist[data-v-854a612a],.track-name[data-v-854a612a]{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-854a612a]{color:#999;font-size:clamp(12px,1.5vw,16px)}.center-controls[data-v-854a612a]{flex-direction:column;gap:2px;height:100%;left:50%;position:absolute;transform:translate(-50%);width:370px}.center-controls[data-v-854a612a],.player-controls[data-v-854a612a]{align-items:center;display:flex;justify-content:center}.player-controls[data-v-854a612a]{gap:24px;margin:0 auto;padding-bottom:2px;width:200px}.control-button[data-v-854a612a]{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0}.control-button[data-v-854a612a],.control-button.shuffle[data-v-854a612a]{height:32px;transition:transform .2s ease;width:32px}.control-button.shuffle[data-v-854a612a]:hover{transform:scale(1.08)}[data-v-854a612a] .shuffle-icon{display:inline-flex;opacity:.8;transition:opacity .2s ease}[data-v-854a612a] .shuffle-icon:before{color:#bcbcbc!important;transition:color .3s ease}[data-v-854a612a] .shuffle-icon.active:before{color:#ff7eb6!important}.control-button.shuffle[data-v-854a612a]:hover .shuffle-icon{opacity:1}.control-button[data-v-854a612a]:hover{transform:scale(1.1)}.progress-bar[data-v-854a612a]{align-items:center;color:#fff;display:flex;gap:10px;width:370px}.progress[data-v-854a612a]{background:#ffffff14;border-radius:2px;cursor:pointer;flex:1;height:4px;position:relative}.progress-filled[data-v-854a612a]{background:linear-gradient(90deg,#ff7eb6,#8e2de2);border-radius:2px;height:100%;left:0;position:absolute;top:0}.progress-filled.pulsing[data-v-854a612a]{animation:pulse-progress-854a612a 1.2s ease-in-out infinite}.mobile-track-marquee[data-v-854a612a]{color:#f2f2f2;display:none;font-size:12px;letter-spacing:.4px;margin:0 auto;max-width:260px;overflow:hidden;padding-bottom:4px;padding-top:2px;text-align:center;text-transform:uppercase;width:100%}.mobile-track-marquee .marquee[data-v-854a612a]{display:inline-flex;gap:24px;justify-content:center;white-space:nowrap}.mobile-track-marquee .marquee.animated[data-v-854a612a]{animation:marquee-scroll-854a612a 12s linear infinite}.additional-controls[data-v-854a612a]{align-items:center;display:flex;gap:15px;height:100%}.volume-slider[data-v-854a612a]{background:#ffffff14;border-radius:2px;cursor:pointer;height:4px;position:relative;width:100px}.volume-progress[data-v-854a612a]{background:linear-gradient(90deg,#ff7eb6,#8e2de2);border-radius:2px;height:100%;left:0;position:absolute;top:0}@keyframes pulse-progress-854a612a{0%{box-shadow:0 0 8px #ff7eb666;opacity:.9}50%{box-shadow:0 0 16px #8e2de280;opacity:1}to{box-shadow:0 0 8px #ff7eb666;opacity:.9}}@keyframes marquee-scroll-854a612a{0%{transform:translate(0)}to{transform:translate(-50%)}}.current-time[data-v-854a612a],.total-time[data-v-854a612a]{color:#999;font-size:14px;min-width:45px}.like-button[data-v-854a612a]{background:none;border:none;cursor:pointer;flex-shrink:0;margin:0;padding:8px;transition:transform .2s ease}.mobile-like-button[data-v-854a612a]{display:none;margin-right:12px}@media (max-width:1024px){.center-controls[data-v-854a612a],.progress-bar[data-v-854a612a]{width:300px}}@media (max-width:768px){.player-content[data-v-854a612a]{height:100%;padding:18px 12px}.left-controls[data-v-854a612a]{display:none}.mobile-like-button[data-v-854a612a]{align-items:center;display:inline-flex;justify-content:center;margin-right:12px}.right-controls[data-v-854a612a]{align-items:center;display:flex;margin-left:12px;position:static}.additional-controls[data-v-854a612a]{gap:8px}.right-controls .control-button.share[data-v-854a612a],.right-controls .control-button.volume[data-v-854a612a],.right-controls .volume-slider[data-v-854a612a]{display:none}.center-controls[data-v-854a612a]{flex:1;left:auto;padding:0;position:relative;transform:none;width:auto}.mobile-track-marquee[data-v-854a612a]{display:block;min-height:20px}.progress-bar[data-v-854a612a]{width:100%}}@media (max-width:876px){.track-name[data-v-854a612a]{font-size:clamp(14px,1.8vw,16px)}.track-artist[data-v-854a612a]{font-size:clamp(12px,1.5vw,14px)}.track-info[data-v-854a612a]{max-width:clamp(150px,30vw,220px)}}@media (max-width:1024px){.track-info[data-v-854a612a]{max-width:clamp(150px,30vw,240px)}}@media (max-width:1280px){.track-info[data-v-854a612a]{max-width:clamp(150px,30vw,280px)}}