修复聊天页面渲染逻辑

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

@@ -2,17 +2,30 @@
 
 /* 聊天容器 - 自适应布局 */
 .chat-container {
-    height: 100%;
-    min-height: 100%;
-    width: 100%;
+    display: flex;
     flex-direction: column;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    /* 允许flex子元素收缩 */
     background: #fff;
     overflow: hidden;
     position: relative;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    margin: 20px auto;
-    display: flex;
+}
+
+/* 可调整高度的聊天容器 */
+.chat-container-adjustable {
+    /* display: flex; */
+    flex-direction: column;
+    width: 100%;
+    background: #fff;
+    overflow: hidden;
+    position: relative;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    /* 高度将通过内联样式设置 */
 }
 
 /* 聊天头部 */
@@ -38,6 +51,8 @@
 /* 聊天消息列表容器 */
 .chat-messages {
     flex: 1;
+    min-height: 0;
+    /* 允许flex子元素收缩 */
     overflow-y: auto;
     overflow-x: hidden;
     padding: 20px;
@@ -126,18 +141,6 @@
     margin-bottom: 0;
 }
 
-/* 确保聊天容器在主内容区域中占满全部空间 */
-.main-content .chat-container {
-    height: calc(89vh - 0px);
-    /* 减去任何顶部导航栏的高度 */
-}
-
-/* 如果有面包屑导航，需要调整高度 */
-.main-content .breadcrumb+.chat-container {
-    height: calc(100vh - 60px);
-    /* 减去面包屑的高度 */
-}
-
 /* 侧边栏滚动区域样式 */
 .h-full.overflow-y-auto::-webkit-scrollbar {
     width: 6px;
@@ -165,14 +168,25 @@
 }
 
 /* 响应式设计 */
-@media (max-width: 768px) {
+@media (max-width: 1200px) {
     .chat-container {
-        height: 100vh;
+        border-radius: 4px;
     }
 
     .chat-messages {
         padding: 16px;
     }
+}
+
+@media (max-width: 768px) {
+    .chat-container {
+        border-radius: 0;
+        box-shadow: none;
+    }
+
+    .chat-messages {
+        padding: 12px;
+    }
 
     .chat-header {
         padding: 0 16px;
@@ -186,15 +200,15 @@
 
 @media (max-width: 480px) {
     .chat-messages {
-        padding: 12px;
+        padding: 8px;
     }
 
     .chat-welcome {
-        padding: 20px 16px;
+        padding: 20px 12px;
     }
 
     .chat-welcome h3 {
-        font-size: 20px;
+        font-size: 18px;
     }
 
     .chat-welcome p {