/* 手机端修补（微信内置浏览器 / iOS Safari / 安卓）
   1. iOS 在 input/textarea 字号 < 16px 时会自动放大页面，
      一放大底部「发送 / 生成」按钮就被顶出屏幕，用户以为按钮没了。
   2. 100vh 在微信里不随键盘收缩，底部输入区会被键盘盖住。
   3. iPhone 底部 Home 指示条会盖住固定定位的按钮。 */

:root { --pv-vh: 100vh; }

@media (max-width: 900px) {
  /* 1. 禁止 iOS 聚焦自动放大 */
  input, textarea, select, button { font-size: 16px !important; }
  /* 2. 高度跟随可视区（JS 会同步 --pv-vh，键盘弹出时自动收缩） */
  .h-screen { height: var(--pv-vh, 100vh) !important; }
  /* 3. 底部安全区 */
  .fixed.bottom-0, .fixed.inset-x-0.bottom-0 {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
  /* 手机点按不要触发双击缩放，点上传/发送更跟手 */
  button, a, input, textarea { touch-action: manipulation; }
}

html { -webkit-text-size-adjust: 100%; }
body { -webkit-tap-highlight-color: transparent; }
