完成：项目开发

src/pages/ai/index.scss

@@ -149,6 +149,108 @@ html {
       .message-text {
         flex: 1;
         white-space: pre-wrap;
+
+        .message-markdown {
+          // 通用Markdown样式
+          .markdown-paragraph {
+            margin-bottom: 8px;
+          }
+
+          .markdown-list-item,
+          .markdown-ordered-list-item {
+            margin-bottom: 4px;
+          }
+
+          .markdown-heading {
+            margin: 12px 0 6px 0;
+
+            &.markdown-h1 {
+              font-size: 1.2rem;
+              border-bottom: 1px solid #ddd;
+              padding-bottom: 2px;
+            }
+
+            &.markdown-h2 {
+              font-size: 1.1rem;
+            }
+
+            &.markdown-h3 {
+              font-size: 1rem;
+            }
+          }
+
+          // AI消息特定样式
+          &.ai-markdown {
+            .markdown-code-block {
+              background-color: #f8f9fa;
+              border: 1px solid #e9ecef;
+              border-radius: 4px;
+              padding: 8px;
+              margin: 8px 0;
+              font-size: 0.9rem;
+            }
+
+            .markdown-inline-code {
+              background-color: #f1f3f4;
+              padding: 2px 4px;
+              border-radius: 3px;
+              font-size: 0.9rem;
+              color: #d73a49;
+            }
+
+            .markdown-blockquote {
+              border-left: 3px solid #3498db;
+              padding-left: 8px;
+              margin: 8px 0;
+              background-color: rgba(52, 152, 219, 0.1);
+            }
+
+            .markdown-link {
+              color: #3498db;
+              text-decoration: underline;
+            }
+          }
+
+          // 用户消息特定样式
+          &.user-markdown {
+            .markdown-code-block {
+              background-color: rgba(255, 255, 255, 0.2);
+              border: 1px solid rgba(255, 255, 255, 0.3);
+              border-radius: 4px;
+              padding: 8px;
+              margin: 8px 0;
+              font-size: 0.9rem;
+            }
+
+            .markdown-inline-code {
+              background-color: rgba(255, 255, 255, 0.2);
+              padding: 2px 4px;
+              border-radius: 3px;
+              font-size: 0.9rem;
+              color: #fff;
+            }
+
+            .markdown-blockquote {
+              border-left: 3px solid rgba(255, 255, 255, 0.5);
+              padding-left: 8px;
+              margin: 8px 0;
+              background-color: rgba(255, 255, 255, 0.1);
+            }
+
+            .markdown-link {
+              color: #fff;
+              text-decoration: underline;
+            }
+
+            .markdown-bold {
+              color: #fff;
+            }
+
+            .markdown-text {
+              color: #fff;
+            }
+          }
+        }
       }
 
       .typing-cursor {
@@ -194,10 +296,8 @@ html {
 
     .message-input {
       width: 100%;
-      min-height: 90px;
-      max-height: 120px;
       padding: 10px 16px;
-      border: 1px solid #e0e0e0;
+      border: 2px solid #424242;
       border-radius: 20px;
       font-size: 1rem; // 使用 rem 单位
       line-height: 1.8;
@@ -249,7 +349,7 @@ html {
 
     .stop-button {
       min-width: 60px;
-      height: 40px;
+      height: 60px;
       border-radius: 20px;
       background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
       border: none;