/* ===== 移动端响应式适配 ===== */
@media screen and (max-width: 768px) {
  html, body { min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; }
  body { padding-top: 60px !important; }
  .page-container { min-width: 0 !important; width: 100% !important; overflow-x: hidden !important; }
  
  /* 头部 */
  .common-header, .common-header.common-header-new { height: 60px !important; min-width: 0 !important; }
  .common-header > div { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .header-logo img { max-height: 36px !important; width: auto !important; max-width: 60% !important; }
  .header-r { width: auto !important; }
  .header-r-top, .header-tel-box, .header-scanning-code, .header-qr-code-box { display: none !important; }
  .header-r-bottom { flex-direction: row !important; align-items: center !important; }
  .header-r-name { display: none !important; }
  .header-nav { display: none !important; position: fixed !important; top: 60px !important; left: 0 !important; right: 0 !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0,0,0,.1) !important; flex-direction: column !important; align-items: stretch !important; padding: 8px 16px !important; z-index: 999 !important; margin: 0 !important; }
  .header-nav.show { display: flex !important; }
  .header-nav li { margin: 0 !important; width: 100% !important; border-bottom: 1px solid #f0f0f0 !important; }
  .header-nav li:last-child { border-bottom: none !important; }
  .header-nav li a { display: block !important; padding: 12px 4px !important; font-size: 15px !important; }
  .header-nav li.active a { color: #34B7FB !important; }
  .header-nav dl { display: none !important; }
  .header-phone { font-size: 14px !important; }
  .mobile-menu-btn { display: flex !important; }
  
  /* Banner */
  .content-banner { height: auto !important; min-height: 0 !important; }
  .banner-swiper { width: 100% !important; height: 200px !important; }
  .banner-swiper .swiper-slide, .banner-swiper .swiper-slide img { height: 200px !important; }
  .banner-swiper .swiper-pagination { bottom: 10px !important; }
  
  /* 通用容器 */
  .content-container, .container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 0 12px !important; box-sizing: border-box !important; }
  .title-style { width: 100% !important; }
  
  /* 师资 */
  .teacher-container-3 { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; }
  .teacher-container-3 > div { width: 48% !important; margin: 0 !important; }
  
  /* 课程卡片 */
  .course-container { display: block !important; width: 100% !important; }
  .course-container .content-ul-item { width: 100% !important; margin: 8px 0 !important; }
  .content-nav-out { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; width: 100% !important; }
  .content-nav { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; }
  .content-nav dd { white-space: nowrap !important; }
  
  /* 资讯 */
  .news-container { display: block !important; width: 100% !important; }
  .news-container .content-ul-item { width: 100% !important; margin: 8px 0 !important; }
  .content-ul { padding: 0 !important; }
  .content-ul-item img { width: 100% !important; height: auto !important; }
  
  /* 相册 */
  .album-container { display: block !important; width: 100% !important; }
  .album-container .content-ul-item { width: 48% !important; margin: 1% !important; }
  
  /* 学校 */
  .school-container { display: block !important; width: 100% !important; }
  .school-list { flex-wrap: wrap !important; }
  
  /* 详情页 */
  .container-l, .container-r { width: 100% !important; min-width: 0 !important; }
  .container-r { display: none !important; }
  .detail-card { flex-direction: column !important; }
  .detail-card img { width: 100% !important; }
  .info-con, .div-block { padding: 0 12px !important; }
  .crumbs { padding: 10px 12px !important; white-space: nowrap !important; overflow-x: auto !important; }
  
  /* Footer */
  .footer-con { width: 100% !important; min-width: 0 !important; padding: 20px 12px !important; box-sizing: border-box !important; }
  .f-con-l { width: 100% !important; }
  .footer-copyright { width: 100% !important; min-width: 0 !important; flex-wrap: wrap !important; padding: 10px 12px !important; box-sizing: border-box !important; }
  
  /* 侧边悬浮 */
  #sidebar { display: none !important; }
  
  /* 图片自适应 */
  img { max-width: 100% !important; height: auto !important; }
  .editor-box img, .info-rich img { width: auto !important; max-width: 100% !important; }
  
  /* 字体 */
  h1 { font-size: 22px !important; }
  h2 { font-size: 20px !important; }
  h3 { font-size: 17px !important; }
  .content-ul-item h3, .content-ul-item h4 { font-size: 15px !important; }
}


@media screen and (max-width: 768px) {
  .common-header.common-header-new, .common-header.common-header-main, .common-header.common-header-ani {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 60px !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  }
  .common-header > div { display: flex !important; align-items: center !important; width: auto !important; max-width: none !important; }
  .header-logo img { max-height: 36px !important; width: auto !important; }
  .mobile-menu-btn {
    order: 2 !important;
    position: static !important;
    top: auto !important;
    width: 36px !important;
    height: 36px !important;
    margin-left: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    background: none !important;
    border: none !important;
    color: #333 !important;
    cursor: pointer !important;
    z-index: 1001 !important;
  }
  .common-header-ani-show, .common-header-ani { transform: none !important; }
  body { padding-top: 60px !important; }
}

/* 修复 canvas_box 高度（--font-scale 变量缺失导致高度为0） */
:root {
  --font-scale: 1;
}
@media screen and (max-width: 768px) {
  :root {
    --font-scale: 0.25;
  }
  .canvas_box { height: auto !important; }
  .canvas_box_inner { position: relative !important; left: 0 !important; transform: none !important; width: 100% !important; }
}