[MyPrototypeWhat]

按 MiniMax Code 的设计语言对齐桌宠面板的字号与间距：页边距和区块间距统一到 24px，正文 14px/22px、辅助文字 12px/18px，控件最小高度 32px，桌面浮层改 0.5px 描边，并补齐按下态。桌面宠物保持 280px 布局，沿用同一套 --mcode-* token。只动样式，不改变任何行为或权限。

这一版叠在 #127（0.7.0 Markdown 渲染）之上，review 顺序是 #124 → #127 → 本 PR。

Written by Claude Opus 5.5

改了什么

依据 agent-archon 里的 .harness/docs/design/design-language.md 与 miniapp-creator/references/minimax-code-visual-ui.md。mcode 独有的 bg-bg_default_primary、--mavis-type-* 这类 token 桌宠拿不到，所以只落地了这套规则里能映射到页面自有 --mcode-* 变量的部分。

• 间距：.panel-header / .panel-tabs / .panel-page / .task-page 的 28px 边距改为 24px；外观区主栅格 32px → 24px；子页面栈 20px → 24px；区块标题下边距 18px → 16px。
• 圆角：外观预览 16px → 12px（页面级卡片），宠物卡片 10px → 12px，通知卡 10px → 12px；控件保持 8px。标签片（.tab-count）改全圆角。
• 字号：任务行、提醒标题、勾选项 14px/22px；.muted / .msg / .note / 状态行统一 12px/18px；设置页小标题 14px → 16px/24px；桌面卡片里 10–11px 的辅助文字提到 11–12px。
• 控件高度：.btn.small 28px → 32px，任务筛选 28px → 32px，提醒静音按钮 24px → 32px；桌面卡片关闭按钮补 min-width/min-height: 32px 触达区，标题栏高 26px → 32px。
• 描边：气泡、通知卡、菜单改 0.5px（桌面卡片与浮层规格），控件与输入保持 1px。
• 状态：补 .btn:active / .chip:active / .menu-item:active；prefers-reduced-motion 从「全部 transition: none」改为保留颜色/透明度反馈、只压掉动画时长，符合规则里「保留必要的透明度过渡」。
• 版本 0.8.0，README 中英补说明。

测试

• sources/minimax-ai/minimax-pet：npm test 250 通过，npm run test:smoke 70/70（样式改动不涉及逻辑，测试全绿说明没有误伤选择器或 DOM 契约）。
• npm run package + npm run check:package：41 个文件逐字节一致；根 npm run check：plugins/minimax-ai/minimax-pet: OK。
• 用模拟 Host 在无头 Chromium 里量了计算值：页边距 24px、任务行 14px、辅助文字行高 18px、小按钮 32px、卡片圆角 12px、菜单描边 0.5px；外观／任务／设置三页与桌面卡片截图核对，控制台无报错。

未验证

• 真实 MiniMax Code 窗口里的观感（本机只有 3.1.1 与 3.1.10-preview）。
• 0.5px 描边在非 Retina 屏或 Windows 上会取整成 1px，属于预期差异，未实测。
• Windows GUI、正式客户端安装。

---

^{Open in [code]smith · Need help on this PR? Tag @codesmith-bot with what you need.}