From dc89184488bfe9efdd98d18866cf974be458c1bb Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 14 Oct 2026 08:54:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=AF=94=E8=B5=9B):=20=E3=80=8C=E6=AF=94?=
 =?UTF-8?q?=E8=B5=9B=E4=BF=A1=E6=81=AF=E3=80=8D=E9=87=8C=E8=80=81=E5=B8=88?=
 =?UTF-8?q?=E8=B4=B4=E7=9A=84=E6=88=AA=E5=9B=BE=E4=B8=8D=E4=BC=9A=E8=A2=AB?=
 =?UTF-8?q?=E5=8E=8B=E6=89=81=E3=80=81=E7=82=B9=E4=B8=80=E4=B8=8B=E8=83=BD?=
 =?UTF-8?q?=E6=94=BE=E5=A4=A7=EF=BC=9B=E5=BC=B9=E6=A1=86=E6=94=B9=E6=88=90?=
 =?UTF-8?q?=E7=82=B9=E5=BC=80=EF=BC=8C=E4=B8=8D=E5=86=8D=E9=BC=A0=E6=A0=87?=
 =?UTF-8?q?=E4=B8=80=E6=8C=AA=E5=B0=B1=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/oj/contest/components/ContestInfo.vue | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/oj/contest/components/ContestInfo.vue b/apps/web/src/oj/contest/components/ContestInfo.vue
index b5b7634..6c23e96 100644
--- a/apps/web/src/oj/contest/components/ContestInfo.vue
+++ b/apps/web/src/oj/contest/components/ContestInfo.vue
@@ -2,16 +2,21 @@
 import { useContestStore } from "oj/store/contest"
 import { parseTime } from "utils/functions"
 import ContestAccessTag from "shared/components/ContestAccessTag.vue"
+import Markdown from "shared/components/Markdown.vue"
 
 const contestStore = useContestStore()
 </script>
 
 <template>
-  <n-popover v-if="contestStore.contest" placement="bottom-end" :show-arrow="false">
+  <!-- 点开而不是悬停：正文里的图点开放大时，放大层盖住了弹框，悬停会当成鼠标离开把弹框连同放大层一起收掉 -->
+  <n-popover v-if="contestStore.contest" trigger="click" placement="bottom-end" :show-arrow="false">
     <template #trigger>
       <n-button>比赛信息</n-button>
     </template>
-    <div v-html="contestStore.contest.description"></div>
+    <!-- 后台富文本存的 HTML，和题面一样走 Markdown：贴进来的截图不会被压扁、点开能放大 -->
+    <div class="desc">
+      <Markdown html :content="contestStore.contest.description" />
+    </div>
     <n-descriptions bordered label-placement="left" :column="1">
       <n-descriptions-item label="开始时间">
         {{ parseTime(contestStore.contest.startTime, "YYYY年M月D日 HH:mm:ss") }}
@@ -28,3 +33,15 @@ const contestStore = useContestStore()
     </n-descriptions>
   </n-popover>
 </template>
+
+<style scoped>
+/* 截图按原宽会把弹框撑得和屏幕一样宽 */
+.desc {
+  max-width: min(480px, calc(100vw - 48px));
+  margin-bottom: 12px;
+}
+
+.desc :deep(.oj-markdown) {
+  font-size: 14px;
+}
+</style>