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

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

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

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

@@ -83,6 +83,9 @@ const canTrial = computed(() => {
       >
         {{ segment.label }}<template v-if="segment.time"> · {{ segment.time }}</template>
       </button>
+      <span v-if="resultSegment === 'custom'" class="segment-note"
+        >自己编数据试试，这里不判对错</span
+      >
     </div>
 
     <!-- 提交结果用 v-show：切去看运行例子时不卸载，挂着的错误说明在编辑器里标着红 -->
@@ -135,6 +138,13 @@ const canTrial = computed(() => {
   cursor: pointer;
 }
 
+.segment-note {
+  margin-left: auto;
+  align-self: center;
+  font-size: 13px;
+  color: v-bind("theme.textColor3");
+}
+
 .segment.active {
   background-color: v-bind("theme.textColor1");
   color: v-bind("theme.cardColor");