/**
 * 移动端适配（≤768px）
 * 适用：师资力量（student/teachers/index）、在线课程（student/course/index）
 * 说明：仅新增响应式覆盖，不改动原有桌面样式、结构与配色，全程不使用 !important
 */

@media (max-width: 768px) {

    /* ---------- 1. 解除桌面最小宽度，禁止横向滚动 ---------- */
    /* public/static/home/css/common.css 中 body 有 min-width:1200px，必须清零 */
    html {
        overflow-x: hidden;
    }

    html,
    body {
        max-width: 100%;
        min-width: 0;
    }

    body {
        overflow-x: hidden;
    }

    /* ---------- 2. 图片自适应 ---------- */
    img {
        max-width: 100%;
        height: auto;
    }

    /* ---------- 3. 顶部导航 ---------- */
    .header {
        height: auto;
        padding: 6px 0;
    }

    .header > .content {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        row-gap: 4px;
    }

    /* 导航菜单单独占一行，可横向滑动 */
    .header > .content > .middle.header {
        width: auto;
        max-width: 100%;
        flex-basis: 100%;
        order: 3;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .header > .content > .middle.header > .middle_div {
        width: auto;
    }

    .header > .content > .middle > .middle_div {
        height: 44px;
        line-height: 44px;
        padding: 0 8px;
        font-size: 14px;
    }

    .header > .content > .middle.middle_search {
        margin-left: 0;
    }

    .header > .content > .middle .search.search_expandable:hover,
    .header > .content > .middle .search.search_expandable:focus-within {
        width: 150px;
    }

    .header > .content > .middle .search.search_expandable:hover input[type="text"]#searchval,
    .header > .content > .middle .search.search_expandable:focus-within input[type="text"]#searchval {
        width: 96px;
    }

    /* ---------- 4. 页面容器 / 面包屑 / 板块标题 ---------- */
    .container_v2,
    .content_v2 {
        width: 100%;
    }

    /* 桌面端内容贴边，移动端留出左右安全边距 */
    .content_v2 {
        box-sizing: border-box;
        padding: 0 16px;
    }

    .panel {
        height: auto;
        line-height: 24px;
        padding: 8px 0;
        font-size: 13px;
    }

    .image_text_list > .title_v3 {
        line-height: 56px;
    }

    .image_text_list > .title_v3 > .left > span {
        font-size: 20px;
        line-height: 24px;
    }

    .image_text_list > .title_v3 > .left > img {
        height: 20px;
        width: auto;
    }

    /* ---------- 5. 筛选条件行 ---------- */
    .image_text_list > .condition {
        min-height: 44px;
        margin-bottom: 12px;
    }

    .image_text_list > .condition > .left {
        min-width: 0;
        margin-right: 10px;
        font-size: 14px;
    }

    .image_text_list > .condition > .right {
        font-size: 14px;
    }

    .image_text_list > .condition > .right > .item {
        min-height: 28px;
        line-height: 28px;
        padding: 0 12px;
        font-size: 14px;
    }

    /* ---------- 6. 课程 / 讲师卡片：单列 ---------- */
    .image_text_list > .list.course {
        flex-wrap: wrap;
    }

    .image_text_list > .list.course > a {
        width: 100%;
        margin: 0 0 14px;
    }

    .image_text_list > .list.course > a > .item {
        width: 100%;
    }

    /* 卡片整体高度随内容自适应，避免文字被裁切 */
    .image_text_list > .list.course > a > .item > .middle {
        height: auto;
        min-height: 55px;
    }

    .image_text_list > .list.course > a > .item > .middle > .default {
        height: auto;
        max-height: 88px;
    }

    /* ---------- 7. 讲师卡片细节 ---------- */
    .image_text_list > .list.teacher > a > .item > .top {
        height: 240px;
    }

    .image_text_list > .list.teacher > a > .item > .middle > .name {
        flex-wrap: wrap;
    }

    .image_text_list > .list.teacher > a > .item > .middle > .name > .left {
        max-width: 100%;
    }

    .image_text_list > .list.teacher > a > .item > .middle > .name > .right {
        height: auto;
        line-height: 20px;
    }

    /* ---------- 8. 空状态 ---------- */
    .empty_data {
        margin: 30px auto;
        height: auto;
    }

    /* ---------- 9. 页脚 ---------- */
    .footer {
        height: auto;
        padding: 10px 0 20px;
    }

    .footer > .content {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0 4px;
    }

    .footer > .content > .top {
        height: auto;
        flex-direction: column;
        padding-top: 16px;
    }

    .footer > .content > .top > .left {
        width: 100%;
        flex-wrap: wrap;
    }

    .footer > .content > .top > .left > div {
        width: 50%;
        margin-bottom: 12px;
    }

    .footer > .content > .top > .right {
        width: 100%;
        justify-content: flex-start;
    }

    .footer > .content > .top > .right > div {
        margin-right: 24px;
    }

    .footer > .content > .bottom {
        height: auto;
    }

    .footer > .content > .bottom > .left,
    .footer > .content > .bottom > .right {
        width: 100%;
        line-height: 22px;
    }

    /* ---------- 10. 选择年级弹窗 ---------- */
    .common_garde .content {
        width: 90%;
    }

    /* ---------- 11. 师资力量页（teachers/teachers.html） ---------- */
    .teachers_banner {
        height: 240px;
        background-position: center;
    }

    .teachers_next {
        height: auto;
        padding-bottom: 30px;
        background-size: 100% auto;
        background-position: 50% 110px;
    }

    .teachers_next_title {
        margin-top: 40px;
        font-size: 20px;
    }

    .teachers_next_text1 {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        font-size: 22px;
        margin-top: 60px;
    }

    /* 四个圆点改为均匀分布 */
    .teachers_next_dian {
        width: 100%;
        box-sizing: border-box;
        padding: 0 24px;
        margin-top: 14px;
        display: flex;
        justify-content: space-between;
    }

    .teachers_next_dian img {
        width: 8px;
        height: auto;
        margin-left: 0;
    }

    .teachers_next_heng {
        width: 100%;
        box-sizing: border-box;
    }

    .teachers_next_text2 {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        font-size: 14px;
    }

    /* 四段文案两列排布 */
    .teachers_next_text2_li1,
    .teachers_next_text2_li2,
    .teachers_next_text2_li3,
    .teachers_next_text2_li4 {
        width: 50%;
        margin-left: 0;
        margin-top: 12px;
        box-sizing: border-box;
        padding: 0 8px;
    }

    .teachers_next_text3 {
        font-size: 18px;
        margin-top: 40px;
    }

    /* 图片跑马灯：卡片与文字缩小 */
    .teachers_next_img_scroll_wrapper {
        width: 100%;
        margin: 20px auto 0;
    }

    .teachers_next_img_scroll_track .teachers_next_img_li {
        margin-left: 15px;
        width: 250px;
    }

    .teachers_next_img_scroll_track .teachers_next_img_li:nth-of-type(1) {
        margin-left: 0;
    }

    .teachers_next_img_scroll_track .teachers_next_img_li img {
        width: 250px;
        height: auto;
        display: block;
    }

    .teachers_next_img_li_text {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 12px;
        font-size: 14px;
        line-height: 1.5;
    }

    /* 实打名师三个卖点：单列 */
    .teachers_screening {
        height: auto;
        padding-bottom: 36px;
    }

    .teachers_screening_title {
        font-size: 20px;
        margin-top: 40px;
    }

    .teachers_screening_content {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        margin-top: 36px;
        flex-wrap: wrap;
    }

    .teachers_screening_content_li {
        flex: 1 1 100%;
        margin-bottom: 24px;
    }

    .teachers_screening_content_li img {
        max-width: 100%;
    }

    .teachers_screening_content_li div {
        width: 100%;
        margin-top: 10px;
    }

    /* 高学历名师团队：图片自适应，蓝色卡片改为常规流式布局 */
    .teachers_famous_content {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        height: auto;
        margin-top: 36px;
    }

    .teachers_famous_content > img {
        width: 100%;
        height: auto;
    }

    .teachers_famous_content_div {
        position: static;
        width: 100%;
        box-sizing: border-box;
        padding: 24px;
        margin-top: 16px;
    }

    .teachers_famous_content_div_li {
        margin-top: 20px;
        font-size: 15px;
    }

    /* 教学积淀四个指标：两列 */
    .teachers_experience {
        height: auto;
        padding-bottom: 36px;
    }

    .teachers_experience_content {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        margin-top: 36px;
        flex-wrap: wrap;
    }

    .teachers_experience_content_li {
        flex: 1 1 50%;
        margin-bottom: 24px;
    }

    .teachers_experience_content_li img {
        max-width: 100%;
    }

    .teachers_experience_content_li div {
        margin-top: 12px;
        font-size: 14px;
    }

    /* 底部通栏 */
    .teachers_bottom {
        height: auto;
    }

    .teachers_bottom_content {
        height: 220px;
    }

    .teachers_bottom_content_text1 {
        margin-top: 80px;
        font-size: 22px;
    }

    .teachers_bottom_content_text2 {
        margin-top: 12px;
        font-size: 15px;
    }
}