web change

app.py

@@ -137,57 +137,12 @@ body, .gradio-container {
     color: #2c3e50 !important;
 }
 
-/* 去除对顶部/底部padding的限制，针对左侧空白调整 */
-
-/* 调整bot消息气泡和内容的水平内边距，减小左侧空白 */
-.bot.svelte-1nr59td.message,
-.message.svelte-1nr59td.panel-full-width {
-    padding-left: 8px !important;
-    padding-right: 8px !important;
-    /* 保持垂直方向的默认值 */
-}
-
-/* 针对包裹文字的主体内容再收紧左侧间距 */
-.message-content {
-    padding-left: 0px !important;
-    margin-left: 0px !important;
-}
-
-/* markdown内容左对齐并贴近边界 */
-.md.svelte-1hf8a14.chatbot.prose {
-    padding-left: 0px !important;
-    margin-left: 0px !important;
-    text-align: left !important;
-}
-
-.md.svelte-1hf8a14.chatbot.prose p {
-    margin-left: 0px !important;
-    padding-left: 0px !important;
-}
-
-/* 如果avatar容器有宽度推着内容偏右，收紧avatar距离 */
-.avatar-container,
-.avatar-image {
-    margin-right: 4px !important;
-    margin-left: 0px !important;
-    padding-left: 0px !important;
-}
-
-/* 防止多余左侧空列等推内容 */
-div[data-testid="bot"] {
-    margin-left: 0px !important;
-    padding-left: 0px !important;
-}
-
-/* 如果还有未知的外层父容器引起左侧空白，可全局收紧消息气泡最外层的左边距/内边距 */
-div.bot.svelte-1nr59td.message {
-    margin-left: 0px !important;
-    padding-left: 0px !important;
-}
-
-div.message.svelte-1nr59td.panel-full-width {
-    margin-left: 0px !important;
-    padding-left: 0px !important;
+/* 调整 .bot.svelte-1nr59td.message 的宽度为较小值 */
+.bot.svelte-1nr59td.message {
+    max-width: 500px !important;  /* 可根据需要调整为合适宽度 */
+    width: 100% !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
 }