@charset "UTF-8";.slider-box[data-v-90b0d72d]{margin:0 10px}.slider-box.disabled[data-v-90b0d72d]{pointer-events:none}.slider[data-v-90b0d72d]{height:20px;position:relative}.slider .line[data-v-90b0d72d]{top:50%;transform:translateY(-50%);position:absolute;width:100%;border-radius:10px;height:5px;background-color:var(--theme-strong2-4);overflow:hidden;cursor:pointer}.disabled .slider .line[data-v-90b0d72d]{background-color:var(--theme-disabled-font)}.slider .line>.line-left[data-v-90b0d72d]{position:absolute;height:5px;top:50%;transform:translateY(-50%);width:calc(100% * var(--value));background-color:var(--theme-strong2-2);pointer-events:none}.disabled .slider .line>.line-left[data-v-90b0d72d]{background-color:var(--theme-disabled-block)}.slider .circle[data-v-90b0d72d]{position:absolute;display:block;border:2px solid transparent;outline:none;width:20px;height:20px;border-radius:50%;background-color:var(--theme-strong2-2);transform:translate(-50%,-50%);top:50%;left:calc(100% * var(--value));cursor:pointer}.disabled .slider .circle[data-v-90b0d72d]{background-color:var(--theme-disabled-block)}.slider .circle[data-v-90b0d72d]:focus{border-color:var(--theme-strong2)}ul[data-v-d4c48d85]{margin:0;padding:0;list-style:none}ul>*[data-v-d4c48d85]{position:relative}ul.dragging>*[data-v-d4c48d85] *{pointer-events:none}.list-enter-active[data-v-d4c48d85],.list-leave-active[data-v-d4c48d85],.list-move[data-v-d4c48d85]{transition:all .3s ease}.list-enter-from[data-v-d4c48d85]{opacity:0;transform:translateY(-100px) scale(.8)}.list-leave-to[data-v-d4c48d85]{opacity:0;transform:translateY(100px) scale(.8)}.list-leave-active[data-v-d4c48d85]{position:absolute}.moving[data-v-d4c48d85]{opacity:.5;filter:contrast(0)}.list-item[data-v-ea454005]{background-color:var(--theme-3-10);padding:10px 20px 10px 10px;margin-bottom:20px;border-radius:calc(15px * var(--theme-border-radius));position:relative;width:calc(40vw + 180px)}.list-item>.title[data-v-ea454005]{font-size:1.4em;margin:0 0 5px;padding-left:10px;padding-right:80px}.list-item>.title>.demo-icon[data-v-ea454005]{padding:0;margin:0 20px 0 0}.list-item>.title>.index[data-v-ea454005]{margin-right:10px}.list-item>.buttons[data-v-ea454005]{display:flex;position:absolute;top:50%;transform:translateY(-50%);right:10px;z-index:1;flex-direction:column;row-gap:5px;justify-content:center;align-items:center;transform-origin:50% 50%;transition:.3s}.list-item>.buttons.fold[data-v-ea454005]{transform:translateY(-50%) rotate(-90deg);right:35px}.list-item>.buttons.fold>*[data-v-ea454005]{rotate:90deg}.list-item>.buttons>.onplay[data-v-ea454005],.list-item>.buttons>.delete[data-v-ea454005]{cursor:pointer;display:block;font-size:1.5em;transition:.3s;margin:0;border:none}.list-item>.buttons>.onplay.active[data-v-ea454005],.list-item>.buttons>.delete.active[data-v-ea454005]{color:var(--theme-strong1)}.list-item>.buttons>.fold-button[data-v-ea454005]{display:block;font-size:1.5em;transition:.3s;margin:0;transform:rotate(-90deg);border:none}.list-item>.buttons>.fold-button.fold[data-v-ea454005]{transform:rotate(0)}.list-item>.buttons>.fold-button[data-v-ea454005]:focus{color:var(--theme-strong1-3)}.list-item>.buttons>.fold-button[data-v-ea454005]:hover{color:var(--theme-strong1)}.list-item>.sub-list-box[data-v-ea454005]{transition:.3s;overflow:hidden}.list-item>.sub-list-box>.sub-list[data-v-ea454005]{display:grid;padding:0 50px;column-gap:5px;row-gap:5px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;transform:translate(0);transition:.3s}.list-item>.sub-list-box>.sub-list .list-enter-active[data-v-ea454005],.list-item>.sub-list-box>.sub-list .list-leave-active[data-v-ea454005]{transition:all .5s ease}.list-item>.sub-list-box>.sub-list .list-enter-from[data-v-ea454005],.list-item>.sub-list-box>.sub-list .list-leave-to[data-v-ea454005]{opacity:0;transform:translateY(100px)}.list-item>.sub-list-box>.sub-list>*[data-v-ea454005]{font-size:1.2em;width:20vw;padding:0 20px;position:relative;background-color:var(--theme-3-5);border-radius:calc(10px * var(--theme-border-radius))}.list-item>.sub-list-box>.sub-list>*>div.image-shower[data-v-ea454005]{width:75%;height:75%;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:calc(10px * var(--theme-border-radius))}.list-item>.sub-list-box>.sub-list>*>p[data-v-ea454005]{text-align:center;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item>.sub-list-box>.sub-list>*[data-v-ea454005]:before{position:absolute;font-size:10px;color:var(--theme-disabled-font);top:3px;margin:0;padding:0;left:3px}.list-item>.sub-list-box>.sub-list>*[data-v-ea454005]:nth-child(1):before{content:"专辑"}.list-item>.sub-list-box>.sub-list>*[data-v-ea454005]:nth-child(2):before{content:"艺术家"}.list-item>.sub-list-box>.sub-list>*[data-v-ea454005]:nth-child(3):before{content:"时长"}.list-item>.sub-list-box>.sub-list>*[data-v-ea454005]:nth-child(4):before{content:"封面"}.main-page[data-v-cec1dc22]{display:flex;flex-direction:column;height:100%;row-gap:20px;align-items:center;justify-content:center}.main-page>.file-droper[data-v-cec1dc22]{height:200px;width:80%;background-color:var(--theme-1-5);position:relative;border:2px dashed var(--theme-1-10);border-radius:calc(15px * var(--theme-border-radius));transition:.3s;outline:none;flex-shrink:0;cursor:pointer}.main-page>.file-droper>.bg[data-v-cec1dc22]{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;transition:.3s}.main-page>.file-droper>.bg>*[data-v-cec1dc22]{margin:0;padding:0;text-align:center}.main-page>.file-droper>.bg>*.demo-icon[data-v-cec1dc22]{font-size:2em}.main-page>.file-droper[data-v-cec1dc22]:hover,.main-page>.file-droper[data-v-cec1dc22]:focus{border-color:var(--theme-strong1-2)}.main-page>.file-droper:hover>.bg[data-v-cec1dc22],.main-page>.file-droper:focus>.bg[data-v-cec1dc22]{color:var(--theme-strong1-2)}.main-page>.list[data-v-cec1dc22]{overflow-y:scroll;overflow-x:hidden;flex-grow:1}.list-item[data-v-603e13a8]{background-color:var(--theme-3-10);padding:10px 20px 10px 10px;margin-bottom:20px;border-radius:calc(15px * var(--theme-border-radius));position:relative;width:calc(40vw + 180px)}.list-item>.title[data-v-603e13a8]{font-size:1.4em;margin:0 0 5px;padding-left:10px;padding-right:80px}.list-item>.title>.demo-icon[data-v-603e13a8]{padding:0;margin:0 20px 0 0}.list-item>.title>.index[data-v-603e13a8]{margin-right:10px}.list-item>.buttons[data-v-603e13a8]{display:flex;position:absolute;top:50%;transform:translateY(-50%);right:10px;z-index:1;flex-direction:column;row-gap:5px;justify-content:center;align-items:center;transform-origin:50% 50%;transition:.3s}.list-item>.buttons.fold[data-v-603e13a8]{transform:translateY(-50%) rotate(-90deg);right:35px}.list-item>.buttons.fold>*[data-v-603e13a8]{rotate:90deg}.list-item>.buttons>.onplay[data-v-603e13a8],.list-item>.buttons>.delete[data-v-603e13a8]{cursor:pointer;display:block;font-size:1.5em;transition:.3s;margin:0;border:none}.list-item>.buttons>.onplay.active[data-v-603e13a8],.list-item>.buttons>.delete.active[data-v-603e13a8]{color:var(--theme-strong1)}.list-item>.buttons>.fold-button[data-v-603e13a8]{display:block;font-size:1.5em;transition:.3s;margin:0;transform:rotate(-90deg);border:none}.list-item>.buttons>.fold-button.fold[data-v-603e13a8]{transform:rotate(0)}.list-item>.buttons>.fold-button[data-v-603e13a8]:focus{color:var(--theme-strong1-3)}.list-item>.buttons>.fold-button[data-v-603e13a8]:hover{color:var(--theme-strong1)}.list-item>.sub-list-box[data-v-603e13a8]{transition:.3s;overflow:hidden}.list-item>.sub-list-box>.sub-list[data-v-603e13a8]{display:grid;padding:0 50px;column-gap:5px;row-gap:5px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;transform:translate(0);transition:.3s}.list-item>.sub-list-box>.sub-list .list-enter-active[data-v-603e13a8],.list-item>.sub-list-box>.sub-list .list-leave-active[data-v-603e13a8]{transition:all .5s ease}.list-item>.sub-list-box>.sub-list .list-enter-from[data-v-603e13a8],.list-item>.sub-list-box>.sub-list .list-leave-to[data-v-603e13a8]{opacity:0;transform:translateY(100px)}.list-item>.sub-list-box>.sub-list>*[data-v-603e13a8]{font-size:1.2em;width:20vw;padding:0 20px;position:relative;background-color:var(--theme-3-5);border-radius:calc(10px * var(--theme-border-radius))}.list-item>.sub-list-box>.sub-list>*>div.image-shower[data-v-603e13a8]{width:75%;height:75%;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:calc(10px * var(--theme-border-radius))}.list-item>.sub-list-box>.sub-list>*>p[data-v-603e13a8]{text-align:center;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item>.sub-list-box>.sub-list>*[data-v-603e13a8]:before{position:absolute;font-size:10px;color:var(--theme-disabled-font);top:3px;margin:0;padding:0;left:3px}.list-item>.sub-list-box>.sub-list>*[data-v-603e13a8]:nth-child(1):before{content:"出处"}.list-item>.sub-list-box>.sub-list>*[data-v-603e13a8]:nth-child(2):before{content:"作者"}.list-item>.sub-list-box>.sub-list>*[data-v-603e13a8]:nth-child(3):before{content:"类型"}.list-item>.sub-list-box>.sub-list>*[data-v-603e13a8]:nth-child(4):before{content:"ID"}.list-enter-active[data-v-6d6111d5],.list-leave-active[data-v-6d6111d5],.list-move[data-v-6d6111d5]{transition:all .3s ease}.list-enter-from[data-v-6d6111d5]{opacity:0;transform:translateY(-100px) scale(.8)}.list-leave-to[data-v-6d6111d5]{opacity:0;transform:translateY(100px) scale(.8)}.list-leave-active[data-v-6d6111d5]{position:absolute}.page-main[data-v-6d6111d5]{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px;height:100%}.page-main>.seting[data-v-6d6111d5]{display:flex;flex-direction:column;justify-content:center;padding:20px;background-color:var(--theme-1-5);border-radius:calc(15px * var(--theme-border-radius));position:relative;flex-shrink:0}.page-main>.seting>.main-buttons[data-v-6d6111d5]{display:flex;justify-content:right;align-items:center}.page-main>.seting>.main-buttons>*[data-v-6d6111d5]{display:block;margin:0;width:40px;height:40px;border-color:var(--theme-1-10);padding:5px;border-radius:1000px;font-size:1.5em}.page-main>.seting>.main-buttons>*[data-v-6d6111d5]:hover{background-color:var(--theme-strong1);color:var(--font-color-b);border-color:var(--theme-strong1)}.page-main>.seting>.main-buttons>*[data-v-6d6111d5]:focus{border-color:var(--theme-strong1-2)}.page-main>.seting>.type-list[data-v-6d6111d5]{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px}.page-main>.seting>.type-list>*[data-v-6d6111d5]{flex-shrink:0;flex-basis:100px;flex-grow:1}.page-main>.seting>.title[data-v-6d6111d5]{position:absolute;top:10px;left:20px;margin:0;font-size:1.5em}.page-main>.history[data-v-6d6111d5]{overflow-y:scroll;overflow-x:hidden;flex-grow:1}.dialog[data-v-98565dc4]{color:var(--font-color);width:max-content;border:none;outline:none;border-radius:calc(20px * var(--theme-border-radius));background:var(--theme-3-1);backdrop-filter:blur(calc(5px * var(--theme-backdrop-blur)));transition:.3s;height:80%;width:80%}.page-enter-active[data-v-98565dc4],.page-leave-active[data-v-98565dc4]{transition:opacity .5s ease}.page-leave-to[data-v-98565dc4],.page-enter-from[data-v-98565dc4]{opacity:1;transition:.3s}.page-enter-from[data-v-98565dc4],.page-leave-to[data-v-98565dc4]{opacity:0;transform:scale(.4)}.main[data-v-98565dc4]{display:flex;flex-direction:column;height:100%;row-gap:20px}.main>.tab-control[data-v-98565dc4]{display:flex;column-gap:5px}.main>.tab-control>.tab-control-item[data-v-98565dc4]{display:block;border:none;font-size:1.2em;position:relative;padding:0}.main>.tab-control>.tab-control-item[data-v-98565dc4]:after{position:absolute;background-color:var(--theme-strong1);right:0;bottom:-3px;width:0%;height:3px;content:"";transition:.3s;border-radius:calc(20px * var(--theme-border-radius))}.main>.tab-control>.tab-control-item.active[data-v-98565dc4]{color:var(--theme-strong1)}.main>.tab-control>.tab-control-item.active[data-v-98565dc4]:after{width:100%;left:0}.main>.tab-control>.tab-control-item[data-v-98565dc4]:focus{color:var(--theme-strong2-3)}.pages[data-v-98565dc4]{flex-grow:1;position:relative;overflow:hidden}.pages>.page-list[data-v-98565dc4]{display:grid;grid-template-columns:100% 100%;height:100%;transition:.3s;transform:translate(calc(-100% * var(--page-num)))}.pages>.page-list>.page[data-v-98565dc4]{overflow:auto;width:100%;height:100%}.svg.enable[data-v-3461dfb3]+*{filter:url(#blendFilter)}.main[data-v-e9476ebc]{position:fixed;inset:60px 0 0;width:100%;display:flex;flex-direction:column}.main>.top-shower[data-v-e9476ebc]{position:relative;flex-grow:1}.main>.player[data-v-e9476ebc]{position:relative}.wave-shower[data-v-e9476ebc]{position:absolute;bottom:0;left:0;right:0;height:50%;z-index:-1}.player-ui[data-v-e9476ebc]{display:flex;background-color:var(--theme-1-5);border-radius:calc(20px * var(--theme-border-radius)) calc(20px * var(--theme-border-radius)) 0 0;padding:20px;column-gap:2vw}.player-ui>div[data-v-e9476ebc]:nth-child(1){display:flex;justify-content:center;align-items:center;column-gap:20px;flex-wrap:nowrap}.player-ui>div:nth-child(1)>.img-shower[data-v-e9476ebc]{border-radius:calc(15px * var(--theme-border-radius));height:8vh;width:8vh;position:relative;background-repeat:no-repeat;background-size:cover}.player-ui>div:nth-child(1)>.infos[data-v-e9476ebc]{max-width:20vw}.player-ui>div:nth-child(1)>.infos>*[data-v-e9476ebc]{margin:0;text-wrap:nowrap;word-wrap:none;overflow:hidden;text-overflow:ellipsis}.player-ui>div:nth-child(1)>.infos>.title[data-v-e9476ebc]{margin-bottom:1vh;font-size:clamp(1em,3.5vw,1.8em)}.player-ui>div:nth-child(1)>.infos>.author[data-v-e9476ebc]{font-size:clamp(.8em,2vw,1.3em)}.player-ui>div[data-v-e9476ebc]:nth-child(2){flex-grow:1;display:flex;flex-direction:column;justify-content:center;row-gap:10%}.player-ui>div:nth-child(2)>.progress[data-v-e9476ebc]{display:flex;justify-content:center;align-items:center}.player-ui>div:nth-child(2)>.progress>*[data-v-e9476ebc]:nth-child(2){flex-grow:1}.player-ui>div:nth-child(2)>.progress>.music-length-shower[data-v-e9476ebc]{margin:0 10px 0 0;text-wrap:nowrap;word-wrap:none;font-size:1.2em}.player-ui>div:nth-child(2)>.buttons[data-v-e9476ebc]{display:flex;justify-content:center;align-items:center}.player-ui>div:nth-child(2)>.buttons>*[data-v-e9476ebc]{display:flex;justify-content:center;align-items:center;column-gap:2px}.player-ui>div:nth-child(2)>.buttons>*>button[data-v-e9476ebc]{border:2px solid var(--theme-1-10);border-radius:50%;outline:none;background:transparent;cursor:pointer;width:40px;height:40px;transition:.3s;font-size:1.2em;color:var(--font-color)}.player-ui>div:nth-child(2)>.buttons>*>button[data-v-e9476ebc]:hover{color:var(--font-color-b);background:var(--theme-strong1);border-color:var(--theme-strong1)}.player-ui>div:nth-child(2)>.buttons>*>button[data-v-e9476ebc]:focus{border-color:var(--theme-strong1)}.player-ui>div:nth-child(2)>.buttons>.center[data-v-e9476ebc]{flex-grow:1}.player-ui>div:nth-child(2)>.buttons>.right>.volume[data-v-e9476ebc]{width:10vw;min-width:150px;display:flex;justify-content:center;align-items:center}.player-ui>div:nth-child(2)>.buttons>.right>.volume>*[data-v-e9476ebc]:nth-child(3){position:relative}.player-ui>div:nth-child(2)>.buttons>.right>.volume>*:nth-child(3)>*[data-v-e9476ebc]:nth-child(1){opacity:0;pointer-events:none;user-select:none}.player-ui>div:nth-child(2)>.buttons>.right>.volume>*:nth-child(3)>*[data-v-e9476ebc]:nth-child(2){position:absolute;right:0;top:0}.player-ui>div:nth-child(2)>.buttons>.right>.volume>*[data-v-e9476ebc]:nth-child(2){flex-grow:1}.player-ui>div:nth-child(2)>.buttons>.right>.volume>*[data-v-e9476ebc]:nth-child(1){font-size:1.5em;margin:0;padding:0;user-select:none;cursor:pointer}.player-ui>div:nth-child(2)>.buttons>.right>.volume>*[data-v-e9476ebc]:nth-child(1):hover{color:var(--theme-strong1-3)}.text-shower[data-v-e9476ebc]{position:absolute;display:flex;justify-content:center;align-items:center;top:0;width:100%;height:100%}.text-shower>.text[data-v-e9476ebc]{font-family:STXINGKAI;font-size:2em;text-align:center;padding:0 20px;position:relative}.text-shower>.text>.cursor-box[data-v-e9476ebc]{opacity:0;transition:.05s;position:absolute;height:var(--height);width:2px;left:var(--left);top:var(--top);background-color:var(--font-color)}.text-shower>.text>.cursor-box.flicker[data-v-e9476ebc]{animation:cursor-blinking-e9476ebc 1s ease-in-out infinite;opacity:1}@keyframes cursor-blinking-e9476ebc{0%{opacity:0}16%{opacity:0}33%{opacity:1}66%{opacity:1}82%{opacity:0}to{opacity:0}}.text-shower>.text>span>.hidden[data-v-e9476ebc]{opacity:0;user-select:none}.background[data-v-e9476ebc]{position:absolute;width:100%;height:calc(100% - 10px);top:0;left:0;z-index:-1}