需确保标题元素是卡片容器的直接子项，再通过DevTools注入minWidth:0、overflow-wrap:break-word、word-break:break-all样式实现换行；推荐用--inject-css启动参数持久化修复。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
定位卡片标题的CSS作用域
打开AionClaw客户端，进入任意含卡片列表的页面（如「技能市场」或「数字专家」），按 Cmd+Option+I（Mac）或 Ctrl+Shift+I（Windows）唤出DevTools → 切换到「Elements」标签页 → 在DOM树中逐级点击卡片容器，观察右侧「Styles」面板，找到应用了 font-size、line-height 或 white-space 的标题元素，通常类名含 card-title、skill-name 或 expert-header。
确认该标题元素是 flex 容器的直接子项 —— 若它被包裹在一层 <div> 里再塞进卡片容器，则后续加的换行规则会失效。这是最常被忽略的前提，跳过将导致所有样式无效。
强制启用弹性收缩与换行能力
在DevTools的「Console」标签页中，粘贴并执行以下代码：
document.querySelectorAll(".card-title, .skill-name, .expert-header").forEach(el => { el.style.minWidth = "0"; el.style.overflowWrap = "break-word"; el.style.wordBreak = "break-all"; });
这行代码一次性为所有匹配标题元素注入三项关键样式：其中 minWidth = "0" 是解锁收缩能力的开关，没有它，浏览器会坚持让标题至少撑开到 fit-content 宽度；overflowWrap: break-word 负责在单词边界处合理断行；wordBreak: break-all 是兜底策略，专治 base64、API 路径、长哈希串等无空格字符串。两套换行逻辑叠加，才能覆盖全部长文本场景。
持久化修复（推荐启动参数方式）
方法一：关闭AionClaw → 右键桌面快捷方式 → 属性 → 在「目标」栏末尾添加：
--inject-css=".card-title,.skill-name,.expert-header{min-width:0;overflow-wrap:break-word;word-break:break-all;}"
注意前后保留空格，且引号必须是英文半角。此参数会在每次启动时自动注入样式，升级客户端不丢失。
方法二：若需全局生效且不依赖快捷方式，可编辑启动脚本（Windows下为 AionClaw.exe --inject-css=...，Mac下为 open -a AionClaw.app --args --inject-css=...）。不要修改 app.asar 内部文件，热更新后会被覆盖，且可能触发签名校验失败。
