:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{padding:0;margin:0;overflow:hidden;width:100%;height:100%;background-color:#fff;font-size:14px;color:#000;font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif}#root{width:100%;height:100%}.app{position:absolute;overflow:hidden}.page{opacity:0;visibility:hidden;transition:all 1s ease-in-out .5s}.page-show{opacity:1;visibility:visible}.page-hide{opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page-disable{pointer-events:none;-webkit-user-select:none;user-select:none}.pop{width:100%;height:100%;background-color:#000c;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:11;animation:showBG .3s ease-in-out;-webkit-user-select:none;user-select:none}.pop-content{animation:showPop .3s ease-in-out;margin-top:-.1rem}@keyframes showBG{0%{opacity:0}to{opacity:1}}@keyframes showPop{0%{transform:scale(.3)}to{transform:scale(1)}}.pop-game-result{position:relative;width:12.5rem;height:5.4rem;display:flex;flex-direction:column;align-items:center}.pop-game-result .pop-game-result-bg{position:absolute;width:12.61rem;top:.5rem;left:50%;transform:translate(-50%)}.pop-game-result .pop-game-result-content{position:relative;z-index:1;margin-top:2.1rem;display:flex;flex-direction:column;align-items:center}.pop-game-result .pop-game-result-content .pop-game-result-text{position:relative;top:-.15rem;width:100%;height:.8rem;display:flex;align-items:center;justify-content:center;font-size:.2rem;font-weight:700;color:#484e7d}.pop-game-result .pop-game-result-content .pop-game-result-score{width:2.5rem;font-size:.59rem;font-weight:700;color:#148fff;display:flex;flex-direction:row;align-items:center;justify-content:center}.pop-game-result .pop-game-result-content .pop-game-result-score img{width:.28rem;margin-right:.1rem;-webkit-user-select:none;user-select:none;pointer-events:none}.pop-game-result .pop-game-result-content .pop-game-result-total-score,.pop-game-result .pop-game-result-content .pop-game-result-rest-score{font-size:.2rem;font-weight:700;color:#1a212f;width:1.6rem;text-align:right;margin-left:1rem}.pop-game-result .pop-game-result-content .pop-game-result-total-score{margin-top:.01rem}.pop-game-result .pop-game-result-content .pop-game-result-rest-score{margin-top:.12rem}.pop-game-result .pop-game-result-content .pop-game-result-btn-group{position:relative;margin-top:.13rem;display:flex;flex-direction:row;gap:.2rem}.pop-game-result .pop-game-result-content .pop-game-result-btn-group .pop-game-result-btn{width:1.9rem;height:.5rem;cursor:pointer}.pop-game-result .pop-game-result-content .pop-game-result-btn-group .pop-game-result-tip{position:absolute;top:.5rem;left:2rem;width:2.1rem;height:.39rem;display:flex;align-items:center;justify-content:center}.pop-game-result .pop-game-result-content .pop-game-result-btn-group .pop-game-result-tip .pop-game-result-tip-img{position:absolute;width:2.1rem;top:0;left:0}.pop-game-result .pop-game-result-content .pop-game-result-btn-group .pop-game-result-tip .pop-game-result-tip-text{margin-top:.05rem;font-size:.17rem;z-index:1;color:#fff}.pop-game-exit{position:relative;width:4.7rem;height:3.13rem;display:flex;flex-direction:column;align-items:center}.pop-game-exit .pop-game-exit-text{font-size:.24rem;color:#fff;text-align:center;white-space:pre;margin-top:1.55rem}.pop-bg{width:4.7rem;height:3.23rem}.pop-bg-small{width:3.3rem;height:3.23rem}.pop-btn-group{position:absolute;bottom:-.21rem;left:50%;transform:translate(-50%);width:3.55rem;height:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.15rem}.pop-btn-group .pop-btn{width:1.7rem;height:.5rem}.pop-btn-group .pop-btn img{pointer-events:none;width:1.7rem}.pop-layout-normal,.pop-layout-small{position:absolute;top:0;left:0;z-index:-1}.game-controller{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:gameControllerShow 2s ease-in-out}.game-controller .game-top{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.game-controller .game-top .game-top-btn{width:.44rem;height:.44rem;margin:.15rem .3rem}.game-controller .game-top .game-timer{position:relative;width:1.8rem;height:.35rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.game-controller .game-top .game-timer .game-timer-bg{position:absolute;top:0;left:0;width:1.8rem;height:.35rem}.game-controller .game-top .game-timer .game-timer-text{font-size:.22rem;color:#ffe99b;margin-left:.1rem;z-index:1}.game-controller .game-record{position:absolute;top:.8rem;left:.3rem;width:1.6rem;display:flex;flex-direction:column;gap:.02rem}.game-controller .game-record .game-record-content{position:relative;width:1.6rem;height:.3rem}.game-controller .game-record .game-record-content .game-record-score{position:absolute;top:-.01rem;right:.18rem;font-size:.2rem;color:#fff;width:.7rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.game-controller .game-record .game-record-content .game-record-img{width:1.6rem}.game-controller .game-button-group{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6rem}.game-controller .game-button-group .game-bottom-btn{position:relative;width:1.2rem;height:1.2rem;margin:.24rem .3rem;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.game-controller .game-button-group .game-bottom-btn .left-key,.game-controller .game-button-group .game-bottom-btn .right-key{position:absolute;bottom:-.12rem;left:.44rem;width:.315rem;height:.26rem;background-size:100% 100%}.game-controller .game-button-group .game-bottom-btn .left-key{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA0CAYAAAA9mOAcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUZCQjIwQjEyNTBEMTFGMEFCNjJFQUFCNkIyMThGNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUZCQjIwQjIyNTBEMTFGMEFCNjJFQUFCNkIyMThGNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNEZDREJEMDI1MEQxMUYwQUI2MkVBQUI2QjIxOEY0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRkJCMjBCMDI1MEQxMUYwQUI2MkVBQUI2QjIxOEY0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu5bVhYAAAE0SURBVHjaYvz//z8DAUBQwSAGjPgkmRhGMGCBMWzsk7AqOHJw3pD1HDY/IftnNObRQuY/odAbKgCLXxhH8/yo50fzPKQeh5WC6Hl8uJX2eAu84QzQC8DRqo5a4O3bDwwHD52mmWN1tFUY1NQUB6vn3zN0di+jmefLS6Oo6vnRqm7U86OeHy3tqQ5cXYwYWppyR2N+1POjnh/1/Kjnh3Vpv3vPOSBOHHS1xmiyH/X8qOdHCzyygbCwILjPTSl4+fItw4JFO4ea5wUYggJdKTbn1q37dPH8aJ4f9fyo50c9P1rVkVtKxyY0jcb8qOdHPT/q+dG2PaVAXEx4+LftR5P9qOepC6BL0eCYBcqAr18ZZuvwGPD5ZTTZj3p+tJ7HXJ+KXgYMwQIOJ2Ac3WwwmudHHgAIMACEHlV6Eme0rAAAAABJRU5ErkJggg==)}.game-controller .game-button-group .game-bottom-btn .right-key{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA0CAYAAAA9mOAcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjRGQ0RCQ0UyNTBEMTFGMEFCNjJFQUFCNkIyMThGNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjRGQ0RCQ0YyNTBEMTFGMEFCNjJFQUFCNkIyMThGNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNEZDREJDQzI1MEQxMUYwQUI2MkVBQUI2QjIxOEY0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNEZDREJDRDI1MEQxMUYwQUI2MkVBQUI2QjIxOEY0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiIifPoAAAJiSURBVHjaYvz//z8DAUBQwSAGjPgkmRhGMGCBMWzsk7AqOHJw3pD1HDY/IftnNObRQuY/odAbKgCLXxhH8/yo50fzPKQeh5WC6Hl8uJX2eAu84QzQC8DRqo6a4O3bDwwHD53GKhcU6EqUGecvXGO4f/8pRWYMkOffM3R2LyPb4d+//2CorZvJ8PrNJwy5hDj34V3ar1m7C6vHRUX4GBLiA4av50FZZsq09VjlkhJ9GDg5OYav51et3oFVHBTrnh62w7eRA4r1BYt20i3WB5Xn6R3rg8bz+GK9sjyeJrE+aDyPK9bVVKUYrK2Nhm/HBl+sZ6QFD+9e3UDFOt07Nrdu3Ufhv379HmesFxVGD722PT4Qm9BElDpXFyMGQwOtkTmYERfjQxd7Bp3nQbGupqY4Mj0fHORMN7sGneevXLkzdAcz8IHFC+rg7ObWOQy3bj/DUAPq1Tk6mDHIyEgMr5gH5WUYrq1Owamus3v+8E72oADANTJz6vQthnXrdw/vPA8amQH12rDH/jJw03fYeh7UW2tuSscp3z9x8fAu7UEtueBAG6xyu/ecY9i168jwrupyc6JxJv9JU1bTLPkPCs/jS/6gkdy589YO70YOKPmDmrbYwNr1R8ATGcO6hVeYH4sz+YMmMkATGsPW88LCAgx5OaE4k//kKUuHd9vezc0Gb/JHHxAZVG17YWFBhvLSKIqTv5GhBvYU8Po91bq8LLRIupTOpFLDjCGZ7OkJRpTnoUvR4JgFyoCvXxlm6/AY8PllNNmPen4EAhYchQJyvhmy6+3R/YIOGEc3G4zm+ZEHAAIMAIDh0fXuv/zPAAAAAElFTkSuQmCC)}.game-controller .game-button-group .game-bottom-btn .left-key-icon,.game-controller .game-button-group .game-bottom-btn .right-key-icon{width:1.2rem;height:1.2rem;background-size:100% 100%}.game-controller .game-button-group .game-bottom-btn .left-key-icon.game1{background-image:url(./left_icon1-CK8TFyJA.png)}.game-controller .game-button-group .game-bottom-btn .left-key-icon.game2{background-image:url(./left_icon2-YA8NOqI8.png)}.game-controller .game-button-group .game-bottom-btn .left-key-icon.game3{background-image:url(./left_icon3-CtG1F9QQ.png)}.game-controller .game-button-group .game-bottom-btn .right-key-icon.game1{background-image:url(./right_icon1-CV3AfDEz.png)}.game-controller .game-button-group .game-bottom-btn .right-key-icon.game2{background-image:url(./right_icon2-CLTcdjRu.png)}.game-controller .game-button-group .game-bottom-btn .right-key-icon.game3{background-image:url(./right_icon3-D_5kxpI9.png)}.game-controller .music-guide{position:relative;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;top:0;left:0;width:100%;height:100%;z-index:300;transition:all .5s ease-in-out}.game-controller .music-guide .music-guide1{position:absolute;width:3.91rem;height:.63rem;top:2rem;right:6.1rem}.game-controller .music-guide .music-guide3{position:absolute;width:3.9rem;height:1.83rem;top:2rem;right:4rem}.game-controller .music-guide .music-guide-bg{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center}.game-controller .music-guide .music-guide-clip1{clip-path:polygon(0 0,0 5.4rem,12.5rem 5.4rem,12.5rem 0,6.45rem 2.7rem,7.75rem 2.7rem,7.75rem 4.75rem,6.45rem 4.75rem,6.45rem 2.7rem,12.5rem 0)}.game-controller .music-guide2-container{position:relative;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:10}.game-controller .music-guide2{width:6.8rem;height:.5rem;margin-left:0rem;margin-bottom:.5rem}.game-controller .show-guide{opacity:1;pointer-events:auto}@keyframes gameControllerShow{0%{opacity:0}to{opacity:1}}.game-container{width:100%;height:100%;position:absolute;top:0;left:0}.game-container .game-reference{display:block;max-height:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-container .game-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;text-align:center;background:#000000b3;padding:20px;border-radius:10px;color:#fff}.game-container .game-loading-text{font-size:18px;margin-bottom:10px}.game-container .game-loading-bar{height:10px;background:#444;border-radius:5px;overflow:hidden}.game-container .game-loading-bar-inner{height:100%;background:#0f8;transition:width .3s ease;border-radius:5px}.game-container .game-score{position:absolute;top:10px;right:10px;color:#fff}.game-container .game-buffer{position:absolute;top:10px;left:500px;color:#fff}.game-container canvas{width:100%!important;height:100%!important}.game-container .game-stage{position:absolute;top:0;left:0}.guide-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;animation:showUI 1s ease-in-out}.guide-container .guide-content{position:relative;top:0;left:0;width:100%;height:100%}.guide-container .guide-content .guide-bg{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center}.guide-container .guide-content.gudie1 .guide-clip3{clip-path:polygon(0 0,0 5.4rem,12.5rem 5.4rem,12.5rem 0,7.6rem .1rem,9.6rem .1rem,9.6rem .95rem,7.6rem .95rem,7.6rem .1rem,12.5rem 0)}@keyframes showUI{0%{opacity:0}to{opacity:1}}