Update app.py

app.py

@@ -566,15 +566,22 @@ def medical_chat(user_input, history):
         return local_fallback_response(user_input)
 
 # 构建 Gradio 界面
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
-    gr.Markdown("# 🏥 专业医疗咨询助手")
-    gr.Markdown("### 本系统提供基于AI的医疗咨询服务，仅供参考，不能替代专业医生的诊断")
+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;}
+""") as demo:
+    gr.Markdown("# 🏥 专业医疗咨询助手", elem_classes=["title-text"])
+    gr.Markdown("### 本系统提供基于AI的医疗咨询服务，仅供参考，不能替代专业医生的诊断", elem_classes=["title-text"])
     
-    # 创建两列布局
-    with gr.Row():
+    # 创建两列布局，使用自定义CSS类
+    with gr.Row(elem_classes=["container"]):
         # 左侧列 - 主聊天界面
-        with gr.Column(scale=3):
-            gr.Markdown("### 请描述您的症状或健康问题")
+        with gr.Column(elem_classes=["chat-column"]):
+            gr.Markdown("### 请描述您的症状或健康问题", elem_classes=["title-text"])
             chat_interface = gr.ChatInterface(
                 fn=medical_chat,
                 examples=[
@@ -583,11 +590,12 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                     "孩子有轻微发烧，需要去医院吗？"
                 ],
                 title="症状咨询",
-                chatbot=gr.Chatbot(height=500)  # 调整聊天窗口高度以与右侧对齐
+                chatbot=gr.Chatbot(elem_classes=["chat-window"]),
+                elem_classes=["chat-interface"]
             )
         
         # 右侧列 - 辅助信息
-        with gr.Column(scale=1):
+        with gr.Column(elem_classes=["info-column"]):
             # 添加医疗免责声明
             with gr.Accordion("医疗免责声明", open=True):
                 gr.Markdown("""