::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:active{background:#666}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{display:none}:root{--fill-base:#b8a595;--text-base:#6a5566;--text-hover:#ad9581;--text-active:#fff;--button-text-base:var(--text-active);--button-fill-base:var(--text-hover);--slider-track-fill:#9aa09a;--slider-thumb-fill:#b8a595;--slider-filler-fill:#b8a595;--slider-buffer-fill:#7f6b7c;--tab-text-base:#564951;--tab-text-active:#9c6666;--tab-fill-hover:#e5e2df;--tab-fill-active:#dcd4ce;--tab-horizontal-text-base:#564951;--tab-horizontal-fill-base:#e29bd0;--tab-horizontal-text-active:#e29bd0;--accordion-scroll-wrapper-height:0;--table-cell-height:36px;--cell-fill-hover:hsla(0,0%,89.4%,0.5);--cell-fill-active:hsla(0,0%,89.4%,0.7);--popover-inner-fill:#1e1f23;--popover-inner-icon-fill:#b09e8f;--popover-mode-fill-hover:#2b2c2f;--popover-mode-border-fill:#716e6e;--button-icon-size:1em}.button{display:inline-flex;align-items:center;justify-content:center;gap:0 4px;padding:8px 12px;box-sizing:border-box;font-size:13px;white-space:nowrap;cursor:pointer;border-radius:4px;height:32px;background:var(--button-fill-base);color:var(--button-text-base);outline:none;border:none}.button>.icon{width:var(--button-icon-size);fill:var(--button-text-base)}.check-box{width:18px;height:18px;padding:1px;display:flex;align-items:center;border-radius:2px;box-sizing:border-box;border:1px solid #b5b5b5}.check-box[data-disabled=true]{opacity:.6;cursor:not-allowed}.check-box>.check-icon{padding:2px 0 0 2px;fill:#575757}.check-box>.check-icon,.check-box>.indeterminate-icon{width:100%;height:100%;box-sizing:border-box;background:linear-gradient(180deg,#eee,#dadada)}.check-box>.indeterminate-icon{display:flex;align-items:center}.check-box .indeterminate{flex:auto;display:flex;height:1px;margin:0 3px;border:1px solid #575757;box-sizing:border-box}.slider{--slider-inner-size:4px;--slider-thumb-size:16px;--gap:calc(var(--slider-thumb-size)/2);cursor:pointer;position:relative;box-sizing:border-box;min-height:var(--slider-thumb-size);margin:4px var(--gap)}.slider.vertical{min-height:unset;min-width:var(--slider-thumb-size);margin:var(--gap) 4px}@media screen and (max-width:1800px){.slider{--slider-inner-size:3px;--slider-thumb-size:12px}}.slider .track{width:100%}.slider.vertical .track{height:100%}.slider .buffer,.slider .filler,.slider .track{top:50%;position:absolute;height:var(--slider-inner-size);transform:translate3d(0,-50%,0);pointer-events:none}.slider.vertical .buffer,.slider.vertical .filler,.slider.vertical .track{top:unset;bottom:0;left:50%;width:var(--slider-inner-size);transform:translate3d(-50%,0,0)}.slider .thumb{position:absolute;border-radius:50%;height:var(--slider-thumb-size);width:var(--slider-thumb-size);background:var(--slider-thumb-fill);transform:translate3d(-50%,0,0);cursor:grab}.slider.vertical .thumb{transform:translate3d(0,-50%,0)}.slider .track{background:var(--slider-track-fill)}.slider .filler{background:var(--slider-filler-fill)}.slider .buffer{background:var(--slider-buffer-fill)}.table{display:flex;flex-direction:column;outline:none;font-size:14px;overflow:hidden;color:var(--text-base);line-height:var(--table-cell-height)}.table>.table-column-wrapper{display:grid}.table .table-cell{padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;height:var(--table-cell-height)}.table .table-cell.flex{display:flex;align-items:center;line-height:1}.table>.table-column-wrapper>.table-cell:not(.gutter){background:#e6e6e6}.table>.table-column-wrapper>.gutter{flex:none;padding:0;display:flex;font-size:16px;align-items:center;justify-content:center}.table .content-wrapper>.table-cell.hover{background:var(--cell-fill-hover)}.table .content-wrapper>.table-cell.selected{background:var(--cell-fill-active)}.table .content-wrapper>.table-cell.flex>.cell-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table .content-wrapper>.table-cell .link:not(:last-child):after{content:"/";margin:0 4px;color:var(--text-base);pointer-events:none}.table .content-wrapper>.table-cell .link:hover{cursor:pointer;color:#e29bd0}.grid-view .content-wrapper{display:grid;overflow:hidden;grid-gap:3em;justify-content:space-around;position:sticky;top:0}.grid-view .item-cell{text-align:center;box-sizing:border-box;white-space:normal}.grid-view .item-cell .cover{width:100%;height:13em;border-radius:50%;cursor:pointer;transition:transform .75s cubic-bezier(0,1,.75,1)}.grid-view .item-cell:hover .cover{transform:scale(1.07)}.grid-view.arc-rect .item-cell .cover{width:100%;height:10em;border-radius:.75em}.text-field{height:2em;color:#000;padding:0 .75em;display:flex;align-items:center;border-radius:2em;background-color:#dfdfdf}.text-field>.input{flex:1;height:100%;border:none;outline:none;color:#000;background:none;box-sizing:border-box}.text-field>.input::-webkit-input-placeholder{color:#c0c4cc}.text-field>.input::-webkit-inner-spin-button{-webkit-appearance:none}.text-field>.icon{width:.75em;height:.75em}.icon{flex:none}.accordion{width:200px;margin:0 1px 0 4px;color:var(--text-base)}.accordion .list-view.expand{overflow:hidden}.accordion .list-view .titled-pane{border:solid #c8c8c8;border-width:1px 1px 0 1px;white-space:nowrap;padding:4px}.accordion .list-view .titled-pane:before{content:"";border:8px solid;border-color:transparent transparent transparent #000;border-right:none;transition:transform .5s ease;margin:0 8px}.accordion .list-view.expand .titled-pane:before{transform:rotate(90deg)}.accordion .list-view.expand .titled-pane,.accordion .list-view:not(.expand):last-child .titled-pane{border-width:1px}.accordion .list-view .scroll-wrapper{border:solid #c8c8c8;border-width:0 1px;transition:height 1s;overflow:auto;height:0}.accordion .list-view.expand:last-child .scroll-wrapper{border-width:0 1px 1px 1px}.accordion .list-view.expand .scroll-wrapper{height:var(--accordion-scroll-wrapper-height)}.accordion .list-view .scroll-wrapper::-webkit-scrollbar{display:none}.accordion .list-view .item{white-space:nowrap;padding:4px 10px}.accordion .list-view .item:hover{background:var(--cell-fill-hover)}.accordion .list-view .item.selected{background:var(--cell-fill-active)}.spinner{width:100%;height:100%;padding:0;top:0;left:0;z-index:999;position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:rgba(0,0,0,.5);font-size:16px}@media screen and (max-width:1600px){.spinner{zoom:.8}}.arc-container{width:6.125em;height:6.125em;border-radius:50%;box-sizing:border-box;border:6px solid hsla(0,0%,100%,.1);animation:arc-container-circle 1.2s ease-in-out infinite}.arc-container .arc-left,.arc-container .arc-right{width:3.0625em;height:6.125em;top:-6px;position:absolute;overflow:hidden}.arc-container .arc-left{left:-6px}.arc-container .arc-right{right:-6px}.arc-container .arc-inner{width:6.125em;height:6.125em;position:absolute;border-radius:50%;box-sizing:border-box;border:6px solid hsla(0,0%,100%,.5)}.arc-container .arc-left .arc-inner{left:0;transition-delay:.5s;clip:rect(0,6.125em,6.125em,3.0625em)}.arc-container .arc-right .arc-inner{right:0;clip:rect(0,3.0625em,6.125em,0);animation:arc-right-inner-circle 1.2s linear infinite}.spinner-inner-icon{width:5.5em;height:5.5em;fill:#fff;position:absolute;animation:spinner-icon 1.2s ease-in-out infinite}@keyframes spinner-icon{0%,to{opacity:.2}47%,53%{opacity:.6}}@keyframes arc-container-circle{0%{transform:scaleX(-1) rotate(0) translateZ(0)}to{transform:scaleX(-1) rotate(180deg) translateZ(0)}}@keyframes arc-right-inner-circle{0%{transform:rotate(0) translateZ(0)}45%,55%{transform:rotate(100deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(56,56,56,.6);-webkit-app-region:none}.modal .modal-content{background:#fff;border-radius:10px;transition:transform .4s;transform:translate3d(100vh,100vh,0)}.modal.opened .modal-content{transform:translateZ(0)}.modal .titled-pane{padding:8px;color:var(--text-base);border-bottom:1px solid #dedfe0}.modal .titled-pane .close-icon{width:16px;height:16px;padding:8px;cursor:pointer;stroke-width:2px;stroke:#919399;margin:0 0 0 auto;transform:scale(.8)}.modal .titled-pane .close-icon:hover{stroke:#fff;background:#f66}.modal>.modal-content>.content{flex:1;padding:14px;overflow:hidden auto;align-items:center}.label{font-size:15px;white-space:pre-line;overflow:hidden auto;color:var(--text-base)}.message{position:absolute;top:20px;left:50%;z-index:9999;padding:12px;min-width:300px;border-radius:4px;display:flex;align-items:center;gap:10px;box-sizing:border-box;border:1px solid #ebeef5;background-color:#edf2fc;transform:translateX(-50%);transition:opacity .3s,transform .4s,top .4s;-webkit-app-region:none}.message.success>.message-icon{fill:#67c23a}.message.error>.message-icon{fill:#f56c6c}.message.info>.message-icon{fill:#909399}.message.warning>.message-icon{fill:#e6a23c}.message .content{flex:auto;padding:0;font-size:12px;line-height:1;display:flex}.message.info>.content{color:#909399}.message.success{background-color:#f0f9eb;border-color:#e1f3d8}.message.success>.content{color:#67c23a}.message.warning{background-color:#fdf6ec;border-color:#faecd8}.message.warning>.content{color:#e6a23c}.message.error{background-color:#fef0f0;border-color:#fde2e2}.message.error>.content{color:#f56c6c}.message-icon{flex:none}.message .close-icon{flex:none;fill:#c0c4cc;cursor:pointer;font-size:26px}.message .close-icon:hover{fill:#909399}.message-fade-enter-from,.message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.pagination{display:flex;align-items:center;justify-content:center}.pagination .item{padding:6px 12px;border:solid #ddd;border-width:1px 1px 1px 0;box-sizing:border-box;background:#fff;color:#337ab7;text-align:center}.pagination .item.prev-button{border-width:1px;border-radius:4px 0 0 4px}.pagination .item.next-button{border-radius:0 4px 4px 0}.pagination .item:hover{cursor:pointer;color:#23527c;background:#eee}.pagination .item.active{color:#fff;cursor:default;pointer-events:none;background-color:#337ab7}.pagination .item.disabled{color:#777;background-color:#f5f5f5;cursor:not-allowed}.pagination .item.more{display:flex;justify-content:center;align-items:center;height:100%}.pagination .item.more:after{content:"∙∙∙";font-size:1.5em;line-height:0}.pagination .item.prev-more-button:hover:after{content:"«";padding:0 0 2px 0}.pagination .item.next-more-button:hover:after{content:"»";padding:0 0 2px 0}.popover-trigger{display:flex}.popover{position:fixed;padding:8px 0;z-index:9;background:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);outline:none;color:var(--text-base);opacity:0;transform:scale3d(0,0,0);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);-webkit-app-region:none}.popover[data-placement^=top]{transform-origin:center bottom}.popover[data-placement^=bottom]{transform-origin:center top}.popover[data-placement^=right]{transform-origin:right center}.popover[data-placement^=left]{transform-origin:left center}.popover.expand{transform:scaleX(1);opacity:1}.popover.arrow.expand:after{content:"";position:absolute;bottom:0;transform:translateY(100%);border-width:12px 8px 0;border-style:solid;border-color:var(--popover-inner-fill) transparent transparent}.popover .--popover-close *{pointer-events:none}.popover .dropdown-item{padding:.5em;cursor:pointer}.popover .dropdown-item.separator{border-bottom:1px solid #f0f0f0;margin:0 0 8px 0}.popover .dropdown-item:hover{background:#f5f7fa}.tab-pane{flex:1;display:flex;overflow:hidden;box-sizing:border-box}.tab-pane.horizontal{flex-direction:column}.tab-pane>.tab-container{display:flex;flex-direction:column;gap:8px 0;padding:12px;box-sizing:border-box}.tab-pane.horizontal>.tab-container{padding:0;flex-direction:row;justify-content:center;gap:0 40px}.tab-pane>.tab-container>.tab{font-size:14px;display:flex;align-items:center;padding:10px 20px;cursor:pointer;gap:0 12px;border-radius:4px;line-height:1;color:var(--tab-text-base)}.tab-pane>.tab-container>.tab:hover{background:var(--tab-fill-hover)}.tab-pane>.tab-container>.tab.active{color:var(--tab-text-active);background:var(--tab-fill-active)}.tab-pane.horizontal>.tab-container>.tab{gap:8px;padding:0;min-width:64px;background:none;flex-direction:column;color:var(--tab-horizontal-text-base)}.tab-pane.horizontal>.tab-container>.tab.active{color:var(--tab-horizontal-text-active)}.tab-pane.horizontal>.tab-container>.tab:after{content:"";width:0;height:3px;display:block;background:var(--tab-horizontal-fill-base);transition:width .3s ease-in-out}.tab-pane.horizontal>.tab-container>.tab.active:after,.tab-pane.horizontal>.tab-container>.tab:hover:after{width:100%}.tab-pane>.tab-container>.tab>.icon{fill:var(--tab-text-base);width:18px;height:18px}.tab-pane>.tab-container>.tab.active>.icon{fill:var(--tab-text-active)}.tab-pane>.tab-content{flex:1;display:flex;flex-direction:column;padding:12px 0 0 12px;overflow:hidden;box-sizing:border-box}.tab-pane.horizontal>.tab-content{padding:12px 0 0 0}#app,body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;user-select:none;white-space:nowrap;background:#ececec;font-size:14px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}.v-row{display:flex;align-items:center}.v-column{display:flex;flex-direction:column}.title-bar{-webkit-app-region:drag;font-size:14px}.title-bar .icon,.title-bar .text-field,.title-bar .user-name{-webkit-app-region:none}.window-state-bar{flex:1;justify-content:flex-end;--icon-fill-base:unset;--icon-fill-hover:unset}.window-state-bar.viewer{font-size:14px;-webkit-app-region:drag;--icon-fill-base:#d2d2d2;--icon-fill-hover:#f56c6c}.window-state-bar>.icon{margin:2px 8px;padding:6px;width:1em;height:1em;fill:var(--icon-fill-base)}.window-state-bar>.icon:hover{fill:var(--icon-fill-hover)}.window-state-bar>.separator{height:1em;display:flex;margin:0 .5em;border-left:2px solid #222}.window-state-bar:not(.viewer)>.icon:hover{background:rgba(210,212,216,.8)}.window-state-bar:not(.viewer)>.icon.close:hover{background:#e81123;fill:#fff}.window-state-bar.viewer>.icon{width:1.5em;height:1.5em;cursor:pointer;-webkit-app-region:none}.title-bar .user-icon.cover{width:40px;height:40px;background:none;border-radius:50%}.title-bar .user-icon.icon{width:40px;height:40px;background:#fff;border-radius:50%;fill:#bcbfc1}.title-bar .user-name{margin:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.title-bar .icon.disabled{opacity:.2;pointer-events:none}.title-bar>.option-container>.icon{margin:0 4px;padding:6px;width:1em;height:1em}.title-bar>.option-container>.icon:hover{background:rgba(210,212,216,.8)}#app>.tab-pane>.tab-container,.fixed-left-bar{flex:0 0 200px;box-sizing:border-box;background:#f1f1f1}.media-control{font-size:14px;--icon-fill-base:var(--fill-base);--stroke-icon-fill-base:var(--fill-base);color:var(--text-base)}.media-control.viewer{--slider-filler-fill:#e29bd0;--slider-thumb-fill:#e29bd0;--slider-buffer-fill:#d2d2d2;--icon-fill-base:#d2d2d2;--stroke-icon-fill-base:var(--icon-fill-base);color:#fff;margin:0 0 4px 0}.media-control .album-icon{width:4em;height:4em;border-radius:6px;cursor:pointer;margin:0 4px 2px 2px}.media-control .stroke-icon{z-index:1;cursor:pointer;padding:1px 10px;border-radius:1.25em;color:var(--stroke-icon-fill-base);border:1px solid var(--stroke-icon-fill-base)}.media-control .icon{z-index:1;cursor:pointer;fill:var(--icon-fill-base)}.popover.mode-control,.popover.speed-control,.popover.volume-control{align-items:center;justify-content:center;background:var(--popover-inner-fill);color:var(--text-active);border-radius:6px;padding:12px 8px;box-sizing:border-box}.popover.speed-control,.popover.volume-control{height:150px;width:54px}.popover.speed-control{align-items:stretch}.popover.mode-control{width:102px;padding:2px 0;white-space:nowrap;fill:var(--fill-base)}.popover.mode-control>.v-row{width:100%;cursor:pointer;padding:8px 4px;box-sizing:border-box;justify-content:center;font-size:12px;gap:8px}.popover.mode-control>.v-row:not(:last-child){border-bottom:1px solid var(--popover-mode-border-fill)}.popover.mode-control>.v-row:hover{background:var(--popover-mode-fill-hover)}.popover.play-queue{top:4px;right:0;bottom:4px;width:40vw;gap:8px;padding:8px;opacity:1;transition:transform .3s ease-in-out;transform:translate3d(100%,0,0)}.popover.play-queue.expand{transform:translateZ(0)}.popover.play-queue>.v-row{padding:8px}.popover.play-queue>.title{justify-content:space-between;--icon-fill-base:#f56c6c}.popover.play-queue>.option-bar{--icon-fill-base:#fff;gap:8px}.popover.play-queue>.option-bar>.song-count-label{flex:1}.cover{-webkit-user-drag:none}.data-container{align-items:stretch;color:var(--text-base)}.data-container .cover{width:13em;height:13em;border-radius:50%}.data-container .v-column{justify-content:space-around;margin:1em}.data-container .statistic-item:nth-child(n+2):before{content:"|";margin:0 1.5em}.data-container .button{margin:0 1.5em 0 0}.table .table-cell>.icon.mv-icon{flex:none;fill:#eb5183;margin:0 0 0 .25em;cursor:pointer}.table .table-cell>.icon.vip-icon{flex:none;fill:#eb5183;margin:0 0 0 .25em;width:1.5em;height:1.5em}#login-modal>.modal-content>.content>#qq-input{flex:1;outline:none;resize:none;font-size:18px;border:none;width:100%;color:#c73d3d;border-radius:.25em;background:#f5f5f5}#login-modal>.modal-content>.content>.button{color:#fff;margin:1em .25em 0;font-size:18px;cursor:pointer;padding:6px 12px;border-radius:25px;background:#e29bd0;width:300px}#timer-modal .content{color:var(--text-base)}#timer-modal .content>.v-column>.v-row{margin:.5em 0}#timer-modal .content .text-field{margin:0 0 0 1em}#timer-modal .content .button{width:30%;font-size:18px;border-radius:1em;background:#e29bd0}.cover--rect-inner{margin:0 20px;max-width:360px;min-width:100px;max-height:360px;min-height:100px;height:100%;border-radius:12px}.lyric-view{display:flex;flex-direction:column;overflow:hidden;cursor:grab;-webkit-mask-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 15%,#fff 25%,#fff 75%,hsla(0,0%,100%,.6) 85%,hsla(0,0%,100%,0));mask-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 15%,#fff 25%,#fff 75%,hsla(0,0%,100%,.6) 85%,hsla(0,0%,100%,0))}.lyric-view.empty{cursor:default;align-items:center;justify-content:center}.lyric-view.empty:after{color:#fff;padding:12px;font-size:22px;content:attr(data-placeholder)}.lyric-view>.content-wrapper.animation{transition:transform .1s ease-out}.lyric-view>.content-wrapper>.lyric-item{text-align:center;font-size:18px;color:#fff;padding:12px 0;white-space:pre-wrap;transition:transform .1s ease-out}.lyric-view>.content-wrapper>.lyric-item.active{color:#e29bd0;transform:scale(1.5)}.music-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#646464}.music-viewer>.effect-cover{position:absolute;width:100%;height:100%;filter:blur(60px);opacity:.6;z-index:-9}.music-viewer .data-media{color:#fff;font-size:16px;justify-content:center;margin:0 0 1em 0;gap:8px}.data-media .link{cursor:pointer}.music-viewer .data-media .mv-icon{fill:#ffc100;width:1em;height:1em}