/* ==========================================================================
mobile-base.css — 移动端基础层（学生端 / 教师端共用）
--------------------------------------------------------------------------
只处理「所有页面都需要、且与业务无关」的移动端底噪，**不含任何布局重排**。
布局级改造（表格改卡片、侧栏改抽屉、吸底按钮等）属于各页面自己的事。
引入方式：
为什么不做下面这些（避免后续返工）：
· 不加 viewport-fit=cover —— 一旦加了就必须把每一个安全区都自己处理干净，
漏一处就是内容被刘海/底部横条压住。不加时 iOS 会自动让出安全区，是更稳的默认。
· 不改 input/select/textarea 的 font-size —— 会撑开表格内的紧凑输入框，
属于逐页权衡的事，不放全局。
· 不设 button{min-height:44px} —— 会把工具栏里的小按钮一并撑高。
触摸目标尺寸在各自页面按需处理。
⚠️ 所有规则都限定在 ≤768px（与教师端 nav.js 的 MOBILE_MAX 一致），桌面端零影响。
========================================================================== */
@media (max-width: 768px) {
/* 横屏时 iOS 会擅自放大字号；改为跟随布局视口 */
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
/* 触屏点击会闪一层灰色高亮，去掉；按压反馈交回样式里的 :active */
a, button, [role="button"], label, summary,
input[type="checkbox"], input[type="radio"] {
-webkit-tap-highlight-color: transparent;
}
/* 消除移动端 300ms 点击延迟（双击缩放探测）。
只放开 pan/zoom 相关手势，不写 touch-action:none，否则页面无法滚动。 */
a, button, [role="button"], label, summary,
input[type="checkbox"], input[type="radio"], select {
touch-action: manipulation;
}
/* 长按按钮/链接不应弹出「选择文字」菜单（正文仍可正常选中） */
button, [role="button"] {
-webkit-user-select: none;
user-select: none;
}
/* 横向滚动容器：加惯性滚动，避免部分 Android WebView 里滑不动 */
.overflow-x-auto {
-webkit-overflow-scrolling: touch;
}
/* KaTeX 块级公式（$$...$$）在窄屏放不下时会顶破整页 —— KaTeX 内部一律 white-space:nowrap
且是 inline-block，既不会换行也不会收缩，只能溢出。
实测：学生端实验页 #principleContent 里一条公式内部盒子右边缘到 434px（视口 360），
整页可左右拖动 73px。overflow-y:hidden 是 KaTeX 官方推荐写法，
避免滚动条占位与上下裁切冲突。
注：这里**不**统一缩小字号 —— 「装不下才缩」交给 js/mobile-tables.js 按需处理，
这样正常的公式保持原尺寸，只有真超宽的那一两条会变小。 */
.katex-display {
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
}
/* 上面那条还不够：KaTeX 的隐藏 MathML 层（.katex-mathml，position:absolute、1px、
overflow:hidden）里，