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/rank/components/RankMe.vue

@@ -53,13 +53,14 @@ const headline = computed(() => {
     return props.lastListed ? `再做对 ${toPass(me, props.lastListed)} 道就进前 ${props.cap}` : ""
   if (me.rank === 1) return "你是第一名"
   if (me.rank <= 3 && ahead)
-    return `你在领奖台上 · 再做对 ${toPass(me, ahead)} 道就是第 ${ahead.rank} 名`
+    // 「第 N 名」用不换行空格连住：手机上这一句正好折行，单个「名」会掉到下一行
+    return `你在领奖台上 · 再做对 ${toPass(me, ahead)} 道就是第\u00a0${ahead.rank}\u00a0名`
   if (third) {
     const need = toPass(me, third)
     if (need <= 3) return `再做对 ${need} 道，你就上领奖台`
   }
   if ((me.change ?? 0) >= 3) return `比周一升了 ${me.change} 名`
-  if (ahead) return `再做对 ${toPass(me, ahead)} 道就是第 ${ahead.rank} 名`
+  if (ahead) return `再做对 ${toPass(me, ahead)} 道就是第\u00a0${ahead.rank}\u00a0名`
   return ""
 })