/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}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{-webkit-text-decoration-skip:objects;background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;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}.v-application a{color:#1295db}.v-application .primary{background-color:#1295db!important;border-color:#1295db!important}.v-application .primary--text{caret-color:#1295db!important;color:#1295db!important}.v-application .primary.lighten-5{background-color:#c9ffff!important;border-color:#c9ffff!important}.v-application .primary--text.text--lighten-5{caret-color:#c9ffff!important;color:#c9ffff!important}.v-application .primary.lighten-4{background-color:#aff!important;border-color:#aff!important}.v-application .primary--text.text--lighten-4{caret-color:#aff!important;color:#aff!important}.v-application .primary.lighten-3{background-color:#8be7ff!important;border-color:#8be7ff!important}.v-application .primary--text.text--lighten-3{caret-color:#8be7ff!important;color:#8be7ff!important}.v-application .primary.lighten-2{background-color:#6bcbff!important;border-color:#6bcbff!important}.v-application .primary--text.text--lighten-2{caret-color:#6bcbff!important;color:#6bcbff!important}.v-application .primary.lighten-1{background-color:#47b0f8!important;border-color:#47b0f8!important}.v-application .primary--text.text--lighten-1{caret-color:#47b0f8!important;color:#47b0f8!important}.v-application .primary.darken-1{background-color:#007bbf!important;border-color:#007bbf!important}.v-application .primary--text.text--darken-1{caret-color:#007bbf!important;color:#007bbf!important}.v-application .primary.darken-2{background-color:#0063a4!important;border-color:#0063a4!important}.v-application .primary--text.text--darken-2{caret-color:#0063a4!important;color:#0063a4!important}.v-application .primary.darken-3{background-color:#004b89!important;border-color:#004b89!important}.v-application .primary--text.text--darken-3{caret-color:#004b89!important;color:#004b89!important}.v-application .primary.darken-4{background-color:#00356f!important;border-color:#00356f!important}.v-application .primary--text.text--darken-4{caret-color:#00356f!important;color:#00356f!important}.v-application .secondary{background-color:#75c3ed!important;border-color:#75c3ed!important}.v-application .secondary--text{caret-color:#75c3ed!important;color:#75c3ed!important}.v-application .secondary.lighten-5{background-color:#fff!important;border-color:#fff!important}.v-application .secondary--text.text--lighten-5{caret-color:#fff!important;color:#fff!important}.v-application .secondary.lighten-4{background-color:#eaffff!important;border-color:#eaffff!important}.v-application .secondary--text.text--lighten-4{caret-color:#eaffff!important;color:#eaffff!important}.v-application .secondary.lighten-3{background-color:#cdffff!important;border-color:#cdffff!important}.v-application .secondary--text.text--lighten-3{caret-color:#cdffff!important;color:#cdffff!important}.v-application .secondary.lighten-2{background-color:#affcff!important;border-color:#affcff!important}.v-application .secondary--text.text--lighten-2{caret-color:#affcff!important;color:#affcff!important}.v-application .secondary.lighten-1{background-color:#92dfff!important;border-color:#92dfff!important}.v-application .secondary--text.text--lighten-1{caret-color:#92dfff!important;color:#92dfff!important}.v-application .secondary.darken-1{background-color:#57a8d1!important;border-color:#57a8d1!important}.v-application .secondary--text.text--darken-1{caret-color:#57a8d1!important;color:#57a8d1!important}.v-application .secondary.darken-2{background-color:#388db5!important;border-color:#388db5!important}.v-application .secondary--text.text--darken-2{caret-color:#388db5!important;color:#388db5!important}.v-application .secondary.darken-3{background-color:#08749a!important;border-color:#08749a!important}.v-application .secondary--text.text--darken-3{caret-color:#08749a!important;color:#08749a!important}.v-application .secondary.darken-4{background-color:#005b80!important;border-color:#005b80!important}.v-application .secondary--text.text--darken-4{caret-color:#005b80!important;color:#005b80!important}.v-application .accent{background-color:#82b1ff!important;border-color:#82b1ff!important}.v-application .accent--text{caret-color:#82b1ff!important;color:#82b1ff!important}.v-application .accent.lighten-5{background-color:#fff!important;border-color:#fff!important}.v-application .accent--text.text--lighten-5{caret-color:#fff!important;color:#fff!important}.v-application .accent.lighten-4{background-color:#f8ffff!important;border-color:#f8ffff!important}.v-application .accent--text.text--lighten-4{caret-color:#f8ffff!important;color:#f8ffff!important}.v-application .accent.lighten-3{background-color:#daffff!important;border-color:#daffff!important}.v-application .accent--text.text--lighten-3{caret-color:#daffff!important;color:#daffff!important}.v-application .accent.lighten-2{background-color:#bce8ff!important;border-color:#bce8ff!important}.v-application .accent--text.text--lighten-2{caret-color:#bce8ff!important;color:#bce8ff!important}.v-application .accent.lighten-1{background-color:#9fccff!important;border-color:#9fccff!important}.v-application .accent--text.text--lighten-1{caret-color:#9fccff!important;color:#9fccff!important}.v-application .accent.darken-1{background-color:#6596e2!important;border-color:#6596e2!important}.v-application .accent--text.text--darken-1{caret-color:#6596e2!important;color:#6596e2!important}.v-application .accent.darken-2{background-color:#467dc6!important;border-color:#467dc6!important}.v-application .accent--text.text--darken-2{caret-color:#467dc6!important;color:#467dc6!important}.v-application .accent.darken-3{background-color:#2364aa!important;border-color:#2364aa!important}.v-application .accent--text.text--darken-3{caret-color:#2364aa!important;color:#2364aa!important}.v-application .accent.darken-4{background-color:#004c90!important;border-color:#004c90!important}.v-application .accent--text.text--darken-4{caret-color:#004c90!important;color:#004c90!important}.v-application .error{background-color:#ff5252!important;border-color:#ff5252!important}.v-application .error--text{caret-color:#ff5252!important;color:#ff5252!important}.v-application .error.lighten-5{background-color:#ffe4d5!important;border-color:#ffe4d5!important}.v-application .error--text.text--lighten-5{caret-color:#ffe4d5!important;color:#ffe4d5!important}.v-application .error.lighten-4{background-color:#ffc6b9!important;border-color:#ffc6b9!important}.v-application .error--text.text--lighten-4{caret-color:#ffc6b9!important;color:#ffc6b9!important}.v-application .error.lighten-3{background-color:#ffa99e!important;border-color:#ffa99e!important}.v-application .error--text.text--lighten-3{caret-color:#ffa99e!important;color:#ffa99e!important}.v-application .error.lighten-2{background-color:#ff8c84!important;border-color:#ff8c84!important}.v-application .error--text.text--lighten-2{caret-color:#ff8c84!important;color:#ff8c84!important}.v-application .error.lighten-1{background-color:#ff6f6a!important;border-color:#ff6f6a!important}.v-application .error--text.text--lighten-1{caret-color:#ff6f6a!important;color:#ff6f6a!important}.v-application .error.darken-1{background-color:#df323b!important;border-color:#df323b!important}.v-application .error--text.text--darken-1{caret-color:#df323b!important;color:#df323b!important}.v-application .error.darken-2{background-color:#bf0025!important;border-color:#bf0025!important}.v-application .error--text.text--darken-2{caret-color:#bf0025!important;color:#bf0025!important}.v-application .error.darken-3{background-color:#9f0010!important;border-color:#9f0010!important}.v-application .error--text.text--darken-3{caret-color:#9f0010!important;color:#9f0010!important}.v-application .error.darken-4{background-color:maroon!important;border-color:maroon!important}.v-application .error--text.text--darken-4{caret-color:maroon!important;color:maroon!important}.v-application .info{background-color:#2196f3!important;border-color:#2196f3!important}.v-application .info--text{caret-color:#2196f3!important;color:#2196f3!important}.v-application .info.lighten-5{background-color:#d4ffff!important;border-color:#d4ffff!important}.v-application .info--text.text--lighten-5{caret-color:#d4ffff!important;color:#d4ffff!important}.v-application .info.lighten-4{background-color:#b5ffff!important;border-color:#b5ffff!important}.v-application .info--text.text--lighten-4{caret-color:#b5ffff!important;color:#b5ffff!important}.v-application .info.lighten-3{background-color:#95e8ff!important;border-color:#95e8ff!important}.v-application .info--text.text--lighten-3{caret-color:#95e8ff!important;color:#95e8ff!important}.v-application .info.lighten-2{background-color:#75ccff!important;border-color:#75ccff!important}.v-application .info--text.text--lighten-2{caret-color:#75ccff!important;color:#75ccff!important}.v-application .info.lighten-1{background-color:#51b0ff!important;border-color:#51b0ff!important}.v-application .info--text.text--lighten-1{caret-color:#51b0ff!important;color:#51b0ff!important}.v-application .info.darken-1{background-color:#007cd6!important;border-color:#007cd6!important}.v-application .info--text.text--darken-1{caret-color:#007cd6!important;color:#007cd6!important}.v-application .info.darken-2{background-color:#0064ba!important;border-color:#0064ba!important}.v-application .info--text.text--darken-2{caret-color:#0064ba!important;color:#0064ba!important}.v-application .info.darken-3{background-color:#004d9f!important;border-color:#004d9f!important}.v-application .info--text.text--darken-3{caret-color:#004d9f!important;color:#004d9f!important}.v-application .info.darken-4{background-color:#003784!important;border-color:#003784!important}.v-application .info--text.text--darken-4{caret-color:#003784!important;color:#003784!important}.v-application .success{background-color:#4caf50!important;border-color:#4caf50!important}.v-application .success--text{caret-color:#4caf50!important;color:#4caf50!important}.v-application .success.lighten-5{background-color:#dcffd6!important;border-color:#dcffd6!important}.v-application .success--text.text--lighten-5{caret-color:#dcffd6!important;color:#dcffd6!important}.v-application .success.lighten-4{background-color:#beffba!important;border-color:#beffba!important}.v-application .success--text.text--lighten-4{caret-color:#beffba!important;color:#beffba!important}.v-application .success.lighten-3{background-color:#a2ff9e!important;border-color:#a2ff9e!important}.v-application .success--text.text--lighten-3{caret-color:#a2ff9e!important;color:#a2ff9e!important}.v-application .success.lighten-2{background-color:#85e783!important;border-color:#85e783!important}.v-application .success--text.text--lighten-2{caret-color:#85e783!important;color:#85e783!important}.v-application .success.lighten-1{background-color:#69cb69!important;border-color:#69cb69!important}.v-application .success--text.text--lighten-1{caret-color:#69cb69!important;color:#69cb69!important}.v-application .success.darken-1{background-color:#2d9437!important;border-color:#2d9437!important}.v-application .success--text.text--darken-1{caret-color:#2d9437!important;color:#2d9437!important}.v-application .success.darken-2{background-color:#00791e!important;border-color:#00791e!important}.v-application .success--text.text--darken-2{caret-color:#00791e!important;color:#00791e!important}.v-application .success.darken-3{background-color:#006000!important;border-color:#006000!important}.v-application .success--text.text--darken-3{caret-color:#006000!important;color:#006000!important}.v-application .success.darken-4{background-color:#004700!important;border-color:#004700!important}.v-application .success--text.text--darken-4{caret-color:#004700!important;color:#004700!important}.v-application .warning{background-color:#ffc107!important;border-color:#ffc107!important}.v-application .warning--text{caret-color:#ffc107!important;color:#ffc107!important}.v-application .warning.lighten-5{background-color:#ffffae!important;border-color:#ffffae!important}.v-application .warning--text.text--lighten-5{caret-color:#ffffae!important;color:#ffffae!important}.v-application .warning.lighten-4{background-color:#ffff91!important;border-color:#ffff91!important}.v-application .warning--text.text--lighten-4{caret-color:#ffff91!important;color:#ffff91!important}.v-application .warning.lighten-3{background-color:#ffff74!important;border-color:#ffff74!important}.v-application .warning--text.text--lighten-3{caret-color:#ffff74!important;color:#ffff74!important}.v-application .warning.lighten-2{background-color:#fff956!important;border-color:#fff956!important}.v-application .warning--text.text--lighten-2{caret-color:#fff956!important;color:#fff956!important}.v-application .warning.lighten-1{background-color:#ffdd37!important;border-color:#ffdd37!important}.v-application .warning--text.text--lighten-1{caret-color:#ffdd37!important;color:#ffdd37!important}.v-application .warning.darken-1{background-color:#e0a600!important;border-color:#e0a600!important}.v-application .warning--text.text--darken-1{caret-color:#e0a600!important;color:#e0a600!important}.v-application .warning.darken-2{background-color:#c18c00!important;border-color:#c18c00!important}.v-application .warning--text.text--darken-2{caret-color:#c18c00!important;color:#c18c00!important}.v-application .warning.darken-3{background-color:#a27300!important;border-color:#a27300!important}.v-application .warning--text.text--darken-3{caret-color:#a27300!important;color:#a27300!important}.v-application .warning.darken-4{background-color:#855a00!important;border-color:#855a00!important}.v-application .warning--text.text--darken-4{caret-color:#855a00!important;color:#855a00!important}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{position:relative;width:100%}input,textarea{-webkit-touch-callout:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-khtml-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important}a{-webkit-text-decoration:none;text-decoration:none}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:none;display:block;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;line-height:1;position:relative;width:100%}#app ::-webkit-scrollbar{display:block}#app .app-bg{background-attachment:fixed;-moz-background-attachment:fixed;-webkit-background-attachment:fixed;-ms-background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:100%!important;left:0;position:fixed;top:0;width:100%!important;z-index:-1000}#app .ssr-loader{background:#fff;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:2000}#app .ssr-loader .loader-content{left:50%;position:absolute;top:300px;transform:translate(-50%,-50%)}.clear-block,.solid-block{border-radius:5px;padding:15px 20px}.theme--light.v-icon,.v-application.theme--light{color:#373737}.v-application.theme--light ::-webkit-scrollbar{height:7px;width:7px}.v-application.theme--light ::-webkit-scrollbar-button{background:#e8e8e8;display:none;height:3px}.v-application.theme--light ::-webkit-scrollbar-track{background:#e8e8e8;border-radius:8px}.v-application.theme--light ::-webkit-scrollbar-thumb{background:#87cefa;border-radius:8px}.v-application.theme--light ::-webkit-scrollbar-corner,.v-application.theme--light ::-webkit-scrollbar-resizer{background:#e8e8e8;border-radius:8px}.v-application.theme--light a{color:#373737}.v-application.theme--light .clear-block{background:hsla(0,0%,100%,.7)}.v-application.theme--light .solid-block{background:#fff}.v-application.theme--light .app-bg{filter:brightness(.7) opacity(1)}.v-application.theme--light .component-page-header .menu-item:before{background:#373737}.v-application.theme--dark{color:#f0f0f0}.v-application.theme--dark ::-webkit-scrollbar{height:7px;width:7px}.v-application.theme--dark ::-webkit-scrollbar-button{background:rgba(0,0,0,.5);display:none;height:3px}.v-application.theme--dark ::-webkit-scrollbar-track{background:rgba(0,0,0,.5);border-radius:8px}.v-application.theme--dark ::-webkit-scrollbar-thumb{background:#777;border-radius:8px}.v-application.theme--dark ::-webkit-scrollbar-corner,.v-application.theme--dark ::-webkit-scrollbar-resizer{background:rgba(0,0,0,.5);border-radius:8px}.v-application.theme--dark a{color:#f0f0f0}.v-application.theme--dark .clear-block{background:rgba(50,50,50,.5)}.v-application.theme--dark .solid-block{background:#1e1e1e}.v-application.theme--dark .app-bg{filter:brightness(.5) opacity(1)}.responsive-section-a{max-width:1600px}@media screen and (min-width:0px) and (max-width:1119px){#app .responsive-section-a{width:98%}}@media screen and (min-width:1200px) and (max-width:1349px){#app .responsive-section-a{width:88%}}@media screen and (min-width:1350px) and (max-width:1549px){#app .responsive-section-a{width:82%}}@media screen and (min-width:1550px) and (max-width:1903px){#app .responsive-section-a{width:72%}}@media screen and (min-width:1904px) and (max-width:2499px){#app .responsive-section-a{width:65%}#app .wkey{border-radius:0 0 7px 7px}}@media screen and (min-width:2500px){#app .responsive-section-a{width:65%}#app .wkey{border-radius:0 0 7px 7px}}html.desktop,html.desktop body{min-width:1280px}html.desktop .piano .piano-key-wrap .bkey.key-hover:hover{box-shadow:inset 0 0 7px 0 #87cefa;cursor:pointer}html.desktop .piano .piano-key-wrap .wkey.key-hover:hover{box-shadow:inset 0 0 5px 0 orange;cursor:pointer}html.desktop .score-container{min-width:500px}html.desktop .component-page-footer{width:100%}html.tablet,html.tablet body{max-width:100%;width:100%}html.tablet body #app .responsive-section-a{width:97%}html.tablet body #app .score-container{min-width:46%}html.tablet body #app .component-page-footer{width:100%}.clearfix{zoom:1;clear:both}.clearfix:before{content:"";display:block}.clearfix:after{clear:both;content:"";display:table;height:0}.float-left{float:left}.float-right{float:right}.absolute-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.em{color:#ff5252;font-weight:700}.custom-scrollbar{scrollbar-color:#87cefa #e8e8e8;scrollbar-width:thin}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}.fadein-enter,.fadein-leave-to{opacity:0}.fadein-enter-to,.fadein-leave{opacity:1}.fadein-enter-active,.fadein-leave-active{transition:all .3s linear}.autopiano-ambient-background[data-v-65bb2d22]{background:linear-gradient(155deg,#20262d,#141a20 48%,#0b1015);bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.autopiano-ambient-background__texture[data-v-65bb2d22],canvas[data-v-65bb2d22]{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}canvas[data-v-65bb2d22]{opacity:0;transition:opacity .32s ease}.autopiano-ambient-background--ready canvas[data-v-65bb2d22]{opacity:1}.autopiano-ambient-background__texture[data-v-65bb2d22]{background-image:radial-gradient(hsla(0,0%,100%,.12) .45px,transparent .55px);background-size:5px 5px;opacity:.08}.mobile-entry-overlay[data-v-3458857c]{display:none}@media (max-width:767px){.mobile-entry-overlay[data-v-3458857c]{align-items:center;background:#fff;bottom:0;color:#171717;display:flex;flex-direction:column;justify-content:center;left:0;padding:28px;position:fixed;right:0;text-align:center;top:0;z-index:2100}.mobile-entry-overlay__logo[data-v-3458857c]{border:1px solid #ececec;border-radius:8px;display:block;height:76px;margin-bottom:20px;-o-object-fit:contain;object-fit:contain;width:76px}.mobile-entry-overlay__eyebrow[data-v-3458857c]{color:#1e88e5;font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.mobile-entry-overlay__title[data-v-3458857c]{font-size:28px;font-weight:700;line-height:1.2;margin:0}.mobile-entry-overlay__description[data-v-3458857c]{color:#666;font-size:15px;line-height:1.7;margin:12px 0 8px;max-width:320px}.mobile-entry-overlay__hint[data-v-3458857c]{color:#333;font-size:14px;line-height:1.6;margin:0 0 28px}.mobile-entry-overlay__hint strong[data-v-3458857c]{color:#168744}.mobile-entry-overlay__actions[data-v-3458857c]{grid-gap:12px;display:grid;gap:12px;max-width:320px;width:100%}.mobile-entry-overlay__button[data-v-3458857c]{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:8px;justify-content:center;letter-spacing:0;min-height:52px;-webkit-text-decoration:none;text-decoration:none;width:100%}.mobile-entry-overlay__button .v-icon[data-v-3458857c]{color:currentColor}.mobile-entry-overlay__button--wechat[data-v-3458857c]{background:#2aae67;border:1px solid #2aae67;color:#fff}.mobile-entry-overlay__button--piano[data-v-3458857c]{background:#fff;border:1px solid #1e88e5;color:#1e88e5}.mobile-entry-overlay__button[data-v-3458857c]:focus-visible{outline:2px solid #1e88e5;outline-offset:3px}}