style(题目): 运行例子、自己输入、Python 报错、流程图点评这几块结果也照设计稿重排，手机上题目页顶满屏幕

- 运行例子：标题带每个例子的对错胶囊，全对时提示「再按提交」
- 自己输入：说明「这里不判对错」，输出框留出固定高度
- Python 报错：灰底卡片，改法按钮放显眼处
- 流程图点评：画过几次连成一排，大分数 + 等级 + 四项分数条，重新提交后直接显示新的这一次
- 工具栏「写代码 / 画流程图」换成设计稿的分段切换，窄时缩成「代码 / 流程图」
- 设计文档记下和画板有意不同的几处（去掉限时、保留新轮盘等）

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

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

@@ -182,6 +182,7 @@ function lines(text: string) {
 <style scoped>
 /* 设计稿「答案错误」：一块浅灰卡片，三栏并排的白底小框 */
 .explain-card {
+  container-type: inline-size;
   padding: 12px 14px;
   border-radius: 6px;
   background-color: rgba(128, 128, 128, 0.06);
@@ -202,6 +203,13 @@ function lines(text: string) {
   gap: 8px;
 }
 
+/* 窄的时候（手机）一栏一个往下排，三个窄框里什么都看不清 */
+@container (max-width: 440px) {
+  .blocks {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 .block {
   min-width: 0;
   padding: 6px 10px 8px;