.tab[data-v-65331a1c]{width:100%;background:#fff}.article-tabs[data-v-65331a1c]{display:flex;align-items:center;padding:40px 0 40px;box-sizing:border-box;flex-wrap:wrap;gap:95px;margin-left:25px}.article-tabs li[data-v-65331a1c]{display:flex;align-items:center;cursor:pointer;position:relative;justify-content:center}.article-tabs li .tab-text[data-v-65331a1c]{font-family:PingFang SC;font-weight:400;font-size:16px;color:#000;line-height:22px;letter-spacing:1px;white-space:nowrap;transition:color .2s ease}.article-tabs li:hover .tab-text[data-v-65331a1c]{color:#a21521}.article-tabs li .tab-bar[data-v-65331a1c]{display:block;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:110px;height:3px;background:#a21521;opacity:0;transition:opacity .2s ease}.article-tabs li.active .tab-text[data-v-65331a1c]{color:#a21521;font-weight:500}.article-tabs li.active .tab-bar[data-v-65331a1c]{opacity:1}.course-detail-page[data-v-65331a1c]{width:100%;background:#f5f5f5;min-height:84vh;padding-bottom:45px;box-sizing:border-box}.course-detail-page .content[data-v-65331a1c]{width:100%;max-width:75rem;margin:0 auto}.course-detail-page .detail_header[data-v-65331a1c]{width:100%;height:542px;position:relative;padding-top:85px}.course-detail-page .detail_header .detail_bg[data-v-65331a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.course-detail-page .detail_header .header-wrap[data-v-65331a1c]{display:flex;gap:75px;align-items:center;z-index:1;position:absolute}.course-detail-page .detail_header .course-pic[data-v-65331a1c]{width:568px;height:372px;flex-shrink:0;border-radius:16px;overflow:hidden}.course-detail-page .detail_header .course-pic img[data-v-65331a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-detail-page .detail_header .course-info[data-v-65331a1c]{flex:1;text-align:left;font-family:PingFang SC}.course-detail-page .detail_header .course-info .course-title[data-v-65331a1c]{font-size:32px;font-weight:600;color:#000;margin:0 0 15px}.course-detail-page .detail_header .course-info .course-desc[data-v-65331a1c]{font-size:14px;color:#000;margin:0 0 10px}.course-detail-page .detail_header .course-info .tag-group[data-v-65331a1c]{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #efeded;padding-bottom:20px}.course-detail-page .detail_header .course-info .tag-group .tag[data-v-65331a1c]{padding:4px 10px;background:#fff;border:1px solid #efeded;border-radius:99px;font-size:12px;color:#121212}.course-detail-page .detail_header .course-info .info-line[data-v-65331a1c]{font-size:14px;color:#000;margin-bottom:10px}.course-detail-page .detail_header .course-info .btn-group[data-v-65331a1c]{display:flex;gap:15px;margin-top:20px;border-top:1px solid #efeded;padding-top:20px}.course-detail-page .detail_header .course-info .btn-group .btn-icon[data-v-65331a1c]{width:14px;height:14px;margin-right:10px}.course-detail-page .detail_header .course-info .btn-group .btn-icon img[data-v-65331a1c]{display:block;width:100%;height:100%}.course-detail-page .detail_header .course-info .btn-group .btn-study[data-v-65331a1c]{background:#a21521!important;color:#fff!important;border:none;padding:10px 20px;font-size:16px;font-weight:500;border-radius:6px;display:flex;align-items:center;cursor:pointer}.course-detail-page .detail_header .course-info .btn-group .btn-collect[data-v-65331a1c]{display:flex;align-items:center;border:1px solid #a21521!important;color:#a21521!important;background:#fff;border:1px solid #a21521;padding:10px 20px;font-size:16px;font-weight:500;border-radius:6px;cursor:pointer}.course-detail-page .course_wrap[data-v-65331a1c]{margin-top:20px;display:flex;gap:20px;align-items:flex-start}.course-detail-page .course_wrap .order-card[data-v-65331a1c]{background:#fff;border-radius:12px;padding:20px;border:1px solid #efeded}.course-detail-page .course_wrap .course_left[data-v-65331a1c]{flex:1;display:flex;flex-direction:column;gap:20px}.course-detail-page .course_wrap .course_left .left-panel[data-v-65331a1c]{background:#fff;border-radius:12px;border:1px solid #efeded;padding:20px;min-height:300px;box-sizing:border-box}.course-detail-page .course_wrap .course_left .intro-wrap .intro-block[data-v-65331a1c]{padding-bottom:20px;border-bottom:1px solid #f5f5f5}.course-detail-page .course_wrap .course_left .intro-wrap .intro-block[data-v-65331a1c]:not(:first-child){margin-top:20px}.course-detail-page .course_wrap .course_left .intro-wrap .intro-block[data-v-65331a1c]:last-child{border-bottom:none;padding-bottom:0}.course-detail-page .course_wrap .course_left .intro-wrap .intro-block .block-content[data-v-65331a1c]{font-size:13px;color:#000;line-height:18px;text-align:left}.course-detail-page .course_wrap .course_left .intro-wrap .highlight-row[data-v-65331a1c]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.course-detail-page .course_wrap .course_left .intro-wrap .highlight-row .highlight-item[data-v-65331a1c]{background:#f8faf9;border:1px solid #efeded;border-radius:8px;padding:13px;box-sizing:border-box;text-align:center;display:flex;align-items:center}.course-detail-page .course_wrap .course_left .intro-wrap .highlight-row .highlight-item .h-icon[data-v-65331a1c]{width:54px;height:54px;margin-right:10px}.course-detail-page .course_wrap .course_left .intro-wrap .highlight-row .highlight-item .h-icon-wrap[data-v-65331a1c]{display:flex;flex-direction:column}.course-detail-page .course_wrap .course_left .intro-wrap .highlight-row .highlight-item .h-name[data-v-65331a1c]{font-size:15px;font-weight:600;color:#000}.course-detail-page .course_wrap .course_left .intro-wrap .highlight-row .highlight-item .h-desc[data-v-65331a1c]{font-size:12px;color:#000;margin-top:6px}.course-detail-page .course_wrap .course_left .intro-wrap .tag-row[data-v-65331a1c]{display:flex;gap:10px}.course-detail-page .course_wrap .course_left .intro-wrap .tag-row .pop-tag[data-v-65331a1c]{padding:4px 10px;background:#fff;border-radius:99px;border:1px solid #efeded;font-size:12px;color:#121212}.course-detail-page .course_wrap .course_left .intro-wrap .ref-list[data-v-65331a1c]{text-align:left}.course-detail-page .course_wrap .course_left .intro-wrap .ref-list .ref-item[data-v-65331a1c]{font-size:13px;color:#000;line-height:18px}.course-detail-page .course_wrap .course_left .intro-wrap .faq-list[data-v-65331a1c]{text-align:left}.course-detail-page .course_wrap .course_left .intro-wrap .faq-list .faq-item[data-v-65331a1c]{margin-bottom:16px;font-size:13px;color:#000;line-height:18px;text-align:left}.course-detail-page .course_wrap .course_left .intro-wrap .faq-list[data-v-65331a1c]:last-child{margin-bottom:0}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list[data-v-65331a1c]{display:flex;flex-direction:column;gap:20px}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item[data-v-65331a1c]{display:flex;align-items:center;gap:16px;padding:15px;background-color:#f5f5f5;border-radius:5px;cursor:pointer;transition:all .2s;text-align:left}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item[data-v-65331a1c]:hover{background-color:#f0f0f0}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item .chapter-icon[data-v-65331a1c]{width:35px;height:36px;flex-shrink:0}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item .chapter-icon img[data-v-65331a1c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item .chapter-info[data-v-65331a1c]{flex:1}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item .chapter-info .chapter-title[data-v-65331a1c]{font-size:14px;color:#000;font-weight:500;margin-bottom:5px}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item .chapter-info .chapter-desc[data-v-65331a1c]{font-size:12px;color:rgba(0,0,0,.5)}.course-detail-page .course_wrap .course_left .chapter-wrap .chapter-list .chapter-item .chapter-arrow[data-v-65331a1c]{font-size:16px;color:#999}.course-detail-page .course_wrap .course_left .comment-wrap .star[data-v-65331a1c]{font-size:15px;color:#ccc;line-height:1}.course-detail-page .course_wrap .course_left .comment-wrap .star.on[data-v-65331a1c]{color:#ffb800}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header[data-v-65331a1c]{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #efeded}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .score-left[data-v-65331a1c]{display:flex;align-items:center;gap:15px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .score-left .score-num[data-v-65331a1c]{font-size:42px;font-weight:700;color:#222}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .score-left .star-wrap[data-v-65331a1c]{display:flex;flex-direction:column}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .score-left .star-wrap .total-text[data-v-65331a1c]{font-size:12px;color:#6f6f6f;text-align:right}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .tab-switch[data-v-65331a1c]{display:flex;border:1px solid #efeded;padding:4px 12px;box-sizing:border-box;align-items:center}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .tab-switch .switch-item[data-v-65331a1c]{padding:4px 10px;font-size:12px;color:rgba(0,0,0,.5);cursor:pointer;border-radius:4px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .tab-switch .switch-item.active[data-v-65331a1c]{color:#a21521;font-weight:600;font-size:14px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-header .tab-switch .switch-line[data-v-65331a1c]{width:1px;height:10px;background:#efeded;margin:0 12px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list[data-v-65331a1c]{display:flex;flex-direction:column;gap:30px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user[data-v-65331a1c]{display:flex;gap:15px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .avatar[data-v-65331a1c]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .avatar img[data-v-65331a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .user-info[data-v-65331a1c]{flex:1;text-align:left;font-family:PingFang SC}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .user-info .username[data-v-65331a1c]{font-weight:500;font-size:13px;color:#000;display:flex;align-items:center;gap:5px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .user-info .username .star-list[data-v-65331a1c]{display:inline-flex;align-items:center}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .user-info .comment-text[data-v-65331a1c]{margin:5px 0 8px;font-size:12px;color:#000;line-height:17px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .user-info .comment-time[data-v-65331a1c]{font-size:12px;color:rgba(0,0,0,.4);line-height:17px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .like-btn[data-v-65331a1c]{color:#999;font-size:14px;cursor:pointer;align-self:flex-start;display:flex;align-items:center;gap:4px}.course-detail-page .course_wrap .course_left .comment-wrap .comment-list .comment-item .comment-user .like-btn .like-icon[data-v-65331a1c]{width:14px;height:14px;display:block;flex-shrink:0}.course-detail-page .course_wrap .course_right[data-v-65331a1c]{width:364px;flex-shrink:0}.course-detail-page .course_wrap .course_right .teacher-card .teacher-list[data-v-65331a1c]{display:flex;flex-direction:column;gap:15px}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item[data-v-65331a1c]{display:flex;align-items:center;gap:12px;border:1px solid #efeded;background:linear-gradient(180deg,#fff,#fff9ef);border-radius:12px;padding:15px 20px;cursor:pointer;transition:all .2s}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item[data-v-65331a1c]:hover{box-shadow:0 4px 12px rgba(162,21,33,.12)}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item .teacher-avatar[data-v-65331a1c]{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item .teacher-avatar img[data-v-65331a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item .teacher-info[data-v-65331a1c]{text-align:left}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item .teacher-info .teacher-name[data-v-65331a1c]{font-size:16px;font-weight:500;color:#000;margin-bottom:10px}.course-detail-page .course_wrap .course_right .teacher-card .teacher-item .teacher-info .teacher-post[data-v-65331a1c]{font-size:14px;color:#000}.course-detail-page .course_wrap .course_right .relate-card[data-v-65331a1c]{margin-top:20px}.course-detail-page .course_wrap .course_right .relate-card .relate-course-list[data-v-65331a1c]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.course-detail-page .course_wrap .course_right .relate-card .relate-course-item[data-v-65331a1c]{border:1px solid #efeded;border-radius:6px;cursor:pointer;transition:all .2s}.course-detail-page .course_wrap .course_right .relate-card .relate-course-item[data-v-65331a1c]:hover{box-shadow:0 4px 12px rgba(162,21,33,.12)}.course-detail-page .course_wrap .course_right .relate-card .relate-course-item .course-img[data-v-65331a1c]{width:100%;height:102px;border-radius:5px 5px 0 0;overflow:hidden}.course-detail-page .course_wrap .course_right .relate-card .relate-course-item .course-img img[data-v-65331a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-detail-page .course_wrap .course_right .relate-card .relate-course-item .course-name[data-v-65331a1c]{margin-top:8px;font-size:11px;font-weight:600;color:#000;line-height:15px;text-align:left;padding:0 9px}.course-detail-page .course_wrap .course_right .relate-card .relate-course-item .course-desc[data-v-65331a1c]{margin-top:3px;font-size:9px;color:#000;line-height:15px;text-align:left;padding:0 9px}