.loading-wave[data-v-2dcc8bcc]{width:150px;height:50px;display:flex;justify-content:center;align-items:flex-end}.loading-bar[data-v-2dcc8bcc]{width:20px;height:10px;margin:0 5px;background-color:#3498db;border-radius:5px;animation:loading-wave-animation-2dcc8bcc 1s ease-in-out infinite}.loading-bar[data-v-2dcc8bcc]:nth-child(2){animation-delay:.1s}.loading-bar[data-v-2dcc8bcc]:nth-child(3){animation-delay:.2s}.loading-bar[data-v-2dcc8bcc]:nth-child(4){animation-delay:.3s}@keyframes loading-wave-animation-2dcc8bcc{0%{height:10px}50%{height:50px}to{height:10px}}.nowrap[data-v-7e0a3bff]{white-space:nowrap}.grid[data-v-5bcb2e00]{text-shadow:var(--4c92e20d)}.songList-enter-active[data-v-5bcb2e00],.songList-leave-active[data-v-5bcb2e00]{transition:all .3s ease}.songList-enter-from[data-v-5bcb2e00]{opacity:0;transform:translateY(-10px)}.songList-leave-to[data-v-5bcb2e00]{opacity:0;transform:translateY(10px)}.songList-move[data-v-5bcb2e00]{transition:transform .3s ease}.song-container[data-v-5bcb2e00]{position:relative}.song-container .song-mask[data-v-5bcb2e00]{color:#fff;font-size:20px;position:absolute;left:0;top:0;width:250px;height:100%;z-index:100;pointer-events:auto;background-color:#00000060}.grid{--perspective: 800px;-webkit-user-select:none;user-select:none}.grid .card{transform-style:preserve-3d;will-change:transform;transition:all .6s ease;width:250px;height:360px;border-radius:25px;display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;color:#fff}.grid .card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;z-index:-1;transition:all .5s linear;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid .card .card-title{font-size:16px;text-align:left}.grid .card .footer-container{position:absolute;left:0;top:160px;width:100%}.grid .card .footer-container:hover .action-container{opacity:1}.grid .card .footer-container .song-title{font-size:20px;height:32px}.grid .card .footer-container .action-container{width:100%;background-color:#61c9ac57;border-radius:10px;padding:10px;transition:all .2s;font-size:16px;height:120px;pointer-events:auto}.grid .card .footer-container .action-container .n-marquee{width:150px}.grid .card .footer-container .action-container .edit-container{width:70px;pointer-events:auto}.grid .card .footer-container .action-container .edit-container .n-icon{cursor:pointer;transition:all .2s}.grid .card .footer-container .action-container .edit-container .n-icon:hover{color:#dadada}.grid .outline{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;outline:none;transition:all .4s ease;border-radius:27px;transform-style:preserve-3d}.grid .outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:400px;height:550px;margin:auto;background:linear-gradient(to right,transparent 0%,white 50%,transparent 100%);animation:rotate 3s linear infinite;transform:translateZ(10px);animation-play-state:paused}.grid .wave{position:absolute;width:130px;height:130px;right:0;bottom:0;left:0;top:-150px;margin:auto;opacity:0;transition:all .3s linear}.grid .wave:before,.grid .wave:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid white;box-shadow:0 0 30px #6a4cac80;filter:blur(2px);top:0;right:0;bottom:0;left:0;animation:wave 1.5s linear infinite}.grid .wave:after{animation-delay:.4s}.grid .circle-1{width:120px;height:120px;border-radius:50%;position:absolute;background:#b3b3b31a;display:flex;align-items:center;justify-content:center;animation:circle1 4.2s ease-in-out infinite .3s;transform-style:preserve-3d;z-index:1;--z: 0px;top:50px}.grid .circle-1:after,.grid .circle-1:before{content:"";position:absolute;border-radius:50%;filter:blur(40px);width:30%;height:30%}.grid .circle-1:before{background:#ff0073;top:30%;right:30%}.grid .circle-1:after{background:#00baff;bottom:10%;left:30%}.grid .circle-1 .lines{zoom:.3}.grid .circle-1 .lines svg{stroke:#fff;animation:lines 3s ease-in-out infinite;stroke-width:2px}.grid .circle-1 .lines path{animation:line 3s ease-in-out calc(var(--i) * -1s) infinite;stroke-dasharray:100;stroke-dashoffset:10;transition:all .3s linear}.grid .circle-2{width:80px;height:80px;border-radius:50%;position:absolute;transform-style:preserve-3d;animation:circle2 4.2s ease-in-out infinite;background-color:#fff;z-index:9;--z: 10px;top:70px}.grid .circle-2:before,.grid .circle-2:after{content:"";position:absolute;border-radius:50%;filter:blur(30px);z-index:1}.grid .circle-2:before{background:#ff0073;width:30%;height:30%;top:20%;right:20%}.grid .circle-2:after{background:#0bf;width:20%;height:20%;bottom:10%;left:40%}.grid .circle-2 .bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 25px 10px #fffc,0 0 10px 10px #ffffffe6;background-color:#9292d8;animation:bgRotate 2.5s linear infinite;animation-play-state:paused;transition:all .3s ease}.grid .circle-2 .bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;animation:bg 4s linear infinite;border-radius:inherit;transition:all .4s linear;box-shadow:inset 0 0 25px 10px #fffc;opacity:0}.grid .icon-container{transform:translateZ(50px);display:flex;align-items:center;justify-content:center;padding-top:4px;position:absolute;z-index:1;pointer-events:auto;top:78px}.grid .icon-container:hover .control-container{opacity:1}.grid .icon-container .control-container{position:absolute;z-index:2;width:160px;height:64px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:all .2s;cursor:pointer}.grid.player .card:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:transparent}.grid.player .outline:before{animation-play-state:running}.grid.player .icon-1{transform:translateY(-80px) scale(.7) rotateX(90deg);filter:blur(2px);opacity:0}.grid.player .icon-2{transform:none;filter:none;opacity:.6}.grid.player .icon-2 .cut{animation:growPath .3s ease .6s forwards}.grid.player .bg{animation-play-state:running}.grid.player .wave{opacity:1}.grid.player .circle-2 .bg:before{opacity:.2}.grid.player .circle-1 .lines{animation:rotate 30s linear infinite}.grid.player .card{transform:perspective(var(--perspective)) rotateX(0) rotateY(0) scaleZ(1)}@keyframes lines{0%{transform:scale(1)}15%{transform:scale(.95)}36%{transform:scale(1)}50%{transform:scale(.97)}65%{transform:scale(.94)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes line{0%{stroke-dashoffset:10}50%{stroke-dashoffset:45}to{stroke-dashoffset:10}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle1{0%{transform:scale(.97) translateZ(calc(20px + var(--z)))}15%{transform:scale(1) translateZ(calc(30px + var(--z)))}30%{transform:scale(.98) translateZ(calc(20px + var(--z)))}45%{transform:scale(1) translateZ(calc(30px + var(--z)))}60%{transform:scale(.97) translateZ(calc(20px + var(--z)))}85%{transform:scale(1) translateZ(calc(30px + var(--z)))}to{transform:scale(.97) translateZ(calc(20px + var(--z)))}}@keyframes circle2{0%{transform:scale(1) translateZ(calc(20px + var(--z)))}15%{transform:scale(1.03) translateZ(calc(30px + var(--z)))}30%{transform:scale(.98) translateZ(calc(20px + var(--z)))}45%{transform:scale(1.04) translateZ(calc(30px + var(--z)))}60%{transform:scale(.97) translateZ(calc(20px + var(--z)))}85%{transform:scale(1.03) translateZ(calc(30px + var(--z)))}to{transform:scale(1) translateZ(calc(20px + var(--z)))}}@keyframes growPath{0%{stroke-dashoffset:732}to{stroke-dashoffset:0}}@keyframes reducePath{0%{stroke-dashoffset:0}to{stroke-dashoffset:732}}@keyframes bgRotate{0%{transform:rotate(0)}20%{transform:rotate(90deg)}40%{transform:rotate(180deg) scaleX(.95)}60%,to{transform:rotate(360deg)}}@keyframes bg{20%{background-color:red}40%{background-color:#5eff7e}60%{background-color:#2cb5ff}80%{background-color:#fc63ff}}@keyframes wave{0%{transform:scale(1);opacity:0;box-shadow:0 0 30px #6a4cace6}35%{transform:scale(1.3);opacity:1}70%,to{transform:scale(1.6);opacity:0;box-shadow:0 0 30px #6a4cac4d}}@keyframes labels{0%{transform:translateY(-30px) rotate(-30deg);filter:blur(10px)}5%{transform:translateY(10px);filter:blur(0)}10%{transform:translateY(0);opacity:1}73%{transform:translateY(0);opacity:1}76%{transform:translateY(-5px);filter:blur(0)}80%{transform:translateY(15px);opacity:0;filter:blur(5px)}}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:MaoKenZhuYuanTi-MaokenZhuyuanTi-2;src:url(/assets/MaoKenZhuYuanTi-MaokenZhuyuanTi-2-CKIs0rpV.ttf);font-weight:400;font-style:normal}body,html,#app{height:100%;overflow:hidden;background-color:transparent;border:0;font-family:MaoKenZhuYuanTi-MaokenZhuyuanTi-2;color:#344257;-webkit-user-select:none;user-select:none}body{font-size:12px}.hxh-gradient-bg,.hxh-gradient-button{color:#fff!important;background-image:linear-gradient(to right,#4d94ff,#5a42ef,#3f5dff,#47dee8);--n-border: 0 !important;transition:background .6s ease-in-out;background-size:300% 100%}.hxh-gradient-bg:hover,.hxh-gradient-button:hover{--n-border-hover: 0 !important;color:#fff;background-position:100% 0;transition:background .6s ease-in-out}.hxh-gradient-button{height:34px;border:none}.hxh-gradient-button.n-button.n-button--disabled{opacity:.8}#particles-js[data-v-d6cf11f1]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-color:#fff}.fireworks[data-v-e6706c5d]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}