.course-detail-page[data-v-d4b53498]{min-width:140rem;background:#f5f7fa;padding-bottom:8rem}.hero-bg-wrap[data-v-d4b53498]{background:#e3e7f2;min-width:140rem}.icon-img[data-v-d4b53498]{width:1.8rem;height:1.8rem;vertical-align:middle}.course-detail-hero[data-v-d4b53498]{display:flex;align-items:flex-start;padding:3rem 0}.hero-cover[data-v-d4b53498]{flex:0 0 56rem;width:56rem}.hero-cover .cover-box[data-v-d4b53498]{position:relative;width:56rem;height:36rem;border-radius:.8rem;overflow:hidden;background:#000}.hero-cover .cover-box img[data-v-d4b53498]{display:block;width:100%;height:100%;object-fit:cover}.hero-cover .cover-box .cover-play[data-v-d4b53498]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7rem;height:7rem;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-cover .cover-box .cover-play i[data-v-d4b53498]{font-size:3.6rem;color:#015185;margin-left:.6rem}.hero-info[data-v-d4b53498]{flex:1;margin-left:4rem}.hero-info .info-title[data-v-d4b53498]{font-size:2.4rem;font-weight:700;color:#23252b;line-height:1.4}.hero-info .cover-tags[data-v-d4b53498]{display:flex;gap:.8rem;margin-top:1.2rem}.hero-info .cover-tags span[data-v-d4b53498]{padding:.2rem .8rem;background:#f1d8b4;border-radius:.3rem;font-family:PingFang SC;font-weight:400;font-size:1.2rem;color:#915716;text-align:left}.hero-info .info-meta[data-v-d4b53498]{display:flex;align-items:center;gap:2rem;margin-top:1.8rem}.hero-info .info-meta .info-cate[data-v-d4b53498]{padding:.3rem 1rem;background:#f1d8b4;border-radius:.3rem;font-size:1.2rem;color:#915716}.hero-info .info-meta .info-stat[data-v-d4b53498]{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;color:#8d949d}.hero-info .info-meta .info-stat i[data-v-d4b53498]{font-size:1.4rem}.hero-info .info-price-row[data-v-d4b53498]{margin-top:2.8rem}.hero-info .info-price-row .price-free[data-v-d4b53498],.hero-info .info-price-row .price-pay[data-v-d4b53498],.hero-info .info-price-row .price-vip[data-v-d4b53498]{font-size:2.2rem;font-weight:700;color:#f42424}.hero-info .info-action[data-v-d4b53498]{margin-top:2.4rem;width:22rem;height:4.6rem;background:#015185;border-radius:.4rem;font-size:1.6rem;font-weight:700;color:#fff;cursor:pointer}.hero-info .info-action[data-v-d4b53498]:hover{opacity:.9}.hero-info .info-actions[data-v-d4b53498]{display:flex;align-items:center;gap:2.8rem;margin-top:2.4rem}.hero-info .info-actions .action-item[data-v-d4b53498]{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;color:#666;cursor:pointer}.hero-info .info-actions .action-item i[data-v-d4b53498]{font-size:1.8rem}.hero-info .info-actions .action-item.active[data-v-d4b53498],.hero-info .info-actions .action-item[data-v-d4b53498]:hover{color:#015185}.hero-info .info-actions .action-item[data-v-d4b53498]:first-child{padding-left:0}.empty-panel[data-v-d4b53498]{padding:4rem 0}.pagination-box[data-v-d4b53498]{margin-top:2.4rem;text-align:center}.course-detail-body[data-v-d4b53498]{display:flex;align-items:flex-start;margin-top:2.4rem}.body-main[data-v-d4b53498]{flex:1;background:#fff;border:1px solid #dcdfe6;border-radius:.6rem;overflow:hidden}.tabs[data-v-d4b53498]{display:flex;align-items:center;height:7rem;padding:0 3.6rem;border-bottom:1px solid #e5e5e5}.tabs .tab-item[data-v-d4b53498]{position:relative;margin-right:6.4rem;font-size:2rem;color:#666;cursor:pointer}.tabs .tab-item.active[data-v-d4b53498]{color:#23252b;font-weight:700}.tabs .tab-item.active[data-v-d4b53498]:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-2.4rem;width:5.6rem;height:.3rem;background:#333;border-radius:.2rem}.tab-panel[data-v-d4b53498]{padding:2.8rem 4rem 3.4rem;min-height:40rem}.intro-panel .intro-banner[data-v-d4b53498]{margin-bottom:2.4rem;border-radius:.8rem;overflow:hidden}.intro-panel .intro-banner img[data-v-d4b53498]{display:block;width:100%}.intro-panel .intro-text[data-v-d4b53498]{font-size:1.4rem;line-height:2;color:#333}.intro-panel .intro-text[data-v-d4b53498] img{display:block;max-width:100%;margin:1.6rem auto}.intro-panel .intro-target[data-v-d4b53498]{margin-top:3.6rem}.intro-panel .intro-target .target-title[data-v-d4b53498]{font-size:2rem;font-weight:700;color:#23252b;text-align:center}.intro-panel .intro-target .target-list[data-v-d4b53498]{display:flex;justify-content:center;gap:2.4rem;margin-top:2.4rem}.intro-panel .intro-target .target-card[data-v-d4b53498]{width:22rem;padding:2.4rem;background:#f8fafc;border-radius:.8rem;text-align:center}.intro-panel .intro-target .target-card .target-badge[data-v-d4b53498]{display:inline-flex;align-items:center;justify-content:center;height:3.2rem;padding:0 1.8rem;background:#015185;border-radius:1.6rem;font-size:1.4rem;font-weight:700;color:#fff}.intro-panel .intro-target .target-card .target-desc[data-v-d4b53498]{margin-top:1.4rem;font-size:1.4rem;color:#555}.content-panel .access-message[data-v-d4b53498]{margin:0 0 1.4rem;padding:1.2rem 1.8rem;background:#fff7e8;border:1px solid #ffd99a;border-radius:.4rem;font-size:1.4rem;line-height:1.6;color:#9a5b00}.content-panel .chapter-list .chapter-item[data-v-d4b53498]{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:6.4rem;padding:1rem 2.4rem 1rem 6.2rem;border-bottom:1px solid #e5e5e5}.content-panel .chapter-list .chapter-item[data-v-d4b53498]:hover{background:#f5f5f5}.content-panel .chapter-list .chapter-item:hover .chapter-btn[data-v-d4b53498]{background:#015985;color:#fff}.content-panel .chapter-list .chapter-item[data-v-d4b53498]:last-child{border-bottom:none}.content-panel .chapter-list .chapter-item .chapter-wave[data-v-d4b53498]{position:absolute;left:2rem;top:50%;display:flex;align-items:center;gap:.3rem;transform:translateY(-50%)}.content-panel .chapter-list .chapter-item .chapter-wave i[data-v-d4b53498]{display:block;width:.2rem;background:#015985;border-radius:.2rem}.content-panel .chapter-list .chapter-item .chapter-wave i[data-v-d4b53498]:first-child{height:.8rem}.content-panel .chapter-list .chapter-item .chapter-wave i[data-v-d4b53498]:nth-child(2){height:1.3rem}.content-panel .chapter-list .chapter-item .chapter-wave i[data-v-d4b53498]:nth-child(3){height:.6rem}.content-panel .chapter-list .chapter-item .chapter-info[data-v-d4b53498]{flex:1;min-width:0}.content-panel .chapter-list .chapter-item .chapter-title[data-v-d4b53498]{display:flex;align-items:center;gap:.8rem}.content-panel .chapter-list .chapter-item .chapter-title .chapter-index[data-v-d4b53498]{position:relative;padding-left:0;font-size:1.6rem;line-height:2.2rem;color:#333;font-weight:700}.content-panel .chapter-list .chapter-item .chapter-title .chapter-index[data-v-d4b53498]:before{display:none}.content-panel .chapter-list .chapter-item .chapter-title .chapter-name[data-v-d4b53498]{font-size:1.6rem;color:#333;font-weight:700}.content-panel .chapter-list .chapter-item .chapter-title .chapter-tag[data-v-d4b53498]{height:2.2rem;padding:0 .8rem;border:1px solid #015985;border-radius:.3rem;background:#fff;font-size:1.2rem;line-height:2rem;color:#015985}.content-panel .chapter-list .chapter-item.current .chapter-title .chapter-index[data-v-d4b53498],.content-panel .chapter-list .chapter-item.current .chapter-title .chapter-name[data-v-d4b53498]{color:#015985}.content-panel .chapter-list .chapter-item .chapter-duration[data-v-d4b53498]{margin-top:.4rem;margin-left:0;font-size:1.3rem;color:#777}.content-panel .chapter-list .chapter-item .chapter-progress[data-v-d4b53498]{display:flex;align-items:center;gap:.8rem;margin-top:-1.6rem;margin-left:11.6rem}.content-panel .chapter-list .chapter-item .chapter-progress .progress-bar[data-v-d4b53498]{width:30rem;height:.7rem;background:#ececec;border-radius:1rem;overflow:hidden}.content-panel .chapter-list .chapter-item .chapter-progress .progress-bar .progress-fill[data-v-d4b53498]{height:100%;background:#015985;border-radius:1rem}.content-panel .chapter-list .chapter-item .chapter-progress .progress-text[data-v-d4b53498]{font-size:1.3rem;color:#015985}.content-panel .chapter-list .chapter-item .chapter-btn[data-v-d4b53498]{width:9rem;height:3.6rem;background:#fff;border:1px solid #015985;border-radius:.4rem;font-size:1.6rem;color:#015985;cursor:pointer}.content-panel .chapter-list .chapter-item .chapter-btn[data-v-d4b53498]:hover{background:#015985;color:#fff}.comments-panel .comment-list .comment-item[data-v-d4b53498]{display:flex;padding:2.4rem 0 2.5rem;border-bottom:1px dashed #ddd}.comments-panel .comment-list .comment-item[data-v-d4b53498]:last-child{border-bottom:1px dashed #ddd}.comments-panel .comment-list .comment-item .comment-avatar[data-v-d4b53498]{width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover}.comments-panel .comment-list .comment-item .comment-main[data-v-d4b53498]{flex:1;margin-left:1rem}.comments-panel .comment-list .comment-item .comment-head[data-v-d4b53498]{display:flex;align-items:center;gap:1rem}.comments-panel .comment-list .comment-item .comment-head .comment-user[data-v-d4b53498]{font-size:1.4rem;font-weight:400;color:#999}.comments-panel .comment-list .comment-item .comment-head .comment-time[data-v-d4b53498]{font-size:1.3rem;color:#999}.comments-panel .comment-list .comment-item .comment-content[data-v-d4b53498]{margin-top:2.4rem;font-size:1.6rem;line-height:2.8rem;color:#333}.comments-panel .comment-list .comment-item .comment-reply-list[data-v-d4b53498]{margin-top:1.8rem}.comments-panel .comment-list .comment-item .comment-reply-item[data-v-d4b53498]{position:relative;margin-top:1.2rem;padding:1.6rem 9rem 1.8rem 2.6rem;background:#f6f6f6}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-head[data-v-d4b53498]{display:flex;align-items:center;gap:1rem}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-content[data-v-d4b53498]{margin-top:1.2rem;font-size:1.5rem;line-height:2.6rem;color:#333}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-content[data-v-d4b53498] p{margin:0}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-action[data-v-d4b53498]{position:absolute;right:2.6rem;bottom:1.8rem;display:inline-flex;align-items:center;gap:.5rem;font-size:1.4rem;color:#666;cursor:pointer}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-action[data-v-d4b53498]:hover{color:#015985}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-action img[data-v-d4b53498]{width:1.8rem;height:1.8rem;vertical-align:middle}.comments-panel .comment-list .comment-item .comment-foot[data-v-d4b53498]{display:flex;align-items:center;justify-content:flex-end;gap:2rem;margin-top:2.6rem}.comments-panel .comment-list .comment-item .comment-foot span[data-v-d4b53498]{font-size:1.4rem;color:#666;cursor:pointer}.comments-panel .comment-list .comment-item .comment-foot span.active[data-v-d4b53498],.comments-panel .comment-list .comment-item .comment-foot span[data-v-d4b53498]:hover{color:#015985}.comments-panel .comment-list .comment-item .comment-foot span i[data-v-d4b53498]{margin-right:.4rem}.comments-panel .comment-reply-box[data-v-d4b53498]{position:relative;display:flex;margin:2rem -4rem -3.4rem;padding:2.8rem 4rem 3.6rem;border-top:1px solid #e5e5e5;background:#fff}.comments-panel .comment-reply-box .reply-avatar[data-v-d4b53498]{width:12rem;height:12rem;border-radius:50%;object-fit:cover}.comments-panel .comment-reply-box .reply-form[data-v-d4b53498]{flex:1;margin-left:3.6rem}.comments-panel .comment-reply-box .reply-title[data-v-d4b53498]{position:absolute;left:4rem;top:2.8rem;font-size:2rem;font-weight:700;color:#23252b;margin-bottom:0}.comments-panel .comment-reply-box .reply-editor[data-v-d4b53498]{margin-top:6.4rem;width:74.4rem}.comments-panel .comment-reply-box .reply-editor[data-v-d4b53498] .tox-tinymce{border-color:#cfd3d8;border-radius:0}.comments-panel .comment-reply-box .reply-editor[data-v-d4b53498] .tox .tox-toolbar__group{padding:0 .6rem}.comments-panel .comment-reply-box .reply-editor[data-v-d4b53498] .tox .tox-edit-area__iframe{background:#fff}.comments-panel .comment-reply-box .reply-captcha[data-v-d4b53498]{display:flex;align-items:center;gap:1rem;margin-top:1.4rem}.comments-panel .comment-reply-box .reply-captcha .captcha-label[data-v-d4b53498]{font-size:1.3rem;color:#666}.comments-panel .comment-reply-box .reply-captcha .captcha-input[data-v-d4b53498]{width:14rem}.comments-panel .comment-reply-box .reply-captcha .captcha-img[data-v-d4b53498]{width:9rem;height:4rem;background:#e8e8e8;border-radius:.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.comments-panel .comment-reply-box .reply-captcha .captcha-img span[data-v-d4b53498]{font-size:1.8rem;font-weight:700;letter-spacing:.4rem;color:#333}.comments-panel .comment-reply-box .reply-captcha .captcha-refresh[data-v-d4b53498]{font-size:1.3rem;color:#015185;cursor:pointer}.comments-panel .comment-reply-box .reply-submit[data-v-d4b53498]{margin-top:1.6rem;width:16rem;height:5rem;background:#015985;border-radius:.4rem;font-size:1.8rem;color:#fff;cursor:pointer}.comments-panel .comment-reply-box .reply-submit[data-v-d4b53498]:hover{opacity:.9}.body-side[data-v-d4b53498]{flex:0 0 30rem;width:30rem;margin-left:2.4rem;background:#fff;border-radius:.8rem;padding:2rem}.body-side .side-title[data-v-d4b53498]{font-size:1.6rem;font-weight:700;color:#23252b;padding-bottom:1.4rem;border-bottom:1px solid #eee}.body-side .side-course-list[data-v-d4b53498]{margin-top:1.6rem}.body-side .side-course[data-v-d4b53498]{cursor:pointer}.body-side .side-course+.side-course[data-v-d4b53498]{margin-top:2rem}.body-side .side-course .side-course-cover[data-v-d4b53498]{width:26rem;height:15rem;border-radius:.6rem;overflow:hidden}.body-side .side-course .side-course-cover img[data-v-d4b53498]{width:100%;height:100%;object-fit:cover;transition:transform .25s linear}.body-side .side-course:hover .side-course-cover img[data-v-d4b53498]{transform:scale(1.05)}.body-side .side-course:hover .side-course-name[data-v-d4b53498]{color:#015185}.body-side .side-course .side-course-info[data-v-d4b53498]{margin-top:1rem}.body-side .side-course .side-course-name[data-v-d4b53498]{font-size:1.4rem;color:#23252b;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.body-side .side-course .side-course-tag[data-v-d4b53498]{padding:.2rem .6rem;display:inline-block;margin-top:.6rem;background:#f1d8b4;border-radius:.3rem;font-family:PingFang SC;font-weight:400;font-size:1.2rem;color:#915716;text-align:left}@media screen and (max-width:1199px){.course-detail-page[data-v-d4b53498]{min-width:0}.course-detail-hero[data-v-d4b53498]{flex-direction:column;padding:15px}.course-detail-hero .hero-cover[data-v-d4b53498]{flex:none;width:100%}.course-detail-hero .hero-cover .cover-box[data-v-d4b53498]{width:100%;height:auto;aspect-ratio:1.6}.course-detail-hero .hero-info[data-v-d4b53498]{flex:none;margin-left:0;margin-top:16px}.course-detail-hero .hero-info .info-title[data-v-d4b53498]{font-size:18px}.course-detail-hero .hero-info .info-action[data-v-d4b53498]{width:100%}.course-detail-body[data-v-d4b53498]{flex-direction:column;padding:0 15px;margin-top:16px}.course-detail-body .body-main[data-v-d4b53498]{width:100%}.course-detail-body .body-side[data-v-d4b53498]{flex:none;width:100%;margin-left:0;margin-top:16px}.course-detail-body .body-side .side-course-cover[data-v-d4b53498]{width:100%;height:auto;aspect-ratio:1.77777778}.tabs[data-v-d4b53498]{padding:0 15px}.tabs .tab-item[data-v-d4b53498]{margin-right:20px;font-size:14px}.tab-panel[data-v-d4b53498]{padding:20px 15px}.intro-panel .intro-target .target-list[data-v-d4b53498]{flex-direction:column;align-items:center}.content-panel .chapter-list .chapter-item[data-v-d4b53498]{flex-direction:column;align-items:flex-start}.content-panel .chapter-list .chapter-item .chapter-btn[data-v-d4b53498]{margin-top:12px}.comments-panel .comment-reply-box[data-v-d4b53498]{flex-direction:column}.comments-panel .comment-reply-box .reply-form[data-v-d4b53498]{margin-left:0;margin-top:12px}.comments-panel .comment-reply-box .reply-captcha[data-v-d4b53498]{flex-wrap:wrap}.comments-panel .comment-list .comment-item .comment-reply-item[data-v-d4b53498]{padding:14px 15px 46px}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-head[data-v-d4b53498]{align-items:flex-start;flex-direction:column;gap:4px}.comments-panel .comment-list .comment-item .comment-reply-item .comment-reply-action[data-v-d4b53498]{right:15px;bottom:14px}}@media screen and (max-width:1199px){.course-detail-page[data-v-d4b53498]{min-width:0}.course-detail-hero[data-v-d4b53498]{display:block;width:100%;padding:15px}.hero-cover[data-v-d4b53498],.hero-info[data-v-d4b53498]{width:100%}.hero-info[data-v-d4b53498]{padding:18px 0 0}.info-title[data-v-d4b53498]{font-size:22px;line-height:1.5}.info-meta[data-v-d4b53498]{flex-wrap:wrap;gap:8px}.info-price-row[data-v-d4b53498]{margin-top:14px;font-size:14px}.course-detail-content[data-v-d4b53498]{width:100%;padding:0 15px 28px}.course-detail-content img[data-v-d4b53498]{max-width:100%;height:auto}.detail-nav[data-v-d4b53498]{overflow-x:auto;white-space:nowrap}}