From 1cbf996a417ef6ddb7c924a766dc71de0241334e Mon Sep 17 00:00:00 2001
From: weicw <594098497@qq.com>
Date: Sat, 24 Oct 2026 19:27:03 +0800
Subject: [PATCH] =?UTF-8?q?fix(ai):=20=E4=BF=AE=E5=A4=8D=E5=A4=A7=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E6=B6=88=E6=81=AF=E6=BA=A2=E5=87=BA=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E6=B0=94=E6=B3=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

999px 圆角在盒子尺寸不足时会被按比例夹到短边一半；单行气泡仍是胶囊，多行大文本则变成巨大椭圆，矩形文字区漏出白底。用户气泡改为 24px 圆角，并给气泡补 overflow-wrap: anywhere，保证长 URL 也能在气泡内换行。
---
 src/views/oa/chatgpt/index.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/views/oa/chatgpt/index.vue b/src/views/oa/chatgpt/index.vue
index 22d2ab3..50072c3 100644
--- a/src/views/oa/chatgpt/index.vue
+++ b/src/views/oa/chatgpt/index.vue
@@ -2363,15 +2363,26 @@ export default {
     font-size: 14px;
     color: #1f2d3d;
     word-break: break-word;
+    /* word-break: break-word 是旧别名；长 URL / 无空格串再兜一层，避免撑破气泡 */
+    overflow-wrap: anywhere;
 }
 
 .chat-row.is-user .chat-bubble {
     padding: 10px 20px;
-    border-radius: 999px;
+    /*
+       这里不能再用 999px：
+       圆角总和超过盒子尺寸时，浏览器会按比例缩小四个角直到相邻圆角不相交，
+       最终圆角 ≈ 较短边的一半。单行气泡的短边就是高度，缩完仍是胶囊；
+       但多行大文本的短边可达 300px 级，圆角跟着变成 150px+ 的巨大椭圆，
+       白底和边框兜不住矩形文字区，上下文字就漏到气泡外（用户反馈的大文本溢出）。
+       24px 对单行气泡仍会被夹到半高、保持胶囊观感；多行则稳定为圆角矩形。
+    */
+    border-radius: 24px;
     border: 1.5px solid #1590ff;
     color: #1590ff;
     background: #fff;
     font-weight: 600;
+    line-height: 1.7;
     white-space: pre-wrap;
 }