fix(手机): 代码缩进显示不出来、相似题长标题挤出屏幕、登录框两边留灰边

- 题目页编辑器：手机上折行时把行首空格合并掉了，代码看着全部顶格（代码本身没丢）
- 相似题推荐：长标题把难度挤出屏幕，现在出省略号
- 登录、注册、看板「讲错误」：本该铺满整屏，被全站弹框「左右各留 16px」卡窄；
  高度跟着浏览器工具栏变，底下的入口不再被压住
- 排名页底部三张小卡：「这学期 · 本年级」被截断，现在放不下就折两行，名次对齐
- 我的主页：「成就 · 一共 38 个」不再把「个」单独挤到第二行

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

apps/web/src/oj/classroom/components/ExplainModal.vue

@@ -273,7 +273,10 @@ kbd {
 
 .sheet.narrow {
   width: calc(100vw - 16px);
+  /* 全站给 .n-modal 的「左右各留 16px」在这里不要 */
+  max-width: none;
   max-height: calc(100vh - 16px);
+  max-height: calc(100dvh - 16px);
   padding: 12px 14px 16px;
   gap: 12px;
 }