/* ============================================================
   AIMIX Replica — 响应式增强层（多设备适配）
   ------------------------------------------------------------
   断点规范：手机 <768px ｜ 平板 768px~1024px ｜ 桌面 >1024px
   加载方式：functions.php 中在 aimix-main 之后入队，保证覆盖顺序
   原则：只做"增强与修正"，不重定义桌面端样式（>1024px 本文件不生效）
   导航：汉堡菜单沿用主题既有机制（≤940px 启用，JS 切换 .open）
   ============================================================ */

/* =========================================================
   平板及以下通用兜底（≤1024px）
   防横向溢出 / 长文本断行 / 表格横滑 / 触屏热区
   （桌面端无溢出现象，故以下规则对桌面零视觉影响）
   ========================================================= */
@media (max-width:1024px){
  /* 防止绝对定位元素（如轮播箭头）撑出横向滚动条；
     overflow:clip 不创建滚动容器，不影响 sticky 头部 */
  html,body{overflow-x:clip}
  /* 长单词 / URL 自动断行，防止文字溢出容器 */
  body{overflow-wrap:break-word}
  iframe,video{max-width:100%}

  /* 参数 / 规格表格：窄屏转为块级并允许横向滑动，避免撑破布局 */
  .proj-spec-tbl,
  table.prod-info{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* 触屏设备：汉堡按钮热区 ≥44px（≤1024 全程启用汉堡） */
  .menu-toggle{min-width:48px;min-height:44px;justify-content:center}
  /* 菜单项 / 子菜单项触摸区域 ≥44px，层级缩进区分三级菜单（平板 + 手机通用） */
  .main-menu > li > a{min-height:48px}
  .main-menu .sub-menu a{padding-top:12px;padding-bottom:12px;min-height:44px}
  .main-menu .sub-menu .sub-menu a{padding-left:50px}
}

/* =========================================================
   手机端（<768px）：富文本编辑器内容中的表格适配
   覆盖区域：产品 Specifications / Advantage / How to Choose、
   产品对比、项目介绍等 .rich / .entry-content 内的 table
   ========================================================= */
@media (max-width:767px){
  /* 表格转为块级 + 横向滑动（不撑破容器，不产生页面级滚动条） */
  .rich table,
  .entry-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}
  /* 单元格收紧内边距、字号微缩，行距保持舒适 */
  .rich table th,.rich table td,
  .entry-content table th,.entry-content table td{padding:9px 10px;font-size:13px;line-height:1.6}
  /* 表头保持单行不折行，避免表头挤压变形 */
  .rich table th,
  .entry-content table th{white-space:nowrap}
  /* 隔行斑马纹颜色在窄屏保持不变，确保可读性 */
  .rich table td,
  .entry-content table td{word-break:break-word}
}

/* =========================================================
   平板专属（768px ~ 1024px）
   ========================================================= */
@media (min-width:768px) and (max-width:1024px){
  /* 顶部导航：941~1024 区间已随 ≤1024 断点启用汉堡手风琴，
     不再使用横向压缩菜单（原压缩规则已移除） */

  /* 标题字号随屏宽递减 */
  .hero h1{font-size:42px}
  .section-title{font-size:30px}
  .page-hero h1{font-size:32px}
  /* 内页横幅高度分档：平板压缩高度 */
  .page-hero{min-height:260px}

  /* 卡片内边距略收紧 */
  .sol-card .sol-body{padding:18px 18px 22px}
  .prod-group ul li a{padding:12px 18px}
  .step{padding:22px 14px}
  .cta-form{padding:22px}

  /* 产品中心 Tab（触屏点击区 ≥44px） */
  .hom2 .Tab{padding:10px 16px}
}

/* =========================================================
   手机（<768px）—— 重点优化段
   ========================================================= */
@media (max-width:767px){
  /* ---------- 布局基础 ---------- */
  .container{padding:0 16px}                     /* 左右留白收窄，内容区更宽 */
  .page-main{padding:40px 0}
  .block{padding:46px 0}

  /* ---------- 顶部导航（汉堡菜单触摸优化） ---------- */
  .header-inner{gap:10px}
  .site-branding{padding:10px 0}
  .brand-mark{font-size:21px}
  .menu-toggle{padding:12px 14px}                /* 汉堡按钮热区 ≥44px */
  /* 菜单项 / 子菜单项触摸区域 ≥44px，层级缩进区分三级菜单 */
  .main-menu > li > a{padding:15px 20px;min-height:48px}
  .main-menu .sub-menu a{padding:12px 20px 12px 34px;min-height:44px}
  .main-menu .sub-menu .sub-menu a{padding-left:50px}

  /* ---------- Hero 横幅 ---------- */
  .hero{min-height:auto;padding:64px 16px 72px}  /* 取消 100vh 全屏高，小屏内容更紧凑 */
  .hero h1{font-size:30px;line-height:1.2}
  .hero .hero-sub{font-size:16px;margin-bottom:26px}
  .hero .hero-cta{gap:12px}
  .hero .hero-cta .btn{min-width:220px}

  /* ---------- 标题与文案 ---------- */
  .page-hero{padding:44px 16px;min-height:200px}
  .page-hero h1{font-size:26px}
  .section-title{font-size:24px}
  .block-cta .cta-title{font-size:24px}
  /* 首页复刻区块大标题统一收窄 */
  .hom1 h2,.hom2 h2,.hom3 h2,.hom4 h2,
  .aimix-cases-h2 h2,.dmac-service-h2 h2{font-size:24px}
  .hom4 .h2p,.aimix-cases-h2 p{font-size:14px}

  /* ---------- 首页轮播 Tab 触摸区域 ---------- */
  .hom1 .Tab{padding:13px 0}                     /* ≥44px 行高 */
  .hom2 .Tab{padding:11px 16px;font-size:15px}

  /* ---------- 多列布局 → 单列 / 双列堆叠 ---------- */
  .stats{grid-template-columns:1fr 1fr;gap:12px}
  .stat{padding:18px 10px}
  .stat-num{font-size:30px}
  .steps{grid-template-columns:1fr 1fr;gap:12px}
  .step{padding:16px 10px}
  .step p{font-size:12.5px}
  .dmac-service-grid{grid-template-columns:1fr}  /* 服务 4 卡：手机直接单列（原 560px 断点提前） */
  .hom4 .Sin{width:46%}
  .footer-grid{padding:38px 16px 30px}

  /* ---------- 产品详情 ---------- */
  .prod-detail{gap:26px}
  .prod-info h1{font-size:23px}
  .prod-ext-title{font-size:18px;margin:32px 0 12px}
  .aimix-cmp-body{padding:20px 16px}

  /* ---------- 项目详情 ---------- */
  .proj-page{padding:36px 0}
  .proj-spec-tbl th,.proj-spec-tbl td{padding:10px 12px;font-size:14px}
  .proj-info-head{padding:14px 16px}
  .proj-info-head h2{font-size:18px}
  .proj-info-cta{padding:14px}
  .proj-intro{margin-top:40px}
  .proj-intro-body{font-size:15px;line-height:1.85}

  /* ---------- 全球案例区块（产品页 / 项目页复用） ---------- */
  .aimix-cases-sin{padding:30px 0}
  .aimix-cases-inner{padding:0 16px;gap:22px}
  .aimix-cases-rig{padding:18px 16px}
  .aimix-cases-rig .aimix-cases-t{font-size:20px}
  .aimix-cases-rig .aimix-cases-p{font-size:14px}
  /* 缩略图箭头：收进容器内侧并增大到 44px，防止负偏移溢出屏幕 */
  .aimix-case-bot .arrow{width:44px;height:44px}
  .aimix-case-bot .arrow.left{left:6px}
  .aimix-case-bot .arrow.right{right:6px}

  /* ---------- 按钮 / 链接触摸区域 ≥44px ---------- */
  .btn{min-height:44px}
  .product-card .btn{padding:11px 20px;font-size:14px;min-height:44px}
  .read-more{padding:8px 0}
  .sidebar li a{padding:12px 0}
  .pagination .page-numbers{padding:12px 16px}
  .footer-links a{display:inline-block;padding:7px 0}
  .footer-social .social{width:44px;height:44px}
  .aimix-faq-item{padding:14px 16px}
  .aimix-faq-t{font-size:14.5px}

  /* ---------- 表单 ---------- */
  .cta-form{padding:18px 14px}
  .contact-form-wrap{padding:20px 16px}
  /* 输入框字号 ≥16px：防止 iOS Safari 聚焦时页面自动放大 */
  .cta-form input,.cta-form textarea,
  .contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{font-size:16px}
  .map-embed{aspect-ratio:4/3}                   /* 地图手机上高度略增，便于查看 */

  /* ---------- 其他 ---------- */
  .dmac-t{font-size:16px}
  .footer-bottom-inner{font-size:12px;line-height:1.6}
}

/* =========================================================
   小屏手机（<480px）
   ========================================================= */
@media (max-width:479px){
  /* 品牌口号让位，防止头部拥挤换行 */
  .brand-slogan{display:none}
  /* 服务步骤卡改单列，内容不再挤压 */
  .steps{grid-template-columns:1fr}
  /* About 数字卡单列居中 */
  .hom4 .Sin{width:100%;max-width:260px}
  /* Hero CTA 全宽按钮，拇指友好 */
  .hero .hero-cta .btn{width:100%;max-width:320px}
}