/* dhrclass.com 移动端响应式补丁 v3 */

@media screen and (max-width: 768px) {

  /* ===== 1. 核心：解除所有固定宽度 ===== */
  .content_wrap,
  .about_bootom_content,.about_bootom_wrap,.about_info_wrap,.about_msg,.about_shen_msg,
  .carousel_information_item,.carousel_item_wrap,
  .course_detil_info_wrap,.course_info_wrap,.course_operation_box,.course_top_box,
  .course_video,.course_video_wrap,
  .dt_sec_wrap,.enterprise_vip_wrap,
  .information_banner_wrap,.information_swiper,
  .lecturer_detail_box,.operation_img,
  .video_el,.video_wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  /* content_wrap 特别处理：无内边距，由子元素自己加 */
  .content_wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ===== 2. 全局基础 ===== */
  html, body { overflow-x: hidden !important; font-size: 14px !important; }
  * { box-sizing: border-box !important; }
  img { max-width: 100% !important; height: auto !important; }

  /* ===== 3. 导航头 ===== */
  .page_header { height: 52px !important; padding: 0 12px !important; position: sticky !important; top: 0 !important; z-index: 999 !important; background: #fff !important; }
  .page_header_wrap { width: 100% !important; min-width: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
  .header_logo_wrap { flex: 1 !important; }
  .header_logo { width: 90px !important; height: auto !important; }
  .header_menu_wrap,
  .header_search_wrap,
  .header_btn_download { display: none !important; }
  .header_right { margin-left: 0 !important; }
  .header_btn_wrap { gap: 6px !important; }
  .header_btn { padding: 4px 10px !important; font-size: 12px !important; min-width: 0 !important; }

  /* ===== 4. 首页 Banner / 轮播 ===== */
  [class*="carousel_wrap"],
  [class*="banner_wrap"],
  .carousel_item_wrap { height: 160px !important; padding: 0 !important; }
  [class*="carousel_item"] img,
  [class*="banner"] img { width: 100% !important; height: 160px !important; object-fit: cover !important; }
  [class*="carousel_dot_wrap"],
  [class*="dots_wrap"] { bottom: 6px !important; }

  /* ===== 5. 首页模块通用 ===== */
  [class*="home_section"],
  [class*="section_wrap"],
  [class*="home_module"],
  [class*="home_content"] { padding: 16px 12px !important; }

  [class*="home_title"],
  [class*="section_title"],
  [class*="module_title"] { font-size: 16px !important; margin-bottom: 8px !important; }

  /* ===== 6. 课程卡片：四列→两列 ===== */
  .course_wrap,
  [class*="course_item_wrap"] { width: calc(50% - 5px) !important; min-width: 0 !important; }

  [class*="course_list_wrap"],
  [class*="course_grid"],
  [class*="new_course"],
  [class*="hot_course"],
  [class*="course_content"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .course_img_wrap,
  [class*="course_img"] { height: 90px !important; }
  [class*="course_name"],
  [class*="course_title"] { font-size: 12px !important; line-height: 1.4 !important; }

  /* ===== 7. 课程详情页 ===== */
  /* 视频区域 */
  .course_video_wrap,
  .course_video { width: 100% !important; min-width: 0 !important; padding: 0 !important; height: auto !important; }
  .video_wrap { width: 100% !important; min-width: 0 !important; height: auto !important; }
  .video_el { width: 100% !important; height: auto !important; aspect-ratio: 16/9; min-width: 0 !important; }

  /* 详情主体：左右→上下 */
  .course_detil_info_wrap { flex-direction: column !important; padding: 0 !important; }
  .course_info_wrap { flex-direction: column !important; }
  [class*="detail_left"],[class*="course_left"] { width: 100% !important; margin-right: 0 !important; min-width: 0 !important; }
  [class*="detail_right"],[class*="course_right"] { width: 100% !important; margin-top: 12px !important; min-width: 0 !important; }
  .course_top_box { width: 100% !important; min-width: 0 !important; padding: 12px !important; }
  .course_operation_box { width: 100% !important; min-width: 0 !important; padding: 10px 12px !important; }

  /* 目录 */
  [class*="catalogue"],
  [class*="chapter_list"] { width: 100% !important; min-width: 0 !important; }
  [class*="catalogue_content"],[class*="chapter_content"] { max-height: 300px !important; overflow-y: auto !important; }
  [class*="catalogue_item"],[class*="chapter_item"] { padding: 10px 12px !important; font-size: 13px !important; }
  [class*="catalogue_tab"],[class*="chapter_tab"] { overflow-x: auto !important; white-space: nowrap !important; }

  /* Tabs */
  .cbb_tabs_nav,[class*="tab_nav"],[class*="tabs_nav"] {
    overflow-x: auto !important; white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }
  [class*="tab_item"],[class*="tabs_item"],.cbb_tabs_item { display: inline-block !important; padding: 8px 12px !important; font-size: 13px !important; }

  /* ===== 8. 课程列表页 ===== */
  .course_system_wrap,[class*="course_filter"] { padding: 0 12px !important; }
  [class*="filter_item"] { padding: 6px 10px !important; font-size: 12px !important; }
  [class*="filter_wrap"] { flex-wrap: wrap !important; gap: 6px !important; overflow-x: auto !important; }

  /* ===== 9. 讲师 ===== */
  .lecturer_detail_box { flex-direction: column !important; padding: 12px !important; min-width: 0 !important; }
  [class*="lecturer_item"],[class*="expert_item"] { width: calc(50% - 5px) !important; min-width: 0 !important; }
  [class*="lecturer_list"],[class*="expert_list"],[class*="lecturer_container"] {
    display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 12px !important;
  }
  [class*="lecturer_info"],[class*="expert_info"] { flex-direction: column !important; }
  [class*="lecturer_avatar"],[class*="expert_avatar"] { width: 70px !important; height: 70px !important; }

  /* ===== 10. 资讯 ===== */
  .information_banner_wrap,.information_swiper { width: 100% !important; min-width: 0 !important; padding: 0 !important; }
  [class*="information_item"],[class*="news_item"] { width: 100% !important; flex-direction: column !important; padding: 12px !important; }
  [class*="information_img"],[class*="news_img"] { width: 100% !important; height: 160px !important; object-fit: cover !important; }
  [class*="information_content"],[class*="news_content"] { width: 100% !important; padding: 8px 0 0 !important; }

  /* ===== 11. 底部 footer ===== */
  .page_footer { padding: 16px 12px !important; }
  .page_footer_content_wrap { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; width: 100% !important; min-width: 0 !important; }
  .page_footer_left,
  .page_footer_right { width: 100% !important; min-width: 0 !important; }
  .page_footer_right_item_wrap { flex-wrap: wrap !important; gap: 8px !important; }
  .page_footer_right_item { width: calc(33% - 6px) !important; }
  [class*="footer_left_qrcode"] { display: none !important; }
  .page_copyright { font-size: 11px !important; padding: 8px 12px !important; text-align: center !important; }
  [class*="page_copyright_wrap"] { flex-direction: column !important; gap: 4px !important; text-align: center !important; }

  /* ===== 12. 隐藏PC专用元素 ===== */
  [class*="qrCode"],[class*="qr_code"],
  [class*="float_btn"],[class*="side_bar"],[class*="sidebar"],
  [class*="back_top"],[class*="back-top"] { display: none !important; }

  /* ===== 13. 通用 Flex 修复 ===== */
  [class*="flex_row"],[class*="flex-row"] { flex-wrap: wrap !important; }
  [class*="_grid"] { display: flex !important; flex-wrap: wrap !important; }

  /* ===== 14. 分页 ===== */
  [class*="pagination_wrap"],[class*="page_btn_wrap"] { justify-content: center !important; flex-wrap: wrap !important; padding: 12px !important; }

  /* ===== 15. 弹窗/Modal ===== */
  [class*="modal_wrap"],[class*="popup_wrap"] { width: 90vw !important; max-width: 90vw !important; left: 5vw !important; }
  .payment_content,[class*="pay_content"] { padding: 12px !important; }
}

/* ===== 超小屏375px：单列 ===== */
@media screen and (max-width: 375px) {
  .course_wrap,[class*="course_item_wrap"],
  [class*="lecturer_item"],[class*="expert_item"] { width: 100% !important; }
  .page_footer_right_item { width: calc(50% - 6px) !important; }
}