/* ============================================================
   洛华艾芭官网 · 移动端紧凑化覆盖层（2026-08-31）
   作用：仅在 ≤767px 视口生效，全局压缩纵向留白、
   提升卡片密度、控制整站屏数。
   桌面端（≥768px）不受任何影响。
   ============================================================ */

/* ============ 中等宽度自适应（≤1200px 起逐级压缩，避免容器内内容溢出） ============ */

/* ≤1200px：隐藏头部二维码、压缩导航链接（桌面较窄时导航仍可容纳）
   关键：必须加 min-width: 768px 限定桌面端，避免 ≤767px 移动端的 .drawer-list a 样式被错误覆盖 */
@media (max-width: 1200px) and (min-width: 768px) {
  .site-header .header-qr { display: none; }
  .site-header .header-tel { padding-left: 18px; }
  .main-nav a { padding: 0 18px; font-size: 16px; }
  .header-nav-btn { padding: 0 16px; height: 36px; font-size: 13px; }
}

/* ≤1000px：导航进一步压缩，隐藏预约按钮，保证导航不溢出
   关键：必须加 min-width: 768px 限定桌面端，避免 ≤767px 移动端的 .drawer-list a 样式被错误覆盖 */
@media (max-width: 1000px) and (min-width: 768px) {
  .header-nav-btn { display: none; }
  .main-nav a { padding: 0 10px; font-size: 14px; }
}

/* ≤960px：slogan 提前隐藏（原 860px 断点之前，避免 header 溢出） */
@media (max-width: 960px) {
  .header-slogan { display: none; }
}

@media (max-width: 767px) {

  /* ---------- 1. 全局区块留白压缩 40%-50% ---------- */
  .section { padding: 26px 0; }                                  /* 原 clamp(56px,7vw,96px) */
  .section--tight { padding: 20px 0; }                           /* 原 clamp(40px,5vw,64px) */
  .sec-head { margin-bottom: 14px; }                              /* 原 clamp(32px,4vw,52px) · 居中排版 */
  .sec-head__main { padding-left: 0; padding-top: 14px; }
  .sec-head__main::before { left: 50%; top: 0; bottom: auto; transform: translateX(-50%); width: 14px; height: 14px; }
  .sec-eyebrow { font-size: 10.5px; letter-spacing: .28em; margin-bottom: 3px; }
  .sec-title { font-size: 20px; line-height: 1.25; }             /* 原 clamp(26px,3.4vw,38px) */
  .sec-sub { font-size: 12px; margin-top: 3px; }
  .sec-more { font-size: 12.5px; padding-bottom: 4px; margin-top: 10px; }
  /* 兼容旧 .sec-head--centered（默认即居中） */
  .sec-head--centered .sec-head__main { padding-top: 14px; }
  .sec-head--centered .sec-head__main::before { width: 14px; height: 14px; }

  /* ---------- 2. 导航压缩 ---------- */
  /* 顶栏：移动端隐藏右组（手机版/电脑版/ICP备案号），欢迎语强制单行不折行（ICP 页脚仍有展示） */
  .topbar__group--right { display: none; }
  .topbar__group { white-space: nowrap; }
  .topbar .container { height: 30px; font-size: 11px; overflow: hidden; }
  .site-header .container { height: 58px; padding: 0 10px; }
  .header-logo img { height: 34px; }
  .header-logo .brand-cn { font-size: 15px; }
  .header-tel__icon { width: 32px; height: 32px; }
  .header-tel__icon svg { width: 15px; height: 15px; }
  .header-tel__txt .tel-num { font-size: 16px; }
  /* 移动端：主导航折叠进抽屉菜单，整体隐藏黑条，避免在头部下方露出空黑边
     注意：不能直接 display:none，否则子元素 .main-nav（position:fixed）也会被一起隐藏，导致汉堡菜单点击无效
     注意2：.main-navbar > .container 千万不要加 overflow:hidden —— iOS Webkit 上 overflow:hidden 祖先会拦截 position:fixed 子元素的点击（即使子元素高度超过祖先），导致抽屉 a 链接点击无反应 */
  .main-navbar { background: transparent; padding: 0; height: 0; min-height: 0; border: 0; overflow: visible; }
  .main-navbar > .container { height: 0; min-height: 0; padding: 0; margin: 0; }
  /* .main-nav 的位置/尺寸/内边距全部交给 main.css ≤767px 媒体查询（新抽屉样式） */
  .sub-nav .container { height: 38px; gap: 16px; }
  .sub-nav a { font-size: 12.5px; }

  /* ---------- 3. Hero 压缩 ---------- */
  .hero { min-height: 0; height: auto; padding: 46px 0 54px; }
  .hero__inner { height: auto; }
  .hero__tag { margin-bottom: 10px; padding: 5px 12px; font-size: 11px; letter-spacing: .1em; }
  .hero__title { font-size: 26px; line-height: 1.2; }            /* 原 clamp(34px,5vw,58px) */
  .hero__desc { margin-top: 8px; font-size: 13px; line-height: 1.6; }
  .hero__facts { margin-top: 12px; gap: 6px 18px; }
  .hero__facts span { font-size: 12.5px; }
  .hero__facts b { font-size: 18px; }
  .hero__cta { margin-top: 16px; gap: 10px; }
  .hero__dots { bottom: 12px; gap: 7px; }
  .hero__dots button { width: 24px; height: 3px; }
  .btn { padding: 11px 24px; font-size: 14.5px; }
  .btn--sm { padding: 8px 18px; font-size: 13px; }

  /* ---------- 4. 人群四入口：2×2 紧凑 ---------- */
  .audience-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }   /* 原 1 列 */
  .audience-card { aspect-ratio: 4 / 4.2; border-radius: 16px; }
  .audience-card__body { padding: 14px 12px 16px; }
  .audience-card__no { font-size: 10.5px; margin-bottom: 4px; letter-spacing: .18em; }
  .audience-card__title { font-size: 17px; }
  .audience-card__sub { margin-top: 4px; font-size: 11.5px; line-height: 1.5; }
  .audience-card__arrow { margin-top: 6px; font-size: 11.5px; }
  .audience-grid--lj .audience-card { padding: 22px 16px 18px; }
  .audience-grid--lj .audience-card__icon { width: 44px; height: 44px; margin-bottom: 10px; }
  .audience-grid--lj .audience-card__title { font-size: 16px; margin-bottom: 6px; }
  .audience-grid--lj .audience-card__sub { font-size: 12px; line-height: 1.6; }

  /* ---------- 5. 课程网格：卡片压缩 ---------- */
  .courses-ssfei { grid-template-columns: 1fr; gap: 0; }
  .courses-ssfei__side { display: none; }                          /* 移动端隐藏侧栏，直出课程 */
  .courses-ssfei__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 10px; }
  .course-card__pic { aspect-ratio: 16 / 10; }                     /* 原 4/3 更扁 */
  .course-card__cat { top: 8px; left: 8px; padding: 3px 9px; font-size: 10.5px; }
  .course-card__body { padding: 10px 12px 12px; }                  /* 原 22px 22px 24px */
  .course-card__title { font-size: 14px; line-height: 1.35; }
  .course-card__meta { margin-top: 6px; gap: 4px; }
  .chip { padding: 3px 9px; font-size: 11px; }
  .course-card__foot { padding-top: 8px; }
  .course-card__jobs { font-size: 11.5px; line-height: 1.5; }
  .course-card__go { font-size: 12px; }

  /* ---------- 6. 数字墙 ---------- */
  .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 8px 6px; }
  .stat { padding: 8px 4px; }
  .stat__num { font-size: 22px; }                                  /* 原 clamp(34px,4vw,52px) */
  .stat__label { margin-top: 3px; font-size: 11px; letter-spacing: .02em; }
  .stats-band::before { font-size: 72px; }

  /* ---------- 7. 作品专区 ---------- */
  .works-wrap { gap: 14px; }
  .works-tabs { gap: 6px; }
  .works-tab { padding: 7px 14px; font-size: 12.5px; }
  .works-tab__en { display: none; }                                /* 隐藏英文副标省宽度 */
  .works-track { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 8px; }
  .works-track .w { aspect-ratio: 4 / 3.2; }
  .works-panel[data-works-panel="makeup"] .works-track { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .works-panel[data-works-panel="makeup"] .works-track .w { aspect-ratio: 3 / 3.6; }

  /* ---------- 8. 视频精选：2 列 ---------- */
  .video-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }  /* 原 1 列 */
  .video-card { aspect-ratio: 16 / 10.5; border-radius: 14px; }
  .video-card__play { width: 40px; height: 40px; }
  .video-card__play svg { width: 15px; height: 15px; }
  .video-card__dur { right: 8px; top: 8px; font-size: 11px; padding: 2px 8px; }
  .video-card__body { padding: 10px 12px; }
  .video-card__cat { font-size: 10.5px; }
  .video-card__title { margin-top: 3px; font-size: 13.5px; line-height: 1.3; }

  /* ---------- 9. 优势卡：2×2 ---------- */
  .adv-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }  /* 原 1 列 */
  .adv-card { padding: 16px 14px; border-radius: 14px; border-top-width: 3px; }
  .adv-card__num { font-size: 11px; letter-spacing: .14em; }
  .adv-card__title { margin-top: 6px; font-size: 15px; line-height: 1.3; }
  .adv-card__desc { margin-top: 5px; font-size: 12px; line-height: 1.55; }

  /* ---------- 10. 宣发板块 ---------- */
  .promo-grid { gap: 16px; }
  .promo-media img { aspect-ratio: 16 / 9; }
  .promo-media__cap { padding: 20px 10px 8px; font-size: 11px; }
  .promo-side h2 { font-size: 19px; }
  .promo-side p { font-size: 13px; line-height: 1.7; margin-top: 8px; }
  .promo-list { gap: 8px; margin-top: 4px; }
  .promo-item { padding: 10px 12px; gap: 10px; }
  .promo-item__no { width: 28px; height: 28px; font-size: 12px; }
  .promo-item__title { font-size: 13.5px; }
  .promo-item__desc { font-size: 12px; line-height: 1.55; }

  /* ---------- 11. 学员故事：2 列 ---------- */
  .story-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }  /* 原 1 列 */
  .story-card__pic { aspect-ratio: 16 / 9; }
  .story-card__badge { left: 8px; bottom: 8px; padding: 3px 10px; font-size: 11px; }
  .story-card__body { padding: 10px 12px 12px; }
  .story-card__name { font-size: 14px; }
  .story-card__role { margin-top: 2px; font-size: 11.5px; }
  .story-card__income { margin-top: 6px; padding: 6px 10px; font-size: 12px; }
  .story-card__income b { font-size: 14px; }
  .story-card__quote { margin-top: 6px; font-size: 12px; line-height: 1.5; }
  .story-grid .story-card:nth-child(3) { grid-column: 1 / -1; }     /* 第3个占满整行 */

  /* ---------- 12. 新闻：2 列 ---------- */
  .news-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }  /* 原 1 列 */
  .news-card__pic { aspect-ratio: 16 / 9; }
  .news-card__body { padding: 8px 10px 10px; gap: 4px; }
  .news-card__date { font-size: 10.5px; }
  .news-card__title { font-size: 12.5px; line-height: 1.45; }
  .news-card__tag { font-size: 10.5px; padding: 2px 8px; }

  /* ---------- 13. 校区与门店 ---------- */
  .campus-tabs { gap: 6px; margin: -2px 0 12px; }
  .campus-tab { padding: 7px 14px; font-size: 12.5px; }
  .campus-panel.is-on { gap: 12px; margin-bottom: 16px; }
  .campus-panel__pic { aspect-ratio: 16 / 8.5; }
  .campus-panel__body { padding: 16px 16px; gap: 6px; }
  .campus-panel__type { font-size: 11px; }
  .campus-panel__name { font-size: 16px; }
  .campus-panel__addr { font-size: 12.5px; line-height: 1.55; }
  .campus-panel__tel { font-size: 12px; }
  .campus-panel__tel b { font-size: 15px; }
  .campus-panel__tags span { font-size: 11px; padding: 2px 8px; }
  .store-strip { padding-top: 12px; }
  .store-strip__head { margin-bottom: 8px; gap: 8px; flex-wrap: wrap; }
  .store-strip__head b { font-size: 13px; }
  .store-strip__head span { font-size: 11px; }
  .store-scroll__track { padding-bottom: 8px; }
  .store-item { padding: 8px 10px; min-height: 60px; gap: 8px; }
  .store-item__main b { font-size: 12.5px; margin-bottom: 2px; }
  .store-item__main span { font-size: 10.5px; line-height: 1.4; }
  .store-item__side em { font-size: 10px; padding: 1px 7px; }
  .store-item__arrow { font-size: 12px; }

  /* ---------- 14. 荣誉墙 ---------- */
  .honor-carousel__track { gap: 10px; padding-bottom: 10px; }
  .honor-card__pic { padding: 8px; }
  .honor-card__name { padding: 7px 8px; font-size: 11.5px; line-height: 1.4; }
  .honor-grid { gap: 10px; }

  /* ---------- 15. 底部 CTA ---------- */
  .final-cta__title { font-size: 24px; }
  .final-cta__sub { margin-top: 6px; font-size: 13px; }
  .final-cta__tel { margin: 14px 0 4px; font-size: 34px; }
  .final-cta__note { font-size: 11.5px; }
  .final-cta__btns { margin-top: 14px; gap: 10px; }

  /* ---------- 16. 页脚：信息密集 ---------- */
  .footer-top { grid-template-columns: 1fr 1fr; gap: 20px 24px; padding: 30px 0 22px; }  /* 原 1 列 */
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand img { height: 34px; margin-bottom: 10px; }
  .footer-brand p { font-size: 12px; line-height: 1.7; }
  .footer-col h4 { font-size: 13.5px; margin-bottom: 8px; }
  .footer-col li { margin-bottom: 4px; line-height: 1.55; }
  .footer-col .ft-tel { font-size: 19px; }
  .footer-bottom { padding: 12px 0; font-size: 11px; gap: 8px; flex-direction: column; text-align: center; }

  /* ---------- 17. 浮动咨询压缩 ---------- */
  .float-bar { right: 10px; bottom: 66px; gap: 8px; }
  .float-btn { width: 46px; height: 46px; font-size: 10px; }
  .float-btn svg { width: 17px; height: 17px; margin-bottom: 1px; }
  .back-top { right: 10px; bottom: 12px; width: 46px; height: 46px; }

  /* ---------- 18. 弹窗压缩 ---------- */
  .modal { padding: 24px 20px 22px; }
  .modal__title { font-size: 19px; }
  .modal form { margin-top: 14px; gap: 10px; }
  .field label { margin-bottom: 4px; font-size: 12.5px; }
  .field input, .field select { padding: 9px 12px; font-size: 14px; }

  /* ---------- 19. 面包屑 ---------- */
  .crumbs .container { min-height: 36px; height: auto; padding: 8px 12px; font-size: 12px; }
}

/* ============================================================
   详情页（course-*）移动端压缩 —— detail.css 覆盖
   ============================================================ */
@media (max-width: 767px) {
  .d-hero__wrap { grid-template-columns: 1fr; gap: 18px; padding: 30px 0 26px; }
  .d-hero__tag { font-size: 11px; padding: 5px 12px; }
  .d-hero h1 { margin-top: 12px; font-size: 24px; line-height: 1.3; }
  .d-hero__sub { margin-top: 8px; font-size: 13.5px; line-height: 1.7; }
  .d-hero__chips { gap: 8px; margin-top: 14px; }
  .d-hero__chip { padding: 5px 12px; font-size: 12.5px; }
  .d-hero__pic { width: 130px; height: 230px; }
  .d-hero__pic__zoom { width: 44px; height: 44px; }
  .d-hero__pic__hint { bottom: 8px; font-size: 10.5px; }
  .d-stats { grid-template-columns: repeat(2, 1fr); margin-top: -16px; }  /* 原 1 列 */
  .d-stat { padding: 14px 10px; }
  .d-stat__label { font-size: 11px; }
  .d-stat__value { margin-top: 4px; font-size: 15px; }
  .d-stat__value b { font-size: 17px; }
  .modules-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .module-card { padding: 11px 10px; gap: 8px; }
  .module-card__num { width: 24px; height: 24px; font-size: 12px; }
  .module-card__name { font-size: 13px; }
  .employer-grid { grid-template-columns: repeat(2, 1fr); gap: 6px 8px; }
  .employer-chip { font-size: 12px; padding: 6px 9px; }
  .d-sys { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .case-grid { grid-template-columns: 1fr; gap: 10px; }
  .case-card { padding: 16px 15px; }
  .case-card__name { font-size: 15px; }
  .case-card__row { margin-top: 6px; font-size: 12px; }
  .case-card__pay { margin-top: 8px; padding-top: 8px; font-size: 12.5px; }
  .case-card__quote { margin-top: 6px; font-size: 11.5px; }
  .job-card--light { padding: 16px 14px; }
  .d-sub { font-size: 16px; margin: 0 0 10px; }
  .d-poster-link { margin-top: 10px; font-size: 12.5px; }
}

/* ============================================================
   专业专题页（courses-makeup/nail/tattoo/photo）—— major.css 覆盖
   ============================================================ */
@media (max-width: 767px) {
  .m-hero__wrap { grid-template-columns: 1fr; gap: 18px; padding: 32px 0 26px; }
  .m-hero__tag { font-size: 11px; padding: 5px 12px; }
  .m-hero h1 { margin-top: 12px; font-size: 24px; line-height: 1.3; }
  .m-hero__sub { margin-top: 8px; font-size: 13.5px; line-height: 1.7; }
  .m-hero__nums { margin-top: 14px; gap: 8px 22px; }
  .m-hero__nums span { font-size: 12.5px; }
  .m-hero__nums b { font-size: 19px; }
  .m-hero__pic { max-width: 100%; aspect-ratio: 16 / 9; }
  .quick-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }  /* 原 1 列 */
  .quick-card { padding: 13px 12px; }
  .quick-card__q { font-size: 13px; line-height: 1.45; }
  .quick-card__a { margin-top: 6px; font-size: 12px; line-height: 1.6; }
  .geo-wrap { gap: 18px; }
  .geo-copy p { margin-bottom: 8px; font-size: 13.5px; line-height: 1.8; }
  .geo-points { grid-template-columns: 1fr; gap: 8px; margin-top: 12px; }
  .geo-point { padding: 10px 12px; font-size: 12.5px; }
  .geo-media { grid-template-rows: 120px 120px; gap: 8px; }
  .geo-media figcaption { padding: 14px 8px 6px; font-size: 11px; }
  .m-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }    /* 原 1 列 */
  .job-grid, .field-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }  /* 原 1 列 */
  .job-card { padding: 16px 14px; }
  .job-card__name { font-size: 15px; }
  .job-card__desc { margin-top: 6px; font-size: 12px; line-height: 1.6; }
  .job-card__pay { margin-top: 8px; padding-top: 8px; font-size: 11.5px; }
  .job-card__pay b { font-size: 14px; }
  .works-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }  /* 更密 */
  .works-grid figcaption { padding: 16px 8px 7px; font-size: 11px; }
  .field-card__body { left: 10px; right: 10px; bottom: 9px; }
  .field-card__name { font-size: 13.5px; }
  .field-card__meta { margin-top: 3px; font-size: 11px; line-height: 1.45; }
  .faq-item { margin-bottom: 8px; }
  .faq-item summary { padding: 13px 16px; font-size: 14.5px; gap: 10px; }
  .faq-item summary .q-ico { width: 22px; height: 22px; font-size: 12px; }
  .faq-item__a { padding: 0 16px 14px 38px; font-size: 13px; line-height: 1.75; }
}

/* ============================================================
   课程中心（courses.html）内联样式覆盖
   ============================================================ */
@media (max-width: 767px) {
  .c-hero { padding: 38px 0 32px; }
  .c-hero__tag { font-size: 11px; padding: 5px 12px; }
  .c-hero h1 { margin-top: 14px; font-size: 24px; line-height: 1.3; }
  .c-hero__sub { margin-top: 8px; font-size: 13.5px; }
  .c-hero__nums { margin-top: 16px; gap: 8px 26px; }
  .c-hero__nums span { font-size: 12.5px; }
  .c-hero__nums b { font-size: 20px; }
  .major-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }   /* 原 1 列 */
  .major-card { aspect-ratio: 4 / 3.4; border-radius: 16px; }
  .major-card__body { left: 14px; right: 14px; bottom: 12px; }
  .major-card__name { font-size: 16px; }
  .major-card__meta { margin-top: 4px; font-size: 12px; }
  .major-card__go { margin-top: 6px; font-size: 12px; }
  .filter-bar { padding: 14px 12px; margin-bottom: 14px; border-radius: 16px; }
  .filter-row { gap: 8px; }
  .filter-row + .filter-row { margin-top: 10px; padding-top: 10px; }
  .filter-row__label { font-size: 12px; width: 46px; }
  .filter-chip { padding: 5px 13px; font-size: 12.5px; }
  .c-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }       /* 原 1 列 */
  .c-count { font-size: 12px; margin-bottom: 12px; }
  .service-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } /* 原 1 列 */
  .service-card { padding: 16px 12px; }
  .service-card__num { font-size: 24px; }
  .service-card__title { margin-top: 8px; font-size: 14px; }
  .service-card__desc { margin-top: 4px; font-size: 12px; line-height: 1.6; }
  .page-nav { margin-top: 16px; gap: 6px; }
  .pg-btn { min-width: 34px; height: 34px; padding: 0 10px; font-size: 13px; }
}

/* ============================================================
   关于我们（about.html）内联样式覆盖
   ============================================================ */
@media (max-width: 767px) {
  .ab-hero { padding: 38px 0 32px; }
  .ab-hero__tag { font-size: 11px; padding: 5px 12px; }
  .ab-hero h1 { margin-top: 14px; font-size: 24px; line-height: 1.3; }
  .ab-hero__sub { margin-top: 8px; font-size: 13.5px; line-height: 1.7; }
  .ab-nums { grid-template-columns: repeat(3, 1fr); margin-top: -20px; }
  .ab-num { padding: 14px 6px; }
  .ab-num__value { font-size: 22px; }
  .ab-num__label { margin-top: 4px; font-size: 11px; }
  .ab-intro { gap: 18px; }
  .ab-intro p { margin-bottom: 8px; font-size: 13.5px; line-height: 1.8; }
  .ab-intro__media { grid-template-rows: 120px 120px; gap: 8px; }
  .ab-intro__media figcaption { padding: 14px 8px 6px; font-size: 11px; }
  .tl { padding-left: 20px; }
  .tl-item { padding-bottom: 14px; }
  .tl-item::before { left: -22px; width: 10px; height: 10px; }
  .tl-item__year { font-size: 13.5px; }
  .tl-item__txt { font-size: 12.5px; line-height: 1.65; }
  .fd { gap: 16px; }
  .fd__media img { aspect-ratio: 16 / 9; }
  .fd__name { font-size: 20px; }
  .fd__role { margin-top: 4px; font-size: 12.5px; }
  .fd__tags { gap: 6px; margin-top: 10px; }
  .fd__tag { font-size: 11.5px; padding: 5px 11px; }
  .fd__story { margin-top: 10px; font-size: 12.5px; line-height: 1.75; }
  .honor-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .honor-card { aspect-ratio: 4 / 4.2; }
  .honor-list { margin-top: 16px; gap: 6px 14px; }
  .honor-list li { font-size: 12.5px; line-height: 1.6; }
  .eco-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }     /* 原 1 列 */
  .eco-card { padding: 16px 14px; }
  .eco-card__name { margin-top: 6px; font-size: 14.5px; }
  .eco-card__desc { margin-top: 5px; font-size: 12px; line-height: 1.6; }
  .cmp-big img { min-height: 200px; }
  .cmp-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .cmp-card { aspect-ratio: 4 / 3.1; }
  .cmp-addr { margin-top: 10px; padding: 12px 14px; font-size: 12px; gap: 6px 18px; }
  .store-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }    /* 原 1 列 */
  .store-card { padding: 12px 11px; }
  .store-card__name { font-size: 13.5px; }
  .store-card__addr { margin-top: 5px; font-size: 11.5px; line-height: 1.55; }
  .store-type { gap: 8px; margin-bottom: 14px; }
  .store-type__card { padding: 12px 10px; }
  .store-type__name { font-size: 13.5px; }
  .store-type__desc { margin-top: 5px; font-size: 11.5px; line-height: 1.55; }
  .brand-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }    /* 原 1 列 */
  .brand-card { padding: 16px 14px; }
  .brand-card__txt { margin-top: 5px; font-size: 13.5px; line-height: 1.45; }
}

/* ============================================================
   联系我们（contact.html）内联样式覆盖
   ============================================================ */
@media (max-width: 767px) {
  .ct-hero { padding: 38px 0 32px; }
  .ct-hero__tag { font-size: 11px; padding: 5px 12px; }
  .ct-hero h1 { margin-top: 14px; font-size: 24px; line-height: 1.3; }
  .ct-hero__tel { margin-top: 16px; font-size: 38px; }
  .ct-hero__note { margin-top: 12px; padding: 6px 14px; font-size: 12px; }
  .ct-hero__btns { margin-top: 14px; gap: 10px; }
  .ct-channel { grid-template-columns: repeat(2, 1fr); gap: 10px; }   /* 原 1 列 */
  .ct-channel__card { padding: 16px 12px; }
  .ct-channel__ico { width: 44px; height: 44px; border-radius: 16px; }
  .ct-channel__name { margin-top: 8px; font-size: 14.5px; }
  .ct-channel__desc { margin-top: 4px; font-size: 12px; line-height: 1.55; }
  .ct-channel__link { margin-top: 8px; font-size: 13px; }
  .ct-campus { gap: 12px; }
  .ct-campus__pic { height: 110px; }
  .ct-campus__tag { left: 10px; top: 10px; font-size: 11px; padding: 4px 10px; }
  .ct-campus__body { padding: 12px 14px 14px; }
  .ct-campus__name { font-size: 15px; }
  .ct-campus__addr { margin-top: 5px; font-size: 12.5px; line-height: 1.6; }
  .ct-campus__note { margin-top: 6px; font-size: 11.5px; }
  .ct-store { grid-template-columns: repeat(2, 1fr); gap: 8px; }      /* 原 1 列 */
  .ct-store__card { padding: 12px 11px; }
  .ct-store__name { font-size: 13.5px; }
  .ct-store__addr { margin-top: 5px; font-size: 11.5px; line-height: 1.55; }
  .ct-visit { padding: 32px 16px; }
  .ct-visit h2 { font-size: 22px; }
  .ct-visit p { margin-top: 8px; font-size: 13px; }
  .ct-visit__tel { margin-top: 12px; font-size: 32px; }
}

/* gallery 作品页：响应式由 gallery.html 内联 @media 统一控制，此处不再覆盖 */

/* 分页导航（page-nav）通用移动端样式：news/gallery/teachers/video/courses 共用 */
@media (max-width: 767px) {
  .page-nav { margin-top: 16px; gap: 6px; }
  .pg-btn { min-width: 34px; height: 34px; padding: 0 10px; font-size: 13px; }
}

/* ============================================================
   视频专区（video.html）内联样式覆盖
   ============================================================ */
@media (max-width: 767px) {
  .vhero { padding: 38px 0 32px; }
  .video-tabs { gap: 6px; }
  .video-tab { padding: 7px 14px; font-size: 12.5px; }
  .v-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .v-card__body { padding: 8px 10px 10px; }
  .v-card__title { font-size: 13px; line-height: 1.4; }
  .v-card__cat { font-size: 10.5px; }
  .v-card__meta { font-size: 11px; margin-top: 3px; }
  .page-nav { margin-top: 16px; gap: 6px; }
  .pg-btn { min-width: 34px; height: 34px; padding: 0 10px; font-size: 13px; }
}

/* ============================================================
   招生专区 / 形象设计（teen*.html、courses-image.html）覆盖
   ============================================================ */
@media (max-width: 767px) {
  .tn-hero { padding: 38px 0 32px; }
  .tn-hero__tag { font-size: 11px; padding: 5px 12px; }
  .tn-hero h1 { margin-top: 12px; font-size: 24px; line-height: 1.3; }
  .tn-hero__sub { margin-top: 8px; font-size: 13.5px; line-height: 1.7; }
  .tn-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .tn-card__body { padding: 10px 12px 12px; }
  .tn-card__name { font-size: 14px; }
  .tn-card__meta { margin-top: 5px; font-size: 12px; line-height: 1.55; }
  .tn-card__go { margin-top: 6px; font-size: 12px; }
  .tn-step__card { padding: 13px 12px; }
  .tn-step__no { font-size: 12px; }
  .tn-step__title { font-size: 14px; }
  .tn-step__desc { font-size: 12px; line-height: 1.6; }
  .img-course { aspect-ratio: 16 / 9; }
}

/* ============================================================
   师资团队（teachers.html、teacher-*.html）覆盖
   ============================================================ */
@media (max-width: 767px) {
  .td-hero { padding: 38px 0 30px; }
  .td-hero__wrap { gap: 16px; }
  .td__pic { max-width: 100%; }
  .td__pic img { aspect-ratio: 4 / 4.2; }
  .td__name { font-size: 20px; }
  .td__role { font-size: 12.5px; margin-top: 4px; }
  .td__tags { gap: 6px; margin-top: 10px; }
  .td__tag { font-size: 11.5px; padding: 4px 10px; }
  .td-body { font-size: 13px; line-height: 1.8; }
  .td__creds { font-size: 12.5px; }
  .td__pager { margin-top: 18px; gap: 8px; }
  .td__pager-link { padding: 8px 12px; font-size: 12px; }
}

/* ============================================================
   学员故事 / 更多列表页（stories.html 等）
   ============================================================ */
@media (max-width: 767px) {
  .st-hero { padding: 38px 0 30px; }
  .st-hero h1 { font-size: 24px; line-height: 1.3; }
  .st-hero__sub { margin-top: 8px; font-size: 13px; }
}

/* ============================================================
   v2 进一步紧凑化（追加在末位以覆盖前面的 v1 规则）
   目标：首页 ≤7 屏，修复头部横向溢出
   ============================================================ */
@media (max-width: 767px) {

  /* ---------- 防止水平滚动 ---------- */
  html, body { overflow-x: hidden; }

  /* ---------- 全局再压 ---------- */
  .section { padding: 18px 0; }
  .section--tight { padding: 14px 0; }
  .sec-head { margin-bottom: 10px; gap: 6px; }
  .sec-title { font-size: 18.5px; line-height: 1.25; }
  .sec-eyebrow { font-size: 10px; margin-bottom: 2px; }
  .sec-sub { font-size: 11.5px; margin-top: 3px; }
  .sec-more { font-size: 12px; }

  /* ---------- 头部：电话只留图标，修复溢出 ---------- */
  .header-tel__txt { display: none; }
  .header-tel { padding-left: 0; border-left: 0; }
  .header-tel__icon { width: 34px; height: 34px; }
  .header-tel__icon svg { width: 16px; height: 16px; }
  /* 移动端：电话与菜单按钮整体靠右（右侧 padding 1%），logo 在左 */
  .site-header .container { height: 52px; gap: 8px; padding: 0 1%; justify-content: flex-start; }
  .header-logo { order: 0; }
  .header-tel { order: 1; margin-left: auto; }
  .nav-toggle { order: 2; }
  .header-logo { gap: 8px; }
  .header-logo img { height: 32px; }
  .header-logo .brand-cn { font-size: 14px; }
  /* 主导航条已在 ≤767 第一段 display:none，这里只保留抽屉位置（已经交给 main.css） */

  /* ---------- Hero 再压 ---------- */
  .hero { padding: 32px 0 40px; }
  .hero__tag { margin-bottom: 8px; padding: 4px 10px; font-size: 10.5px; }
  .hero__title { font-size: 24px; }
  .hero__desc { margin-top: 6px; font-size: 12.5px; }
  .hero__facts { margin-top: 10px; gap: 4px 14px; }
  .hero__facts span { font-size: 11.5px; }
  .hero__facts b { font-size: 16px; }
  .hero__cta { margin-top: 12px; gap: 8px; }
  .btn { padding: 10px 20px; font-size: 14px; }
  .btn--sm { padding: 7px 16px; font-size: 12.5px; }

  /* ---------- 人群 4 入口：紧凑 ---------- */
  .audience-grid { gap: 8px; }
  .audience-card { aspect-ratio: 4 / 3.8; }
  .audience-card__body { padding: 10px 10px 12px; }
  .audience-card__no { font-size: 10px; margin-bottom: 3px; }
  .audience-card__title { font-size: 15px; }
  .audience-card__sub { font-size: 10.5px; line-height: 1.4; margin-top: 3px; }
  .audience-card__arrow { margin-top: 5px; font-size: 10.5px; }

  /* ---------- 课程：极紧凑 2x4 ---------- */
  .courses-ssfei__grid { gap: 8px; }
  .course-card__pic { aspect-ratio: 16 / 7.5; }
  .course-card__cat { top: 6px; left: 6px; padding: 2px 7px; font-size: 10px; }
  .course-card__body { padding: 8px 10px 10px; }
  .course-card__title { font-size: 12.5px; line-height: 1.3; }
  .course-card__meta { margin-top: 4px; gap: 3px; }
  .course-card__meta .chip:nth-child(n+2) { display: none; }  /* 移动端只保留 1 个 chip */
  .chip { padding: 2px 7px; font-size: 10.5px; }
  .course-card__foot { padding-top: 6px; }
  .course-card__jobs { font-size: 10.5px; line-height: 1.4; }
  .course-card__go { font-size: 11.5px; }

  /* ---------- 数字墙：更紧凑 ---------- */
  .stats-grid { gap: 6px 4px; }
  .stat { padding: 6px 2px; }
  .stat__num { font-size: 19px; }
  .stat__label { font-size: 10.5px; margin-top: 2px; }
  .stats-band::before { display: none; }

  /* ---------- 作品：更紧凑 ---------- */
  .works-wrap { gap: 10px; }
  .works-tabs { gap: 5px; }
  .works-tab { padding: 6px 12px; font-size: 12px; }
  .works-track { gap: 6px; }
  .works-track .w { aspect-ratio: 4 / 3.4; }
  .works-panel[data-works-panel="makeup"] .works-track .w { aspect-ratio: 3 / 3.6; }

  /* ---------- 视频：更紧凑 ---------- */
  .video-grid { gap: 8px; }
  .video-card { aspect-ratio: 16 / 10.5; }
  .video-card__play { width: 36px; height: 36px; }
  .video-card__dur { right: 6px; top: 6px; font-size: 10.5px; }
  .video-card__body { padding: 8px 10px; }
  .video-card__cat { font-size: 10px; }
  .video-card__title { font-size: 12.5px; margin-top: 2px; line-height: 1.3; }

  /* ---------- 优势：极紧凑 2x2 ---------- */
  .adv-grid { gap: 8px; }
  .adv-card { padding: 12px 12px 14px; }
  .adv-card__num { font-size: 10.5px; }
  .adv-card__title { margin-top: 4px; font-size: 14px; }
  .adv-card__desc { margin-top: 3px; font-size: 11.5px; line-height: 1.5; }

  /* ---------- 宣发：紧凑 ---------- */
  .promo-grid { gap: 12px; }
  .promo-media img { aspect-ratio: 16 / 7; }
  .promo-media__cap { padding: 14px 8px 6px; font-size: 10.5px; }
  .promo-side h2 { font-size: 18px; }
  .promo-side p { font-size: 12.5px; line-height: 1.65; margin-top: 6px; }
  .promo-list { gap: 6px; }
  .promo-item { padding: 8px 10px; gap: 8px; }
  .promo-item__no { width: 24px; height: 24px; font-size: 11px; }
  .promo-item__title { font-size: 12.5px; }
  .promo-item__desc { font-size: 11.5px; line-height: 1.5; }

  /* ---------- 故事：3 列 1 行（更紧凑） ---------- */
  .story-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .story-grid .story-card:nth-child(3) { grid-column: auto; }   /* 取消跨列 */
  .story-card__pic { aspect-ratio: 16 / 10; }
  .story-card__badge { left: 6px; bottom: 6px; padding: 2px 7px; font-size: 10px; }
  .story-card__body { padding: 8px 8px 10px; }
  .story-card__name { font-size: 12.5px; line-height: 1.3; }
  .story-card__role { font-size: 10.5px; margin-top: 1px; }
  .story-card__income { display: none; }                         /* 隐藏 income 节约空间 */
  .story-card__quote { display: none; }                          /* 隐藏 quote */

  /* ---------- 新闻：更紧凑 ---------- */
  .news-grid { gap: 8px; }
  .news-card__pic { aspect-ratio: 16 / 8.5; }
  .news-card__body { padding: 6px 8px 8px; gap: 3px; }
  .news-card__date { font-size: 10px; }
  .news-card__title { font-size: 12px; line-height: 1.4; }
  .news-card__tag { font-size: 10px; padding: 1px 7px; }

  /* ---------- 校区：紧凑 ---------- */
  .campus-tabs { gap: 5px; margin: 0 0 10px; }
  .campus-tab { padding: 6px 12px; font-size: 12px; }
  .campus-panel.is-on { gap: 10px; margin-bottom: 12px; }
  .campus-panel__pic { aspect-ratio: 16 / 7.5; }
  .campus-panel__body { padding: 12px 14px; gap: 4px; }
  .campus-panel__type { font-size: 10.5px; }
  .campus-panel__name { font-size: 15px; }
  .campus-panel__addr { font-size: 12px; line-height: 1.5; }
  .campus-panel__tel { font-size: 11.5px; }
  .campus-panel__tel b { font-size: 14px; }
  .campus-panel__tags { gap: 4px; }
  .campus-panel__tags span { font-size: 10.5px; padding: 2px 7px; }
  .store-strip { padding-top: 8px; }
  .store-strip__head { margin-bottom: 5px; gap: 6px; }
  .store-strip__head b { font-size: 12.5px; }
  .store-strip__head span { font-size: 10.5px; }
  .store-scroll__track { padding-bottom: 6px; }
  .store-item { padding: 6px 8px; min-height: 54px; gap: 6px; }
  .store-item__main b { font-size: 11.5px; }
  .store-item__main span { font-size: 10px; line-height: 1.3; }
  .store-item__side em { font-size: 9.5px; padding: 1px 6px; }
  .store-item__arrow { font-size: 11.5px; }

  /* ---------- 荣誉 ---------- */
  .honor-carousel__track { gap: 8px; padding-bottom: 8px; }
  .honor-card__pic { padding: 6px; }
  .honor-card__name { padding: 5px 6px; font-size: 10.5px; }

  /* ---------- 底部 CTA ---------- */
  .final-cta__title { font-size: 22px; }
  .final-cta__sub { font-size: 12.5px; margin-top: 4px; }
  .final-cta__tel { font-size: 30px; margin: 10px 0 4px; }
  .final-cta__note { font-size: 11px; }
  .final-cta__btns { margin-top: 12px; gap: 8px; }

  /* ---------- 页脚：紧凑 ---------- */
  .footer-top { padding: 22px 0 16px; gap: 14px 18px; }
  .footer-brand img { height: 30px; margin-bottom: 8px; }
  .footer-brand p { font-size: 11.5px; line-height: 1.6; }
  .footer-col h4 { font-size: 12.5px; margin-bottom: 6px; }
  .footer-col li { margin-bottom: 3px; line-height: 1.5; font-size: 11.5px; }
  .footer-col .ft-tel { font-size: 17px; }
  .footer-bottom { padding: 10px 0; font-size: 10.5px; gap: 4px; }

  /* ---------- 浮动按钮：缩小 ---------- */
  .float-btn { width: 42px; height: 42px; font-size: 9.5px; }
  .float-btn svg { width: 16px; height: 16px; }
  .float-bar { right: 8px; bottom: 60px; gap: 6px; }
  .back-top { right: 8px; bottom: 10px; width: 42px; height: 42px; }

  /* ---------- 弹窗：紧凑 ---------- */
  .modal { padding: 20px 16px 18px; }
  .modal__title { font-size: 18px; }
  .modal form { margin-top: 12px; gap: 9px; }
  .field input, .field select { padding: 8px 11px; font-size: 13.5px; }

  /* ---------- 面包屑 ---------- */
  .crumbs .container { min-height: 34px; height: auto; padding: 7px 12px; font-size: 11.5px; }
}

/* ============================================================
   v3 极限压缩（末位优先）
   ============================================================ */
@media (max-width: 767px) {

  /* 课程：极扁 2x4 */
  .courses-ssfei__grid { gap: 6px; }
  .course-card__pic { aspect-ratio: 16 / 6.5; }
  .course-card__body { padding: 6px 8px 8px; }
  .course-card__title { font-size: 12px; line-height: 1.3; -webkit-line-clamp: 2; }
  .course-card__meta { margin-top: 3px; }
  .course-card__foot { padding-top: 4px; }
  .course-card__jobs { font-size: 10px; line-height: 1.4; }
  .course-card__go { font-size: 11px; }

  /* 作品：堆叠卡片轮播（Stacked Card Carousel，2:3 竖图，每次主卡居中 + 左右各露 1 张） */
  .works-panel { position: relative; }
  .works-track { display: block; position: relative; height: auto; overflow: hidden; padding: 6px 0 4px; }
  .works-track .w {
    position: absolute; left: 0; top: 50%; width: 62vw; max-width: 360px; aspect-ratio: 2 / 3;
    border-radius: 16px; overflow: hidden; background: #EFEFEA;
    transform: translate(-50%, -50%); transition: transform .55s cubic-bezier(.5,0,.2,1), opacity .35s ease;
    will-change: transform, opacity;
  }
  .works-track .w img { border-radius: 0; }
  .works-track .w::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 56%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.6) 100%); pointer-events: none; }
  .works-track .w__tag { position: absolute; left: 0; right: 0; bottom: 0; padding: 7px 10px 8px; border-radius: 0; background: transparent !important; backdrop-filter: none; font-size: 12px; font-weight: 500; letter-spacing: .04em; color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.35); }
  .works-panel[data-works-panel="makeup"] .works-track .w { width: 62vw; aspect-ratio: 2 / 3; }

  /* 左右箭头按钮（贴卡两侧居中，桌面隐藏，移动端可见） */
  .stack-nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 38px; height: 38px; border-radius: 10px; background: rgba(26,26,26,.78); color: #fff;
    display: none; align-items: center; justify-content: center;
    font-size: 22px; line-height: 1; cursor: pointer; border: none; z-index: 10;
    transition: background .2s, transform .15s;
    font-family: inherit;
  }
  .stack-nav:hover { background: var(--red); }
  .stack-nav:active { transform: translateY(-50%) scale(.94); }
  .stack-prev { left: 6px; }
  .stack-next { right: 6px; }

  /* 底部圆点指示器 */
  .stack-dots { display: flex; justify-content: center; gap: 6px; margin-top: 12px; min-height: 10px; }
  .stack-dots button { width: 6px; height: 6px; padding: 0; border: none; border-radius: 50%; background: rgba(26,26,26,.2); cursor: pointer; transition: background .2s, transform .2s, width .2s; }
  .stack-dots button.is-on { background: var(--red); width: 18px; border-radius: 4px; }

  /* 移动端启用 stack 控件（桌面下隐藏） */
  .stack-nav { display: flex; }

  /* 宣发：图更扁 */
  .promo-media img { aspect-ratio: 16 / 6.5; }
  .promo-media__cap { padding: 10px 8px 5px; font-size: 10px; }

  /* 新闻：极紧凑 */
  .news-card__pic { aspect-ratio: 16 / 7.5; }
  .news-card__body { padding: 6px 8px; }
  .news-card__title { font-size: 11.5px; line-height: 1.35; }
  .news-card__date { font-size: 9.5px; }
  .news-card__tag { display: none; }  /* 移动端隐藏 tag 节约空间 */

  /* 校区：极紧凑 */
  .campus-tabs { margin: 0 0 8px; }
  .campus-tab { padding: 5px 10px; font-size: 11.5px; }
  .campus-panel.is-on { gap: 8px; margin-bottom: 10px; }
  .campus-panel__pic { aspect-ratio: 16 / 6.5; }
  .campus-panel__body { padding: 10px 12px; gap: 3px; }
  .campus-panel__name { font-size: 14px; }
  .campus-panel__addr { font-size: 11.5px; line-height: 1.45; }
  .campus-panel__tel { font-size: 11px; }
  .campus-panel__tel b { font-size: 13.5px; }
  .campus-panel__tags { gap: 3px; }
  .campus-panel__tags span { font-size: 10px; padding: 1px 6px; }
  .store-strip { padding-top: 6px; }
  .store-strip__head { margin-bottom: 4px; }
  .store-strip__head b { font-size: 12px; }
  .store-item { padding: 5px 7px; min-height: 50px; gap: 5px; }
  .store-item__main b { font-size: 11px; margin-bottom: 1px; }
  .store-item__main span { font-size: 9.5px; line-height: 1.3; }
  .store-item__side em { font-size: 9px; padding: 1px 5px; }
  .store-item__arrow { font-size: 11px; }

  /* 荣誉：极紧凑 */
  .honor-carousel__track { gap: 6px; padding-bottom: 6px; }
  .honor-card__pic { padding: 4px; }
  .honor-card__name { padding: 4px 5px; font-size: 10px; }

  /* 页脚：极紧凑 */
  .footer-top { padding: 18px 0 14px; gap: 12px 16px; }
  .footer-brand img { height: 28px; margin-bottom: 6px; }
  .footer-brand p { font-size: 11px; line-height: 1.55; }
  .footer-col h4 { font-size: 12px; margin-bottom: 5px; }
  .footer-col li { margin-bottom: 2px; line-height: 1.45; font-size: 11px; }
  .footer-col .ft-tel { font-size: 16px; }
  .footer-bottom { padding: 8px 0; font-size: 10px; }

  /* 浮按钮 */
  .float-btn { width: 40px; height: 40px; font-size: 9px; }
  .float-bar { right: 6px; bottom: 56px; gap: 5px; }
  .back-top { right: 6px; bottom: 8px; width: 40px; height: 40px; }
}

/* ============================================================
   v4 终极压缩（首页 ≤7 屏达标）
   ============================================================ */
@media (max-width: 767px) {
  .section { padding: 14px 0; }
  .section--tight { padding: 12px 0; }
  .sec-head { margin-bottom: 8px; }
  .sec-title { font-size: 17px; }
  .sec-sub { font-size: 11px; }
  .sec-eyebrow { font-size: 9.5px; margin-bottom: 1px; }

  /* 课程 */
  .course-card__pic { aspect-ratio: 16 / 6; }
  .course-card__body { padding: 5px 8px 6px; }
  .course-card__title { font-size: 11.5px; }
  .course-card__meta { margin-top: 2px; }
  .chip { padding: 2px 6px; font-size: 10px; }
  .course-card__foot { padding-top: 3px; }
  .course-card__jobs { font-size: 9.5px; }
  .course-card__go { font-size: 10.5px; }

  /* 宣发 */
  .promo-media img { aspect-ratio: 16 / 6; }
  .promo-side h2 { font-size: 17px; }
  .promo-side p { font-size: 12px; line-height: 1.6; }
  .promo-item { padding: 6px 9px; gap: 7px; }
  .promo-item__title { font-size: 12px; }
  .promo-item__desc { font-size: 11px; line-height: 1.45; }

  /* 新闻 */
  .news-card__body { padding: 5px 7px 6px; }
  .news-card__title { font-size: 11px; }
  .news-card__date { font-size: 9px; }

  /* 校区 */
  .campus-panel__pic { aspect-ratio: 16 / 6; }
  .campus-panel__body { padding: 8px 10px; }
  .campus-panel__name { font-size: 13.5px; }
  .campus-panel__addr { font-size: 11px; }

  /* 荣誉 */
  .honor-carousel__track { gap: 5px; }

  /* footer */
  .footer-top { padding: 16px 0 12px; gap: 10px 14px; }
  .footer-col li { margin-bottom: 1px; }

  /* 浮按钮 */
  .float-btn { width: 38px; height: 38px; font-size: 8.5px; }
  .float-btn svg { width: 14px; height: 14px; }
  .float-bar { bottom: 52px; }
  .back-top { width: 38px; height: 38px; }
}

/* ============================================================
   v5 长内容页极限压缩（about / course-advance / courses-makeup）
   ============================================================ */
@media (max-width: 767px) {
  /* about 简介图文 */
  .ab-intro { gap: 14px; }
  .ab-intro__media { grid-template-rows: 100px 100px; gap: 6px; }
  .ab-intro p { font-size: 12.5px; line-height: 1.7; margin-bottom: 6px; }
  .ab-intro__media figcaption { padding: 10px 8px 5px; font-size: 10.5px; }

  /* 创始人 IP */
  .fd { gap: 12px; }
  .fd__media img { aspect-ratio: 16 / 8; }
  .fd__name { font-size: 18px; }
  .fd__name small { font-size: 12px; }
  .fd__role { font-size: 12px; margin-top: 3px; }
  .fd__tags { margin-top: 8px; gap: 5px; }
  .fd__tag { font-size: 11px; padding: 4px 9px; }
  .fd__story { font-size: 12px; line-height: 1.65; margin-top: 8px; }

  /* 时间轴 */
  .tl { padding-left: 18px; }
  .tl::before { left: 6px; }
  .tl-item { padding: 0 0 12px 16px; }
  .tl-item::before { left: -19px; top: 5px; width: 9px; height: 9px; }
  .tl-item__year { font-size: 12.5px; }
  .tl-item__txt { font-size: 12px; line-height: 1.55; margin-top: 2px; }

  /* 校区环境 */
  .cmp-big img { min-height: 160px; }
  .cmp-card { aspect-ratio: 4 / 2.6; }
  .cmp-card figcaption { font-size: 11px; padding: 3px 8px; }
  .cmp-big figcaption { font-size: 11.5px; padding: 4px 10px; left: 10px; bottom: 8px; }
  .cmp-addr { padding: 10px 12px; font-size: 11.5px; gap: 4px 14px; margin-top: 8px; }

  /* 品牌卡片 */
  .brand-card { padding: 12px 10px; }
  .brand-card__label { font-size: 11px; }
  .brand-card__txt { font-size: 12.5px; line-height: 1.4; margin-top: 3px; }

  /* 生态卡 */
  .eco-card { padding: 12px 12px 14px; }
  .eco-card__no { font-size: 11.5px; }
  .eco-card__name { font-size: 13.5px; margin-top: 4px; }
  .eco-card__desc { font-size: 11.5px; line-height: 1.5; margin-top: 4px; }

  /* 荣誉卡 about 页 */
  .honor-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .honor-card { aspect-ratio: 4 / 4.2; }
  .honor-list { margin-top: 12px; }
  .honor-list li { font-size: 11.5px; line-height: 1.5; }

  /* store-card about 页 */
  .store-card { padding: 8px 9px; }
  .store-card__name { font-size: 12px; }
  .store-card__name .tag { font-size: 10px; padding: 1px 6px; }
  .store-card__addr { font-size: 11px; line-height: 1.45; margin-top: 3px; }
  .store-type { gap: 6px; margin-bottom: 10px; }
  .store-type__card { padding: 10px 8px; }
  .store-type__name { font-size: 12.5px; }
  .store-type__desc { font-size: 11px; line-height: 1.5; margin-top: 3px; }

  /* 详情页 case-card 紧凑 */
  .case-card { padding: 12px 12px 14px; }
  .case-card__name { font-size: 14px; }
  .case-card__name small { font-size: 11px; }
  .case-card__row { font-size: 11.5px; margin-top: 5px; line-height: 1.55; }
  .case-card__pay { font-size: 12px; margin-top: 6px; padding-top: 6px; }
  .case-card__quote { font-size: 11px; line-height: 1.55; margin-top: 5px; }
  .case-grid { gap: 8px; }

  /* 详情页 modules 紧凑 */
  .modules-grid { gap: 6px; }
  .module-card { padding: 8px 8px; gap: 6px; }
  .module-card__num { width: 20px; height: 20px; font-size: 11px; }
  .module-card__name { font-size: 12px; }

  /* 详情页 d-sys / job-card */
  .d-sys { gap: 8px; }
  .job-card--light { padding: 12px 12px 14px; }
  .job-card { padding: 12px 12px 14px; }
  .job-card__name { font-size: 13.5px; }
  .job-card__desc { font-size: 11.5px; line-height: 1.5; margin-top: 4px; }
  .job-card__pay { font-size: 11px; margin-top: 6px; padding-top: 6px; }
  .job-card__pay b { font-size: 13px; }

  /* 专题页 m-grid / field-grid / works-grid */
  .m-grid { gap: 6px; }
  .job-grid, .field-grid { gap: 6px; }
  .works-grid { gap: 6px; }
  .works-grid figcaption { padding: 12px 6px 5px; font-size: 10.5px; }
  .field-card { aspect-ratio: 4 / 3; }
  .field-card__body { left: 8px; right: 8px; bottom: 6px; }
  .field-card__name { font-size: 12.5px; }
  .field-card__meta { font-size: 10.5px; line-height: 1.4; margin-top: 2px; }

  /* 课程中心 c-grid / service-grid / major-grid */
  .c-grid { gap: 6px; }
  .service-grid { gap: 6px; }
  .service-card { padding: 12px 10px 14px; }
  .service-card__num { font-size: 20px; }
  .service-card__title { font-size: 13px; margin-top: 5px; }
  .service-card__desc { font-size: 11px; line-height: 1.5; margin-top: 3px; }
  .major-grid { gap: 6px; }
  .major-card { aspect-ratio: 4 / 2.8; }
  .major-card__body { left: 10px; right: 10px; bottom: 8px; }
  .major-card__name { font-size: 14px; }
  .major-card__meta { font-size: 11px; margin-top: 2px; }
  .major-card__go { margin-top: 4px; font-size: 11px; }
  .filter-bar { padding: 10px 10px; margin-bottom: 10px; }
  .filter-row { gap: 6px; }
  .filter-row + .filter-row { margin-top: 8px; padding-top: 8px; }
  .filter-row__label { font-size: 11.5px; width: 42px; }
  .filter-chip { padding: 4px 11px; font-size: 12px; }
  .c-count { font-size: 11.5px; margin-bottom: 8px; }

  /* 联系页 */
  .ct-channel { gap: 6px; }
  .ct-channel__card { padding: 12px 10px 14px; }
  .ct-channel__ico { width: 38px; height: 38px; }
  .ct-channel__name { font-size: 13.5px; margin-top: 6px; }
  .ct-channel__desc { font-size: 11px; line-height: 1.5; margin-top: 3px; }
  .ct-channel__link { font-size: 12.5px; margin-top: 6px; }
  .ct-campus__pic { height: 90px; }
  .ct-campus__body { padding: 10px 12px 12px; }
  .ct-campus__name { font-size: 14px; }
  .ct-campus__addr { font-size: 11.5px; line-height: 1.5; margin-top: 3px; }
  .ct-store { gap: 6px; }
  .ct-store__card { padding: 8px 10px; }
  .ct-store__name { font-size: 12.5px; }
  .ct-store__addr { font-size: 11px; line-height: 1.45; margin-top: 3px; }
  .ct-visit { padding: 24px 14px; }
  .ct-visit h2 { font-size: 19px; }
  .ct-visit p { font-size: 12px; margin-top: 5px; }
  .ct-visit__tel { font-size: 28px; margin-top: 10px; }
  .ct-hero { padding: 30px 0 26px; }
  .ct-hero__tel { font-size: 30px; margin-top: 12px; }

  /* 招生 / 形象设计 tn-grid / tn-step */
  .tn-grid { gap: 6px; }
  .tn-card__body { padding: 8px 10px 10px; }
  .tn-card__name { font-size: 13px; }
  .tn-card__meta { font-size: 11.5px; line-height: 1.5; margin-top: 3px; }
  .tn-card__go { font-size: 11.5px; margin-top: 4px; }
  .tn-step__card { padding: 10px 10px 12px; }
  .tn-step__no { font-size: 11px; }
  .tn-step__title { font-size: 13px; }
  .tn-step__desc { font-size: 11.5px; line-height: 1.5; }
  .tn-hero { padding: 30px 0 26px; }
  .tn-hero h1 { font-size: 22px; }

  /* 视频页 v-grid */
  .v-grid { gap: 6px; }
  .v-card__body { padding: 6px 8px 8px; }
  .v-card__title { font-size: 12px; }
  .v-card__cat { font-size: 10px; }
  .v-card__meta { font-size: 10.5px; }
  .vhero { padding: 30px 0 26px; }
  .video-tab { padding: 6px 12px; font-size: 12px; }

  /* gallery 作品墙：响应式由 gallery.html 内联 @media 控制（旧 1:1/2 列/gap 6 已移除） */

  /* 教师页 td-* */
  .td-hero { padding: 30px 0 26px; }
  .td__name { font-size: 18px; }
  .td__role { font-size: 12px; }
  .td__tags { margin-top: 8px; }
  .td__tag { font-size: 11px; padding: 3px 9px; }
  .td-body { font-size: 12.5px; line-height: 1.7; }
  .td__creds { font-size: 12px; }
  .td__pager { margin-top: 14px; }
  .td__pager-link { padding: 7px 10px; font-size: 11.5px; }
}

/* ============================================================
   v6 about.html / 长详情页极限压缩
   ============================================================ */
@media (max-width: 767px) {
  /* about 简介图文：更扁 */
  .ab-intro__media { grid-template-rows: 90px 90px; }
  .ab-intro p { font-size: 12px; line-height: 1.6; margin-bottom: 5px; }
  .ab-intro p:nth-child(n+3) { display: none; }  /* 移动端只保留前 2 段 */
  .ab-intro__media figcaption { display: none; } /* 移动端隐藏 caption 省空间 */

  /* 创始人 */
  .fd__media img { aspect-ratio: 16 / 7; }
  .fd__name { font-size: 17px; }
  .fd__story { font-size: 11.5px; line-height: 1.55; }
  .fd__story br { display: none; }  /* 移动端去除换行 */
  .fd__tags { display: none; }  /* 移动端隐藏 tag 节约空间 */

  /* 时间轴：极限 */
  .tl { padding-left: 16px; }
  .tl::before { left: 4px; width: 1.5px; }
  .tl-item { padding: 0 0 8px 14px; }
  .tl-item::before { left: -16px; top: 4px; width: 8px; height: 8px; border-width: 2px; }
  .tl-item__year { font-size: 12px; }
  .tl-item__txt { font-size: 11.5px; line-height: 1.5; }
  .tl-item__txt br { display: none; }  /* 隐藏换行 */

  /* 校区环境 about */
  .cmp-big img { min-height: 130px; }
  .cmp-big figcaption { font-size: 10.5px; }
  .cmp-card { aspect-ratio: 4 / 2.4; }
  .cmp-addr { padding: 8px 10px; font-size: 11px; line-height: 1.5; }
  .cmp-addr br { display: none; }

  /* 荣誉 about：横向滚动 */
  .honor-grid { display: flex; overflow-x: auto; grid-template-columns: none; gap: 5px; padding-bottom: 4px; scroll-snap-type: x mandatory; }
  .honor-card { flex: 0 0 calc((100% - 10px) / 3); aspect-ratio: 4 / 4.2; scroll-snap-align: start; }
  .honor-list { display: none; }  /* 移动端隐藏 list 节约空间 */

  /* 课程中心 c-hero / major-card 等 */
  .c-hero h1 { font-size: 22px; }
  .c-hero { padding: 26px 0 22px; }
  .major-card { aspect-ratio: 4 / 2.5; }
  .major-card__meta { display: none; }  /* 移动端隐藏 meta 节约空间 */
  .major-card__go { font-size: 10.5px; }

  /* 课程详情 d-hero / d-stats 进一步压缩 */
  .d-hero h1 { font-size: 22px; }
  .d-hero__sub { font-size: 12.5px; }
  .d-hero__chip { font-size: 11.5px; padding: 4px 10px; }
  .d-hero__chips { margin-top: 10px; }
  .d-hero__pic { width: 110px; height: 195px; }
  .d-stat { padding: 10px 8px; }
  .d-stat__label { font-size: 10.5px; }
  .d-stat__value { font-size: 13.5px; }
  .d-stat__value b { font-size: 15px; }
  .d-sub { font-size: 14.5px; margin-bottom: 8px; }

  /* 专题页 m-hero 进一步压缩 */
  .m-hero h1 { font-size: 22px; }
  .m-hero__sub { font-size: 12.5px; }
  .m-hero__nums { margin-top: 10px; }
  .m-hero__pic { max-width: 70%; margin: 0 auto; }
  .quick-card__a b { font-size: 12px; }

  /* 招生 / 形象设计 */
  .tn-hero h1 { font-size: 22px; }
  .tn-hero__sub { font-size: 12.5px; }

  /* 教师详情 */
  .td-hero__wrap { gap: 12px; }
  .td__pic img { aspect-ratio: 4 / 3; }
  .td__creds { line-height: 1.6; }
  .td__creds br { display: none; }

  /* gallery 标签：移动端保留数字计数（不再隐藏） */

  /* stories.html 学员故事列表（12 故事 1 列→12 屏）*/
  .s-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .s-card__pic { aspect-ratio: 16 / 9; }
  .s-card__body { padding: 10px 10px 12px; }
  .s-card__name { font-size: 13.5px; }
  .s-card__name small { font-size: 10.5px; }
  .s-card__row { margin-top: 4px; font-size: 11.5px; line-height: 1.55; }
  .s-card__row br { display: none; }
  .s-card__pay { margin-top: 6px; padding-top: 6px; font-size: 11.5px; }
  .s-card__pay b { font-size: 13px; }
  .s-card__quote { display: none; }  /* 移动端隐藏 quote */
  .s-hero { padding: 28px 0 24px; }
  .s-hero h1 { font-size: 22px; margin-top: 12px; }
  .s-hero__sub { font-size: 12.5px; margin-top: 6px; }
  .s-hero__tag { font-size: 11px; padding: 4px 10px; }

  /* news-01~06 详情页（共用 td-body 类似结构） */
  .news-article { padding: 18px 14px; }
  .news-article h1 { font-size: 20px; }
  .news-article p { font-size: 13.5px; line-height: 1.8; margin: 0 0 10px; }
}

/* ============================================================
   课程列表页（/courses/）移动端大图排版 —— 仅作用于 .c-grid，
   不影响首页 courses-ssfei 紧凑 2x4 与其他 course-card 场景
   ============================================================ */
@media (max-width: 767px) {
  .c-count { font-size: 13px; margin-bottom: 14px; }
  .c-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } /* 两列展示 */
  .c-grid .course-card__pic { aspect-ratio: 3 / 4; }            /* 3:4 竖版大图 */
  .c-grid .course-card__cat { top: 8px; left: 8px; padding: 3px 10px; font-size: 11px; }
  .c-grid .course-card__body { padding: 12px 13px 14px; }
  .c-grid .course-card__title { font-size: 15px; line-height: 1.4; }
  .c-grid .course-card__meta { margin-top: 7px; gap: 5px; }
  .c-grid .course-card__meta .chip { display: inline-flex; }    /* 恢复被隐藏的第二个 chip */
  .c-grid .chip { padding: 3px 10px; font-size: 11px; }
  .c-grid .course-card__foot { padding-top: 9px; margin-top: 2px; }
  .c-grid .course-card__jobs { font-size: 12px; line-height: 1.6; }
  .c-grid .course-card__go { font-size: 12.5px; }
  .c-grid .page-nav { margin-top: 20px; }
}