调整 UI (对话框样式)

* 减小对话内容字号
* 干掉对话气泡边框
* 减小对话框三角圆角
* 紧凑对话框边距
* 用户气泡宽度随内容多少调整
* bot气泡宽度固定为85%
* 微调了description的上下边距

note: 使用了gradio的CSS变量而没有直接填写固定值，效果可能会在下一次gradio更新时产生变动。

presets.py

@@ -1,6 +1,6 @@
 # -*- coding:utf-8 -*-
 title = """<h1 align="left" style="min-width:200px; margin-top:0;">川虎ChatGPT 🚀</h1>"""
-description = """<div align="center" style="margin-top:20px">
+description = """<div align="center" style="margin:16px 0">
 
 由Bilibili [土川虎虎虎](https://space.bilibili.com/29125536) 和 [明昭MZhao](https://space.bilibili.com/24807452)开发
 
@@ -21,6 +21,22 @@ customCSS = """
     font-family: monospace;
     color: var(--text-color-subdued) !important;
 }
+[class *= "message"] {
+    border-radius: var(--radius-xl) !important;
+    border: none;
+    padding: var(--spacing-xl) !important;
+    font-size: var(--text-md) !important;
+    line-height: var(--line-md) !important;
+}
+[data-testid = "bot"] {
+    max-width: 85%;
+    border-bottom-left-radius: 0 !important;
+}
+[data-testid = "user"] {
+    max-width: 85%;
+    width: auto !important;
+    border-bottom-right-radius: 0 !important;
+}
 code {
     display: inline;
     white-space: break-spaces;