style(提交详情): 答错时的例子对比换成新样子，三格横排、不一样的那行两边标浅黄

- 和题目页结果页签同一套：黄色小节标题「例子 N 没对上」、正文大小的说明、输入灰 / 正确输出绿 / 学生的输出红
- 这一页一栏 1200 宽，三格横着并排，正确输出和学生的输出一行对一行，不一样的那行两边都垫浅黄
- 窄于 600（手机、课堂任务的弹窗）自动退回竖排

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

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

@@ -170,7 +170,8 @@ B 看得到。
 例子对比竖着排成灰（输入）/ 绿（正确输出）/ 红（你的输出）三格，和题面的例子一个样子；
 运行时错误把出错那一行代码放进红格。「让 AI 分析我的代码」「用这组数据运行」是浅绿底按钮。
 做对了是「接着做」一节 + 写着下一题题号题名的大按钮（原来的浅绿卡片去掉了，竖栏里已经有进度）。
-提交详情页的答错对比（`WrongAnswerExplain` 不带 `section`）还是原来那张浅灰卡片。
+提交详情页的答错对比同一套颜色和标题，但三格**横着并排**（`section="row"`）：那一页一栏 1200 宽，
+正确输出和学生的输出一行对一行，不一样的那行两边垫浅黄；窄于 600（手机、课堂任务的弹窗）退回竖排。
 
 - **自动切换**：点「运行例子」「提交」或流程图「交给 AI 点评」后，自动切到「结果」对应的分段。
 - **页签上的状态**：✕ 错了 / ✓ 对了 / ! 没交上（语法没过）；用图标，不用 7px 的彩点。