.courseDetail_header{padding:65px 120px 0 120px;box-sizing:border-box;background-image:url(../../images/newcourse/header_bg.webp),linear-gradient(180deg,rgba(204,227,255,1) 0,rgba(242,246,251,1) 100%);background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat}.courseDetail_header_top{margin-bottom:45px}.courseDetail_header_box{display:flex;justify-content:space-between;align-items:center;gap:20px}.courseDetail_header_title_section{display:flex;align-items:center;gap:6px}.courseDetail_header_name{font-size:38px;font-weight:700;color:#1a1a1a;margin-right:14px}.courseDetail_header_english_name{font-size:20px;color:#1a1a1a;line-height:19px;margin-top:5px}.courseDetail_header_type_badge{display:flex;align-items:center;gap:5px;padding:3px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.5)}.courseDetail_header_type_badge img{width:auto;height:auto}.courseDetail_header_type_badge span{font-size:14px}.courseDetail_header_type_badge.type_smart{background:linear-gradient(90deg,#daceff 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_smart span{color:#9331ff}.courseDetail_header_type_badge.type_national_online{background:linear-gradient(90deg,#ffd0c5 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_national_online span{color:#ff563a}.courseDetail_header_type_badge.type_provincial_online{background:linear-gradient(90deg,#b1d5ff 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_provincial_online span{color:#0d75f8}.courseDetail_header_type_badge.type_national_blended{background:linear-gradient(90deg,#ffefc6 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_national_blended span{color:#e5a40e}.courseDetail_header_type_badge.type_provincial_blended{background:linear-gradient(90deg,#adfae2 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_provincial_blended span{color:#00ad76}.courseDetail_header_type_badge.type_provincial_boutique{background:linear-gradient(90deg,#ffd0c5 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_provincial_boutique span{color:#ff563a}.courseDetail_header_type_badge.type_provincial_offline{background:linear-gradient(90deg,#b1d5ff 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_provincial_offline span{color:#0d75f8}.courseDetail_header_type_badge.type_hubei_engineering{background:linear-gradient(90deg,#ffefc6 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_hubei_engineering span{color:#e5a40e}.courseDetail_header_type_badge.type_university{background:linear-gradient(90deg,#b1d5ff 0,rgba(255,255,255,.5) 100%)}.courseDetail_header_type_badge.type_university span{color:#0d75f8}.courseDetail_header_actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.cycle-attr-badge{padding:4px 9px;border-radius:5px;border:1px solid #1a1a1a;font-size:12px;cursor:help}.cycle-attr-badge img{display:inline-block;width:12px;margin-left:3px;margin-top:-2px;vertical-align:middle}.cycle-attr-tooltip{position:absolute;right:0;top:100%;margin-top:8px;z-index:100;max-width:280px;width:max-content;background:#fff;color:#1a1a1a;font-size:14px;border-radius:8px;border:1px solid #e5e5e5;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:12px;opacity:0;transform:scale(.95) translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out;line-height:1.6}.group:hover .cycle-attr-tooltip{opacity:1;transform:scale(1) translateY(0)}.join-btn-container{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#ef7fc0 0,#4879ff 50%,#67b1ff 100%);border-radius:50px;font-size:20px;font-weight:700;color:#fff;padding:12px 20px;cursor:pointer}.join-btn-container:hover{opacity:.9}.join-btn-container.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.join-btn-container a{text-decoration:none;color:#fff}.join-btn-content{flex:1}.join-btn-icon{width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:-10px}.join-btn-icon img{width:18px}.courseDetail_header_main{display:flex;gap:20px;margin-bottom:50px}.courseDetail_header_info_card{display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.56);border-radius:20px;border:2px solid #fff;padding:30px 40px;max-width:380px;color:#1a1a1a}.courseDetail_header_card_section{margin-bottom:20px}.courseDetail_header_card_section:last-child{margin-bottom:0}.courseDetail_header_card_title{font-size:20px;font-weight:700;margin-bottom:20px}.courseDetail_header_intro_text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;line-height:1.6}.courseDetail_header_credit_hours{display:flex;gap:10px;font-size:18px}.courseDetail_header_credit_badge{background:#fff;border-radius:30px;padding:6px 20px}.courseDetail_header_teacher_info,.courseDetail_header_teacher_org,.courseDetail_header_teacher_splash{font-size:16px;color:#666}.courseDetail_header_teacher_splash{margin-right:4px;margin-left:4px}.courseDetail_header_center{flex:1}.courseDetail_header_video_section{background:rgba(255,255,255,.56);border-radius:20px;border:2px solid #fff;padding:20px;margin-bottom:20px}.courseDetail_header_video_section #intro_video{width:100%;overflow:hidden}.courseDetail_header_cycle_section{display:flex;gap:20px;background:rgba(255,255,255,.56);border-radius:20px;border:2px solid #fff;padding:32px 20px}.courseDetail_header_cycle_time{font-size:14px;color:#1a1a1a;margin-top:12px}.courseDetail_header_cycle_stats{flex:1;display:flex;justify-content:space-between}.courseDetail_header_cycle_stat_item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.courseDetail_header_cycle_stat_language{font-size:20px;line-height:20px;color:#1a1a1a;font-weight:700}.courseDetail_header_cycle_stat_num{font-size:20px;line-height:20px;font-weight:700}.courseDetail_header_cycle_stat_unit{font-size:14px}.courseDetail_header_cycle_stat_label{font-size:14px;color:#666}.courseDetail_header_cycle_stat_divider{width:1px;height:40px;background:#f4f4f5;opacity:.3}.scroll_wrap::-webkit-scrollbar{width:6px;height:6px}.scroll_wrap::-webkit-scrollbar-track{background:0 0}.scroll_wrap::-webkit-scrollbar-thumb{background:rgba(164,193,221,.4);border-radius:3px}.cycle-select-wrapper{position:relative;width:280px;max-width:400px}.cycle-select{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border:1px solid #0b99ff;border-radius:36px;cursor:pointer;transition:all .2s}.cycle-select:hover{border-color:#0b99ff}.cycle-select.open{border-color:#0b99ff;border-radius:12px 12px 0 0}.cycle-select-text{font-size:16px;line-height:16px;color:#1a1a1a}.cycle-select-arrow{transition:transform .2s;color:#1a1a1a;margin-left:8px}.cycle-select.open .cycle-select-arrow{transform:rotate(180deg)}.cycle-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #0b99ff;border-top:none;border-radius:0 0 12px 12px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.1)}.cycle-select-option{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f5f5f5}.cycle-select-option:last-child{border-bottom:none}.cycle-select-option:hover:not(.disabled):not(.active){background:#f5f5f5}.cycle-select-option.active{background:#0b99ff;color:#fff}.cycle-select-option.active span{color:#fff}.cycle-select-option.disabled{opacity:.5;cursor:not-allowed}.cycle-select-option img{width:16px;height:16px}.no-cycle-tip{padding:12px 16px;color:#999;font-size:14px}.courseDetail_header_ai_section{width:480px;position:relative}.hexagon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;--ai-scale:1}.ai_robot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.ai_robot img{width:calc(170px * var(--ai-scale))}.hexagon-container{position:absolute;top:50%;left:50%;width:0;height:0;z-index:10}.hexagon-item{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .5s ease,opacity .3s ease;opacity:0;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.38);border-radius:50px;border:1px solid #fff;width:calc(150px * var(--ai-scale));padding:calc(8px * var(--ai-scale)) calc(16px * var(--ai-scale))}.hexagon-item.visible{opacity:1}.hexagon-item img{display:block;width:calc(22px * var(--ai-scale))}.hexagon-item .text-\[28px\]{font-size:calc(28px * var(--ai-scale))!important}.hexagon-item .text-\[16px\]{font-size:calc(16px * var(--ai-scale))!important}.hexagon-item .text-\[14px\]{font-size:calc(14px * var(--ai-scale))!important}.hexagon-item.pos-1{transform:translate(-50%,-50%) rotate(-90deg) translate(calc(190px * var(--ai-scale))) rotate(90deg)}.hexagon-item.pos-2{transform:translate(-50%,-50%) rotate(-30deg) translate(calc(190px * var(--ai-scale))) rotate(30deg)}.hexagon-item.pos-3{transform:translate(-50%,-50%) rotate(30deg) translate(calc(190px * var(--ai-scale))) rotate(-30deg)}.hexagon-item.pos-4{transform:translate(-50%,-50%) rotate(90deg) translate(calc(190px * var(--ai-scale))) rotate(-90deg)}.hexagon-item.pos-5{transform:translate(-50%,-50%) rotate(150deg) translate(calc(190px * var(--ai-scale))) rotate(-150deg)}.hexagon-item.pos-6{transform:translate(-50%,-50%) rotate(210deg) translate(calc(190px * var(--ai-scale))) rotate(-210deg)}.courseDetail_header_tab_bar{display:flex;align-items:center;gap:20px;background:#fff;width:100%;padding:0 40px;border-radius:24px}@media (min-width:1536px){.courseDetail_header_tab_bar{gap:30px}}.courseDetail_header_tab_item{padding:35px 20px;cursor:pointer;font-size:18px;font-weight:700;position:relative}.courseDetail_header_tab_item:hover{color:#0b99ff}.courseDetail_header_tab_item.active{color:#0b99ff;position:relative}.courseDetail_header_tab_item.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background:#0b99ff;border-radius:2px}.courseDetail_header_tab_item img{position:absolute;top:32px;right:0;width:15px}@media (max-width:1680px){.hexagon-wrapper{--ai-scale:0.85}.courseDetail_header{padding:50px 60px 0 60px}.courseDetail_header_top{margin-bottom:35px}.courseDetail_header_name{font-size:30px;margin-right:16px}.courseDetail_header_english_name{font-size:16px}.courseDetail_header_type_badge{padding:2px 10px}.courseDetail_header_type_badge span{font-size:12px}.join-btn-container{font-size:16px;padding:10px 16px}.join-btn-icon{width:32px;height:32px}.join-btn-icon img{width:16px}.courseDetail_header_main{gap:16px;margin-bottom:40px}.courseDetail_header_info_card{max-width:300px;padding:30px}.courseDetail_header_card_title{font-size:15px;margin-bottom:16px}.courseDetail_header_intro_text{font-size:14px;-webkit-line-clamp:8}.courseDetail_header_credit_hours{font-size:12px;gap:8px}.courseDetail_header_credit_badge{padding:5px 16px}.courseDetail_header_teacher_info,.courseDetail_header_teacher_org,.courseDetail_header_teacher_splash{font-size:14px}.courseDetail_header_video_section{padding:16px;margin-bottom:16px}.courseDetail_header_video_section #intro_video{max-width:100%}.courseDetail_header_cycle_section{gap:16px;padding:24px 16px}.cycle-select-wrapper{width:248px}.cycle-select{padding:8px 14px}.cycle-select-text{font-size:14px}.cycle-select-option{padding:8px 14px}.courseDetail_header_cycle_stat_language,.courseDetail_header_cycle_stat_num{font-size:17px}.courseDetail_header_cycle_stat_label,.courseDetail_header_cycle_stat_unit{font-size:12px}.courseDetail_header_cycle_stat_divider{height:35px}.courseDetail_header_cycle_time{font-size:12px}.courseDetail_header_ai_section{width:380px}.courseDetail_header_tab_bar{padding:0 32px;border-radius:20px}.courseDetail_header_tab_item{padding:28px 16px;font-size:15px}.courseDetail_header_tab_item.active::after{width:90px}.courseDetail_header_tab_item img{width:14px;top:25px}.cycle-attr-tooltip{max-width:240px;font-size:12px;padding:10px}}@media (max-width:1400px){.hexagon-wrapper{--ai-scale:0.7}.courseDetail_header{padding:35px 40px 0 40px}.courseDetail_header_top{margin-bottom:25px;gap:12px}.courseDetail_header_name{font-size:24px;margin-right:12px}.courseDetail_header_english_name{font-size:14px}.courseDetail_header_type_badge{padding:2px 8px;gap:4px}.courseDetail_header_type_badge img{width:14px;height:auto}.courseDetail_header_type_badge span{font-size:11px}.join-btn-container{font-size:14px;padding:8px 14px;gap:8px}.join-btn-icon{width:28px;height:28px}.join-btn-icon img{width:14px}.cycle-attr-badge{font-size:11px;padding:3px 7px}.cycle-attr-badge img{width:10px;margin-left:2px}.courseDetail_header_main{gap:12px;margin-bottom:30px}.courseDetail_header_info_card{max-width:250px;padding:24px;border-radius:16px}.courseDetail_header_card_section{margin-bottom:16px}.courseDetail_header_card_title{font-size:14px;margin-bottom:12px}.courseDetail_header_intro_text{font-size:12px;-webkit-line-clamp:7}.courseDetail_header_credit_hours{font-size:12px;gap:6px}.courseDetail_header_credit_badge{padding:4px 12px}.courseDetail_header_video_section{padding:12px;margin-bottom:12px;border-radius:16px}.courseDetail_header_cycle_section{gap:12px;padding:20px 12px;border-radius:16px}.cycle-select-wrapper{width:100%;max-width:100%}.courseDetail_header_cycle_time{font-size:12px;margin-top:8px}.courseDetail_header_cycle_stat_language,.courseDetail_header_cycle_stat_num{font-size:15px}.courseDetail_header_cycle_stat_label,.courseDetail_header_cycle_stat_unit{font-size:11px}.courseDetail_header_cycle_stat_divider{height:30px}.cycle-select{padding:6px 12px}.cycle-select-text{font-size:12px}.cycle-select-option{padding:6px 12px;font-size:12px}.courseDetail_header_ai_section{width:320px}.courseDetail_header_tab_bar{padding:0 24px;gap:12px;border-radius:16px}.courseDetail_header_tab_item{padding:20px 12px;font-size:14px}.courseDetail_header_tab_item.active::after{width:80px}.courseDetail_header_tab_item img{width:12px;top:20px;right:-2px}.cycle-attr-tooltip{max-width:200px;font-size:11px;padding:8px}}