fix(game): 导航像素风统一 + 修复图鉴解锁后面板溢出

[realRoc]

背景

HireRPG game 页面（docs/game.html）两个 UI 问题：

1. 右上角导航 icon 风格不统一 — 方法论 / Skill 沿用全局 githire.css 的 btn-ghost（斜体衬线 + 圆角胶囊），与 game 页的像素风冲突。
2. 图鉴击杀 boss 后"裂开" — 击败怪兽解锁后，图鉴面板布局被撑裂、内容溢出右边框。

根因

图鉴用 repeat(4,1fr) 网格，.cx-slot 默认 min-width:auto。怪兽一旦解锁，槽位出现真实名字（如 模糊 Issue 幽灵，white-space:nowrap 不换行），把该列从 45px 撑到 76px，整行溢出面板 18px——视觉上即"撑裂"。锁定态全是 ??? 等宽，所以问题只在解锁后出现。

改动

• 导航：页面内覆盖样式，把 方法论 / Skill 改成与 🎮 HireRPG game 一致的像素方框按钮（像素字体、直角边框、像素阴影 + 按下位移）。
• 图鉴：.cx-slot 加 min-width:0; overflow:hidden;，让 1fr 列保持等宽，长名字交给已有的 text-overflow:ellipsis 截断。

验证（headless 渲染实测）

• 修复前：首槽 76px，body scrollWidth 242 / clientWidth 224，溢出 18px
• 修复后：四列均为 46px，溢出 0；3/7 解锁状态下两行网格整齐对齐，名字以 模糊 I… 收尾

仅改动 docs/game.html。

🤖 Generated with Claude Code

[realRoc]

🤖 由 Codex 自动生成

建议

暂无额外建议。已核对 mergeable=MERGEABLE、mergeStateStatus=CLEAN；本次改动集中在 docs/game.html 的页面内样式，导航像素风覆盖范围和图鉴 min-width:0/ellipsis 处理都符合 PR 目标。

结论：✅ 可以合并