feat(题目): 答错时说清楚「输出了什么、应该是什么」，交对后给相似题，零碎几处对齐设计

- 答案错误里「格式和内容都不一样」那一类（样例上错的 44%）：原来只说「对照一下，找找
  从哪里开始不一样」，现在是「你的程序输出了「E」，正确的是「D」。拿例子 2 的输入「60」，
  一行一行走一遍你的程序，看它走进了哪个分支」；多行的说第几行开始不一样
- 不在这节课里的题交对之后，结果页签里给「再练几道相似的」（原来只在题面最底下）
- 提交前自动排版改了代码的，结果上面提一句「编辑器里的代码也跟着变了，按 Ctrl+Z 能撤回」
- 交对之后「提交」降成描边按钮，「下一题」是唯一的主按钮
- 「重置代码」先确认（原来点一下就把代码和本地草稿一起清掉了）
- AI 提示的档位写「第 1 档 · 反问」，不写「L0 反问」
- 成就弹窗从右下角挪到右上角，别和结果、点评弹窗叠在一起

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

apps/web/src/oj/problem/components/SubmissionResult.vue

@@ -19,6 +19,8 @@ import PythonErrorExplain from "./PythonErrorExplain.vue"
 import RuntimeErrorExplain from "./RuntimeErrorExplain.vue"
 import WrongAnswerExplain from "./WrongAnswerExplain.vue"
 import LessonNext from "./LessonNext.vue"
+import SimilarProblems from "./SimilarProblems.vue"
+import { useLessonStore } from "oj/store/lesson"
 import { useProblemPageContext } from "../composables/problemPageContext"
 import { MdPreview } from "md-editor-v3"
 import "md-editor-v3/lib/preview.css"
@@ -98,6 +100,20 @@ const showLessonNext = computed(
     !props.peer && props.submission?.result === SubmissionStatus.accepted && ctx.value.lessonNext,
 )
 
+/**
+ * 通过了、但这道题不在这节课里（没有「下一题」可给）：给几道相似题接着练。
+ * 原来相似题只在题面最底下，交完不会有人再滚回去看
+ */
+const lessonStore = useLessonStore()
+const showSimilar = computed(
+  () =>
+    !props.peer &&
+    props.submission?.result === SubmissionStatus.accepted &&
+    ctx.value.similar &&
+    !!problemStore.problem &&
+    !lessonStore.includes(problemStore.problem._id),
+)
+
 const msg = computed(() => {
   if (!props.submission) return ""
   // 走 PythonErrorExplain / RuntimeErrorExplain 那两张中文卡片
@@ -216,6 +232,7 @@ const columns: DataTableColumn<JudgeCaseResult>[] = [
       v-if="showLessonNext && problemStore.problem"
       :problem-display-id="problemStore.problem._id"
     />
+    <SimilarProblems v-if="showSimilar" title="再练几道相似的" />
     <n-flex
       vertical
       v-if="