style(结果页签): 分段、说明、对比改成和题面同一套样子；做对后「接着做」直接给下一题

- 提交结果 / 运行例子 / 自己输入改成浅灰底的分段按钮；状态大字和测试点方块放大一档
- 哪里不对一律是黄色小节标题（例子 1 没对上、错在没给你看的测试点、第 2 行出错），说明用正文大小
- 答错的对比竖着排成灰 / 绿 / 红三格，和题面的例子一个样子；运行时错误把出错那一行放进红格
- 做对了去掉浅绿卡片，改成「接着做」一句话加写着下一题题号题名的大按钮
- 提交详情页的答错对比不变

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/specs/2026-09-28-problem-page-redesign-design.md

@@ -162,7 +162,15 @@ B 看得到。
 
 ### 5.3 「结果」页签
 
-三个小分段：**提交结果 / 运行例子 / 自己输入**（胶囊高 30），各自保留最近一次的内容。
+三个小分段：**提交结果 / 运行例子 / 自己输入**，各自保留最近一次的内容。
+
+**样子（2026-11-04，画布「题目页观感」结果 X）**：分段是浅灰底的分段按钮（选中白底加粗，时间灰色小字）；
+状态行是图标 + 22px 大字 + 灰色小字，下面测试点方块（22px）。说哪里不对的一律是黄色小节标题
+（「例子 1 没对上」「例子都对了，错在没给你看的测试点」「第 2 行出错」「第 1 行」），说明用正文 16px；
+例子对比竖着排成灰（输入）/ 绿（正确输出）/ 红（你的输出）三格，和题面的例子一个样子；
+运行时错误把出错那一行代码放进红格。「让 AI 分析我的代码」「用这组数据运行」是浅绿底按钮。
+做对了是「接着做」一节 + 写着下一题题号题名的大按钮（原来的浅绿卡片去掉了，竖栏里已经有进度）。
+提交详情页的答错对比（`WrongAnswerExplain` 不带 `section`）还是原来那张浅灰卡片。
 
 - **自动切换**：点「运行例子」「提交」或流程图「交给 AI 点评」后，自动切到「结果」对应的分段。
 - **页签上的状态**：✕ 错了 / ✓ 对了 / ! 没交上（语法没过）；用图标，不用 7px 的彩点。