doc

assets/css/chat.css

@@ -1,3 +1,4 @@
+/* 消息容器 */
 #messages {
     padding: 10px;
     margin-bottom: 10px;
@@ -5,6 +6,7 @@
     overflow-y: auto;
 }
 
+/* 消息 */
 #messages div {
     border: 2px solid #000000;
     font-size: 14px;
@@ -14,31 +16,38 @@
     border-radius: 5px;
 }
 
+/* 消息加载中 */
 #messages>.message.loading {
     border-color: #003cff;
     animation: pulse 1s infinite;
 }
 
+/* 消息加载中动画 */
 @keyframes pulse {
     0% {
         border-color: #6e90ff;
     }
+
     50% {
         border-color: #002ec5;
     }
+
     100% {
         border-color: #6e90ff;
     }
 }
 
+/* 用户消息 */
 #messages>.message.user {
     border-color: #c90000;
 }
 
+/* AI消息 */
 #messages>.message.assistant {
     border-color: #06af2d;
 }
 
+/* 输入容器 */
 #input-container {
     border-top: 2px solid #000000;
     height: 100px;
@@ -47,12 +56,13 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
+}
 
-    #input {
-        margin-bottom: 10px;
-        height: 50px;
-        width: 90%;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-    }
+/* 输入框 */
+#input {
+    margin-bottom: 10px;
+    height: 50px;
+    width: 90%;
+    border: 1px solid #ccc;
+    border-radius: 5px;
 }