把用户消息调整到右边

src/views/AiEmotion.vue

@@ -1826,6 +1826,7 @@ defineExpose({
 .message-container {
   display: flex;
   margin-bottom: 10px;
+  width: 100%;
 }
 
 .user-message {
@@ -1836,7 +1837,7 @@ defineExpose({
   max-width: 60%;
   text-align: left;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  align-self: flex-end;
+  margin-left: auto; /* 将用户消息推到右边 */
 }
 
 .ai-message {
@@ -1847,7 +1848,7 @@ defineExpose({
   max-width: 60%;
   text-align: left;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  align-self: flex-start;
+  margin-right: auto; /* 将AI消息保持在左边 */
 }
 
 .input-container {