/* ===========================================================================
 * mobile.css —— 全站移动端基线
 *
 * 这里只放"每个页面都必须遵守、且与具体版式无关"的规则。各页的布局适配留在
 * 各自的 <style> 里 —— 每页骨架不同，公共文件里塞满只命中某一页的选择器，
 * 下次改版谁都不敢删。
 *
 * 三条规则各自解决一个真实故障：
 *
 *  1) iOS Safari 在输入框 font-size < 16px 时，聚焦会自动把整页放大且不缩回。
 *     用户点一下输入框，页面就歪了，返回后还是放大的。各页原本是 13–15px，
 *     逐页改容易漏，统一在这里兜底。
 *     判断条件用 pointer: coarse 而不是宽度断点：iPad 竖屏 768px 一样会缩放，
 *     桌面把窗口拖窄却不会，按"是不是手指在点"更准。
 *
 *  2) 部分安卓 WebView / 横竖屏切换会自己做字号补偿，把 15px 变成 18px，
 *     布局就散了。text-size-adjust: 100% 关掉它。
 *
 *  3) 刘海屏底部有一条手势区，固定定位的浮条（配置页的保存栏、控制台的 FAB）
 *     要躲开它，否则按钮压在手势条上点不动。统一给 --safe-* 变量。
 * =========================================================================== */

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

:root {
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
}

/* !important 是必要的：各页内联样式里的 input.num / input.txt 特异性更高，
   普通规则压不住。只改字号，不动其它属性。 */
@media (pointer: coarse) {
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* 去掉双击缩放带来的 300ms 点击延迟，按钮按下去跟手 */
    button,
    .btn,
    select,
    a.back {
        touch-action: manipulation;
    }
}

/*
 * 右下角的身份卡（auth.js 生成的 #sinanWho）不在这里改尺寸：
 * 它的样式和手机断点都跟 DOM 一起注入（见 auth.js#mountWhoStyle）。
 * 以前这里用 !important 把它压成 26px 高的小药丸，结果"看不见也点不中"，
 * 现在卡片自身在 560px 以下收一档、同时保住 44px 热区，两处都改必然打架。
 */