/* ---------- 触摸目标（平板也要，768px 仍是手指操作） ---------- */
@media (max-width:820px){
  .crumb a,.crumb span{display:inline-flex;align-items:center;min-height:32px;padding:0 2px}
  .crumb{margin-top:-6px;font-size:12px}

  footer.ft ul a{min-height:34px;display:flex;align-items:center;padding:2px 0}
  footer.ft ul{gap:2px}

  .qnote a,.note a,.crosslink a{display:inline-flex;align-items:center;min-height:34px;padding:2px 0}
  .sidebox ul li a,.qnote ul li a,.note ul li a{
    min-height:38px;display:flex;align-items:center;
    border-bottom:1px solid rgba(9,48,73,.05)}
  .sidebox ul li:last-child a,.qnote ul li:last-child a{border-bottom:none}

  .more,.bizcard .go{min-height:34px;display:inline-flex;align-items:center}

}

/* ============================================================
   移动端修正层
   ------------------------------------------------------------
   ★ 这个文件必须最后加载（在 site.css 和 pages.css 之后）。

   原因：第一版我把这些规则写在 site.css 末尾，结果**一条都没生效** ——
   因为 pages.css 在 site.css 之后引入，它的 `.t1{font-size:10px}`
   优先级相同但加载更晚，把我的 `.t1{font-size:11.5px}` 覆盖了。
   排查了两轮才想明白不是选择器写错，是加载顺序。

   现在的结构：
     site.css     设计令牌、通用组件
     pages.css    各页专属样式
     mobile.css   移动端覆盖（最后，胜出）

   规则取舍：不是所有小字都放大。品牌英文副标题（ShenTie / MANAGER）、
   设备编号这类装饰性小字保持原样；要阅读的标签、提示、字段说明才提升。
   ============================================================ */

/* ---------- 依据：375 / 414 / 768 三档实测 ---------- */

@media (max-width:640px){

  /* 主题切换按钮在窄屏收窄，给"商务合作"留出空间。
     375px 下导航区总宽：logo 约 120 + 按钮 86 + 切换 36 + 汉堡 44 + 间隙 ≈ 300，
     仍在可视宽度内；320px 级极窄屏由下方 380px 断点再收。 */
  .theme-toggle{width:36px;padding:0}
  .theme-toggle svg{width:17px;height:17px}

  /* 顶部条的城市/电话在手机上信息量低，但字号不能小到看不清 */
  .topbar .tl,.topbar .tr{font-size:12.5px}

  /* ---- 2. 字号下限 ---- */
  /* 需要阅读的正文提到 13px */
  .prose p,.prose li,.entry p,.sol p,.case p{font-size:13px;line-height:1.75}
  /* 表格内容 */
  td,th{font-size:12.5px}
  /* 表单标签与提示 */
  .field label,.fld label,.hint,span.hint{font-size:12px}

  /* 眉标（"神州高铁技术股份有限公司"这类小标题）11px → 12px */
  .eyebrow{font-size:12px}
  /* 项目类型/专业标签 10px → 11.5px。这是要读的分类信息，不是编号 */
  .t1,.tag,.fl,.cnt,.fcount{font-size:11.5px}

  /* 刻意不动的：设备编号、单位、状态标签、免责说明 —— 这些是辅助信息，
     放大会挤占主体内容的横向空间。 */

  /* ---- 3. 表单控件 ---- */
  .field input,.field select,.field textarea,
  .fld input,.fld select,.fld textarea{
    min-height:44px;font-size:16px;   /* 16px 是 iOS 的硬性要求：小于它聚焦时会自动放大页面 */
  }
  .field textarea,.fld textarea{min-height:88px}

  /* ---- 4. 横向溢出兜底 ---- */
  /* 任何长 URL、长英文单词都不该把页面撑出横向滚动条 */
  .prose,.entry,.sol,.case{overflow-wrap:anywhere;word-break:break-word}
  pre,code{overflow-x:auto;max-width:100%}
}

/* 极窄屏（iPhone SE 等 320px 级） */
@media (max-width:380px){
  .wrap{padding:0 16px}
  h1{font-size:clamp(22px,7vw,28px)}
  /* 极窄屏：按钮再收一档，避免导航挤成两行 */
  .theme-toggle{width:34px}
  .nav-act .btn-p{padding-left:12px;padding-right:12px}
}