将主页接入openrouter的api实现ai聊天

css/body.css

@@ -9,7 +9,7 @@ body, html {
 /*主内容区test*/
 .container {
     width: 60%;
-    margin: 10% auto 0;
+    margin: 4% auto 0;
     background-color: #f0f0f0;
     padding: 2% 5%;
     border-radius: 10px

css/chat.css

@@ -0,0 +1,20 @@
+/* 简单样式，仅用于展示 */
+#chatContainer {
+    border: 1px solid #ccc;
+    padding: 10px;
+    height: 50px;
+    overflow-y: auto;
+    margin-bottom: 10px;
+  }
+  .message {
+    margin: 5px 0;
+    padding: 5px;
+  }
+  .user {
+    color: blue;
+    text-align: right;
+  }
+  .bot {
+    color: green;
+    text-align: left;
+  }