改了ai聊天的格式

pages/ai/aichat.wxml

@@ -28,22 +28,22 @@
     </view>
 
     <!-- 消息气泡 -->
-    <view 
-      class="message-item {{item.type}}" 
-      wx:for="{{messages}}" 
+    <view
+      class="message-item {{item.type}}"
+      wx:for="{{messages}}"
       wx:key="id"
       id="msg-{{item.id}}"
     >
-      <!-- AI消息：头像在左，内容在右 -->
+      <!-- AI消息：头像在上，内容在下 -->
       <block wx:if="{{item.type === 'ai'}}">
         <image class="avatar ai-avatar" src="/images/home-w.png" mode="aspectFill" />
         <view class="message-content">
           <view class="message-bubble">
             <text class="message-text" wx:if="{{item.contentType === 'text'}}">{{item.content}}</text>
-            <image 
-              wx:if="{{item.contentType === 'image'}}" 
-              class="message-image" 
-              src="{{item.content}}" 
+            <image
+              wx:if="{{item.contentType === 'image'}}"
+              class="message-image"
+              src="{{item.content}}"
               mode="widthFix"
               bindtap="previewImage"
               data-src="{{item.content}}"
@@ -53,15 +53,18 @@
         </view>
       </block>
 
-      <!-- 用户消息：内容在左，头像在右 -->
+      <!-- 用户消息：头像在上，内容在下 -->
       <block wx:if="{{item.type === 'user'}}">
+        <view class="avatar user-avatar">
+          <t-icon name="user-1" size="40rpx" color="#FFFFFF" />
+        </view>
         <view class="message-content">
           <view class="message-bubble">
             <text class="message-text" wx:if="{{item.contentType === 'text'}}">{{item.content}}</text>
-            <image 
-              wx:if="{{item.contentType === 'image'}}" 
-              class="message-image" 
-              src="{{item.content}}" 
+            <image
+              wx:if="{{item.contentType === 'image'}}"
+              class="message-image"
+              src="{{item.content}}"
               mode="widthFix"
               bindtap="previewImage"
               data-src="{{item.content}}"
@@ -69,9 +72,6 @@
           </view>
           <text class="message-time">{{item.time}}</text>
         </view>
-        <view class="avatar user-avatar">
-          <t-icon name="user-1" size="40rpx" color="#FFFFFF" />
-        </view>
       </block>
     </view>
 

pages/ai/aichat.wxss

@@ -97,16 +97,16 @@
 /* 消息项 */
 .message-item {
   display: flex;
+  flex-direction: column;
   padding: 16rpx 24rpx;
-  align-items: flex-start;
 }
 
 .message-item.ai {
-  justify-content: flex-start;
+  align-items: flex-start;
 }
 
 .message-item.user {
-  justify-content: flex-end;
+  align-items: flex-end;
 }
 
 /* 头像 */
@@ -122,7 +122,7 @@
 
 .ai-avatar {
   background: linear-gradient(135deg, #FF9B33 0%, #FF7A33 100%);
-  margin-right: 16rpx;
+  margin-bottom: 12rpx;
   padding: 16rpx;
   width: 46rpx;
   height: 46rpx;
@@ -130,14 +130,14 @@
 
 .user-avatar {
   background: linear-gradient(135deg, #4CAF50 0%, #45A049 100%);
-  margin-left: 16rpx;
+  margin-bottom: 12rpx;
 }
 
 /* 消息内容 */
 .message-content {
   display: flex;
   flex-direction: column;
-  max-width: 70%;
+  max-width: 95%;
 }
 
 .message-item.user .message-content {