AionClaw手机端页面横向溢出因元素撑宽视口，需开启「显示布局边界」定位越界元素，修复须在html上设overflow-x:hidden，并统一box-sizing、约束表单宽度、收紧padding-right。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用AionClaw手机端时页面左右滑动才能看到全貌，不是内容太多，而是某个元素悄悄撑宽了视口——这会导致操作按钮被切掉、输入框错位、甚至定时任务开关无法点击。
确认是否真被撑开
打开AionClaw手机App → 点击右上角「设置」→ 进入「开发者模式」（连续点击版本号7次）→ 开启「显示布局边界」→ 页面立刻浮现红色描边。如果描边超出屏幕左右边缘，说明存在横向溢出。
此时不用猜，直接点任意一个越界区域 → 查看右侧「元素详情」中显示的width值。若该值 > 设备物理宽度（如iPhone SE为375px），就坐实了问题。
修复HTML根层溢出
这是最常被忽略却最关键的一步：AionClaw移动端Webview默认以html为滚动容器，而body加overflow-x:hidden完全无效。
进入AionClaw主界面 → 点击左下角「工具管理」→ 找到「自定义CSS注入」→ 点击「编辑」→ 在空白处粘贴以下三行：
html { overflow-x: hidden; }
body { margin: 0; padding: 0; box-sizing: border-box; }
⚠️ 注意：必须把overflow-x: hidden写在html上，写在body上等于没写。保存后重启App生效。
约束表单控件宽度
AionClaw手机端的「定时任务」「技能市场」「数字专家」等模块大量使用input/select，这些元素默认不继承父容器宽度，在小屏下极易撑破td或flex容器。
方法一：全局注入适配样式
在「自定义CSS注入」中追加：
.form-control, input, select, textarea { width: 100%; max-width: 100%; }
方法二：针对高频溢出模块单独处理
比如「自动化(RPA)」页的输入框常因placeholder文字过长撑开，可加：
.rpa-step-input { width: calc(100% - 16px); padding: 8px; }
重置伪元素盒模型
第一步：打开「开发者模式」→ 点击「检查元素」→ 切换到「Computed」标签页
第二步：在搜索框输入box-sizing → 查看当前选中元素的值
第三步：若显示content-box，说明::before或::after伪元素仍在用旧模型，必须覆盖
在「自定义CSS注入」中添加（必须放在最顶部）：
* , *::before, *::after { box-sizing: border-box; }
这行代码会强制所有元素及伪元素按border-box计算宽高，避免padding叠加在width之外导致407px撑出375px屏幕。
收紧右侧padding防越界
移动端右侧padding比左侧更容易触发溢出，因为用户习惯从左向右滑动，浏览器对右侧容错更低。
定位到具体越界模块（如「手机控制」页的设备列表），在「自定义CSS注入」中添加：
.mobile-device-item { padding-right: 4px; }
不要改padding-left——它不影响横向滚动触发；只动padding-right，且数值必须≤8px，否则iOS Webview会误判为可滚动区域。
