Update app.py

app.py

@@ -239,22 +239,21 @@ footer { display: none !important; }
 label.svelte-1to105q {
   display: none !important;
 }
-/* 让整个容器铺满屏幕，去掉默认 max-width 限制 */
-html, body, #root, .main, .prose, .block, .wrap, .gradio-container, .gr-box, .gr-container {
-  max-width: 100vw !important;
-  width: 100vw !important;
-  min-width: 100vw !important;
+/* ✅ 解锁 Gradio 聊天气泡在 iframe / mobile 下的最大可用宽度 */
+html, body, .gradio-container, #root, .main, .wrap, .prose, .gr-box {
+  max-width: 100% !important;
+  width: 100% !important;
+  margin: 0 auto !important;
   padding: 0 !important;
-  margin: 0 !important;
   box-sizing: border-box !important;
   overflow-x: hidden !important;
 }
 
-/* 聊天气泡宽度优化 */
+/* ✅ 聊天气泡最大宽度调整（让其撑满屏幕宽度的 96%） */
 #chatbox .message {
   font-size: 15px !important;
   line-height: 1.5em !important;
-  max-width: 95% !important;      /* 原来是 90% 或 94% 太窄 */
+  max-width: 96vw !important;   /* <-- 改成 viewport 宽度 */
   padding: 10px 14px !important;
   border-radius: 12px !important;
   word-break: break-word !important;
@@ -262,6 +261,7 @@ html, body, #root, .main, .prose, .block, .wrap, .gradio-container, .gr-box, .gr
 }
 
 
+
 @media screen and (max-width: 768px) {
   #chatbox .message {
     font-size: 13px !important;