.van-overlay[data-v-0f5bb72f]{z-index:100}.van-overlay .loading-box[data-v-0f5bb72f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tone-symbol{font-size:1em;display:inline-flex}.tone-symbol .s{font-family:GolosMelody}.tone-symbol .ss{transform:translate(.1em,-.1em)}.C-chord .s{display:inline-block;font-size:.42667rem;font-family:GolosMelody;font-weight:400;transform:translate(-1px,-.08rem)}.C-chord .C-chord-item-r .s{font-size:.32rem;transform:translate(0)}.C-chord[data-v-711192c6]{width:100%;height:100%;display:flex;align-items:center}.C-chord-item[data-v-711192c6]{width:calc(100%/var(--grid-col));height:.53333rem;color:hsla(0,0%,100%,.9);font-size:.53333rem;line-height:.53333rem;position:relative;text-indent:.05333rem;display:flex;align-items:center;font-family:Golos}.C-chord-item[data-v-711192c6]:after{content:"";position:absolute;width:81%;height:1px;background-color:hsla(0,0%,100%,.2);bottom:0;left:50%;transform:translate(-50%,50%);border-radius:.26667rem}.C-chord-item-l[data-v-711192c6]{font-size:.48rem;flex-shrink:0;display:flex;align-items:center}.C-chord-item-r[data-v-711192c6]{height:100%;flex-shrink:0;font-size:.32rem;display:flex;flex-direction:column;justify-content:center}.C-chord-item-r-b[data-v-711192c6],.C-chord-item-r-t[data-v-711192c6]{display:inline-block;height:100%;line-height:.29333rem;transform:scale(.7) translateX(-26%)}i[data-v-03bb1e4a]{font-style:normal}.tone-grid[data-v-03bb1e4a]{width:100%;height:.58667rem;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.9);font-size:.34667rem;font-weight:400;background:rgba(0,0,0,.3);font-family:GolosMelody}.tone-grid-item-box[data-v-03bb1e4a]{width:calc(100%/var(--grid-col));display:flex;align-items:center;position:relative}.tone-grid-item-box .legato-symbol[data-v-03bb1e4a]{position:absolute;left:50%;transform:translate(-50%,-100%);z-index:1;width:90%;display:flex;justify-content:center;align-items:center}.tone-grid-item-box .legato-symbol-left[data-v-03bb1e4a],.tone-grid-item-box .legato-symbol-right[data-v-03bb1e4a]{transform:translateY(.05333rem);height:.10667rem;width:36%;border-top:1px solid hsla(0,0%,100%,.8)}.tone-grid-item-box .legato-symbol-left[data-v-03bb1e4a]{border-left:1px solid hsla(0,0%,100%,.8)}.tone-grid-item-box .legato-symbol-center[data-v-03bb1e4a]{color:hsla(0,0%,100%,.8);font-size:.32rem;line-height:1;flex:1;text-align:center;transform:scale(.7)}.tone-grid-item-box .legato-symbol-right[data-v-03bb1e4a]{border-right:1px solid hsla(0,0%,100%,.8)}.tone-grid-item[data-v-03bb1e4a]{flex:1;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.tone-grid .b[data-v-03bb1e4a]:after,.tone-grid .hy[data-v-03bb1e4a]:after,.tone-grid .jing[data-v-03bb1e4a]:after{width:100%;font-family:GolosMelody;font-size:.32rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}.tone-grid .b[data-v-03bb1e4a]:after{content:"♭"}.tone-grid .jing[data-v-03bb1e4a]:after{content:"♯";opacity:.7}.tone-grid .hy[data-v-03bb1e4a]:after{content:"♮";opacity:.7}.tone-grid .scale-font-size[data-v-03bb1e4a]{transform:scaleX(.6);margin:0 -.10667rem}.tone-grid .scale-font-size.b[data-v-03bb1e4a]:after,.tone-grid .scale-font-size.hy[data-v-03bb1e4a]:after,.tone-grid .scale-font-size.jing[data-v-03bb1e4a]:after{transform:translate(10%,-50%)}.main[data-v-22017ccf]{position:relative;z-index:1;width:100%;overflow:hidden;overflow-y:scroll;border-radius:.42667rem .42667rem 0 0;background-color:#111;padding-bottom:3.12rem}.main .fragment-item[data-v-22017ccf]{margin-top:.53333rem}.main .fragment-item .paragraph-title[data-v-22017ccf]{display:flex;align-items:center;padding:0 .37333rem;line-height:.58667rem}.main .fragment-item .paragraph-title .text-1[data-v-22017ccf]{color:var(--primary-color);font-size:.42667rem;margin-right:.21333rem}.main .fragment-item .paragraph-title .text-2[data-v-22017ccf]{color:hsla(0,0%,100%,.3);font-size:.34667rem;font-weight:500}.main .fragment-item .paragraph-content[data-v-22017ccf]{margin-top:.21333rem;padding:0 .18667rem;display:flex;flex-wrap:wrap}.main .fragment-item .paragraph-content .paragraph-item[data-v-22017ccf]{width:50%}.main .fragment-item .paragraph-content .paragraph-item:nth-child(odd):last-child .tone .tone-bg[data-v-22017ccf],.main .fragment-item .paragraph-content .paragraph-item:nth-child(odd):last-child .tone .tone-top[data-v-22017ccf]{border-radius:.21333rem}.main .fragment-item .paragraph-content .paragraph-item:nth-child(odd):last-child .tone .tone-top[data-v-22017ccf]:after{content:none!important}.main .fragment-item .paragraph-content .paragraph-item:nth-child(odd):last-child .tone .tone-top .tone-grid[data-v-22017ccf]{border-radius:.10667rem}.main .fragment-item .paragraph-content .paragraph-item .subsection[data-v-22017ccf]{margin-top:.16rem;padding-left:.18667rem;width:4.61333rem;height:.53333rem;font-size:.26667rem;font-weight:500;display:flex;align-items:center;line-height:.29333rem}.main .fragment-item .paragraph-content .paragraph-item .subsection-num[data-v-22017ccf]{color:var(--primary-color);margin-right:.18667rem}.main .fragment-item .paragraph-content .paragraph-item .subsection-tonic-solfa[data-v-22017ccf]{height:.34667rem;display:flex;padding:1px .08rem;align-items:center;justify-content:center;border-radius:.08rem;border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.1);overflow:hidden}.main .fragment-item .paragraph-content .paragraph-item .tone[data-v-22017ccf]{display:flex;flex-direction:column;font-family:Golos;position:relative}.main .fragment-item .paragraph-content .paragraph-item .tone-bg[data-v-22017ccf]{position:absolute;top:0;left:0;width:100%;background:rgba(63,63,63,.2)}.main .fragment-item .paragraph-content .paragraph-item .tone .height-box[data-v-22017ccf]{height:1.46667rem}.main .fragment-item .paragraph-content .paragraph-item .tone .short-box[data-v-22017ccf]{height:.72rem}.main .fragment-item .paragraph-content .paragraph-item .tone-bottom[data-v-22017ccf],.main .fragment-item .paragraph-content .paragraph-item .tone-top[data-v-22017ccf]{width:calc(100%/var(--col)*var(--grid-col));position:relative;flex-shrink:0;height:100%;background:var(--primary-bg-color)}.main .fragment-item .paragraph-content .paragraph-item .tone-bottom .tone-grid[data-v-22017ccf],.main .fragment-item .paragraph-content .paragraph-item .tone-top .tone-grid[data-v-22017ccf]{color:var(--primary-color)}.main .fragment-item .paragraph-content .paragraph-item .tone-top[data-v-22017ccf]{border-radius:.21333rem}.main .fragment-item .paragraph-content .paragraph-item .tone-top .tone-grid[data-v-22017ccf]{margin-bottom:.16rem}.main .fragment-item .paragraph-content .paragraph-item .tone-bottom[data-v-22017ccf]{height:auto;min-height:1.17333rem;padding-top:0!important;padding-bottom:0!important;background:none;margin-top:.10667rem}.main .fragment-item .paragraph-content .paragraph-item .tone-bottom .tone-grid[data-v-22017ccf]{color:hsla(0,0%,100%,.9)!important;background:transparent!important}.main .fragment-item .paragraph-content .paragraph-item .tone-bottom .tone-grid.lyric[data-v-22017ccf]{font-size:.29333rem}.main .fragment-item .paragraph-content .paragraph-item .left-border-radius[data-v-22017ccf]{border-radius:.21333rem 0 0 .21333rem}.main .fragment-item .paragraph-content .paragraph-item .right-border-radius[data-v-22017ccf]{border-radius:0 .21333rem .21333rem 0}.main .fragment-item .paragraph-content .paragraph-item .left-box .tone-box[data-v-22017ccf]{border-radius:.21333rem 0 0 .21333rem;padding:.08rem 0 .10667rem .10667rem}.main .fragment-item .paragraph-content .paragraph-item .left-box .tone-box .tone-grid[data-v-22017ccf]{border-radius:.10667rem 0 0 .10667rem}.main .fragment-item .paragraph-content .paragraph-item .right-box .tone-box[data-v-22017ccf]{border-radius:0 .21333rem .21333rem 0;padding:.08rem .10667rem .10667rem 0}.main .fragment-item .paragraph-content .paragraph-item .right-box .tone-box .tone-grid[data-v-22017ccf]{border-radius:0 .10667rem .10667rem 0}.main .fragment-item .paragraph-content .paragraph-item .left-box .tone-top[data-v-22017ccf]:after{position:absolute;content:"";width:1px;height:85%;border-radius:.53333rem;right:0;top:50%;transform:translate(50%,-50%);background-color:hsla(0,0%,100%,.15)}.main .fragment-item .paragraph-content .paragraph-item .left-box .beats-extend[data-v-22017ccf],.main .fragment-item .paragraph-content .paragraph-item .right-box .beats-extend[data-v-22017ccf]{border-radius:0;position:relative}.main .fragment-item .paragraph-content .paragraph-item .left-box .beats-extend.beats-all[data-v-22017ccf]{border-radius:.21333rem 0 0 .21333rem}.main .fragment-item .paragraph-content .paragraph-item .left-box .beats-extend.beats-not-all[data-v-22017ccf],.main .fragment-item .paragraph-content .paragraph-item .right-box .beats-extend.beats-not-all[data-v-22017ccf]{border-radius:0 .21333rem .21333rem 0}.main .fragment-item .paragraph-content .paragraph-item .complete-box.tone-box.tone-top[data-v-22017ccf]{border-radius:.21333rem;padding:.08rem .10667rem .10667rem 0}.main .fragment-item .paragraph-content .paragraph-item .left-box .beats-extend.beats-not-all[data-v-22017ccf]:before,.main .fragment-item .paragraph-content .paragraph-item .right-box .beats-extend.beats-all[data-v-22017ccf]:after{content:"";position:absolute;top:0;width:.32rem;height:100%;z-index:1}.main .fragment-item .paragraph-content .paragraph-item .left-box .beats-extend.beats-not-all[data-v-22017ccf]:after{content:none}.main .fragment-item .paragraph-content .paragraph-item .left-box .beats-extend.beats-not-all[data-v-22017ccf]:before{left:0;background:linear-gradient(90deg,#0c0c0c,transparent)}.main .fragment-item .paragraph-content .paragraph-item .right-box .beats-extend.beats-all[data-v-22017ccf]:after{right:0;background:linear-gradient(270deg,#0c0c0c,transparent)}.expire-wrapper[data-v-6543e89a]{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.expire-wrapper .expire-img[data-v-6543e89a]{width:3.28rem;height:3.38667rem;margin-bottom:.50667rem}.expire-wrapper .expire-text[data-v-6543e89a]{color:hsla(0,0%,100%,.9);text-align:center;font-size:.48rem;line-height:.85333rem;letter-spacing:-.18px}div,footer,header,i,li,main,p,section,span,ul{box-sizing:border-box;font-style:normal}li{list-style:none}#app{overflow:hidden}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}