/* ============================================================================
   移动端补漏层 · 通用版（无侧栏抽屉的内容页/表单页用）  assets/mobile.minimal.css
   —— 适用于已经是"移动优先或已响应式"的页面（如 i / act / www / insight / dna），
      只补四件常见漏项，不改动原布局：
        1. viewport-fit=cover（配合 index.html 的 meta）
        2. 输入框 16px —— iOS 上 <16px 聚焦会自动放大页面且不还原
        3. env(safe-area-inset-*) —— 刘海 / home 指示条
        4. 媒体/表格不溢出
   —— 若站点已有完整抽屉（如 hr），用本文件也不会冲突（不含任何侧栏规则）。
   ========================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,canvas,svg{max-width:100%;height:auto}

@media (max-width:820px){
  /* 表单控件 16px + 触控热区 */
  input,select,textarea{font-size:16px;min-height:44px}
  button,.btn,a.btn,label.btn{min-height:40px}

  /* 底部留出 home 指示条（原样式多已有 padding-bottom，这里做增量） */
  body{padding-bottom:calc(env(safe-area-inset-bottom) + 0px)}
  .foot,.bottom-bar,.tabbar{padding-bottom:env(safe-area-inset-bottom)}

  /* 宽表格横向滚动，避免整页被撑出横向滚动条 */
  .tbl-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .tbl-wrap>table{min-width:640px}
  table{max-width:100%}
}

@media (max-width:520px){
  body{font-size:15px}
  .card{padding:14px}
}