Update app.py

app.py

@@ -567,21 +567,19 @@ def medical_chat(user_input, history):
 
 # 构建 Gradio 界面
 with gr.Blocks(theme=gr.themes.Soft(), css="""
-    .container {display: flex; flex-direction: row; height: 600px;}
-    .chat-column {flex: 3; height: 100%;}
-    .info-column {flex: 1; height: 100%; overflow-y: auto;}
-    .chat-interface {height: 100%;}
-    .chat-window {height: 450px !important; overflow-y: auto;}
-    .title-text {margin-bottom: 5px;}
+    .container { display: flex; flex-direction: row; }
+    .left-column { flex: 3; }
+    .right-column { flex: 1; }
+    .chatbot-container { height: 450px; }
 """) as demo:
-    gr.Markdown("# 🏥 专业医疗咨询助手", elem_classes=["title-text"])
-    gr.Markdown("### 本系统提供基于AI的医疗咨询服务，仅供参考，不能替代专业医生的诊断", elem_classes=["title-text"])
+    gr.Markdown("# 🏥 专业医疗咨询助手")
+    gr.Markdown("### 本系统提供基于AI的医疗咨询服务，仅供参考，不能替代专业医生的诊断")
     
-    # 创建两列布局，使用自定义CSS类
-    with gr.Row(elem_classes=["container"]):
+    # 创建两列布局
+    with gr.Row(elem_id="container", equal_height=True):
         # 左侧列 - 主聊天界面
-        with gr.Column(elem_classes=["chat-column"]):
-            gr.Markdown("### 请描述您的症状或健康问题", elem_classes=["title-text"])
+        with gr.Column(scale=3, elem_id="left-column"):
+            gr.Markdown("### 请描述您的症状或健康问题")
             chat_interface = gr.ChatInterface(
                 fn=medical_chat,
                 examples=[
@@ -590,12 +588,11 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
                     "孩子有轻微发烧，需要去医院吗？"
                 ],
                 title="症状咨询",
-                chatbot=gr.Chatbot(elem_classes=["chat-window"]),
-                elem_classes=["chat-interface"]
+                chatbot=gr.Chatbot(height=450)
             )
         
         # 右侧列 - 辅助信息
-        with gr.Column(elem_classes=["info-column"]):
+        with gr.Column(scale=1, elem_id="right-column"):
             # 添加医疗免责声明
             with gr.Accordion("医疗免责声明", open=True):
                 gr.Markdown("""