发送消息不能换行问题，消息过长时，不靠右的问题

src/views/AIchat.vue

@@ -4948,7 +4948,7 @@ p {
 /* 用户消息容器样式 */
 .user-message-container {
   display: flex;
-  /* align-items: flex-start; */
+  align-items: flex-end;
   margin: 10px 0px;
   justify-content: flex-end;
   gap: 10px;
@@ -4958,6 +4958,8 @@ p {
 
 .user-msg {
   margin-left: auto;
+  display: flex;
+  flex-direction: column;
 }
 
 .user-content {
@@ -4965,6 +4967,7 @@ p {
   height: 100%;
   align-items: center;
   margin-right: 5px;
+  justify-content: flex-end;
 }
 
 .user-sendTime {
@@ -5009,9 +5012,9 @@ p {
   font-weight: bold;
   border-radius: 10px;
   margin: 0;
-  width: fit-content;
   display: flex;
   align-items: center;
+  word-break: break-word; /* 启用强制换行 */
 }
 
 .message-bubble.ai {