@keyframes musicRotate-db448148{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.music[data-v-db448148]{display:flex;flex-direction:column;height:100%;max-width:100%;padding:1rem;box-sizing:border-box;overflow:hidden}.music__top[data-v-db448148]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.music__top .back-button[data-v-db448148]{width:2.5rem;height:2.5rem;padding:0;font-size:1.125rem;background:hsla(0,0%,100%,.2);border:none;color:#333}.music__top .back-button[data-v-db448148]:hover{background:hsla(0,0%,100%,.3)}.music__top .search-container[data-v-db448148]{flex:1;min-width:12.5rem;max-width:25rem}.music__top .search-container .el-input[data-v-db448148]{border-radius:1.25rem;overflow:hidden;box-shadow:0 .125rem .5rem rgba(0,0,0,.1)}.music__main[data-v-db448148]{flex-shrink:0;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.music__cover[data-v-db448148]{width:45vw;height:45vw;max-width:11.75rem;max-height:11.75rem;border-radius:50%;overflow:hidden;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.15);background:linear-gradient(135deg,#6a11cb,#2575fc);margin-bottom:1rem;cursor:pointer;animation:musicRotate-db448148 20s linear infinite;animation-play-state:paused}.music__cover img[data-v-db448148]{width:100%;height:100%;object-fit:cover}.music__cover.active[data-v-db448148]{animation-play-state:running}.music__info[data-v-db448148]{text-align:center;margin-bottom:1rem;width:100%}.music__info .music__title[data-v-db448148]{font-size:1.125rem;font-weight:600;color:#333;line-height:1.4;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music__info .music__artist[data-v-db448148]{font-size:.875rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music__timeBar[data-v-db448148]{width:100%;max-width:25rem}.music__timeBar .time[data-v-db448148]{display:flex;justify-content:space-between;font-size:.875rem;color:#666;margin-bottom:.5rem}.music__timeBar .time .spacer[data-v-db448148]{flex:1}.music__timeBar .bar[data-v-db448148]{height:.375rem;background-color:#ebedf0;border-radius:.1875rem;position:relative;overflow:hidden;cursor:pointer}.music__timeBar .bar__slid[data-v-db448148]{position:absolute;left:0;top:0;background:#e24d80;height:100%;width:0;transition:width .2s}.music__controls[data-v-db448148]{flex-shrink:0;display:flex;justify-content:center;margin-bottom:1rem;gap:.625rem}.music__controls .el-button[data-v-db448148]{padding:.625rem 1.25rem;font-size:1rem;background:linear-gradient(90deg,#ff8a00,#e24d80);color:#fff;border:none;box-shadow:0 .25rem .75rem rgba(226,77,128,.3)}.music__controls .el-button[data-v-db448148]:hover{transform:translateY(-.125rem);box-shadow:0 .375rem 1rem rgba(226,77,128,.4)}.music .music__random[data-v-db448148]{padding:.625rem 1.25rem;font-size:1rem;background:linear-gradient(90deg,#4dc4e2,#2443f2);color:#fff;border:none;box-shadow:0 .25rem .75rem rgba(226,77,128,.3)}.music .music__random[data-v-db448148]:hover{transform:translateY(-.125rem);box-shadow:0 .375rem 1rem rgba(226,77,128,.4)}.music .musics_list[data-v-db448148]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:.625rem}.music .musics_list .no-results[data-v-db448148]{text-align:center;padding:1.25rem;color:#999;font-size:.875rem}.music .musics_list .music__item[data-v-db448148]{display:flex;align-items:center;padding:.625rem .75rem;border-radius:.625rem;margin-bottom:.5rem;background:#fff;box-shadow:0 .125rem .5rem rgba(0,0,0,.05);transition:all .3s;cursor:pointer}.music .musics_list .music__item[data-v-db448148]:active{transform:scale(.98);background-color:#f8f9fa}.music .musics_list .music__item.active[data-v-db448148]{background:linear-gradient(90deg,rgba(226,77,128,.1),rgba(226,77,128,.05));position:relative}.music .musics_list .music__item.active[data-v-db448148]:after{content:"";position:absolute;right:.75rem;width:.375rem;height:.375rem;border-radius:50%;background:#e24d80;animation:pulse-db448148 1.5s infinite}.music .musics_list .music__item.search-highlight[data-v-db448148]{background-color:#fff8e1!important;box-shadow:0 .125rem .5rem rgba(255,152,0,.2);border-left:.1875rem solid #ffc107}.music .musics_list .music__item__cover[data-v-db448148]{width:2.5rem;height:2.5rem;border-radius:.375rem;overflow:hidden;margin-right:.75rem;flex-shrink:0}.music .musics_list .music__item__cover img[data-v-db448148]{width:100%;height:100%;object-fit:cover}.music .musics_list .music__item__info[data-v-db448148]{flex:1;min-width:0}.music .musics_list .music__item__info .title[data-v-db448148]{font-size:.875rem;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music .musics_list .music__item__info .artist[data-v-db448148]{font-size:.75rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music .musics_list .music__item__duration[data-v-db448148]{font-size:.75rem;color:#666;margin-left:.5rem;flex-shrink:0}@keyframes pulse-db448148{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes highlightFlash-db448148{0%,to{background-color:#fff8e1}50%{background-color:#ffecb3}}.highlight-flash[data-v-db448148]{animation:highlightFlash-db448148 .5s ease-in-out 3}@media (max-width:480px){.music[data-v-db448148]{padding:.75rem .625rem}.music__top[data-v-db448148]{flex-direction:column;align-items:stretch}.music__top .search-container[data-v-db448148]{margin-top:.625rem;max-width:100%}.music__cover[data-v-db448148]{width:50vw;height:50vw}.music__info .music__title[data-v-db448148]{font-size:1rem}.music__info .music__artist[data-v-db448148]{font-size:.8125rem}.music__controls .el-button[data-v-db448148]{padding:.5rem 1rem;font-size:.875rem}.music .musics_list .music__item[data-v-db448148]{padding:.5rem .625rem}.music .musics_list .music__item__cover[data-v-db448148]{width:2.65625rem;height:2.65625rem}.music .musics_list .music__item .title[data-v-db448148]{font-size:.8125rem}.music .musics_list .music__item .artist[data-v-db448148]{font-size:.6875rem}}body[data-v-db448148],html[data-v-db448148]{touch-action:manipulation;-ms-touch-action:manipulation;overscroll-behavior:contain}