/* Public class lists: retain enrolment and classroom hooks. */
.courses-page{margin:0!important;background:#f5f7fb!important;color:#233044!important;font:14px/1.6 Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;min-width:0!important}.courses-page *{box-sizing:border-box!important}.courses-main{max-width:1200px!important;width:calc(100% - 48px)!important;margin:28px auto 60px!important}.courses-intro{padding:32px 36px!important;border-radius:16px!important;background:linear-gradient(115deg,#e7efff,#f0f7ff)!important;margin-bottom:24px!important}.courses-intro>span{font-size:12px!important;letter-spacing:2px!important;color:#527bc4!important}.courses-intro h1{font-size:30px!important;line-height:1.5!important;margin:8px 0!important;color:#203453!important}.courses-intro p{margin:0!important;color:#738096!important}.courses-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;background:white!important;padding:16px!important;border:1px solid #edf0f5!important;border-radius:12px!important;margin-bottom:24px!important;width:100%!important;height:auto!important;position:static!important}.courses-tabs a.item{padding:8px 23px!important;float:none!important;border-radius:7px!important;color:#637087!important;font-size:15px!important;height:auto!important;line-height:24px!important}.courses-tabs a.current,.courses-tabs a:hover{background:#edf3ff!important;color:#377af6!important}.courses-page .xz_wrapper,.courses-page .wrap_inside,.courses-page .xz_content{width:100%!important;min-width:0!important;background:transparent!important;margin:0!important;padding:0!important}.courses-page .xz_content{display:flex!important;gap:24px!important;align-items:flex-start!important}.courses-page .open_nav{position:sticky!important;top:24px!important;left:auto!important;flex:0 0 145px!important;width:145px!important;background:#fff!important;border-radius:12px!important;padding:16px 10px!important;float:none!important}.courses-page .open_nav ul{padding:0!important;margin:0!important;list-style:none!important}.courses-page .open_nav a{display:block!important;padding:10px!important;color:#6d7890!important}.courses-page .course_list{width:auto!important;min-width:0!important;flex:1!important;float:none!important;padding:0!important;margin:0!important;list-style:none!important;border:0!important}.courses-page .course_list .date{height:auto!important;margin:0 0 18px!important;padding:0!important;font-size:18px!important;color:#28364e!important}.courses-page .course_list .dotted,.courses-page .subjectpoint,.courses-page .timepoint{display:none!important}.courses-page .course_list .list_item{margin:0 0 20px!important;padding:0!important;border:0!important;position:relative!important;height:auto!important;width:100%!important}.courses-page .course_list .introduce{display:flex!important;justify-content:space-between!important;gap:24px!important;align-items:center!important;width:100%!important;height:auto!important;min-height:160px!important;padding:26px!important;background:#fff!important;border:1px solid #e9edf3!important;border-radius:12px!important;margin:0!important;box-shadow:0 4px 20px #22365a04!important}.courses-page .introduce.arrow:before,.courses-page .introduce.arrow:after{display:none!important}.courses-page .course_list .introduce_left{float:none!important;flex:1!important;min-width:0!important;width:auto!important}.courses-page .introduce_left_title{font-size:18px!important;line-height:1.7!important;height:auto!important;color:#243651!important}.courses-page .introduce_left_bottom{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin-top:20px!important;height:auto!important}.courses-page .introduce_time{width:auto!important;float:none!important;font-size:12px!important;color:#8390a3!important}.courses-page .introduce_button{float:none!important;height:auto!important;margin:0!important;background:transparent!important;border:0!important}.courses-page .introduce_button a{display:inline-block!important;background:#397cf6!important;color:white!important;padding:9px 23px!important;border-radius:6px!important;line-height:22px!important;height:auto!important;cursor:pointer!important}.courses-page .introduce_person_num{float:none!important;color:#929bad!important;font-size:12px!important}.courses-page .course_list .introduce_right{float:none!important;width:150px!important;margin:0!important;text-align:center!important}.courses-page .teacher_photo img{object-fit:cover!important;border-radius:50%!important}.courses-page .teacher_name{color:#34445b!important}.courses-page .eng_name{color:#8994a5!important}.courses-page .xz_blank{width:100%!important;padding:48px!important;background:white!important;border-radius:12px!important;margin:20px 0!important}.courses-page .live_blank,.courses-page .live_blank_content{width:100%!important;text-align:center!important}.courses-page .xz-teacherteam{width:100%!important;margin:32px 0!important;background:#fff!important;padding:24px!important;border-radius:12px!important}.courses-page .xz-teachlist{width:100%!important}.courses-page .inside_live{max-width:100%!important;border-radius:12px!important;overflow:hidden!important;margin-bottom:24px!important}.courses-page .inside_live img{max-width:100%!important}.courses-page .dis_none{display:none!important}
.courses-mobile .live_header,.courses-mobile .live_wrapper,.courses-mobile .live_banner{width:calc(100% - 32px)!important;margin:16px auto!important}.courses-mobile .live_bgc,.courses-mobile .live_bgc img{width:100%!important;height:auto!important;border-radius:12px!important}.courses-mobile .live_nav{height:auto!important;width:calc(100% - 32px)!important;margin:16px auto!important;padding:12px!important;background:#fff!important;border-radius:12px!important}.courses-mobile .live_nav ul{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:0!important}.courses-mobile .live_nav li{float:none!important;width:auto!important;height:auto!important;line-height:24px!important}.courses-mobile .live_nav a{display:block!important;padding:6px 12px!important;font-size:14px!important;border-radius:6px!important}.courses-mobile .live_nav .nav_color{background:#edf3ff!important;color:#397cf6!important}.courses-mobile .live_list{padding:0!important;width:100%!important}.courses-mobile .live_list .list_item{background:white!important;border:1px solid #e9edf3!important;border-radius:12px!important;margin:0 0 16px!important;padding:18px!important;height:auto!important}.courses-mobile .time_point{display:none!important}.courses-mobile .subject_time{position:static!important;float:none!important;width:100%!important;font-size:13px!important;height:auto!important;margin-bottom:12px!important}.courses-mobile .introduce{display:flex!important;gap:16px!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important}.courses-mobile .introduce_left{width:64px!important;float:none!important;font-size:12px!important;flex-shrink:0!important}.courses-mobile .teacher_photo,.courses-mobile .teacher_photo img{width:56px!important;height:56px!important}.courses-mobile .introduce_right{float:none!important;flex:1!important;min-width:0!important;width:auto!important}.courses-mobile .introduce_title{height:auto!important;font-size:16px!important;line-height:1.7!important}.courses-mobile .lesson_btn{margin-top:16px!important}.courses-mobile .lesson_btn a{display:inline-block!important;padding:7px 20px!important;border-radius:6px!important;font-size:14px!important;height:auto!important;line-height:24px!important;background:#397cf6!important;color:white!important}.courses-mobile .teacher_name{font-size:12px!important;line-height:1.6!important}.courses-mobile .live_date{font-size:13px!important}
@media not all /* PC layout: responsive collapse disabled */{.courses-main{width:calc(100% - 32px)!important;margin:16px auto 32px!important}.courses-intro{padding:24px!important}.courses-intro h1{font-size:25px!important}.courses-tabs a.item{padding:6px 14px!important}.courses-page .open_nav{display:none!important}.courses-page .course_list .introduce{padding:20px!important;gap:12px!important;align-items:flex-start!important}.courses-page .course_list .introduce_right{width:64px!important}.courses-page .course_list .teacher_photo,.courses-page .course_list .teacher_photo img{width:56px!important;height:56px!important}.courses-page .introduce_left_title{font-size:16px!important}.courses-page .teacher_tags{display:none!important}.courses-page .introduce_left_bottom{gap:10px!important}.courses-page .xz_blank{padding:32px 16px!important}}

.courses-page a{text-decoration:none!important}.courses-page .xz_content{margin:0!important;left:auto!important;border:0!important}.courses-page .open_nav{margin:0!important}.courses-page .course_list .list_item{width:100%!important;margin:0 0 20px!important}.courses-page .course_list .introduce{margin:0!important;width:100%!important;border-radius:12px!important}.courses-page .introduce_left_title a{color:#243651!important}.courses-page .xz-teacherteamTitle{font-size:24px!important;line-height:1.5!important;margin:0 0 20px!important}.courses-page .course_list .introduce_left_bottom .introduce_button{background:none!important}.courses-page .modal:not(.in){display:none!important}.courses-page .course_list .date-time{position:static!important}

.courses-page .mBoxMask{display:none;position:fixed;inset:0;z-index:1000;background:rgba(20,35,60,.45)}.courses-page .popboxcommon{display:none;background:white;border-radius:12px;max-width:90vw;padding:24px;margin:15vh auto;width:420px}.courses-page .course_list .date{text-align:left!important}.courses-page .course_list .date-time{float:none!important}

.courses-mobile .live_nav ul,.courses-mobile .live_list ul{list-style:none!important;padding:0!important;margin:0!important}.courses-mobile .live_header{height:auto!important;min-height:0!important}.courses-mobile .fixedBj{display:none;position:fixed;inset:0;background:rgba(20,35,60,.45);z-index:1000}.courses-mobile .fixCont,.courses-mobile .fixCont-fail{display:none;position:fixed;top:20%;left:5%;width:90%;padding:24px;background:white;border-radius:12px;z-index:1001}.courses-mobile .live_blank{width:calc(100% - 32px)!important;padding:32px 16px!important;background:white!important;border-radius:12px!important;margin:20px auto!important}.courses-mobile .live_blank img{max-width:100%!important}.courses-mobile .live_list .list_item{list-style:none!important}.courses-page .teacher_tags:empty{display:none!important}

/* Desktop public classes: live preview above a shared booking grid. */
.courses-refined{background:#f7f9fc!important}.courses-refined .courses-main{margin:24px auto 48px!important;min-height:530px}
.courses-refined .courses-intro,.courses-refined .courses-tabs,.courses-refined .open_nav,.courses-refined .xz-teacherteam{display:none!important}
.courses-refined .xz_content{display:block!important}
.courses-refined .courses-booking-title{font-size:18px;font-weight:500;color:#0f172b;margin:0 0 16px;line-height:24px}
.courses-refined .course_list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;width:100%!important}
.courses-refined .course_list:before,.courses-refined .course_list:after,.courses-refined .course_list>.date{display:none!important}
.courses-refined .course_list .list_item{margin:0!important;min-width:0}
.courses-refined .course_list .introduce{position:relative;display:flex!important;gap:16px!important;align-items:stretch!important;min-height:160px!important;padding:19px!important;border:1px solid #e7eaf0!important;box-shadow:0 6px 20px #14263804!important}
.courses-refined .introduce>span,.courses-refined .introduce>b{display:none!important}
.courses-refined .course_list .introduce_right{order:-1;width:86px!important;flex:0 0 86px!important;position:relative}
.courses-refined .teacher_photo{position:relative;width:86px!important;height:120px!important;margin:0!important;padding:0!important}
.courses-refined .teacher_photo img{display:block;width:86px!important;height:120px!important;border-radius:8px!important;object-fit:cover!important;background:#fff0df}
.courses-refined .teacher_name{position:absolute!important;bottom:0;left:0;width:86px;margin:0!important;background:#0005;border-radius:0 0 8px 8px;line-height:24px!important;font-size:14px!important;color:white!important;text-align:center}.courses-refined .teacher_name a{color:white!important}
.courses-refined .eng_name,.courses-refined .teacher_tags,.courses-refined .introduce_left>div:nth-child(3),.courses-refined .introduce_left_title>i,.courses-refined .introduce_time{display:none!important}
.courses-refined .courses-start-time{font-size:12px;color:#71849e;line-height:18px;margin-bottom:8px}
.courses-refined .introduce_left_title{font-size:16px!important;line-height:20px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px!important}
.courses-refined .introduce_left_title a{color:#0f172b!important}
.courses-refined .course_list .introduce_left{position:relative;padding-bottom:38px!important}
.courses-refined .introduce_left_bottom{position:absolute;bottom:0;left:0;right:0;display:flex!important;justify-content:space-between!important;gap:4px!important;flex-wrap:nowrap!important;margin:0!important}
.courses-refined .introduce_person_num{order:-1;color:#71849e!important;font-size:14px!important;white-space:nowrap}
.courses-refined .introduce_button a{background:#fff!important;color:#1769ff!important;border:1px solid #1769ff!important;border-radius:18px!important;padding:4px 18px!important;font-size:14px!important;line-height:22px!important;white-space:nowrap}
.courses-refined .introduce_button a.courses-booked{background:#f0f0f0!important;color:#999!important;border-color:#f0f0f0!important}
.courses-refined .inside_live{width:100%!important;height:500px!important;position:relative;background:#000!important;border-radius:12px!important;margin:0 0 24px!important}
.courses-refined .courses-live-link{position:relative;display:block;width:100%;height:100%;cursor:pointer}
.courses-refined .inside_live .courses-live-link>img{display:block;width:100%!important;height:100%!important;object-fit:contain!important}
.courses-refined .courses-live-enter{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);padding:12px 30px;background:#0009;border:1px solid #ffffff66;border-radius:24px;color:#fff;font-size:14px;white-space:nowrap}