*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}:root{--laser:conic-gradient(#fff,#adadad 10%,#d4d4d4 17%,#fff 29%,#b1ff85,#84ffd5,#80edff,#86b2ff,#d48cff,#ff92ce,#ff6269,#ffb263,#feac00,#fc0 35%,#fff 40%,#b5b5b5 45%,#ababab 48%,#eee 60%,#fff 68%,#cacaca 81%,#b1ff85,#84ffd5,#80edff,#86b2ff,#d691ff,#ff92ce,#ff6269,#ffb263,#feac00 85%,#fff 88%,#eee 90%,#ddd 92%,#fff)}body,html{width:100%;height:100%;overflow:hidden;background-color:#000}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;font:12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;color:#666}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,sumary,td,textarea,th,ul{margin:0;padding:0}input,select,textarea{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}ol,ul{list-style:none}a,img{-webkit-touch-callout:none}a,a:active,a:hover{text-decoration:none}a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}p{text-align:justify;text-justify:inter-ideograph}:focus{outline:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(0,0,0,.2)}.author{position:absolute;right:30px;bottom:30px;color:hsla(0,0%,100%,.2);text-align:right;z-index:999;font-size:10px;text-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:color 1s;transition:color 1s}.author:hover{color:hsla(0,0%,100%,.5);-webkit-transition:color .6s;transition:color .6s}.blurCoverBack{background-size:120% auto;background-position:50%;position:fixed;width:120vw;height:120vh;top:-10vh;left:-10vw;z-index:1;-webkit-filter:blur(20px);filter:blur(20px);opacity:.7;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.cdBox{-webkit-transform:translateY(-1800px);transform:translateY(-1800px);position:fixed;top:-300px;bottom:0;left:0;right:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.songInfo{position:absolute;bottom:160px;text-align:center;left:0;right:0;font-size:20px;z-index:999;color:#fff;text-shadow:-1px -1px 3px rgba(0,0,0,.3)}.songInfo span{font-size:80%;display:inline-block;margin:0 20px;color:#ddd}.vinylBack,.vinylStyle .cdShadow{background-size:800px auto;width:800px;height:800px;position:absolute}.vinylBack{border-radius:50%;background:#000;mask:radial-gradient(transparent,transparent 16px,#000 19px)}.vinylBack,.vinylStyle .cd{-webkit-mask:radial-gradient(transparent,transparent 16px,#000 19px)}.vinylStyle .cd{width:440px;height:440px;min-width:440px;max-width:440px;-webkit-box-sizing:border-box;box-sizing:border-box;border:40px solid rgba(0,0,0,.3)}.vinylStyle .cdLlight{width:800px;height:800px;min-width:800px}.vinylStyle .cd,.vinylStyle .cdLlight{-webkit-mask:radial-gradient(transparent,transparent 16px,#000 19px);mask:radial-gradient(transparent,transparent 16px,#000 19px);z-index:1}.vinylStyle .cdLlight{-webkit-box-shadow:none;box-shadow:none;background:linear-gradient(115deg,rgba(0,0,0,.6) 40%,transparent 50%,rgba(0,0,0,.6) 60%),linear-gradient(115deg,rgba(0,0,0,.4) 40%,transparent 50%,rgba(0,0,0,.4) 60%),repeating-radial-gradient(#000,hsla(0,0%,78.4%,.3) 1px,#000 3px),repeating-radial-gradient(#000,hsla(0,0%,100%,.1) 4px,#000 5px);background-size:100% 100%,100% 100%}.cdStyle .cd{padding:3px;-webkit-mask:radial-gradient(transparent 80px,hsla(0,0%,100%,.4) 81px,#000 82px);mask:radial-gradient(transparent 80px,hsla(0,0%,100%,.4) 81px,#000 82px)}.vinylStyle .cdBox:after{border:none;width:34px;height:34px;-webkit-box-shadow:-2px 0 15px rgba(0,0,0,.3) inset,-1px 0 0 hsla(0,0%,100%,.25),0 0 0 hsla(0,0%,100%,.3) inset;box-shadow:inset -2px 0 15px rgba(0,0,0,.3),-1px 0 0 hsla(0,0%,100%,.25),inset 0 0 0 hsla(0,0%,100%,.3)}.vinylStyle .cdShadow{background-image:none;-webkit-box-shadow:-2px -1px 20px rgba(0,0,0,.8);box-shadow:-2px -1px 20px rgba(0,0,0,.8)}.cdBox:after{content:"";width:72px;height:72px;border-radius:500px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5) inset;box-shadow:inset -2px 1px 15px rgba(0,0,0,.3),-1px 0 0 hsla(0,0%,100%,.25),inset 1px 0 0 hsla(0,0%,100%,.3);position:absolute;border:35px solid hsla(0,0%,100%,.1);z-index:4}.blurCoverBack.loaded{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.cdSlideIn{-webkit-animation:slideDown .6s ease-in-out forwards;animation:slideDown .6s ease-in-out forwards}.cd{width:500px;min-width:500px;height:500px;border-radius:500px;position:absolute;-webkit-animation:roll 6s linear 1s infinite;animation:roll 6s linear 1s infinite;z-index:99}.cdSlideIn .cd{-webkit-animation:roll 6s linear .8s infinite;animation:roll 6s linear .8s infinite}.cdLlight{position:absolute;-webkit-mask:radial-gradient(transparent,transparent 35px,hsla(0,0%,100%,.4) 37px,#000 0);mask:radial-gradient(transparent 35px,hsla(0,0%,100%,.4) 37px,#000 0);-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.2) inset;box-shadow:inset 0 0 1px hsla(0,0%,100%,.2);background:linear-gradient(115deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0));z-index:2}.cdLlight,.cdShadow{width:500px;height:500px;border-radius:500px}.cdShadow{background:var(--laser);position:fixed;animation:roll 30s linear infinite reverse;-webkit-mask:radial-gradient(transparent 70px,hsla(0,0%,100%,.4) 71px,#000 72px);mask:radial-gradient(transparent 70px,hsla(0,0%,100%,.4) 71px,#000 72px)}.pause{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}@keyframes roll{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes roll{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(1turn)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100vh)}to{-webkit-transform:translateY(0)}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 1s;transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}.loadingCover{background-color:#000;position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loadingCover svg{width:50vw;margin-top:-5vh;-webkit-animation:upAndDown 2s ease-in-out infinite;animation:upAndDown 2s ease-in-out infinite}.loadingCover svg path{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:roll 2s linear infinite;animation:roll 2s linear infinite}@keyframes upAndDown{50%{-webkit-transform:translateY(5vh);transform:translateY(5vh)}}@-webkit-keyframes upAndDown{50%{-webkit-transform:translateY(5vh)}}.list{position:fixed;top:2vh;height:0;left:7vw;overflow:hidden;z-index:999;background-color:rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:1vw;width:0;padding:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.list.toggle{width:20vw;height:70vh;padding:10px}.list li{-webkit-user-select:none;padding:0;margin:0;list-style:none}.list ul{display:none;height:100%;overflow:auto}.list.toggle ul{display:block}.list li,.mobileList li{white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;cursor:pointer;text-shadow:-1px -1px 1px rgba(0,0,0,.5);color:hsla(0,0%,100%,.7);font-size:14px;padding:.3em 1em}.list li:active,.list li:hover{background-color:rgba(0,0,0,.2)}.playing{background-color:hsla(0,0%,100%,.2);color:#fff!important}.mobileList svg{display:block;margin:2vw 0 0 52vw;-webkit-transition:margin .3s;transition:margin .3s}.mobileList{top:100vh;bottom:0;z-index:9999;overflow:hidden;opacity:0;background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.mobileList,.mobileList ul{position:fixed;width:100vw;left:0}.mobileList ul{top:0;height:70vh;-webkit-transform:translateY(100vh);transform:translateY(100vh);overflow:auto;background-color:#fff;border-radius:5vw 5vw 0 0;right:0;padding:5vw 3vw;-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}.mobileList.toggle{top:0;opacity:1;background-color:rgba(0,0,0,.7)!important;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.mobileList.toggle ul{-webkit-transform:translateY(30vh);transform:translateY(30vh)}.toggle:after{display:block}.mobileList li{text-shadow:none;color:#222;padding:2vw 3vw}.mobileList small{color:#b3b3b3}.mobileList .playing{background-color:#efefef;color:initial!important;border-radius:10vw}.mobileList #upDownArrow{display:none}#upDownArrow:hover path{stroke:#fff}#upDownArrow path{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.expend #upDownArrow path{d:path("M70,20 L30,50 L70,80")}#upDownArrow{width:20px;height:20px;opacity:.3}#upDownArrow:hover{opacity:1}.listIcon{position:fixed;width:4vw;height:4vw;max-width:48px;top:2vh;left:2vw;z-index:999;cursor:pointer;color:rgba(0,0,0,.5)}.listIcon:hover{color:#000}.keyTips{position:absolute;top:100px;right:23px;width:56px;height:56px;z-index:999;cursor:pointer;opacity:.4;-webkit-transition:opacity .6s;transition:opacity .6s}.keyTips:hover{opacity:1}.recordStyle{position:absolute;right:20px;top:20px;width:64px;height:64px;background-color:#fff;z-index:999;background-color:transparent;border-radius:48px;background-size:100% auto;border:none;cursor:pointer;opacity:.3;-webkit-transition:opacity .6s;transition:opacity .6s}.recordStyle:hover{opacity:1}.cdIcon svg{width:50%;height:50%;-webkit-filter:drop-shadow(-2px -1px 4px rgba(0,0,0,.3));filter:drop-shadow(-2px -1px 4px rgba(0,0,0,.3))}.cdIcon svg,.vinylIcon svg{-webkit-transition:all .3s;transition:all .3s}.vinylIcon svg{width:100%;height:100%;-webkit-filter:drop-shadow(-2px -1px 4px hsla(0,0%,100%,.3));filter:drop-shadow(-2px -1px 4px rgba(255,255,255,.3))}.vinylIcon .outer{fill:#000;stroke:#000}.vinylIcon .inner{fill:#fff;stroke:#fff}.vinylIcon .vinylInner{opacity:1}.cdIcon .vinylInner{opacity:0}.controller{position:absolute;z-index:999;bottom:60px;width:60%;left:20%;height:60px;margin-left:-23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.controller svg{-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px;width:48px;height:48px;cursor:pointer;margin:0 60px;opacity:.5;border-radius:50%;-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.5));filter:drop-shadow(0 0 4px rgba(0,0,0,.5));-webkit-transition:all .6s;transition:all .6s}.controller svg.bigIcon{width:64px;height:64px;-webkit-box-flex:0;-ms-flex:0 0 64px;flex:0 0 64px}.controller svg:active,.controller svg:hover{opacity:.8;-webkit-transition:all .6s;transition:all .6s}.controller input{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;position:relative;margin-left:-100px}.smallIcon{margin:0!important}.volumeBar{-webkit-box-flex:0;-ms-flex:0;flex:0;position:relative;opacity:.5}.volumeBar,.volumeBar:hover{-webkit-transition:opacity .6s;transition:opacity .6s}.volumeBar:hover{opacity:1}.volumeBar .speakerIcon{opacity:.5;position:absolute;margin-top:-11px;margin-left:-25px;width:24px;height:24px}.controller input[type=range]{cursor:pointer;-webkit-appearance:none;padding:0;background:transparent;font:inherit;font-size:0;position:absolute;margin-top:-2px;margin-left:0!important}::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background-color:#fff;border-radius:50%;margin-top:-4px}::-webkit-slider-runnable-track{-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;width:100px;height:6px;border-radius:6px;background:hsla(0,0%,100%,.5)}.mobileControll{width:100vw;left:0;bottom:6vh;height:20vw;margin:0;padding:0 4vw}.mobileControll .volumeBar{display:none}.mobileControll path{-webkit-transition:all .3s;transition:all .3s}.mobileControll svg{height:12vw;margin:0;width:12vw;-webkit-box-flex:0;-ms-flex:0 0 12vw;flex:0 0 12vw}.mobileControll .smallIcon{-webkit-box-flex:0;-ms-flex:0 0 8vw;flex:0 0 8vw;width:8vw;height:8vw}.mobileControll .bigIcon{height:15vw;-webkit-box-flex:0;-ms-flex:0 0 15vw;flex:0 0 15vw;border-width:.5vw}.toast{position:fixed;bottom:200px;right:0;padding:30px;background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);text-align:center;border-radius:3px 0 0 3px;-webkit-box-shadow:-2px -1px 2px rgba(0,0,0,.05);box-shadow:-2px -1px 2px rgba(0,0,0,.05);z-index:999;font-size:14px}.hide,.toast{-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.hide{-webkit-transform:translateX(350px);transform:translateX(350px);padding:0!important}.mobileToast{opacity:1;background-color:rgba(0,0,0,.4);bottom:0;position:fixed;width:100vw;text-align:center;z-index:9999;color:#fff;padding:3vw}.hide.mobileToast,.mobileToast{-webkit-transition:opacity .6s;transition:opacity .6s}.hide.mobileToast{opacity:0;padding:0}.mobilePLayer .cdBox[data-v-10181081]{width:100vw;height:100vw;border-radius:50%;top:5vh;-webkit-box-shadow:-2vw -1vw 5vw rgba(0,0,0,.3);box-shadow:-2vw -1vw 5vw rgba(0,0,0,.3)}.cdStyle[data-v-10181081]{width:100vw;height:100vh;overflow:hidden}.cd[data-v-10181081],.cdLlight[data-v-10181081],.cdShadow[data-v-10181081]{width:100vw;height:100vw;border-radius:50vw;min-width:inherit;min-height:inherit;-webkit-mask:radial-gradient(transparent,transparent 14vw,hsla(0,0%,100%,.4) 14.1vw,#000 14.2vw);mask:radial-gradient(transparent,transparent 14vw,hsla(0,0%,100%,.4) 14.1vw,#000 14.2vw)}.songInfo[data-v-10181081]{top:122vw}.cdStyle .cd[data-v-10181081]{padding:.5vw;-webkit-mask:radial-gradient(transparent,transparent 16vw,hsla(0,0%,100%,.4) 16.1vw,#000 16.2vw)!important;mask:radial-gradient(transparent,transparent 16vw,hsla(0,0%,100%,.4) 16.1vw,#000 16.2vw)!important}.cdLlight[data-v-10181081]{mask:radial-gradient(transparent,transparent 7vw,hsla(0,0%,100%,.4) 7.1vw,#000 7.2vw)!important;-webkit-mask:radial-gradient(transparent,transparent 7vw,hsla(0,0%,100%,.4) 7.1vw,#000 7.2vw)!important}.cdBox[data-v-10181081]:after{width:14vw;height:14vw;border-width:7vw}