/* ================================================================
 * 移动端体验补丁（全局，所有页面共用）
 * ================================================================
 * 1) iOS Safari 在聚焦「字号 <16px」的输入框时会强制放大整个页面，
 *    用户点完输入框发现页面变大了、还得手动缩回去——体验很糟。
 *    统一把移动端输入控件提到 16px 即可根治。
 * 2) 触控目标不小于 44px（Apple HIG / Material 共同的最小尺寸），
 *    避免手指点不中链接和按钮。
 * 3) 长文本在窄屏下的换行兜底。
 * ================================================================ */

@media (max-width: 900px) {
  input, textarea, select {
    font-size: 16px !important;
  }

  /* 触控目标兜底：列表型链接与按钮 */
  .footer a,
  .page-anchor a,
  .quickbar a,
  .fab button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* 防止长英文/URL 撑破手机布局 */
  p, li, td, th, h1, h2, h3, h4 {
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

/* 尊重用户的「减少动态效果」系统设置 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}