@charset "UTF-8";#app{width:100vw;height:100vh;overflow:hidden}.fullscreen-modal[data-v-b550a7e2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.fullscreen-content[data-v-b550a7e2]{position:relative;width:100%;height:100%;background:#fff;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.fullscreen-content .bottom-control-bar[data-v-b550a7e2]{display:flex;align-items:flex-end;justify-content:center;gap:.4rem;margin-top:.32rem;flex-shrink:0}.fullscreen-content .box-rect[data-v-b550a7e2]{height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fullscreen-content .box-rect .box-rect-content[data-v-b550a7e2]{display:flex;align-items:center}.fullscreen-content .box-rect .box-rect-content .icon-control[data-v-b550a7e2]{width:.2rem;height:.2rem;cursor:pointer!important;transition:opacity .2s ease}.fullscreen-content .box-rect .box-rect-content .icon-control[data-v-b550a7e2]:hover{opacity:.8}.fullscreen-content .box-rect-10[data-v-b550a7e2]{width:.6rem!important;height:.4rem;border-radius:.08rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fullscreen-content .box-rect-10.active[data-v-b550a7e2]{width:.6rem!important;background:#f5b403;box-shadow:0 .02rem .04rem #0093b54d}.fullscreen-content .box-rect-10 .icon-playing[data-v-b550a7e2]{width:.2rem;height:.2rem;cursor:pointer;transition:opacity .2s ease}.fullscreen-content .box-rect-10 .icon-playing[data-v-b550a7e2]:hover{opacity:.8}.fullscreen-content .exit-fullscreen-button[data-v-b550a7e2]{width:1.26rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;padding:0 .12rem;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.fullscreen-content .exit-fullscreen-button[data-v-b550a7e2]:hover{opacity:.8}.fullscreen-content .exit-fullscreen-button .exit-fullscreen-icon[data-v-b550a7e2]{width:.28rem;height:.28rem;margin-right:.08rem}.fullscreen-content .exit-fullscreen-button .exit-fullscreen-text[data-v-b550a7e2]{color:#fff;font-family:Microsoft YaHei;font-size:.16rem;font-weight:400;line-height:.21rem;letter-spacing:0;text-align:left}.content-right[data-v-b550a7e2]{width:14rem;height:100%;padding:.28rem 0 0;box-sizing:border-box;position:relative;flex-shrink:0}.content-right .song-title[data-v-b550a7e2]{color:#000;font-family:Noto Sans SC;font-size:.36rem;font-weight:700;line-height:.52rem;letter-spacing:.02rem;text-align:center;height:.52rem;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:.12rem}.content-right .song-subtitle-author-container[data-v-b550a7e2]{position:relative;width:100%;height:.35rem;margin-top:.12rem}.content-right .song-subtitle[data-v-b550a7e2]{position:absolute;left:50%;transform:translate(-50%);height:.35rem;display:flex;flex-direction:row;align-items:center;color:#000;font-family:Noto Sans SC;font-size:.24rem;font-weight:500;line-height:.35rem;letter-spacing:0;text-align:center}.content-right .song-author[data-v-b550a7e2]{position:absolute;right:.94rem;height:.29rem;display:flex;flex-direction:row;align-items:center;color:#000;font-family:Noto Sans SC;font-size:.2rem;font-weight:500;line-height:.29rem;letter-spacing:0;text-align:center}.content-right .video-container[data-v-b550a7e2]{margin:.32rem auto 0;width:14rem;height:7.875rem;border-radius:.12rem;overflow:hidden}.content-right .video-container video[data-v-b550a7e2]{width:100%;height:100%;object-fit:contain}.video-progress-container[data-v-b550a7e2]{width:12rem;margin:0;padding:0;flex-shrink:0}.video-progress-container .time-progress-border[data-v-b550a7e2]{width:12rem;height:.115rem;display:flex;align-items:center;margin-bottom:.02rem}.video-progress-container .time-progress-border.original-mode[data-v-b550a7e2]{opacity:0;pointer-events:none}.video-progress-container .time-progress-border .time-border-section[data-v-b550a7e2]{height:100%;position:relative;border:.01rem solid rgb(203,202,202);border-bottom:none;opacity:.5;cursor:pointer}.video-progress-container .time-progress-border .time-border-section.active[data-v-b550a7e2]{opacity:1}.video-progress-container .time-progress-border .time-border-section[data-v-b550a7e2]:first-child{border-radius:.05rem 0 0}.video-progress-container .time-progress-border .time-border-section[data-v-b550a7e2]:last-child{border-radius:0 .05rem 0 0}.video-progress-container .time-progress-border .time-border-section .time-section-name[data-v-b550a7e2]{position:absolute;top:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-size:.14rem;font-weight:700;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .parent-paragraph-progress-bar[data-v-b550a7e2]{width:12rem;height:.14rem;display:flex;align-items:center;margin-bottom:.02rem}.video-progress-container .parent-paragraph-progress-bar.original-mode[data-v-b550a7e2]{opacity:0;pointer-events:none}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section[data-v-b550a7e2]{height:100%;position:relative;opacity:.5;cursor:pointer;border:.01rem solid rgb(203,202,202);border-bottom:none}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section.active[data-v-b550a7e2]{opacity:1}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section .section-name[data-v-b550a7e2]{position:absolute;top:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-size:.14rem;font-weight:700;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section.first-section[data-v-b550a7e2]{border-radius:.07rem 0 0 .07rem}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section.last-section[data-v-b550a7e2]{border-radius:0 .07rem .07rem 0}.video-progress-container .child-paragraph-progress-bar[data-v-b550a7e2]{width:12rem;height:.14rem;display:flex;align-items:center;margin-bottom:.32rem}.video-progress-container .child-paragraph-progress-bar.original-mode[data-v-b550a7e2]{opacity:0;pointer-events:none}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]{height:100%;position:relative;opacity:.3;cursor:pointer}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section.active[data-v-b550a7e2]{opacity:1}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section .section-name[data-v-b550a7e2]{position:absolute;bottom:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-size:.12rem;font-weight:400;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section.first-section[data-v-b550a7e2]{border-radius:.07rem 0 0 .07rem}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section.last-section[data-v-b550a7e2]{border-radius:0 .07rem .07rem 0}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(1){background:#92a8fe99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(2){background:#ff96a799}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(3){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(4){background:#e39a5699}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(5){background:#00d1aa99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(6){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(7){background:#8ac5ff99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(8){background:#92a8fe99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(9){background:#ff96a799}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(10){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(11){background:#e39a5699}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(12){background:#00d1aa99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(13){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section[data-v-b550a7e2]:nth-child(14){background:#8ac5ff99}.video-progress-container .paragraph-progress-bar[data-v-b550a7e2]{width:12rem;height:.14rem;display:flex;align-items:center;margin-bottom:.32rem}.video-progress-container .paragraph-progress-bar.original-mode[data-v-b550a7e2]{opacity:0;pointer-events:none}.video-progress-container .paragraph-progress-bar .paragraph-section[data-v-b550a7e2]{height:100%;position:relative;opacity:.3;cursor:pointer}.video-progress-container .paragraph-progress-bar .paragraph-section.active[data-v-b550a7e2]{opacity:1}.video-progress-container .paragraph-progress-bar .paragraph-section .section-name[data-v-b550a7e2]{position:absolute;bottom:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-size:.14rem;font-weight:700;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .paragraph-progress-bar .paragraph-section[data-v-b550a7e2]:first-child{border-radius:.07rem 0 0 .07rem}.video-progress-container .paragraph-progress-bar .paragraph-section[data-v-b550a7e2]:last-child{border-radius:0 .07rem .07rem 0}.video-progress-container .paragraph-progress-bar .paragraph-section.section-a[data-v-b550a7e2]{background:#92a8fe}.video-progress-container .paragraph-progress-bar .paragraph-section.section-b[data-v-b550a7e2]{background:#ff96a7}.video-progress-container .paragraph-progress-bar .paragraph-section.section-c[data-v-b550a7e2]{background:#00abd1}.video-progress-container .paragraph-progress-bar .paragraph-section.section-d[data-v-b550a7e2]{background:#e39a56}.video-progress-container .paragraph-progress-bar .paragraph-section.section-e[data-v-b550a7e2]{background:#00d1aa}.video-progress-container .paragraph-progress-bar .paragraph-section.section-f[data-v-b550a7e2]{background:#00abd1}.video-progress-container .paragraph-progress-bar .paragraph-section.section-尾奏[data-v-b550a7e2]{background:#8ac5ff}.video-progress-container .video-progress-main[data-v-b550a7e2]{display:flex;align-items:center;gap:.12rem;margin-bottom:.08rem;position:relative}.video-progress-container .video-progress-bar[data-v-b550a7e2]{flex:1;height:.14rem;background:#c8c8c8cc;border-radius:.1rem;cursor:pointer;position:relative;overflow:hidden}.video-progress-container .video-progress-bar[data-v-b550a7e2]:hover{background:#b4b4b4e6}.video-progress-container .video-progress-bar .video-progress-fill[data-v-b550a7e2]{position:absolute;top:0;left:0;height:100%;background:#4aaf8d;border-radius:.1rem;transition:width .1s linear}.video-progress-container .video-progress-slider[data-v-b550a7e2]{position:absolute;top:50%;left:0;transform:translateY(-50%);width:.16rem;height:.16rem;background:#fff;border:.03rem solid rgb(74,175,141);border-radius:50%;cursor:grab;z-index:10;box-shadow:0 .02rem .08rem #0000004d;pointer-events:auto}.video-progress-container .video-progress-slider.dragging[data-v-b550a7e2]{transition:none!important;cursor:grabbing}.video-progress-container .video-progress-slider[data-v-b550a7e2]:not(.dragging){transition:transform .2s ease,box-shadow .2s ease}.video-progress-container .video-progress-slider[data-v-b550a7e2]:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 .03rem .12rem #0006}.video-progress-container .video-progress-slider[data-v-b550a7e2]:active{cursor:grabbing;transform:translateY(-50%) scale(.95);box-shadow:0 .01rem .04rem #0003}.instrument-panel-container[data-v-acd6f386]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.instrument-info-box[data-v-acd6f386]{position:absolute;left:.88rem;top:0;width:2.1rem;height:auto;border:.005rem solid rgb(74,175,141);border-radius:.08rem;background:#fff;opacity:0;visibility:hidden;z-index:1000;padding:.08rem .16rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;gap:.16rem;box-shadow:0 .02rem .08rem #0000001a;transition:opacity .2s ease,visibility .2s ease}.instrument-info-box.panel-visible[data-v-acd6f386]{opacity:1;visibility:visible}.instrument-info-box.bottom-align[data-v-acd6f386]{top:auto;bottom:0}.instrument-info-box .info-item[data-v-acd6f386]{display:flex;align-items:center;justify-content:space-between;height:.2rem;position:relative}.instrument-info-box .info-item .info-label[data-v-acd6f386]{color:#000;font-family:Noto Sans SC;font-style:Regular;font-size:.14rem;font-weight:400;line-height:.2rem;letter-spacing:0;text-align:left;flex-shrink:0;height:100%;display:flex;align-items:center}.instrument-info-box .info-item .info-value[data-v-acd6f386]{display:flex;align-items:center;justify-content:flex-end;gap:.04rem;flex:1;margin-left:.12rem;height:100%}.instrument-info-box .info-item .info-value .instrument-name[data-v-acd6f386]{color:#000;font-family:Noto Sans SC;font-style:Regular;font-size:.14rem;font-weight:400;line-height:.2rem;letter-spacing:0;text-align:right;max-width:1rem;margin-right:.06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instrument-info-box .info-item .info-value .info-arrow[data-v-acd6f386]{width:.2rem;height:.2rem;object-fit:contain;flex-shrink:0;display:block}.instrument-info-box .info-item.selected .info-label[data-v-acd6f386],.instrument-info-box .info-item.selected .instrument-name[data-v-acd6f386]{color:#4aaf8d!important}.instrument-large-panel[data-v-acd6f386]{position:absolute;left:1.94rem;top:0;border:.005rem solid rgb(74,175,141);border-radius:.08rem;background:#fff;opacity:0;visibility:hidden;z-index:1000;padding:.16rem;box-sizing:border-box;box-shadow:0 .02rem .08rem #0000001a;overflow-y:auto;transition:opacity .2s ease,visibility .2s ease;min-width:0}.instrument-large-panel.panel-visible[data-v-acd6f386]{opacity:1;visibility:visible}.instrument-large-panel.bottom-align[data-v-acd6f386]{top:auto;bottom:0}.instrument-large-panel .instruments-grid[data-v-acd6f386]{display:grid;grid-template-columns:repeat(4,1fr);gap:.16rem;width:100%;min-width:0}.instrument-large-panel .instrument-small-box[data-v-acd6f386]{width:.88rem;height:.88rem;border:.005rem solid rgb(74,175,141);border-radius:.08rem;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 .01rem .04rem #00000014;justify-self:center}.instrument-large-panel .instrument-small-box[data-v-acd6f386]:hover{border-color:#f5b403;box-shadow:0 .02rem .08rem #f5b4034d;transform:scale(1.05)}.instrument-large-panel .instrument-small-box.disabled[data-v-acd6f386]{opacity:.4;cursor:not-allowed;filter:grayscale(100%)}.instrument-large-panel .instrument-small-box.disabled[data-v-acd6f386]:hover{border-color:#4aaf8d;box-shadow:0 .01rem .04rem #00000014;transform:none}.instrument-large-panel .instrument-small-box.selected[data-v-acd6f386]{border-color:#f5b403;background:#f5b4031a;box-shadow:0 .02rem .08rem #f5b4034d}.instrument-large-panel .instrument-small-box.selected .small-instrument-name[data-v-acd6f386]{color:#f5b403;font-weight:600}.instrument-large-panel .instrument-small-box .small-instrument-icon[data-v-acd6f386]{width:.48rem;height:.48rem;object-fit:contain;margin-bottom:.06rem}.instrument-large-panel .instrument-small-box .small-instrument-name[data-v-acd6f386]{color:#000;font-family:Noto Sans SC;font-size:.1rem;font-weight:400;line-height:.14rem;letter-spacing:0;text-align:center;max-width:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{-webkit-app-region:drag}body *,.icon,.icon-control,.icon-playing,.icon-sm,.icon-zhangjie,.icon-arrow,.random-instrument-btn,.slider-node,.slider-icon{-webkit-app-region:no-drag}.icon-wrapper{position:relative;display:inline-block;width:.6rem;height:.4rem;border-radius:.08rem;display:flex;align-items:center;justify-content:center;background:#4aaf8d;transition:background-color .2s ease}.icon-wrapper:hover{background:#f5b403}.icon-wrapper .dropdown-menu{position:absolute;top:100%;left:0;width:1.42rem;border-radius:.08rem;border:.01rem solid rgb(74,175,141);background:#fff;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;padding:.08rem 0;margin-top:.08rem}.icon-wrapper .dropdown-menu .menu-item{width:1.42rem;height:.36rem;display:flex;align-items:center;padding-left:.16rem;color:#333;font-family:Noto Sans SC;font-size:.14rem;font-weight:400;cursor:pointer;transition:all .2s ease}.icon-wrapper .dropdown-menu .menu-item:hover{color:#4aaf8d;background:#fff;border-radius:.08rem}.icon-wrapper:hover .dropdown-menu{opacity:1;visibility:visible}.home{width:100vw;height:100vh;overflow:hidden;background:#f5f5f5;background-image:url(./bg-BS23w7r5.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;padding-bottom:.24rem}.header{position:fixed;top:0;left:0;right:0;height:.8rem;padding:.2rem .7rem;z-index:100;display:flex;justify-content:space-between;align-items:center}.header .header-left{display:flex;align-items:center}.header .header-left .box-left{width:1.8rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;justify-content:center}.header .header-left .box-left .box-icons{display:flex;gap:0;align-items:center}.header .header-left .box-left .box-icons .icon{width:.2rem;height:.2rem;cursor:pointer;transition:opacity .2s ease;display:block}.header .header-left .box-left .box-icons .icon:hover{opacity:.8}.header .header-right{display:flex;align-items:center;gap:0}.header .header-right .box-right{width:.6rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;justify-content:center;margin-right:.32rem;display:none}.header .header-right .box-right:nth-child(1){display:none}.header .header-right .box-right.show-in-split{display:flex}.header .header-right .box-right .box-right-content{display:flex;align-items:center;justify-content:center}.header .header-right .box-right .box-right-content .icon-sm{width:.6rem;height:.4rem;cursor:pointer;transition:opacity .2s ease}.header .header-right .box-right .box-right-content .icon-sm:hover{opacity:.8}.header .header-right .box-rect{height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;justify-content:center}.header .header-right .box-rect .box-rect-content{display:flex;align-items:center}.header .header-right .box-rect .box-rect-content .icon-control{width:.2rem;height:.2rem;cursor:pointer!important;transition:opacity .2s ease}.header .header-right .box-rect .box-rect-content .icon-control:hover{opacity:.8}.header .header-right .box-rect-10{width:.6rem!important;height:.4rem;border-radius:.08rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header .header-right .box-rect-10.active{width:.6rem!important;background:#f5b403;box-shadow:0 .02rem .04rem #0093b54d}.header .header-right .box-rect-10 .icon-playing{width:.2rem;height:.2rem;cursor:pointer;transition:opacity .2s ease}.header .header-right .box-rect-10 .icon-playing:hover{opacity:.8}.header .header-right .box-rect-4{width:1.8rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center}.header .header-right .box-rect-4 .box-rect-9{width:.6rem;height:.4rem;background:#f5b403;border-radius:.08rem 0 0 .08rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header .header-right .box-rect-4 .box-rect-9 .icon-zhangjie{width:.2rem;height:.2rem;cursor:pointer;transition:opacity .2s ease}.header .header-right .box-rect-4 .box-rect-9 .icon-zhangjie:hover{opacity:.8}.header .header-right .box-rect-4 .box-text{flex:1;height:.4rem;display:flex;align-items:center;justify-content:center}.header .header-right .box-rect-4 .box-text span{color:#fff;font-family:Microsoft YaHei;font-size:.16rem;font-weight:400;line-height:.21rem;letter-spacing:.05rem;text-align:center}.header .header-right .box-rect-time{width:1.85rem;margin-left:.32rem}.header .header-right .box-rect-time .box-text span{letter-spacing:0}.header .header-right .box-rect-5{width:1.45rem}.header .header-right .box-rect-5 .box-text span{letter-spacing:0}.header .header-right .box-rect-5 .box-arrows{display:flex;flex-direction:column;gap:.04rem;padding-right:.1rem}.header .header-right .box-rect-5 .box-arrows .icon-arrow{width:.1rem;height:.1rem;cursor:pointer;transition:opacity .2s ease}.header .header-right .box-rect-5 .box-arrows .icon-arrow:hover{opacity:.8}.header .header-right .box-rect-11{width:.65rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;justify-content:center}.header .header-right .box-rect-11 span{color:#fff;font-family:Microsoft YaHei;font-size:.16rem;font-weight:400;line-height:.21rem;letter-spacing:0;text-align:left}.main-content{width:calc(100vw - 1.4rem);height:9.68rem;border-radius:.2rem;box-shadow:0 .04rem .04rem #00000026;background:#fff;margin:.8rem .7rem 0;display:flex;position:relative}.main-content .global-loading-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.main-content .global-loading-prompt p{color:#000;font-family:Noto Sans SC;font-size:.2rem;font-weight:500;line-height:.28rem;margin:0}.main-content .content-left{width:2.68rem;height:100%;background-image:url(./bg-track-CX_IGiGs.png)!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}.main-content .content-left.original-spectrum-mode{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.main-content .content-left .instruments-buttons{display:flex;gap:.08rem;margin-top:.28rem;margin-left:.22rem}.main-content .content-left .random-instrument-btn,.main-content .content-left .clean-instrument-btn{width:1.08rem;height:.4rem;background:#4aaf8d;border-radius:.08rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.main-content .content-left .random-instrument-btn:hover,.main-content .content-left .clean-instrument-btn:hover{opacity:.8}.main-content .content-left .random-instrument-btn.disabled,.main-content .content-left .clean-instrument-btn.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.main-content .content-left .random-instrument-btn .random-icon,.main-content .content-left .random-instrument-btn .clean-icon,.main-content .content-left .clean-instrument-btn .random-icon,.main-content .content-left .clean-instrument-btn .clean-icon{width:.24rem;height:.24rem;margin-right:.06rem;display:block}.main-content .content-left .random-instrument-btn .random-text,.main-content .content-left .clean-instrument-btn .random-text{color:#fff;font-family:Noto Sans SC;font-style:Medium;font-size:.14rem;font-weight:500;line-height:.2rem;letter-spacing:0;text-align:left}.main-content .content-left .random-instrument-btn .clean-text,.main-content .content-left .clean-instrument-btn .clean-text{color:#4aaf8d;font-family:Noto Sans SC;font-style:Medium;font-size:.14rem;font-weight:500;line-height:.2rem;letter-spacing:0;text-align:left}.main-content .content-left .clean-instrument-btn{background:#fff;border:.01rem solid rgb(74,175,141)}.main-content .content-left .track-section{width:2.24rem;display:flex;flex-direction:row;align-items:center;margin-left:.22rem;border-bottom:.01rem solid rgb(237,237,237);position:relative}.main-content .content-left .track-section.no-border-bottom{border-bottom:none}.main-content .content-left .track-section.disabled-track{opacity:.5;cursor:not-allowed;pointer-events:none}.main-content .content-left .track-section.disabled-track .instrument-icon{opacity:.6}.main-content .content-left .track-section.disabled-track:hover .track-hover-box{display:none}.main-content .content-left .track-section .track-icon{width:1.08rem;height:1.08rem;background:#fff;border-radius:.08rem;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;border:.02rem solid rgb(74,175,141)}.main-content .content-left .track-section .track-icon .track-index-icon{position:absolute;bottom:.054rem;right:.054rem;width:.108rem;height:.108rem}.main-content .content-left .track-section .instrument-icon{width:.72rem;height:.72rem}.main-content .content-left .track-section .track-controls-left{display:flex;flex-direction:column;align-items:center}.main-content .content-left .track-section .track-controls-icons{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.24rem}.main-content .content-left .track-section .track-controls-icons .track-mini-text{width:.48rem;height:.28rem;border-radius:.04rem;background:#3f3e42;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Microsoft YaHei,Arial,sans-serif;font-size:.12rem;font-weight:400;cursor:pointer;transition:all .2s ease}.main-content .content-left .track-section .track-controls-icons .track-mini-text:hover{opacity:.8}.main-content .content-left .track-section .track-controls-icons .track-mini-text.track-mute.active{background:#d72518}.main-content .content-left .track-section .track-controls-icons .track-mini-text.track-solo.active{background:#e9b327}.main-content .content-left .track-section .track-volume-slider{width:1.16rem;position:relative;display:flex;align-items:center;justify-content:center}.main-content .content-left .track-section .track-volume-slider .track-slider-bar{width:1.16rem;height:.06rem;box-sizing:border-box;border-radius:.06rem;box-shadow:0 .01rem .01rem #fff,inset 0 .01rem .01rem #00000040;position:relative;overflow:hidden}.main-content .content-left .track-section .track-volume-slider .track-slider-bar .track-slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,#2b2b2b,#606060)}.main-content .content-left .track-section .track-volume-slider .track-slider-node{position:absolute;width:.336rem;height:.42rem;top:-.098rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.main-content .content-left .track-section .track-volume-slider .track-slider-node .track-slider-icon{width:100%;height:100%;object-fit:contain}.main-content .content-left .track-section .track-controls-right{width:.88rem;height:.88rem;margin-left:.2rem;box-sizing:border-box;border-radius:.08rem;background:#fff;border:.0111rem solid rgb(74,175,141);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex-shrink:0}.main-content .content-left .track-section .track-controls-right .track-instrument-icon{width:.6rem;height:.6rem;object-fit:contain}.main-content .content-left .track-section .track-controls-right .track-index-icon{position:absolute;bottom:.04rem;right:.04rem;width:.088rem;height:.088rem}.main-content .content-left .track-section .track-hover-box{position:absolute;top:50%;left:1.08rem;transform:translateY(-50%);width:2.1rem;min-height:1.08rem;max-height:3rem;box-sizing:border-box;border:.005rem solid rgb(74,175,141);border-radius:.08rem;background:#fff;display:block;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.main-content .content-left .track-section .track-hover-box.active{opacity:1;visibility:visible}.main-content .content-left .track-section .track-hover-box .hover-content{width:100%;overflow-y:auto;max-height:2.8rem;overflow:visible}.main-content .content-left .track-section .track-hover-box .track-wrapper{position:relative;width:100%}.main-content .content-left .track-section .track-hover-box .track-info{display:flex;align-items:center;justify-content:flex-start;padding:.08rem .12rem;min-height:.4rem;width:100%;position:relative}.main-content .content-left .track-section .track-hover-box .track-info.selected-track .track-name,.main-content .content-left .track-section .track-hover-box .track-info.selected-track .instrument-name{color:#4aaf8d}.main-content .content-left .track-section .track-hover-box .track-details{display:flex;align-items:center;justify-content:space-between;gap:.12rem;flex:1}.main-content .content-left .track-section .track-hover-box .track-name{color:#000;font-family:Noto Sans SC;font-size:.14rem;font-weight:400;line-height:.2rem;letter-spacing:.02rem;text-align:left}.main-content .content-left .track-section .track-hover-box .instrument-name{color:#000;font-family:Noto Sans SC;font-size:.14rem;font-weight:400;line-height:.2rem;letter-spacing:.02rem;text-align:right}.main-content .content-left .track-section .arrow-icon{width:.2rem;height:.2rem;margin-left:.12rem}.main-content .content-right{position:absolute;width:12.5rem;height:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;padding-top:.28rem;box-sizing:border-box}.main-content .content-right .button-area{position:absolute;top:.24rem;right:.24rem;width:1.32rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;z-index:1000}.main-content .content-right .button-area .button-item{width:50%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Noto Sans SC;font-size:.14rem;font-weight:400;line-height:.2rem;letter-spacing:0;text-align:center;cursor:pointer;transition:background-color .2s ease;border-radius:.08rem}.main-content .content-right .button-area .button-item.active{background:#f5b403}.main-content .content-right .button-area .button-item:hover{opacity:.8}.main-content .content-right .song-title{color:#000;font-family:Noto Sans SC;font-size:.36rem;font-weight:700;line-height:.52rem;letter-spacing:.02rem;text-align:center;height:.52rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.main-content .content-right .song-subtitle-author-container{position:relative;width:100%;height:.35rem;margin-top:.12rem}.main-content .content-right .song-subtitle{position:absolute;left:50%;transform:translate(-50%);height:.35rem;display:flex;flex-direction:row;align-items:center;color:#000;font-family:Noto Sans SC;font-size:.24rem;font-weight:500;line-height:.35rem;letter-spacing:0;text-align:center}.main-content .content-right .song-author{position:absolute;left:11.46rem;height:.29rem;display:flex;flex-direction:row;align-items:center;color:#000;font-family:Noto Sans SC;font-size:.2rem;font-weight:400;line-height:.29rem;letter-spacing:0;text-align:right}.main-content .content-right .video-container{width:12.5rem;height:7rem}.main-content .content-right .video-container video{width:100%;height:100%;object-fit:contain}.main-content .content-right .video-placeholder{width:100%;height:100%;min-height:4rem;display:flex;align-items:center;justify-content:center;background:#f9f9f9}.main-content .content-right .video-placeholder p{color:#666;font-size:.16rem;text-align:center}.video-progress-container{width:11.68rem;margin:.1rem 0 0 .67rem;padding:0}.video-progress-container .time-progress-border{width:11.68rem;height:.115rem;display:flex;align-items:center;margin-bottom:.02rem}.video-progress-container .time-progress-border.original-mode{opacity:0;pointer-events:none}.video-progress-container .time-progress-border .time-border-section{height:100%;position:relative;border:.01rem solid rgb(203,202,202);border-bottom:none;opacity:.5;cursor:pointer}.video-progress-container .time-progress-border .time-border-section.active{opacity:1}.video-progress-container .time-progress-border .time-border-section:first-child{border-radius:.05rem 0 0}.video-progress-container .time-progress-border .time-border-section:last-child{border-radius:0 .05rem 0 0}.video-progress-container .time-progress-border .time-border-section .time-section-name{position:absolute;top:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-style:Regular;font-size:.14rem;font-weight:700;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .parent-paragraph-progress-bar{width:11.68rem;height:.14rem;display:flex;align-items:center;margin-bottom:.02rem}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section{height:100%;position:relative;opacity:.5;cursor:pointer;border:.01rem solid rgb(203,202,202);border-bottom:none}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section.active{opacity:1}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section .section-name{position:absolute;top:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-style:Regular;font-size:.14rem;font-weight:700;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section.first-section{border-radius:.07rem 0 0 .07rem}.video-progress-container .parent-paragraph-progress-bar .parent-paragraph-section.last-section{border-radius:0 .07rem .07rem 0}.video-progress-container .child-paragraph-progress-bar{width:11.68rem;height:.14rem;display:flex;align-items:center;margin-bottom:.32rem}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section{height:100%;position:relative;opacity:.3;cursor:pointer}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section.active{opacity:1}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section .section-name{position:absolute;bottom:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-style:Regular;font-size:.12rem;font-weight:400;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section.first-section{border-radius:.07rem 0 0 .07rem}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section.last-section{border-radius:0 .07rem .07rem 0}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(1){background:#92a8fe99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(2){background:#ff96a799}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(3){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(4){background:#e39a5699}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(5){background:#00d1aa99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(6){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(7){background:#8ac5ff99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(8){background:#92a8fe99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(9){background:#ff96a799}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(10){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(11){background:#e39a5699}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(12){background:#00d1aa99}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(13){background:#00abd199}.video-progress-container .child-paragraph-progress-bar .child-paragraph-section:nth-child(14){background:#8ac5ff99}.video-progress-container .paragraph-progress-bar{width:11.68rem;height:.14rem;display:flex;align-items:center;margin-bottom:.32rem}.video-progress-container .paragraph-progress-bar.original-mode{opacity:0;pointer-events:none}.video-progress-container .paragraph-progress-bar .paragraph-section{height:100%;position:relative;opacity:.3;cursor:pointer}.video-progress-container .paragraph-progress-bar .paragraph-section.active{opacity:1}.video-progress-container .paragraph-progress-bar .paragraph-section .section-name{position:absolute;bottom:-.22rem;left:50%;transform:translate(-50%);color:#000;font-family:Noto Sans SC;font-style:Regular;font-size:.14rem;font-weight:700;line-height:.2rem;letter-spacing:0;text-align:center;white-space:nowrap}.video-progress-container .paragraph-progress-bar .paragraph-section.first-section{border-radius:.07rem 0 0 .07rem}.video-progress-container .paragraph-progress-bar .paragraph-section.last-section{border-radius:0 .07rem .07rem 0}.video-progress-container .paragraph-progress-bar .paragraph-section.section-a{background:#92a8fe}.video-progress-container .paragraph-progress-bar .paragraph-section.section-b{background:#ff96a7}.video-progress-container .paragraph-progress-bar .paragraph-section.section-c{background:#00abd1}.video-progress-container .paragraph-progress-bar .paragraph-section.section-d{background:#e39a56}.video-progress-container .paragraph-progress-bar .paragraph-section.section-e{background:#00d1aa}.video-progress-container .paragraph-progress-bar .paragraph-section.section-f{background:#00abd1}.video-progress-container .paragraph-progress-bar .paragraph-section.section-尾奏{background:#8ac5ff}.video-progress-container .video-progress-main{display:flex;align-items:center;gap:.12rem;margin-bottom:.08rem;position:relative}.video-progress-container .video-progress-bar{flex:1;height:.14rem;background:#c8c8c8cc;border-radius:.1rem;cursor:pointer;position:relative;overflow:hidden}.video-progress-container .video-progress-bar:hover{background:#b4b4b4e6}.video-progress-container .video-progress-bar .video-progress-fill{height:100%;background:#4aaf8d;border-radius:.1rem;position:relative}.video-progress-container .video-progress-bar .paragraph-separator{position:absolute;top:50%;transform:translate(-50%,-50%);width:.04rem;height:.2rem;border-radius:.06rem;background:#cbd2ed;z-index:5;pointer-events:none;display:none}.video-progress-container .video-progress-slider{position:absolute;top:50%;left:0;transform:translateY(-50%);width:.16rem;height:.16rem;background:#fff;border:.03rem solid rgb(74,175,141);border-radius:50%;cursor:grab;z-index:10;box-shadow:0 .02rem .08rem #0000004d;pointer-events:auto}.video-progress-container .video-progress-slider.dragging{transition:none!important;cursor:grabbing}.video-progress-container .video-progress-slider:not(.dragging){transition:transform .2s ease,box-shadow .2s ease}.video-progress-container .video-progress-slider:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 .03rem .12rem #0006}.video-progress-container .video-progress-slider:active{cursor:grabbing;transform:translateY(-50%) scale(.95);box-shadow:0 .01rem .04rem #0003}.video-progress-container .video-play-pause-btn{width:.36rem;height:.36rem;border-radius:50%;background:#4aaf8d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.video-progress-container .video-play-pause-btn:hover{background:#3e9678;transform:scale(1.05)}.video-progress-container .video-play-pause-btn:active{transform:scale(.95)}.video-progress-container .video-play-pause-btn .video-control-icon{width:.2rem;height:.2rem;filter:brightness(0) invert(1)}.video-progress-container .video-time-display{display:flex;justify-content:space-between;align-items:center;padding:0 .08rem}.video-progress-container .video-time-display .current-time,.video-progress-container .video-time-display .duration{color:#666;font-family:Arial,sans-serif;font-size:.14rem;font-weight:400}.video-progress-container .video-time-display .current-time{color:#f5b403;font-weight:600}.bottom-controls-wrapper{position:absolute;bottom:-.4rem;left:0;right:0;z-index:1000;pointer-events:none}.bottom-controls-wrapper>*{pointer-events:auto}.fullscreen-button{position:absolute;right:.42rem;bottom:.44rem;width:1.26rem;height:.4rem;border-radius:.08rem;background:#4aaf8d;display:flex;align-items:center;padding:0 .12rem;cursor:pointer;transition:opacity .2s ease;z-index:1000}.fullscreen-button:hover{opacity:.8}.fullscreen-button .fullscreen-icon{width:.28rem;height:.28rem;margin-right:.08rem}.fullscreen-button .fullscreen-text{color:#fff;font-family:Microsoft YaHei;font-style:Regular;font-size:.16rem;font-weight:400;line-height:.21rem;letter-spacing:0;text-align:left}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#fff;background:#1a1a1a}::-webkit-scrollbar{width:.08rem}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:.04rem}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:.04rem}::-webkit-scrollbar-thumb:hover{background:#ffffff80}input[type=text],input[type=search],input[type=email],input[type=password]{background:#ffffff1a;border:.01rem solid rgba(255,255,255,.2);color:#fff;padding:.08rem .12rem;border-radius:.06rem;font-size:.14rem;transition:all .3s ease}input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:#667eea;background:#ffffff26}input[type=text]::placeholder,input[type=search]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:#fff9}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all .3s ease}button:focus{outline:none}button:disabled{opacity:.5;cursor:not-allowed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.w-100{width:100%}.h-100{height:100%}.mb-1{margin-bottom:.04rem}.mb-2{margin-bottom:.08rem}.mb-3{margin-bottom:.12rem}.mb-4{margin-bottom:.16rem}.mb-5{margin-bottom:.2rem}.mt-1{margin-top:.04rem}.mt-2{margin-top:.08rem}.mt-3{margin-top:.12rem}.mt-4{margin-top:.16rem}.mt-5{margin-top:.2rem}.p-1{padding:.04rem}.p-2{padding:.08rem}.p-3{padding:.12rem}.p-4{padding:.16rem}.p-5{padding:.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(.2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in-up{animation:slideInUp .3s ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 1200px){.app-container .toolbar .search-bar{width:2rem}}@media (max-width: 768px){.app-container .main-content .sidebar{width:2rem}.app-container .main-content .content{padding:.15rem}.app-container .main-content .content .content-header{flex-direction:column;align-items:flex-start;gap:.15rem}.app-container .player .player-left{width:auto;min-width:2rem}.app-container .player .player-right{width:auto;min-width:1.5rem}}@media (max-width: 480px){.app-container .toolbar .search-bar{width:1.2rem}.app-container .toolbar .toolbar-right .btn-icon:last-child{margin-right:.1rem}.app-container .main-content{flex-direction:column}.app-container .main-content .sidebar{width:100%;height:auto;order:2}.app-container .main-content .content{order:1}.app-container .player{padding:.1rem}.app-container .player .player-left{display:none}.app-container .player .player-center .player-progress{max-width:3rem}.app-container .player .player-right .volume-control .volume-slider{width:.6rem}}