.nav-buttons[data-v-3b3704fa]{display:flex;align-items:center;justify-content:center;width:100%;padding:.26667rem .96rem .77333rem;box-sizing:border-box}.nav-buttons.nav-buttons-fixed[data-v-3b3704fa]{position:fixed;left:0;bottom:0;background:#fff;box-sizing:border-box;z-index:100}.nav-buttons .nav-button[data-v-3b3704fa]{text-align:center;flex:1;height:1.38667rem;line-height:1.38667rem;background:rgba(23,22,28,.04);border-radius:2.66667rem;font-size:.42667rem}.nav-buttons .nav-button.prev-button[data-v-3b3704fa]{margin-right:.42667rem;color:#17161c;font-weight:500}.nav-buttons .nav-button.next-button[data-v-3b3704fa]{background:#17161c;color:#fff;font-weight:500}.nav-buttons .nav-button.next-button.disabled[data-v-3b3704fa]{background:#747377;color:hsla(0,0%,100%,.35)}.black-theme .nav-buttons[data-v-3b3704fa]{background:#1b1c24}.black-theme .nav-buttons .nav-button[data-v-3b3704fa]{background:#8e92a3;color:#fff}.black-theme .nav-buttons .nav-button.next-button[data-v-3b3704fa]{background:#377cfb}.black-theme .nav-buttons .nav-button.disabled[data-v-3b3704fa]{opacity:.4}.in-app .progress[data-v-77a0181e]{top:0}.progress[data-v-77a0181e]{height:.82667rem;position:fixed;top:1.33333rem;left:0;width:100%;background:#fff;z-index:10}.progress .out[data-v-77a0181e]{position:absolute;left:0;bottom:0;width:100%;background:#f3f3f3;height:.16rem;display:flex;flex:1}.progress .out.max .in .text[data-v-77a0181e]{right:0}.progress .out .in[data-v-77a0181e]{min-width:.8rem;height:100%;position:relative;background:linear-gradient(90deg,#6b6682,#17161c 100%);border-radius:0 .16rem .16rem 0}.progress .out .in .text[data-v-77a0181e]{position:absolute;top:-.66667rem;right:-.42667rem;height:.48rem;line-height:.50667rem;background:#17161c;border-radius:.48rem;font-size:.32rem;color:#fff;text-align:center;width:.98667rem}.progress .out .in .text[data-v-77a0181e]:after{content:"";position:absolute;bottom:-.13333rem;left:50%;margin-left:-.06667rem;height:0;width:0;border-style:solid;border-width:.16rem .08rem 0 .08rem;border-color:#17161c transparent transparent transparent}.black-theme .progress[data-v-77a0181e]{background:#1b1c24}.black-theme .progress .out[data-v-77a0181e]{background:#323442}.black-theme .progress .out .in[data-v-77a0181e]{background:linear-gradient(90deg,#6fa2ff,#377cfb 100%)}.black-theme .progress .out .in .text[data-v-77a0181e]{background:#377cfb}.black-theme .progress .out .in .text[data-v-77a0181e]:after{border-color:#377cfb transparent transparent transparent}.page-header[data-v-2a69a007]{margin-top:.82667rem;color:#17161c;font-size:.48rem;font-weight:500;line-height:1.17333rem;padding:.18667rem .42667rem 0;height:auto;border-bottom:1px solid #f3f3f3}.page-header.en-header[data-v-2a69a007]{line-height:1.4;padding:.26667rem .42667rem}.page-content[data-v-2a69a007]{padding-top:.26667rem}.audio-wrapper[data-v-2a69a007]{padding:.26667rem .42667rem 0;position:relative}.audio-container[data-v-2a69a007]{background:linear-gradient(0deg,#f8fbff,#ebf4ff);border-radius:.21333rem;padding:.32rem}.info-box[data-v-2a69a007]{display:flex;align-items:center;margin-bottom:.32rem}.info-box .head-img[data-v-2a69a007]{width:1.86667rem;height:1.86667rem;border-radius:50%;overflow:hidden;flex-shrink:0}.info-box .head-img .img[data-v-2a69a007]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.info-box .text-box[data-v-2a69a007]{flex:1;margin:0 .32rem}.info-box .text-box .name[data-v-2a69a007]{font-weight:500;font-size:.37333rem;color:#17161c;margin-bottom:.16rem}.info-box .text-box .code[data-v-2a69a007]{font-size:.34667rem;color:#17161c}.info-box .btn-wrapper[data-v-2a69a007]{position:relative;flex-shrink:0}.info-box .btn[data-v-2a69a007]{width:1.17333rem;height:1.17333rem;border-radius:50%;background:#377cfb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 .05333rem .16rem rgba(55,124,251,.4)}.info-box .btn[data-v-2a69a007]:active{transform:scale(.95)}.info-box .play-icon[data-v-2a69a007]{width:0;height:0;border-style:solid;border-width:.21333rem 0 .21333rem .37333rem;border-color:transparent transparent transparent #fff;margin-left:.08rem}.info-box .pause-icon[data-v-2a69a007]{width:.37333rem;height:.42667rem;display:flex;justify-content:space-between}.info-box .pause-icon[data-v-2a69a007]:after,.info-box .pause-icon[data-v-2a69a007]:before{content:"";width:.10667rem;height:100%;background:#fff;border-radius:.02667rem}.info-box .gesture-icon[data-v-2a69a007]{position:absolute;top:.90667rem;left:50%;margin-left:-.26667rem;font-size:.53333rem;-webkit-animation:gesture-bounce-data-v-2a69a007 1s infinite;animation:gesture-bounce-data-v-2a69a007 1s infinite;pointer-events:none;line-height:1}.audio-controls[data-v-2a69a007]{display:flex;align-items:center;justify-content:flex-start;padding-top:.16rem;gap:.26667rem}.audio-controls .control-item[data-v-2a69a007]{display:flex;align-items:center;padding:.10667rem .21333rem;background:hsla(0,0%,100%,.2);border-radius:.10667rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(.13333rem);backdrop-filter:blur(.13333rem)}.audio-controls .control-item[data-v-2a69a007]:active{background:hsla(0,0%,100%,.3)}.audio-controls .control-label[data-v-2a69a007]{font-size:.34667rem;color:#17161c;margin-right:.05333rem}.audio-controls .icon[data-v-2a69a007]{width:.42667rem;height:.42667rem;transform:translateY(-.04rem)}.audio-controls .control-icon[data-v-2a69a007]{font-size:.29333rem;color:#17161c}.audio-controls .duration-text[data-v-2a69a007]{font-size:.34667rem;color:#17161c;margin-left:auto;white-space:nowrap}.progress-bar[data-v-2a69a007]{width:100%;height:.05333rem;background:#e6edfb;border-radius:.32rem;overflow:visible;position:relative}.progress-bar .progress-fill[data-v-2a69a007]{height:100%;background:#a4caff;transition:width .3s;position:relative;border-radius:.32rem}.progress-bar .progress-dot[data-v-2a69a007]{position:absolute;right:-.08rem;top:50%;transform:translateY(-50%);width:.29333rem;height:.29333rem}@-webkit-keyframes gesture-bounce-data-v-2a69a007{0%,to{transform:translateY(0)}50%{transform:translateY(-.13333rem)}}@keyframes gesture-bounce-data-v-2a69a007{0%,to{transform:translateY(0)}50%{transform:translateY(-.13333rem)}}.detail-wrap[data-v-2a69a007]{padding:0 .42667rem 2.66667rem .42667rem}.detail-wrap h2[data-v-2a69a007],.detail-wrap h3[data-v-2a69a007]{padding:.26667rem 0}.detail-wrap p[data-v-2a69a007]{padding:.13333rem 0;line-height:.6rem;font-size:.37333rem;color:#17161c}.detail-wrap p[data-v-2a69a007]:last-child{padding-bottom:.8rem}.footer-panel[data-v-2a69a007]{position:fixed;left:0;bottom:0;height:3.65333rem;width:100%;padding:.53333rem .66667rem .26667rem;background-color:#fff;box-sizing:border-box;box-shadow:0 -.06667rem .13333rem 0 hsla(0,0%,53.3%,.3)}.footer-panel .sub-btn[data-v-2a69a007]{padding-top:.70667rem;color:#001870;text-align:center}.black-theme[data-v-2a69a007]{background-color:#1b1c24;min-height:100%;color:#fff}.black-theme .audio-container[data-v-2a69a007]{background:linear-gradient(135deg,#2d3561,#3d2b52)}.black-theme .info-box .name[data-v-2a69a007]{color:#fff}.black-theme .info-box .code[data-v-2a69a007]{color:hsla(0,0%,100%,.7)}.black-theme .audio-controls .control-item[data-v-2a69a007]{background:hsla(0,0%,100%,.15)}.black-theme .audio-controls .control-item[data-v-2a69a007]:active{background:hsla(0,0%,100%,.25)}.black-theme .audio-controls .control-icon[data-v-2a69a007],.black-theme .audio-controls .control-label[data-v-2a69a007]{color:#fff}.black-theme .audio-controls .duration-text[data-v-2a69a007]{color:hsla(0,0%,100%,.7)}.black-theme .progress-bar[data-v-2a69a007]{background:hsla(0,0%,100%,.2)}.black-theme .progress-bar .progress-fill[data-v-2a69a007]{background:#fff}.black-theme .detail-wrap p[data-v-2a69a007]{color:#fff}.black-theme .page-header[data-v-2a69a007]{color:#fff;border-color:#323442}.black-theme .page-content[data-v-2a69a007]{background-color:#1b1c24;color:#fff;padding-top:.26667rem}.black-theme .footer-panel[data-v-2a69a007]{background-color:#1b1c24;color:#fff}.black-theme .footer-panel .sub-btn[data-v-2a69a007]{color:#377cfb}.none-page[data-v-2a69a007]{margin-top:0}