fix(自学): 手机上读课好读多了：长代码不再被截掉半行（折行接着缩进），表格不再一字一行，填空的注释不再折成像另一行代码、空也大了；往下读时底栏收起、读到课末不再有两个「下一课」；点下一课落在新课开头而不是末尾；输出预测不再把同一个问题问两遍

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

apps/web/src/oj/learn/components/ExerciseDebug.vue

@@ -2,6 +2,7 @@
 import ExerciseResult from "./ExerciseResult.vue"
 import type { Exercise, ExerciseDebugData } from "utils/types"
 import { highlightLines } from "shared/highlight"
+import { hangStyle } from "../hangIndent"
 
 const props = defineProps<{ exercise: Exercise; lang?: string }>()
 const emit = defineEmits<{
@@ -93,7 +94,7 @@ function reset() {
 
     <n-space vertical :size="6">
       <div
-        v-for="(_line, idx) in data.lines"
+        v-for="(line, idx) in data.lines"
         :key="idx"
         :style="lineStyle(idx)"
         @click="toggle(idx)"
@@ -101,7 +102,7 @@ function reset() {
         <span style="color: #bbb; width: 22px; text-align: right; flex-shrink: 0">
           {{ idx + 1 }}
         </span>
-        <span v-html="lineHtml[idx]" style="white-space: pre; min-width: 0; overflow-x: auto" />
+        <span v-html="lineHtml[idx]" :style="{ minWidth: 0, ...hangStyle(line) }" />
       </div>
     </n-space>