fix(手机): 收起键盘后「提交」按钮不回来；比赛领奖台第一名被挤出屏幕；iPhone 点输入框整页放大

- 题目页：安卓按返回键收键盘时编辑器不失焦，符号键一直贴底、「运行例子 / 提交」不回来。
  改成看键盘真弹着没有（可视视口变矮），不只看焦点
- 比赛排名：结束后的领奖台三块共 646px，手机上第一名被切掉、第三名看不见；改成平分一行
- iPhone：点 14/15px 的输入框和代码编辑器，Safari 会整页放大且不缩回；只给 iOS 加 maximum-scale=1
- 登录：手机上选完班不再自动聚焦搜索框（键盘弹出来盖住半张名单）
- 题单：窄屏上题目拆成两张没标题的卡片，像分了两组；放不下两栏时合成一张
- 「中等」在题目页是蓝色、在题目列表是橙色，统一成橙色
- 零碎：自学四列表格在 360 宽上收窄格子；统计「错得最多的题」表头不再挤成竖排；
  「第 N 名」「14 道」不再把最后一个字甩到下一行

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

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

@@ -5,7 +5,7 @@ import { useCodeStore } from "oj/store/code"
 import { useProblemStore } from "oj/store/problem"
 import { useSubmissionStore } from "oj/store/submission"
 import SubmitCode from "./SubmitCode.vue"
-import { editorFocused } from "../utils/symbolKeys"
+import { typing } from "../utils/symbolKeys"
 
 const SubmitFlowchart = defineAsyncComponent(() => import("./SubmitFlowchart.vue"))
 
@@ -30,8 +30,9 @@ const canRunSamples = computed(
 </script>
 
 <template>
-  <!-- 写代码时（键盘弹着）让位给符号键：两条都贴底会叠在一起，安卓上还会被键盘顶上来 -->
-  <div v-show="!editorFocused" class="mobile-actions">
+  <!-- 写代码时（键盘弹着）让位给符号键：两条都贴底会叠在一起，安卓上还会被键盘顶上来。
+       按返回键收了键盘、编辑器还有焦点时要回来，所以看 typing 不看焦点 -->
+  <div v-show="!typing" class="mobile-actions">
     <n-button
       v-if="canRunSamples"
       size="large"

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

@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import { useThemeVars } from "naive-ui"
 import { useCodeStore } from "oj/store/code"
-import { editorFocused, SYMBOL_KEYS, typeSymbol } from "../utils/symbolKeys"
+import {
+  editorFocused,
+  measureKeyboard,
+  SYMBOL_KEYS,
+  typeSymbol,
+  typing,
+} from "../utils/symbolKeys"
 
 /**
  * 手机上贴着键盘顶的一排符号键，编辑器有焦点（键盘弹着）时才出来。
@@ -29,9 +35,19 @@ function place() {
   top.value = viewport ? viewport.offsetTop + viewport.height - BAR_HEIGHT : null
 }
 
-useEventListener(() => window.visualViewport, "resize", place)
+// 键盘弹起之前就得量出「没键盘时多高」，所以挂上就量
+onMounted(measureKeyboard)
+useEventListener("resize", measureKeyboard)
+useEventListener(
+  () => window.visualViewport,
+  "resize",
+  () => {
+    measureKeyboard()
+    place()
+  },
+)
 useEventListener(() => window.visualViewport, "scroll", place)
-watch(editorFocused, (focused) => focused && place(), { immediate: true })
+watch(typing, (on) => on && place(), { immediate: true })
 // 键盘弹着时点了别处换题、离开页面，编辑器直接卸载，不一定等得到失焦
 onBeforeUnmount(() => {
   editorFocused.value = false
@@ -40,7 +56,7 @@ onBeforeUnmount(() => {
 
 <template>
   <div
-    v-if="editorFocused && keys.length"
+    v-if="typing && keys.length"
     class="symbol-keys"
     :style="top === null ? { bottom: '0px' } : { top: `${top}px` }"
     role="toolbar"