#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.van-action-sheet[data-v-ab7bac2c]{border-radius:0}.block-header[data-v-ab7bac2c]{display:flex;align-items:center;justify-content:space-between;line-height:1;margin-bottom:8px}.block-header .label[data-v-ab7bac2c]{font-size:14px;color:#9e9e9e}.form-block[data-v-ab7bac2c]{border:1px solid #efefef;margin-bottom:8px}.b .form-header[data-v-ab7bac2c]{display:flex;justify-content:space-between;align-items:center}.config-panel[data-v-ab7bac2c]{position:absolute;left:0;bottom:0;z-index:999;width:100%;line-height:1;font-size:14px;background:#000;color:#ffeb3b}.config-panel .form[data-v-ab7bac2c]{padding:12px 12px}.config-panel ul[data-v-ab7bac2c]{width:100%;height:48px;display:flex;padding-left:12px;align-items:center;justify-content:space-between}.config-panel ul li[data-v-ab7bac2c]{height:100%;display:flex}.config-panel ul li .info[data-v-ab7bac2c]{height:100%;display:flex;align-items:center;justify-content:center;text-align:left;line-height:1;font-size:12px}.config-panel ul li.action .btn[data-v-ab7bac2c]{height:100%;display:flex;align-items:center;justify-content:center;padding:0 24px;background:hsla(0,0%,100%,.25);font-size:14px;border-right:1px solid rgba(0,0,0,.3)}.config-panel ul li.action .btn[data-v-ab7bac2c]:last-child{border-right:none}.config-panel ul li.action .btn[data-v-ab7bac2c]:active{background:hsla(0,0%,100%,.35)}.custom-button{width:26px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:#000;border-radius:100px}.van-checkbox{margin-bottom:8px}.extra-text{color:#afafaf}.net-status-indicator[data-v-46fa85dd]{position:absolute;left:12px;bottom:50px;font-size:12px}.net-status-indicator .error[data-v-46fa85dd]{color:rgba(255,0,85,.918);display:flex;align-items:center}.net-status-indicator .success[data-v-46fa85dd]{color:#1cbb30}.beat-indicators[data-v-909ad0da]{display:flex;height:80px;color:#000}.beat-indicators .cell[data-v-909ad0da]{width:25%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.beat-indicators .cell .indicator[data-v-909ad0da]{border-radius:50%;border:1px solid #000}.beat-indicators .cell .label[data-v-909ad0da]{position:absolute;left:0;bottom:0;width:100%;line-height:1;font-size:14px;text-align:center;font-weight:700}.beat-indicators .cell .label.t[data-v-909ad0da]{z-index:2}.beat-indicators .cell .label.b[data-v-909ad0da]{z-index:1;color:#05e5f7}.pass-indicator li[data-v-2cbb470c]{height:24px;margin-bottom:8px;display:flex;position:relative;justify-content:space-between;width:100%}.pass-indicator li .label[data-v-2cbb470c]{height:100%;line-height:24px;width:72px;text-align:right;padding-right:8px}.pass-indicator li .bar-wrapper[data-v-2cbb470c]{flex:1;height:100%;position:relative;padding:4px}.pass-indicator li .bar-wrapper .inner[data-v-2cbb470c]{height:100%;position:relative;overflow:hidden;border:1px solid #000;padding:1px}.pass-indicator li .bar-wrapper .bar[data-v-2cbb470c]{background:#000;height:100%}.pitch-wheel[data-v-39719333]{font-weight:700;width:100%;margin-left:0;height:100%;overflow:hidden;contain:content;color:#fff;padding:2rem 2rem 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;-webkit-mask-image:linear-gradient(90deg,hsla(0,0%,100%,0) 5%,#fff 25%,#fff 75%,hsla(0,0%,100%,0) 95%);mask-image:linear-gradient(90deg,hsla(0,0%,100%,0) 5%,#fff 25%,#fff 75%,hsla(0,0%,100%,0) 95%)}.pitch-wheel .arrow[data-v-39719333]{line-height:1;position:absolute;left:0;top:0;font-size:1.4rem;text-align:center;color:#000;width:100%;height:1.4rem;display:flex;align-items:flex-start;justify-content:center}@media only screen and (max-width:1024px){.pitch-wheel[data-v-39719333]{height:100%;padding:1.4rem 0 0}}.wheel-svg[data-v-39719333]{width:200%;margin-left:-50%;transform:rotate(-1035deg);transform-origin:center center}.pitch-indicator .wheel[data-v-4c061f08]{position:relative;height:140px;overflow:hidden}.pitch-indicator .pitch-meta[data-v-4c061f08]{height:120px;display:flex;align-items:center;justify-content:center}.pitch-indicator .pitch-meta ul[data-v-4c061f08]{line-height:1}.pitch-indicator .pitch-meta ul li.frequency[data-v-4c061f08],.pitch-indicator .pitch-meta ul li .picth-index[data-v-4c061f08]{font-size:24px;margin-bottom:12px}.pitch-indicator .pitch-meta ul li.frequency .suffix[data-v-4c061f08]{opacity:.7}.pitch-indicator .pitch-meta ul li.pitch[data-v-4c061f08]{display:flex;align-items:center;justify-content:center;height:64px}.pitch-indicator .pitch-meta ul li.pitch .note[data-v-4c061f08]{font-size:56px;font-weight:700}.pitch-indicator .pitch-meta ul li.pitch .octave[data-v-4c061f08]{margin-top:24px;font-size:24px}.home[data-v-1ae938c7]{height:100%;background:#fcee0b}.home .container[data-v-1ae938c7]{height:100%;position:relative;overflow:hidden;color:#000;max-width:480px;margin:0 auto}.home .container .indicator-block[data-v-1ae938c7]{padding:12px}.home .container .beat-block[data-v-1ae938c7]{position:absolute;bottom:72px;width:100%;left:0}.connection-error-indicator[data-v-1ae938c7]{position:absolute;left:4px;bottom:50px;font-size:14px;color:#000;color:red}.start[data-v-1ae938c7]{height:72px;position:absolute;z-index:999;left:0;top:50%;width:100%}.start .tip[data-v-1ae938c7]{margin-top:12px;font-size:12px}.start .btn[data-v-1ae938c7]{width:120px;height:100%;margin:0 auto;background:#000;color:#fff;font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center}.start .btn[data-v-1ae938c7]:active{background:rgba(0,0,0,.9)}.home[data-v-1bb3a1a2]{height:100%;background:#fff}.home[data-v-1bb1c814]{height:100%}.svg-icon[data-v-77ffa1fc]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-77ffa1fc]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}.ease-elem{transition:all .628s cubic-bezier(.645,.045,.355,1)}.ease-elem-fast{transition:all .328s cubic-bezier(.645,.045,.355,1)}.ease-elem-superfast{transition:all .128s cubic-bezier(.645,.045,.355,1)}.fade-up-enter-active,.fade-up-leave-active{transition:all .5s}.fade-up-enter{opacity:0;transform:translateY(100%)}.fade-up-leave-to{opacity:0;transform:translateY(-100%)}.fade-up-slow-enter-active,.fade-up-slow-leave-active{transition:all 1s}.fade-up-slow-enter{opacity:0;transform:translateY(50%)}.fade-up-slow-leave-to{opacity:0;transform:translateY(-50%)}.fade-down-enter-active,.fade-down-leave-active{transition:all .5s}.fade-down-enter{opacity:0;transform:translateY(-50%)}.fade-down-leave-to{opacity:0;transform:translateY(50%)}.fade-right-enter-active,.fade-right-leave-active{transition:all .5s}.fade-right-enter{opacity:0;transform:translateX(-30%)}.fade-right-leave-to{opacity:0;transform:translateX(30%)}.fade-right-slow-enter-active,.fade-right-slow-leave-active{transition:all 1s}.fade-right-slow-enter{opacity:0;transform:translateX(-30%)}.fade-right-slow-leave-to{opacity:0;transform:translateX(30%)}.fade-left-enter-active,.fade-left-leave-active{transition:all .5s}.fade-left-enter{opacity:0;transform:translateX(30%)}.fade-left-leave-to{opacity:0;transform:translateX(-30%)}.title-toggle-enter-active,.title-toggle-leave-active{transition:all 1s}.title-toggle-enter,.title-toggle-leave-to{opacity:0;transform:translateY(-50%)}.back-toggle-enter-active,.back-toggle-leave-active{transition:all .5s}.back-toggle-enter,.back-toggle-leave-to{opacity:0;transform:translateX(-30%)}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .5s}.fade-transform-enter{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media(prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}@-webkit-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;display:block;position:relative;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;text-rendering:optimizeLegibility}#app,body,html{-webkit-font-smoothing:antialiased}#app,body,html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}#app,#app .page{height:100%;overflow:hidden;position:relative}.pbtn{background:transparent!important;border:none!important;margin:0 auto!important;border:1px solid #ff7b8a!important;color:#ff7b8a!important}.ibtn{background-color:#76b9fd!important;border:1px solid rgba(3,169,244,.43)!important}@font-face{font-family:Digital-Regular;src:url(/fonts/Digital-Regular.eot);src:local("☺"),url(/fonts/Digital-Regular.woff) format("woff"),url(/fonts/Digital-Regular.ttf) format("truetype"),url(/fonts/Digital-Regular.svg) format("svg");font-weight:400;font-style:normal}.digital-font{font-family:Digital-Regular}