:root{--h:22px}.container{display:flex;align-items:center;position:relative;height:var(--h)}.container span{background:linear-gradient(0deg,#d299c2 0,#fef9d7);width:4px;height:20%;border-radius:calc(var(--h)*0.2*0.5);margin-right:4px;animation:loading 2.5s linear infinite;animation-delay:calc(0.2s*var(--d))}.container span:last-child{margin-right:0}@keyframes loading{0%{background-image:linear-gradient(90deg,#fa709a 0,#fee140);height:20%;border-radius:calc(var(--h)*0.2*0.5)}50%{background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);height:100%;border-radius:calc(var(--h)*1*0.5)}to{background-image:linear-gradient(0deg,#a8edea 0,#fed6e3);height:20%;border-radius:calc(var(--h)*0.2*0.5)}}.audio-player[data-v-a0c5bf24]{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-main[data-v-a0c5bf24]{display:flex;align-items:center;padding:12px 16px;gap:12px}.player-cover[data-v-a0c5bf24]{flex-shrink:0;width:56px;height:80px;border-radius:6px;overflow:hidden;background:#f0f2f5;display:flex;align-items:center;justify-content:center}.player-cover img[data-v-a0c5bf24]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-cover .cover-placeholder[data-v-a0c5bf24]{font-size:28px;color:#bbb}.player-controls[data-v-a0c5bf24]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.player-title[data-v-a0c5bf24]{font-size:14px;font-weight:500;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-progress[data-v-a0c5bf24]{display:flex;align-items:center;gap:8px}.player-progress .time[data-v-a0c5bf24]{font-size:12px;color:#999;flex-shrink:0;width:38px;text-align:center}.player-progress .progress-slider[data-v-a0c5bf24]{flex:1;margin:0}.player-btns[data-v-a0c5bf24]{display:flex;align-items:center;gap:16px}.player-btns .ctrl-btn[data-v-a0c5bf24]{font-size:18px;color:#555;cursor:pointer;transition:color .2s}.player-btns .ctrl-btn[data-v-a0c5bf24]:hover{color:#09c0d7}.player-btns .ctrl-btn.disabled[data-v-a0c5bf24]{color:#ccc;cursor:not-allowed}.player-btns .ctrl-btn.active[data-v-a0c5bf24],.player-btns .ctrl-btn.muted[data-v-a0c5bf24]{color:#09c0d7}.player-btns .play-btn[data-v-a0c5bf24]{font-size:28px;color:#09c0d7;cursor:pointer;line-height:1;transition:transform .15s}.player-btns .play-btn[data-v-a0c5bf24]:hover{transform:scale(1.08)}.player-btns .speed-btn[data-v-a0c5bf24]{font-size:12px;color:#555;cursor:pointer;background:#f0f2f5;border-radius:4px;padding:2px 6px;transition:background .2s,color .2s}.player-btns .speed-btn[data-v-a0c5bf24]:hover{background:#09c0d7;color:#fff}.player-playlist[data-v-a0c5bf24]{border-top:1px solid #f0f0f0;max-height:none;display:flex;flex-direction:column}.playlist-header[data-v-a0c5bf24]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;color:#666;background:#fafafa;flex-shrink:0}.playlist-header .playlist-count[data-v-a0c5bf24]{color:#999;font-size:12px}.playlist-body[data-v-a0c5bf24]{overflow-y:auto;flex:1}.playlist-body[data-v-a0c5bf24]::-webkit-scrollbar{width:4px}.playlist-body[data-v-a0c5bf24]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.playlist-item[data-v-a0c5bf24]{display:flex;align-items:center;padding:9px 16px;cursor:pointer;transition:background .15s;gap:10px}.playlist-item[data-v-a0c5bf24]:hover{background:#f5f5f5}.playlist-item.active[data-v-a0c5bf24]{color:#09c0d7;background:#e6fafb}.playlist-item.active .item-index[data-v-a0c5bf24]{color:#09c0d7}.playlist-item .item-index[data-v-a0c5bf24]{font-size:12px;color:#bbb;width:20px;text-align:right;flex-shrink:0}.playlist-item .item-title[data-v-a0c5bf24]{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item .item-playing[data-v-a0c5bf24]{font-size:14px;color:#09c0d7;flex-shrink:0}.list-slide-enter-active[data-v-a0c5bf24],.list-slide-leave-active[data-v-a0c5bf24]{transition:max-height .3s ease,opacity .3s ease;max-height:2000px;overflow:hidden}.list-slide-enter[data-v-a0c5bf24],.list-slide-leave-to[data-v-a0c5bf24]{max-height:0;opacity:0}[data-v-a0c5bf24] .ant-slider-track{background-color:#09c0d7!important}[data-v-a0c5bf24] .ant-slider-handle{border-color:#09c0d7!important}