/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.icon,.icon-alipay{background-image:url(/static/img/sprite.3c2f760.png)}.icon-alipay{display:inline-block;width:64px;height:64px;background-position:0 0;vertical-align:top}.icon-cherry{background-position:-64px -64px;background-image:url(/static/img/sprite.3c2f760.png)}.icon-cherry,.icon-heartbeat{display:inline-block;width:32px;height:32px;vertical-align:top}.icon-heartbeat{background-position:-96px -64px}.icon-heartbeat,.icon-hot{background-image:url(/static/img/sprite.3c2f760.png)}.icon-hot{background-position:-64px -96px}.icon-hot,.icon-pause{display:inline-block;width:32px;height:32px;vertical-align:top}.icon-pause{background-position:-96px -96px}.icon-pause,.icon-piano{background-image:url(/static/img/sprite.3c2f760.png)}.icon-piano{width:64px;height:64px;background-position:-64px 0}.icon-piano,.icon-star{display:inline-block;vertical-align:top}.icon-star{width:32px;height:32px;background-position:-128px 0}.icon-star,.icon-wxpay{background-image:url(/static/img/sprite.3c2f760.png)}.icon-wxpay{display:inline-block;width:64px;height:64px;background-position:0 -64px;vertical-align:top}.w-full{width:100%!important}.w-auto{width:auto!important}.max-w-none{max-width:none!important}.min-w-0{min-width:0!important}.h-full{height:100%!important}.h-auto{height:auto!important}.min-h-0{min-height:0!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:-ms-flexbox!important;display:flex!important}@media screen and (max-width:480px){.hidden-mobile-small{display:none!important}.block-mobile-small{display:block!important}}@media screen and (max-width:768px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}}@media screen and (max-width:1024px){.hidden-tablet-down{display:none!important}.block-tablet-down{display:block!important}}@media screen and (min-width:1025px){.hidden-desktop-up{display:none!important}.block-desktop-up{display:block!important}}.piano-full-width{width:100%!important;max-width:none!important;min-width:0!important}.piano-no-scroll,.piano-no-scroll .piano-scroll-wrap{overflow:hidden!important}.touch-friendly{min-height:44px;min-width:44px}.touch-friendly:active{transform:scale(.95);transition:transform .1s ease}@media screen and (max-width:480px){.text-responsive{font-size:12px}}@media screen and (min-width:481px) and (max-width:768px){.text-responsive{font-size:14px}}@media screen and (min-width:769px){.text-responsive{font-size:16px}}@media screen and (max-width:480px){.padding-responsive{padding:5px}}@media screen and (min-width:481px) and (max-width:768px){.padding-responsive{padding:8px}}@media screen and (min-width:769px){.padding-responsive{padding:10px}}.center{margin:0 auto}.text-center{text-align:center}.flex-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-between,.flex-center{display:-ms-flexbox;display:flex}.flex-between{-ms-flex-pack:justify;justify-content:space-between}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.rounded{border-radius:5px}.rounded-lg{border-radius:10px}.shadow{box-shadow:0 2px 4px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 4px 8px rgba(0,0,0,.15)}.transition{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}@media screen and (max-width:480px){#app .page-pc{min-width:unset!important;overflow-x:hidden}#app .page-pc .app-content .score-section{-ms-flex-direction:column;flex-direction:column;height:auto;padding:5px}#app .page-pc .app-content .score-section .component-auto-list,#app .page-pc .app-content .score-section .component-manual-list{width:100%!important;min-width:unset!important;height:200px!important;margin-bottom:10px}#app .page-pc .app-content .score-section .component-auto-list .list-view,#app .page-pc .app-content .score-section .component-manual-list .list-view{padding:10px}#app .page-pc .app-content .score-section .component-auto-list .component-title,#app .page-pc .app-content .score-section .component-manual-list .component-title{font-size:16px}#app .page-pc .app-content .score-section .component-auto-list .list .list-item,#app .page-pc .app-content .score-section .component-manual-list .list .list-item{height:28px;line-height:28px;font-size:12px}#app .component-autopiano .piano-wrap{padding:5px}#app .component-autopiano .piano-wrap .piano-band{height:35px;line-height:35px}#app .component-autopiano .piano-wrap .piano-band .piano-band-img{width:100px}#app .component-autopiano .piano-wrap .piano-band .piano-tip{font-size:12px;right:10px}#app .component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip{font-size:10px}#app .component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip .keyname{margin-bottom:2px}#app .component-autopiano .piano-wrap .piano-key-wrap .bkey .keytip{font-size:9px}#app .component-autopiano .piano-options-left{left:10px}#app .component-autopiano .piano-options-left .option-item{margin-right:8px}#app .component-autopiano .piano-options-left .option-item .label{padding:0 5px;font-size:12px}#app .component-autopiano .piano-options-left .option-item .label>input[type=range]{width:80px;height:4px}}@media screen and (min-width:481px) and (max-width:768px){#app .page-pc{min-width:unset!important;overflow-x:hidden}#app .page-pc .app-content .score-section{-ms-flex-direction:column;flex-direction:column;height:auto;padding:8px}#app .page-pc .app-content .score-section .component-auto-list,#app .page-pc .app-content .score-section .component-manual-list{width:100%!important;min-width:unset!important;height:250px!important;margin-bottom:10px}#app .page-pc .app-content .score-section .component-auto-list .list-view,#app .page-pc .app-content .score-section .component-manual-list .list-view{padding:15px}#app .component-autopiano .piano-wrap{padding:8px}#app .component-autopiano .piano-wrap .piano-band{height:38px;line-height:38px}#app .component-autopiano .piano-wrap .piano-band .piano-band-img{width:110px}#app .component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip{font-size:11px}#app .component-autopiano .piano-wrap .piano-key-wrap .bkey .keytip{font-size:10px}#app .component-autopiano .piano-options-left .option-item{margin-right:10px}#app .component-autopiano .piano-options-left .option-item .label>input[type=range]{width:100px}}@media screen and (min-width:769px) and (max-width:1024px){#app .page-pc{min-width:unset!important}#app .page-pc .app-content .score-section{padding:10px}#app .page-pc .app-content .score-section .component-auto-list,#app .page-pc .app-content .score-section .component-manual-list{width:25%!important;min-width:250px!important}}@media screen and (min-width:1025px){#app .responsive-section-a{width:100%!important}}@media screen and (min-width:1025px) and screen and (min-width:1920px){#app .component-autopiano .piano-wrap .piano-band{height:45px;line-height:45px;background-size:135px 45px}}.is-touch-device .piano-key{min-height:44px;min-width:44px}.is-touch-device .component-autopiano .piano-scroll-wrap{overflow:hidden!important}.is-touch-device .component-autopiano .piano-wrap{width:100%!important;max-width:none!important}.is-touch-device .option-item .label{padding:8px 12px}.is-touch-device .option-item .label>input[type=range]{height:8px}.is-touch-device .option-item .label>input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.is-touch-device .option-item .label>input[type=range]::-moz-range-thumb{width:24px;height:24px}.is-touch-device .list-item{min-height:44px;line-height:44px}.is-touch-device .list-item a{padding:8px 12px;margin:-8px -12px}.device-mobile-small .component-autopiano .piano-wrap .piano-key-wrap .wkey{border-width:2px;margin:0 1px}.device-mobile-small .component-autopiano .piano-wrap .piano-key-wrap .wkey:active{transform:scale(.95);transition:transform .1s ease}.device-mobile-small .component-autopiano .piano-wrap .piano-key-wrap .bkey{border-width:2px}.device-mobile-small .component-autopiano .piano-wrap .piano-key-wrap .bkey:active{transform:scale(.95);transition:transform .1s ease}.device-mobile-small .component-autopiano .piano-wrap .piano-options-left{-ms-flex-wrap:wrap;flex-wrap:wrap}.device-mobile-small .component-autopiano .piano-wrap .piano-options-left .option-item{margin-bottom:5px}.device-mobile-small .component-autopiano .piano-wrap .piano-options-left .option-item .label{font-size:11px;white-space:nowrap}.device-mobile-small .difficulty-degree,.device-mobile-small .piano-tip{display:none!important}.device-mobile-large .component-autopiano .piano-wrap .piano-key-wrap .bkey:active,.device-mobile-large .component-autopiano .piano-wrap .piano-key-wrap .wkey:active{transform:scale(.98);transition:transform .1s ease}.device-tablet .score-section{gap:15px}.device-tablet .component-autopiano .piano-wrap .piano-options-left .option-item,.device-tablet .component-autopiano .piano-wrap .piano-options-right .option-item{margin:0 10px}@media screen and (orientation:landscape) and (max-height:500px){.page-pc .score-section{height:calc(100vh - 200px)!important}.page-pc .score-section .component-auto-list,.page-pc .score-section .component-manual-list{height:150px!important}.component-autopiano .piano-wrap .piano-key-wrap,.component-autopiano .piano-wrap .piano-key-wrap .wkey{height:100px!important}.component-autopiano .piano-wrap .piano-key-wrap .bkey{height:70px!important}.component-autopiano .piano-wrap .piano-band{height:30px!important;line-height:30px!important}.component-autopiano .piano-wrap .piano-band .piano-band-img{width:80px!important}.component-autopiano .piano-wrap .piano-band .piano-tip{font-size:11px!important}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){.component-autopiano .piano-wrap .piano-key-wrap .bkey .keytip,.component-autopiano .piano-wrap .piano-key-wrap .wkey .keytip{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.score-container{background-color:rgba(40,40,45,.9)!important;color:#fff}.score-container .list-item a{color:#fff}.score-container .list-item a:hover{color:#4ab4ed}}.clearfix{clear:both;*zoom:1}.clearfix:before{content:"";display:block}.clearfix:after{content:"";display:table;height:0;clear:both}::-webkit-scrollbar{width:0;height:0;background-color:#f5f5f5;display:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;scrollbar-width:none}*,body,html{-webkit-user-select:none;-ms-user-select:none;user-select:none}body,html{width:100%;height:100%;position:relative;overflow-x:auto;overflow-y:hidden;color:#373737}@media screen and (max-width:768px){body,html{overflow-x:hidden;overflow-y:auto}}#app{width:100%;height:100%}a{text-decoration:none;color:#373737}