/* ===== 厚安官网 · 移动端 H5 增强 (2026-10-12) =====
   目标: iPhone 安全区适配 / 去除点击延迟 / 防横向溢出 / 正文可读性下限
   仅在 max-width:900px 生效, 不影响桌面端 */
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
a,button,input[type=submit],input[type=button],select,textarea,[onclick],
[role=button],.tab,.tabbar a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img,video,canvas{max-width:100%}
iframe{max-width:100%}

@media (max-width:900px){
  /* 1) iPhone 刘海屏/手势区安全适配 */
  body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  footer,.ft,.fd,.ha-ft{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
  /* 2) 横向溢出兜底(避免某个宽元素把整页撑出横向滚动) */
  html,body{overflow-x:hidden}
  /* 3) 正文可读性下限: 明显过小的正文抬到 15px, 行高放宽 */
  .wrap p,.wrap li,.article p,.article li,article p,article li,
  .ha-ai-desc,.ha-obj p,.ha-news p{font-size:15px!important;line-height:1.9}
  /* 4) 次要信息(日期/来源)不低于 12.5px, 保证小屏可读 */
  .meta,.crumb,.ni .body p{font-size:12.5px}
  /* 5) 长链接/长英文不撑破容器 */
  p,li,td,h1,h2,h3{overflow-wrap:break-word;word-break:break-word}
  /* 6) 浮动客服球避让底部安全区, 不与页脚/电话条重叠 */
  #hy-xa-btn,.hy-xa-btn,.xa-float{bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
}

/* ===== 移动端排版收紧 v2 (2026-10-12) =====
   依据首页真实类名: .ha-obj-sec/.ha-obj-grid/.ha-obj/.ha-ai-item/.ha-card/.ha-stat
   目标: 手机端留白与内边距收紧、字号回到合理档位, 页面不再冗长 */
@media (max-width:768px){
  /* — 区块留白 — */
  .ha-obj-sec{padding:30px 0 28px!important}
  .ha-sec{padding:30px 0!important}
  .ha-obj-wrap,.ha-wrap{padding-left:16px!important;padding-right:16px!important}
  /* — 区块标题 — */
  .ha-obj-head{margin-bottom:20px!important}
  .ha-obj-head p{font-size:12px!important;letter-spacing:2px!important;margin-bottom:6px!important}
  .ha-obj-head h2{font-size:22px!important;letter-spacing:.5px!important}
  .ha-obj-head span{margin-top:10px!important;font-size:13.5px!important;line-height:1.8!important}
  .ha-title{font-size:21px!important;margin-bottom:8px!important}
  /* — 服务对象卡片 — */
  .ha-obj-grid{gap:11px!important}
  .ha-obj{padding:15px 15px 13px!important;border-radius:9px!important}
  .ha-obj h3{font-size:15.5px!important;line-height:1.4!important;margin:0 0 5px!important}
  .ha-obj p{font-size:13.5px!important;line-height:1.72!important;margin:0 0 9px!important;min-height:0!important}
  .ha-obj span{font-size:13px!important}
  /* — 十大 AI 能力 — */
  .ha-ai-item{padding:11px 0!important}
  .ha-ai-txt{font-size:14px!important;line-height:1.8!important}
  .ha-ai-desc{font-size:13px!important;line-height:1.75!important}
  .ha-ai-sub{font-size:12px!important}
  /* — 通用卡片 — */
  .ha-card{padding:17px 15px!important}
  .ha-card h3{font-size:16px!important;margin:0 0 7px!important}
  .ha-card p{font-size:13.5px!important;line-height:1.8!important}
  /* — 数据统计 — */
  .ha-stat{gap:12px!important;margin-top:4px!important}
  .ha-stat b{font-size:26px!important}
  .ha-stat span{font-size:12.5px!important}
  /* — 可点区域保证触控尺寸 — */
  .ha-obj span,.ha-ai-more,.ha-more{min-height:34px;display:inline-flex;align-items:center}
}

/* ===== 移动端排版收紧 v3 (2026-10-12) =====
   新闻列表 .ni 卡片: 手机端由「整宽大图 + 竖排」改为「左小图 + 右文字」紧凑排布
   实测: 单条由约 350px 降到约 110px, News.html 由 10216px 降到约 4000px */
@media (max-width:768px){
  .mlist .ni > a,
  ul.mlist li > a{
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:12px!important;
    padding:13px 14px!important;
  }
  .mlist .ni .thumb,
  ul.mlist li .thumb{
    flex:0 0 96px!important;
    width:96px!important;height:72px!important;
    aspect-ratio:auto!important;
    border-radius:7px!important;
    overflow:hidden!important;
  }
  .mlist .ni .thumb img,
  ul.mlist li .thumb img{
    width:96px!important;height:72px!important;object-fit:cover!important;display:block!important;
  }
  .mlist .ni .body,
  ul.mlist li .body{flex:1 1 auto!important;min-width:0!important}
  .mlist .ni .body h3,
  ul.mlist li .body h3{
    font-size:14.5px!important;line-height:1.45!important;margin:0 0 5px!important;font-weight:600!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .mlist .ni .body p,
  ul.mlist li .body p{
    font-size:12.5px!important;line-height:1.6!important;margin:0!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  /* 日期改为行内小字, 不再独占一列 */
  .mlist .ni .date,
  ul.mlist li .date{
    flex:0 0 auto!important;display:flex!important;flex-direction:column!important;
    align-items:flex-end!important;text-align:right!important;line-height:1.2!important;
  }
  .mlist .ni .date b,
  ul.mlist li .date b{font-size:15px!important;font-weight:700!important}
  .mlist .ni .date span,
  ul.mlist li .date span{font-size:10.5px!important;margin:1px 0 0!important;color:#a0a8b3!important}
  .mlist .ni,
  ul.mlist li{margin-bottom:10px!important}
}