Update app.py

app.py

@@ -199,7 +199,6 @@ async def respond(user_input, history, step, language, questions, followup_mode)
 def init():
     return [{"role": "assistant", "content": WELCOME_MESSAGE_EN}], 0, "", [], False
 
-
 with gr.Blocks(css="""
 .send-btn {
   background-color: #25D366 !important;
@@ -212,33 +211,31 @@ with gr.Blocks(css="""
   width: 60px;
   margin-left: 8px;
   cursor: pointer;
+  flex-shrink: 0 !important;
 }
+
 #chatbox .avatar-container {
-    width: 64px !important;
-    height: 64px !important;
-    min-width: 64px !important;
-    min-height: 64px !important;
-    background-size: 100% 100% !important;
-    background-position: center center !important;
-    border-radius: 50% !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    border: none !important;
-    box-shadow: none !important;
-    background-color: transparent !important;
+  width: 64px !important;
+  height: 64px !important;
+  min-width: 64px !important;
+  min-height: 64px !important;
+  background-size: 100% 100% !important;
+  background-position: center center !important;
+  border-radius: 50% !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: none !important;
+  box-shadow: none !important;
+  background-co的程度: transparent !important;
 }
+
 #chatbox .message.user { background-color: #DCF8C6 !important; }
 #chatbox .message.assistant { background-color: #ffffff !important; }
 
-
-footer { display: none !important; }
-.svelte-1ipelgc { display: none !important; }
-.icon-button-wrapper {
-  display: none !important;
-}
-label.svelte-1to105q {
+footer, .svelte-1ipelgc, .icon-button-wrapper, label.svelte-1to105q {
   display: none !important;
 }
+
 /* ✅ 解锁 Gradio 聊天气泡在 iframe / mobile 下的最大可用宽度 */
 html, body, .gradio-container, #root, .main, .wrap, .prose, .gr-box {
   max-width: 100% !important;
@@ -249,40 +246,39 @@ html, body, .gradio-container, #root, .main, .wrap, .prose, .gr-box {
   overflow-x: hidden !important;
 }
 
-/* ✅ 聊天气泡最大宽度调整（让其撑满屏幕宽度的 96%） */
+/* ✅ 聊天气泡最大宽度和排版优化 */
 #chatbox .message {
-  font-size: 15px !important;
-  line-height: 1.5em !important;
-  max-width: 96vw !important;   /* <-- 改成 viewport 宽度 */
-  padding: 10px 14px !important;
+  font-size: 16px !important;
+  line-height: 1.6em !important;
+  max-width: 90vw !important;
+  padding: 6px 12px !important;
   border-radius: 12px !important;
   word-break: break-word !important;
   white-space: normal !important;
 }
 
-
-
 @media screen and (max-width: 768px) {
   #chatbox .message {
-    font-size: 13px !important;
-    max-width: 94% !important;
+    font-size: 15px !important;
+    max-width: 94vw !important;
   }
 }
-#chatbox .message { background-color: lightblue !important; }
+
 body {
-  background-color: pink !important;
+  background-color: #f9f9f9 !important;
   width: 100vw !important;
   min-width: 100vw !important;
+  overflow-x: hidden !important;
 }
-.prose, .main, .svelte-1ipelgc, .container, .max-w-4xl {
+
+.prose, .main, .container, .max-w-4xl {
   max-width: 100vw !important;
   width: 100vw !important;
   margin: 0 !important;
   padding: 0 !important;
 }
-
-
 """) as demo:
+
     gr.HTML("""
     <script>
       const waitForChatbox = () => {