/* ============================================================ 移动端共享规则（白川往事） 仅在手机/平板生效（<=1023px），PC 端零影响。 各页面 内引入本文件即可： ============================================================ */ /* --- 手机（含横屏） --- */ @media (max-width: 767px) { html, body { overflow-x: hidden; /* 防意外横向滚动条 */ } /* 输入控件 >=16px：阻止 iOS Safari 聚焦时自动缩放页面 */ input, select, textarea { font-size: 16px; } /* 页面计数器缩小，避免遮挡内容 */ .page-id, .page-counter, .page-indicator { top: 8px; right: 10px; font-size: 12px; padding: 3px 8px; } /* 隐藏结局提示框贴边，防窄屏溢出 */ .hidden-ending-toast { left: 10px; bottom: 10px; font-size: 15px; padding: 12px 18px; } /* 大图弹窗不贴出屏 */ .image-modal img { max-width: 94vw; } } /* --- 平板 --- */ @media (min-width: 768px) and (max-width: 1023px) { html, body { overflow-x: hidden; } }