.page-header[data-v-6bf02767]{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-6bf02767]{line-height:1.4;padding:.26667rem .42667rem}.page-content[data-v-6bf02767]{padding-top:.26667rem}.audio-wrapper[data-v-6bf02767]{padding:.26667rem .42667rem 0;position:relative}.audio-container[data-v-6bf02767]{background:linear-gradient(0deg,#f8fbff,#ebf4ff);border-radius:.21333rem;padding:.32rem}.info-box[data-v-6bf02767]{display:flex;align-items:center;margin-bottom:.32rem}.info-box .head-img[data-v-6bf02767]{width:1.86667rem;height:1.86667rem;border-radius:50%;overflow:hidden;flex-shrink:0}.info-box .head-img .img[data-v-6bf02767]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.info-box .text-box[data-v-6bf02767]{flex:1;margin:0 .32rem}.info-box .text-box .name[data-v-6bf02767]{font-weight:500;font-size:.37333rem;color:#17161c;margin-bottom:.16rem}.info-box .text-box .code[data-v-6bf02767]{font-size:.34667rem;color:#17161c}.info-box .btn-wrapper[data-v-6bf02767]{position:relative;flex-shrink:0}.info-box .btn[data-v-6bf02767]{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-6bf02767]:active{transform:scale(.95)}.info-box .play-icon[data-v-6bf02767]{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-6bf02767]{width:.37333rem;height:.42667rem;display:flex;justify-content:space-between}.info-box .pause-icon[data-v-6bf02767]:after,.info-box .pause-icon[data-v-6bf02767]:before{content:"";width:.10667rem;height:100%;background:#fff;border-radius:.02667rem}.info-box .gesture-icon[data-v-6bf02767]{position:absolute;top:.90667rem;left:50%;margin-left:-.26667rem;font-size:.53333rem;-webkit-animation:gesture-bounce-data-v-6bf02767 1s infinite;animation:gesture-bounce-data-v-6bf02767 1s infinite;pointer-events:none;line-height:1}.audio-controls[data-v-6bf02767]{display:flex;align-items:center;justify-content:flex-start;padding-top:.16rem;gap:.26667rem}.audio-controls .control-item[data-v-6bf02767]{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-6bf02767]:active{background:hsla(0,0%,100%,.3)}.audio-controls .control-label[data-v-6bf02767]{font-size:.34667rem;color:#17161c;margin-right:.05333rem}.audio-controls .icon[data-v-6bf02767]{width:.42667rem;height:.42667rem;transform:translateY(-.04rem)}.audio-controls .control-icon[data-v-6bf02767]{font-size:.29333rem;color:#17161c}.audio-controls .duration-text[data-v-6bf02767]{font-size:.34667rem;color:#17161c;margin-left:auto;white-space:nowrap}.progress-bar[data-v-6bf02767]{width:100%;height:.05333rem;background:#e6edfb;border-radius:.32rem;overflow:visible;position:relative}.progress-bar .progress-fill[data-v-6bf02767]{height:100%;background:#a4caff;transition:width .3s;position:relative;border-radius:.32rem}.progress-bar .progress-dot[data-v-6bf02767]{position:absolute;right:-.08rem;top:50%;transform:translateY(-50%);width:.29333rem;height:.29333rem}@-webkit-keyframes gesture-bounce-data-v-6bf02767{0%,to{transform:translateY(0)}50%{transform:translateY(-.13333rem)}}@keyframes gesture-bounce-data-v-6bf02767{0%,to{transform:translateY(0)}50%{transform:translateY(-.13333rem)}}.detail-wrap[data-v-6bf02767]{padding:0 .42667rem 2.66667rem .42667rem}.detail-wrap h2[data-v-6bf02767],.detail-wrap h3[data-v-6bf02767]{padding:.26667rem 0}.detail-wrap p[data-v-6bf02767]{padding:.13333rem 0;line-height:.6rem;font-size:.37333rem;color:#17161c}.detail-wrap p[data-v-6bf02767]:last-child{padding-bottom:.8rem}.footer-panel[data-v-6bf02767]{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-6bf02767]{padding-top:.70667rem;color:#001870;text-align:center}.black-theme[data-v-6bf02767]{background-color:#1b1c24;min-height:100%;color:#fff}.black-theme .audio-container[data-v-6bf02767]{background:linear-gradient(135deg,#2d3561,#3d2b52)}.black-theme .info-box .name[data-v-6bf02767]{color:#fff}.black-theme .info-box .code[data-v-6bf02767]{color:hsla(0,0%,100%,.7)}.black-theme .audio-controls .control-item[data-v-6bf02767]{background:hsla(0,0%,100%,.15)}.black-theme .audio-controls .control-item[data-v-6bf02767]:active{background:hsla(0,0%,100%,.25)}.black-theme .audio-controls .control-icon[data-v-6bf02767],.black-theme .audio-controls .control-label[data-v-6bf02767]{color:#fff}.black-theme .audio-controls .duration-text[data-v-6bf02767]{color:hsla(0,0%,100%,.7)}.black-theme .progress-bar[data-v-6bf02767]{background:hsla(0,0%,100%,.2)}.black-theme .progress-bar .progress-fill[data-v-6bf02767]{background:#fff}.black-theme .detail-wrap p[data-v-6bf02767]{color:#fff}.black-theme .page-header[data-v-6bf02767]{color:#fff;border-color:#323442}.black-theme .page-content[data-v-6bf02767]{background-color:#1b1c24;color:#fff;padding-top:.26667rem}.black-theme .footer-panel[data-v-6bf02767]{background-color:#1b1c24;color:#fff}.black-theme .footer-panel .sub-btn[data-v-6bf02767]{color:#377cfb}.none-page[data-v-6bf02767]{margin-top:0}