/* ---------------------------------------------------------------------------
   手机端「页面自己放大 / 缩不回去」的修复
   2026-09-19

   现象：手机上打开 atom 下的页面，内容会莫名其妙放大，之后一直停在放大状态。
        登录页最明显 —— 页面一放大，阿里云滑块验证的轨道就显示不全，
        滑块永远拖不到终点，登录卡死。

   两个原因：

   1) iOS Safari 会在聚焦「font-size 小于 16px」的输入框时自动放大整页，
      而且失焦后【不会】缩回去。Tabler 的 .form-control 是 .875rem = 14px，
      所以点一下账号输入框，页面就放大了。
      注意：iOS 10 起 <meta viewport user-scalable=no> 已被 Safari 忽略
      （无障碍要求），所以 iPhone 上真正管用的是下面这条把输入框调到 16px
      的规则，meta 只对安卓/旧 iOS 起作用。

   2) 双击会触发浏览器的双击放大手势，拖滑块时很容易误触。
      touch-action: manipulation 只去掉双击放大，正常点击、滚动、
      双指缩放（无障碍需要）都保留。

   只在小屏生效，桌面端排版一个像素都不动。
   --------------------------------------------------------------------------- */

@media (max-width: 767.98px) {

    .form-control,
    .form-select,
    .form-control-sm,
    .form-select-sm,
    .form-control-lg,
    .form-select-lg,
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="email"],
    input[type="search"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    select,
    textarea {
        /* 16px 是 iOS 不再自动放大的临界值，必须是 16px 或更大 */
        font-size: 16px !important;
    }
}

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

body {
    touch-action: manipulation;
}