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/learn/components/LessonBody.vue

@@ -75,6 +75,14 @@ function inline(text: string) {
 .body :deep(.oj-markdown th) {
   white-space: nowrap;
 }
+/* 360 宽的安卓机上四列表差三十来像素，最后一列被切掉、得横着滑才看得到：格子收窄一点 */
+@media (max-width: 480px) {
+  .body :deep(.oj-markdown th),
+  .body :deep(.oj-markdown td) {
+    min-width: 3.5em;
+    padding: 6px 8px;
+  }
+}
 .goals {
   margin: 4px 0 8px;
   padding: 12px 16px;