思考过程动图在文本框内部；

src/views/AiEmotion.vue

@@ -3619,11 +3619,17 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 
 /* AI消息容器样式 */
 .ai-message-container {
-  display: flex;
+  background-color: #f1f1f1;
+  border-radius: 15px;
   align-items: flex-start;
   gap: 10px;
   margin-right: auto;
   max-width: 80%;
+  white-space: normal;
+  width: fit-content;
+  overflow: visible;
+  align-items: center;
+  display: flex;
 }
 
 /* 思考过程动图样式 */
@@ -3649,7 +3655,7 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
 }
 
 .ai-message {
-  background-color: #f1f1f1;
+  /* background-color: #f1f1f1; */
   color: #333;
   font-weight: bold;
   padding: 20px 30px;
@@ -3657,7 +3663,9 @@ const emit = defineEmits(['updateMessage', 'sendMessage', 'ensureAIchat']);
   text-align: left;
   margin-right: auto;
   /* 将AI消息保持在左边 */
-  white-space: nowrap;
+  white-space: normal;
+  word-wrap: break-word;
+  word-break: break-word;
   width: fit-content;
   overflow: visible;
   align-items: center;