From c47735f3b685693ec4d9d24281acdd22f1c5cce3 Mon Sep 17 00:00:00 2001
From: fish <zhongpengapp@hotmail.com>
Date: Sun, 10 May 2026 17:45:58 +0800
Subject: [PATCH] =?UTF-8?q?AI=E5=88=86=E6=9E=90Markdown=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E7=B4=A7=E5=87=91=E6=AE=B5=E8=90=BD?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=E3=80=81=E6=A0=87=E9=A2=98=E4=B8=8A=E4=B8=8B?=
 =?UTF-8?q?=E7=95=99=E7=99=BD=E3=80=81npm=E6=B7=98=E5=AE=9D=E9=95=9C?=
 =?UTF-8?q?=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/frontend/src/components/ScoreDetailDrawer.vue |  9 +++++++++
 web/frontend/src/views/ScoresView.vue             | 12 ++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/web/frontend/src/components/ScoreDetailDrawer.vue b/web/frontend/src/components/ScoreDetailDrawer.vue
index 9fec3a3..d5bf037 100644
--- a/web/frontend/src/components/ScoreDetailDrawer.vue
+++ b/web/frontend/src/components/ScoreDetailDrawer.vue
@@ -348,3 +348,12 @@ const quadrantLabel = (q: string) => {
   color: var(--el-text-color-secondary);
 }
 </style>
+
+<style>
+/* AI Markdown 输出段落间距（非 scoped，确保 v-html 生效） */
+.ai-text p { margin: 3px 0; }
+.ai-text h1, .ai-text h2, .ai-text h3, .ai-text h4 { margin: 16px 0 6px; font-size: inherit; }
+.ai-text ul, .ai-text ol { margin: 3px 0; padding-left: 18px; }
+.ai-text li { margin: 1px 0; }
+.ai-text strong { color: var(--el-color-primary, #409eff); }
+</style>
diff --git a/web/frontend/src/views/ScoresView.vue b/web/frontend/src/views/ScoresView.vue
index 407c8d1..5e64839 100644
--- a/web/frontend/src/views/ScoresView.vue
+++ b/web/frontend/src/views/ScoresView.vue
@@ -403,8 +403,7 @@ onMounted(async () => {
   padding: 12px;
 }
 .ai-text {
-  line-height: 1.8;
-  white-space: pre-wrap;
+  line-height: 1.5;
 }
 .ai-error {
   color: var(--el-color-danger);
@@ -448,3 +447,12 @@ onMounted(async () => {
   }
 }
 </style>
+
+<style>
+/* AI Markdown 输出段落间距（非 scoped，确保 v-html 生效） */
+.ai-text p { margin: 3px 0; }
+.ai-text h1, .ai-text h2, .ai-text h3, .ai-text h4 { margin: 16px 0 6px; font-size: inherit; }
+.ai-text ul, .ai-text ol { margin: 3px 0; padding-left: 18px; }
+.ai-text li { margin: 1px 0; }
+.ai-text strong { color: var(--el-color-primary, #409eff); }
+</style>