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/ResultPane.vue

@@ -23,7 +23,8 @@ const FlowchartResult = defineAsyncComponent(() => import("./FlowchartResult.vue
 const PeerLatest = defineAsyncComponent(() => import("./PeerLatest.vue"))
 
 const submissionStore = useSubmissionStore()
-const { submission, syntaxErrorInfo, resultSegment } = storeToRefs(submissionStore)
+const { submission, syntaxErrorInfo, resultSegment, formattedBeforeSubmit } =
+  storeToRefs(submissionStore)
 const { problem } = storeToRefs(useProblemStore())
 const codeStore = useCodeStore()
 
@@ -55,7 +56,12 @@ const canTrial = computed(() => {
         <n-alert type="warning" title="代码有语法错误，还没有提交" />
         <PythonErrorExplain :err-info="syntaxErrorInfo" />
       </n-flex>
-      <SubmissionResult v-else-if="submission" :submission="submission" />
+      <template v-else-if="submission">
+        <p v-if="formattedBeforeSubmit" class="formatted">
+          提交之前自动整理了代码格式（缩进、空格），编辑器里的代码也跟着变了，按 Ctrl+Z 能撤回
+        </p>
+        <SubmissionResult :submission="submission" />
+      </template>
       <PeerLatest v-else-if="teacherCollab" />
       <n-empty
         v-else
@@ -79,6 +85,12 @@ const canTrial = computed(() => {
   margin-bottom: 14px;
 }
 
+.formatted {
+  margin: 0 0 10px;
+  font-size: 13px;
+  opacity: 0.7;
+}
+
 .empty {
   margin-top: 48px;
 }