修复聊天页面渲染逻辑

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

@@ -29,7 +29,8 @@
 
 .chat-input-textarea-wrapper {
     flex: 1;
-    height: 10vh;
+    min-height: 40px;
+    max-height: 120px;
     margin: 0 8px;
 }
 
@@ -39,6 +40,8 @@
     box-shadow: none !important;
     padding: 8px 0 !important;
     background: transparent !important;
+    min-height: 40px;
+    max-height: 120px;
 }
 
 .chat-input-button {
@@ -55,13 +58,43 @@
 }
 
 /* 响应式设计 */
+@media (max-width: 1200px) {
+    .chat-input-container {
+        padding: 14px 18px;
+    }
+
+    .chat-input-content {
+        padding: 10px;
+    }
+
+    .chat-input-textarea-wrapper {
+        margin: 0 6px;
+    }
+}
+
 @media (max-width: 768px) {
     .chat-input-container {
         padding: 12px 16px;
     }
 
     .chat-input-content {
-        padding: 10px;
+        padding: 8px;
+    }
+
+    .chat-input-textarea-wrapper {
+        margin: 0 4px;
+        min-height: 36px;
+        max-height: 100px;
+    }
+
+    .chat-input-textarea {
+        min-height: 36px;
+        max-height: 100px;
+        font-size: 14px;
+    }
+
+    .chat-input-box {
+        border-radius: 24px;
     }
 }
 
@@ -71,7 +104,24 @@
     }
 
     .chat-input-content {
-        padding: 8px;
+        padding: 6px;
+    }
+
+    .chat-input-textarea-wrapper {
+        margin: 0 2px;
+        min-height: 32px;
+        max-height: 80px;
+    }
+
+    .chat-input-textarea {
+        min-height: 32px;
+        max-height: 80px;
+        font-size: 13px;
+        padding: 6px 0 !important;
+    }
+
+    .chat-input-box {
+        border-radius: 20px;
     }
 }