修复聊天页面渲染逻辑

app/styles/components/chat-with-llm/chat-message.css

@@ -150,19 +150,46 @@
 }
 
 /* 响应式设计 */
+@media (max-width: 1200px) {
+    .message-card {
+        max-width: 90%;
+    }
+
+    .message-card.user {
+        margin-right: 20px;
+    }
+
+    .message-card.assistant {
+        margin-left: 20px;
+    }
+}
+
 @media (max-width: 768px) {
     .message-card {
         max-width: 95%;
     }
 
     .message-card.user {
-        margin-right: 30px;
-        /* 平板上减少右边距 */
+        margin-right: 15px;
     }
 
     .message-card.assistant {
-        margin-left: 30px;
-        /* 平板上减少左边距 */
+        margin-left: 15px;
+    }
+
+    .message-card .ant-card .ant-card-body {
+        padding: 10px 14px !important;
+        font-size: 14px;
+    }
+
+    .feedback-buttons {
+        margin-top: 8px;
+        gap: 6px;
+    }
+
+    .question-button {
+        padding: 6px 10px;
+        font-size: 13px;
     }
 }
 
@@ -172,12 +199,33 @@
     }
 
     .message-card.user {
-        margin-right: 15px;
-        /* 手机上进一步减少右边距 */
+        margin-right: 8px;
     }
 
     .message-card.assistant {
-        margin-left: 15px;
-        /* 手机上进一步减少左边距 */
+        margin-left: 8px;
+    }
+
+    .message-card .ant-card .ant-card-body {
+        padding: 8px 12px !important;
+        font-size: 13px;
+        line-height: 1.3 !important;
+    }
+
+    .message-timestamp {
+        font-size: 11px;
+        margin-top: 6px;
+        gap: 8px;
+    }
+
+    .suggested-questions {
+        margin-top: 12px;
+    }
+
+    .question-button {
+        margin-bottom: 6px;
+        margin-right: 6px;
+        padding: 5px 8px;
+        font-size: 12px;
     }
 }