@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:1px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tracks{display:flex;position:relative;width:100%;z-index:1500}.tracks .list{display:flex;flex:1 1;width:90%}.tracks .buttons{border-radius:15px 0 0 15px;flex-direction:column}.tracks .button,.tracks .buttons{align-items:center;display:flex;justify-content:center}.tracks .button{cursor:pointer;height:40px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:30px;z-index:2000}.tracks .button.left svg{height:63%;-webkit-transform:translateX(5px);transform:translateX(5px);width:63%}.tracks .button svg{height:60%;width:60%}.TrackItem{background:hsla(0,0%,50%,0);cursor:pointer;flex-direction:column;height:120px;margin-right:-80px;width:100px}.TrackItem,.TrackItem .img{align-items:center;display:flex;justify-content:center}.TrackItem .img{height:100px;width:100%}.TrackItem .img img{max-height:100%;max-width:100%}.TrackItem .itemNameText{border-radius:5px;height:0;opacity:0;overflow:hidden;width:100px}.MenuItems{padding-bottom:20px;width:300px}.MenuItems .header{border-bottom:1px solid;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:70%}.MenuItems .list{overflow:hidden}.MenuItems .item{cursor:pointer;font-size:12px;padding:8px 5px 5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{height:2px;width:2px}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-track{background:transparent}body{scrollbar-face-color:#000;scrollbar-track-color:transparent}.menu{background:gray;left:0;overflow:hidden;position:fixed;top:0;z-index:2000}.menu,.menu .clickable{display:flex;height:100%;width:20px}.menu .clickable{align-items:center;cursor:pointer;justify-content:center;text-align:center}.menu .clickable svg{height:16px;width:16px}.menu .clickable svg.back{-webkit-transform:translateX(3px);transform:translateX(3px)}.menu .drawer{height:100%;overflow:hidden;padding:1%;width:0}.menu .drawerContent{-ms-overflow-style:none;height:90%;overflow-x:hidden;overflow-y:auto;width:100%}.menu .origin{height:100%;position:relative;width:100%}.menu .searchList{height:0%;position:relative;width:100%}.menu .SigleItem{cursor:pointer;font-size:15px;font-weight:500;padding:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu .input{border:solid;bottom:20px}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1);transform:scale(1)}}.player{height:100%;position:relative;width:100%}.player .hiddenPlayer{bottom:0;height:0;left:-2000px;position:fixed;width:0;z-index:-100}.player .img{box-shadow:3px 3px 10px hsla(0,0%,41%,.5)}.player .Stylus,.player .thealbum{left:0;position:absolute;top:0}.player .Stylus{cursor:pointer;-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,.7));filter:drop-shadow(2px 2px 2px rgba(0,0,0,.7))}.player .panel{box-shadow:3px 3px 10px hsla(0,0%,41%,.5)}.player .panel,.player .vinyl{left:0;position:absolute;top:0}.player .vinyl{border-radius:100%;height:500px;opacity:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:500px}.player .vinyl,.player .vinyl .content{align-items:center;display:flex;justify-content:center}.player .vinyl .content{background:#008b8b;border-radius:500px;height:150px;padding:3px;text-align:center;width:150px;z-index:300}.player .vinyl .content .middle{align-items:flex-start;border:2px solid hsla(0,0%,100%,.333);border-radius:100%;display:flex;flex-direction:column;height:100px;justify-content:center;overflow:hidden;padding:15px;text-align:center;width:100px}.player .vinyl .content .middle .text{left:50%;overflow:hidden;padding:5px;position:relative;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.player .vinyl .content .middle .text.bottom{top:30%}.player .vinyl .content .middle:before{background:#000;border-radius:100%;content:"";height:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}.player .vinyl .tracks{z-index:100}.player .vinyl .spin,.player .vinyl .tracks{background:#000;border-radius:100%;height:100%;left:0;position:absolute;top:0;width:100%}.player .vinyl .spin{background:radial-gradient(circle closest-side,#000 35%,transparent 35.5%,transparent 96%,#000 96.5%),radial-gradient(circle closest-side,transparent 39.3794632032%,rgba(0,0,0,.3) 39.5794632032%,rgba(0,0,0,.3) 40.5794632032%,transparent 40.7794632032%,transparent 49.9471324467%,rgba(0,0,0,.3) 50.1471324467%,rgba(0,0,0,.3) 51.1471324467%,transparent 51.3471324467%,transparent 58.1726497061%,rgba(0,0,0,.3) 58.3726497061%,rgba(0,0,0,.3) 59.3726497061%,transparent 59.5726497061%,transparent 68.0924163714%,rgba(0,0,0,.3) 68.2924163714%,rgba(0,0,0,.3) 69.2924163714%,transparent 69.4924163714%,transparent 77.9024009924%,rgba(0,0,0,.3) 78.1024009924%,rgba(0,0,0,.3) 79.1024009924%,transparent 79.3024009924%,transparent 88.4164562915%,rgba(0,0,0,.3) 88.6164562915%,rgba(0,0,0,.3) 89.6164562915%,transparent 89.8164562915%,transparent 96.1357440352%,rgba(0,0,0,.3) 96.3357440352%,rgba(0,0,0,.3) 97.3357440352%,transparent 97.5357440352%),repeating-radial-gradient(rgba(0,0,0,.472) 1.186440678px,rgba(0,0,0,.095) 2.3728813559px,rgba(0,0,0,.428) 3.5593220339px,rgba(0,0,0,.079) 4.7457627119px,rgba(0,0,0,.45) 5.9322033898px,rgba(0,0,0,.085) 7.1186440678px,rgba(0,0,0,.486) 8.3050847458px,rgba(0,0,0,.117) 9.4915254237px,rgba(0,0,0,.441) 10.6779661017px,rgba(0,0,0,.072) 11.8644067797px,rgba(0,0,0,.489) 13.0508474576px,rgba(0,0,0,.083) 14.2372881356px,rgba(0,0,0,.385) 15.4237288136px,rgba(0,0,0,.016) 16.6101694915px,rgba(0,0,0,.371) 17.7966101695px,rgba(0,0,0,.104) 18.9830508475px,rgba(0,0,0,.451) 20.1694915254px,rgba(0,0,0,.077) 21.3559322034px,rgba(0,0,0,.422) 22.5423728814px,rgba(0,0,0,.078) 23.7288135593px,rgba(0,0,0,.406) 24.9152542373px,rgba(0,0,0,.071) 26.1016949153px,rgba(0,0,0,.372) 27.2881355932px,rgba(0,0,0,.036) 28.4745762712px,rgba(0,0,0,.481) 29.6610169492px,rgba(0,0,0,.074) 30.8474576271px,rgba(0,0,0,.497) 32.0338983051px,rgba(0,0,0,.146) 33.2203389831px,rgba(0,0,0,.484) 34.406779661px,rgba(0,0,0,.082) 35.593220339px,rgba(0,0,0,.446) 36.7796610169px,rgba(0,0,0,.112) 37.9661016949px,rgba(0,0,0,.46) 39.1525423729px,rgba(0,0,0,.145) 40.3389830508px,rgba(0,0,0,.369) 41.5254237288px,rgba(0,0,0,.119) 42.7118644068px,rgba(0,0,0,.388) 43.8983050847px,rgba(0,0,0,.099) 45.0847457627px,rgba(0,0,0,.461) 46.2711864407px,rgba(0,0,0,.13) 47.4576271186px,rgba(0,0,0,.448) 48.6440677966px,rgba(0,0,0,.016) 49.8305084746px,rgba(0,0,0,.497) 51.0169491525px,rgba(0,0,0,.05) 52.2033898305px,rgba(0,0,0,.406) 53.3898305085px,rgba(0,0,0,.149) 54.5762711864px,rgba(0,0,0,.442) 55.7627118644px,rgba(0,0,0,.049) 56.9491525424px,rgba(0,0,0,.45) 58.1355932203px,rgba(0,0,0,.113) 59.3220338983px,rgba(0,0,0,.375) 60.5084745763px,rgba(0,0,0,.008) 61.6949152542px,rgba(0,0,0,.494) 62.8813559322px,rgba(0,0,0,.146) 64.0677966102px,rgba(0,0,0,.444) 65.2542372881px,rgba(0,0,0,.128) 66.4406779661px,rgba(0,0,0,.405) 67.6271186441px,rgba(0,0,0,.118) 68.813559322px,rgba(0,0,0,.391) 70px),conic-gradient(hsla(0,0%,100%,0) 80deg,hsla(0,0%,100%,.04) 90deg,hsla(0,0%,100%,0) 95deg,hsla(0,0%,100%,0) 260deg,hsla(0,0%,100%,.04) 270deg,hsla(0,0%,100%,0) 285deg),conic-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.22) 20deg,hsla(0,0%,100%,.29) 40deg,hsla(0,0%,100%,0) 70deg,hsla(0,0%,100%,0) 180deg,hsla(0,0%,100%,.18) 200deg,hsla(0,0%,100%,.15) 210deg,hsla(0,0%,100%,0) 250deg),#000;background-blend-mode:normal,normal,color-dodge,normal,normal;overflow:hidden;z-index:200}.player .vinyl .spin.play:before{-webkit-animation:zoom 1.7910447761s linear infinite;animation:zoom 1.7910447761s linear infinite}.player .vinyl .spin.play:before,.player .vinyl .spin:before{background:repeating-radial-gradient(rgba(0,0,0,.472) 1.186440678px,rgba(0,0,0,.095) 2.3728813559px,rgba(0,0,0,.428) 3.5593220339px,rgba(0,0,0,.079) 4.7457627119px,rgba(0,0,0,.45) 5.9322033898px,rgba(0,0,0,.085) 7.1186440678px,rgba(0,0,0,.486) 8.3050847458px,rgba(0,0,0,.117) 9.4915254237px,rgba(0,0,0,.441) 10.6779661017px,rgba(0,0,0,.072) 11.8644067797px,rgba(0,0,0,.489) 13.0508474576px,rgba(0,0,0,.083) 14.2372881356px,rgba(0,0,0,.385) 15.4237288136px,rgba(0,0,0,.016) 16.6101694915px,rgba(0,0,0,.371) 17.7966101695px,rgba(0,0,0,.104) 18.9830508475px,rgba(0,0,0,.451) 20.1694915254px,rgba(0,0,0,.077) 21.3559322034px,rgba(0,0,0,.422) 22.5423728814px,rgba(0,0,0,.078) 23.7288135593px,rgba(0,0,0,.406) 24.9152542373px,rgba(0,0,0,.071) 26.1016949153px,rgba(0,0,0,.372) 27.2881355932px,rgba(0,0,0,.036) 28.4745762712px,rgba(0,0,0,.481) 29.6610169492px,rgba(0,0,0,.074) 30.8474576271px,rgba(0,0,0,.497) 32.0338983051px,rgba(0,0,0,.146) 33.2203389831px,rgba(0,0,0,.484) 34.406779661px,rgba(0,0,0,.082) 35.593220339px,rgba(0,0,0,.446) 36.7796610169px,rgba(0,0,0,.112) 37.9661016949px,rgba(0,0,0,.46) 39.1525423729px,rgba(0,0,0,.145) 40.3389830508px,rgba(0,0,0,.369) 41.5254237288px,rgba(0,0,0,.119) 42.7118644068px,rgba(0,0,0,.388) 43.8983050847px,rgba(0,0,0,.099) 45.0847457627px,rgba(0,0,0,.461) 46.2711864407px,rgba(0,0,0,.13) 47.4576271186px,rgba(0,0,0,.448) 48.6440677966px,rgba(0,0,0,.016) 49.8305084746px,rgba(0,0,0,.497) 51.0169491525px,rgba(0,0,0,.05) 52.2033898305px,rgba(0,0,0,.406) 53.3898305085px,rgba(0,0,0,.149) 54.5762711864px,rgba(0,0,0,.442) 55.7627118644px,rgba(0,0,0,.049) 56.9491525424px,rgba(0,0,0,.45) 58.1355932203px,rgba(0,0,0,.113) 59.3220338983px,rgba(0,0,0,.375) 60.5084745763px,rgba(0,0,0,.008) 61.6949152542px,rgba(0,0,0,.494) 62.8813559322px,rgba(0,0,0,.146) 64.0677966102px,rgba(0,0,0,.444) 65.2542372881px,rgba(0,0,0,.128) 66.4406779661px,rgba(0,0,0,.405) 67.6271186441px,rgba(0,0,0,.118) 68.813559322px,rgba(0,0,0,.391) 70px);border-radius:100%;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.player .controller{flex:1 1}.player .controller,.player .controller .button{align-items:center;display:flex;justify-content:center}.player .controller .button{cursor:pointer;height:30px;padding:0 20px;width:30px}.player .controller .button svg{border-radius:100%;height:80%;min-height:20px;min-width:20px;padding:8%;width:80%}.player .controller .button.center svg{height:90%;width:90%}.player .searchPanel{flex:1 1}.player .artist{align-items:center;border-radius:15px;display:flex;flex:1 1;padding:10px 0;text-decoration:none}.player .artist div{padding:10px}.player .artist:hover{text-decoration:underline}.player .bottom{bottom:0;display:flex;position:absolute}.player .albumTextDom{left:50%;position:absolute;text-decoration:none;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.player .albumTextDom:hover{text-decoration:underline}.player .notavailable{align-items:center;background-color:red;border:3px solid red;border-radius:15px;color:#fff;display:flex;height:10%;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease;width:20%}.bgOut{bottom:0;left:0;right:0;top:0}.App,.bgOut{position:fixed}.App{background:linear-gradient(180deg,#0e6259,#b10912,#0e6259);display:flex;font-size:12px;height:100%;left:50%;margin:auto;max-height:1080px;max-width:1920px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.App .left{width:30px}.App .right{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.App .bg,.App .rightBottom{height:100%;width:100%}.App .bg{-webkit-filter:brightness(50%);filter:brightness(50%);mix-blend-mode:multiply;opacity:.1;position:absolute;z-index:-1}.App .loadingPg{background:#000;bottom:0;color:#fff;left:0;position:absolute;right:0;top:0;z-index:3000}.App .loadingPg,.App .loadingPg .content{align-items:center;display:flex;justify-content:center}.App .loadingPg .content{flex-direction:column}.App .loadingPg .logo{font-size:16px;padding:10px}.App .loadingPg .loading{padding:10px}.App .Warning{align-items:center;bottom:5px;color:#fff;display:flex;justify-content:center;pointer-events:none;position:absolute;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:3001}.App .Warning a{color:#fff;padding-left:10px;pointer-events:visible}.App .info{bottom:3px;font-size:10px;position:absolute;right:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.App .info.leftinfo{bottom:3px;left:25px}