diff --git a/css/chat.css b/css/chat.css
index 4c37573..4ebb936 100644
--- a/css/chat.css
+++ b/css/chat.css
@@ -40,18 +40,49 @@
word-break: break-word;
}
- .message.user {
+.message.user {
background-color: #daf1fc;
align-self: flex-end;
text-align: left;
margin-left: auto;
}
- .message.bot {
+.message.bot {
background-color: #eee;
align-self: flex-start;
text-align: left;
margin-right: auto;
+ font-size: 14px;
+ line-height: 1.5;
+}
+
+/* 清除常见 markdown 元素的默认 margin */
+.message.bot h1,
+.message.bot h2,
+.message.bot h3,
+.message.bot p,
+.message.bot ul,
+.message.bot ol,
+.message.bot pre,
+.message.bot code {
+ margin: 0;
+ padding: 0;
+ font-size: inherit;
+}
+
+/* 更友好地渲染列表 */
+.message.bot ul,
+.message.bot ol {
+ padding-left: 1.2em;
+}
+
+/* 美化代码块 */
+.message.bot pre {
+ background: #272822;
+ color: #f8f8f2;
+ padding: 8px;
+ overflow-x: auto;
+ border-radius: 4px;
}
.input-row {
diff --git a/index.html b/index.html
index 425ce78..5cb6213 100644
--- a/index.html
+++ b/index.html
@@ -67,6 +67,8 @@
+
+