avatar

app.py

@@ -1000,15 +1000,36 @@ div.svelte-1wizwbi {
     display: none;
 }
 
-# /* 隐藏 Chatbot 内部的滚动条 */
-# .custom-avatar ::-webkit-scrollbar {
-#     display: none !important; /* Chrome, Safari, Edge */
-# }
 
-# .custom-avatar {
-#     -ms-overflow-style: none !important;  /* IE and Edge */
-#     scrollbar-width: none !important;     /* Firefox */
-# }
+
+/* 1. 核心消息容器：取消全宽，改为根据内容收缩 */
+.bot.svelte-1nr59td.message {
+    width: fit-content !important;
+    max-width: 85% !important; /* 限制最大宽度，防止长文本顶到头 */
+    display: block !important;  /* 确保它不会默认占满整行 */
+}
+
+/* 2. 内部包装层：确保它们也是自适应宽度 */
+.bot.svelte-1nr59td.message .message-wrap,
+.bot.svelte-1nr59td.message .panel-full-width,
+.bot.svelte-1nr59td.message [data-testid="bot"] {
+    width: fit-content !important;
+    min-width: unset !important;
+    max-width: 100% !important;
+}
+
+/* 3. 消除 Markdown 内容区域的默认最小宽度 */
+.bot.svelte-1nr59td.message .prose {
+    width: fit-content !important;
+    min-width: unset !important;
+}
+
+/* 4. 调整气泡内边距（Padding），让文字和边缘更紧凑 */
+div.message.bot {
+    padding: 8px 14px !important; /* 原来是 14px 20px，缩小后更紧凑 */
+    line-height: 1.4 !important;  /* 稍微收缩行高 */
+}
+
 """