Update app.py

app.py

@@ -239,22 +239,32 @@ footer { display: none !important; }
 label.svelte-1to105q {
   display: none !important;
 }
+/* 关键：去掉 Gradio 默认的居中容器限制 */
+.wrap, .gr-container, .gradio-container, .gr-box, .gr-block.gr-box {
+  max-width: 100vw !important;
+  width: 100vw !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+/* 让消息气泡可以更宽（同时设置字体缩小） */
 #chatbox .message {
-  font-size: 14px !important;          /* ✅ 字体不要太大 */
-  line-height: 1.4em !important;       /* ✅ 行距控制好 */
-  padding: 8px 12px !important;        /* ✅ 气泡内边距 */
-  border-radius: 12px !important;
-  max-width: 85% !important;           /* ✅ 控制气泡横向宽度 */
+  font-size: 14px !important;
+  line-height: 1.4em !important;
+  padding: 8px 12px !important;
+  max-width: 90% !important;
   word-break: break-word !important;
   white-space: normal !important;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);  /* 可选美化 */
 }
 @media screen and (max-width: 768px) {
   #chatbox .message {
     font-size: 13px !important;
-    max-width: 92% !important;
+    max-width: 94% !important;
   }
 }
+
 """) as demo:
     gr.HTML("""
     <script>