/* ============================================================
   合和图文 · mobile-fix.css  v1
   移动端安全网（第一批：零观感风险规则）
   原则：只追加媒体查询覆盖，不改任何原有规则；桌面端零影响。
   回滚方式：删除各页 <head> 里 mobile-fix.css 这一行即可。
   断点对齐全站体系（700px，与 topbar/主页一致）。
   ============================================================ */

@media(max-width:700px){

  /* ① 网格/弹性子项禁止撑破容器（移动端溢出第一大原因）
        min-width:auto 是默认值，长内容会把 1fr 1fr 的格子顶宽 */
  .hero-bottom,.section-head,.split,.tile,.grid,
  .hero-bottom>*,.section-head>*,.split>*,.tile>*,.grid>*{min-width:0}

  /* ② 图片/视频永不超宽（元素选择器优先级低于各页类选择器，
        不会干扰 .hero-image img 等精细控制） */
  img,video{max-width:100%}

  /* ③ 长英文串/URL 强制换行保险（对中文无副作用） */
  p,li,h1,h2,h3{overflow-wrap:anywhere}

  /* ④ 兜底：横向溢出只藏不破（其余9页此前没有，主页已有） */
  html,body{overflow-x:hidden}
}