update UI

app.py

@@ -126,7 +126,7 @@ def diagnose_demo(img_name):
     suggestion = SUGGESTION_DICT.get(main_cat, "建议：请咨询医生。")
     return result_table, result_text, suggestion
 
-# --- 按钮 CSS ---
+# --- CSS ---
 css = """
 .orange-btn {
     background: #FF7F1F !important;
@@ -151,9 +151,21 @@ css = """
 .button-row {
     margin-top: 16px;
 }
-.gr-box .gr-block.gr-group {
-    box-shadow: none;
-    border: none;
+.diagnosis-group {
+    border: 2px solid #dadce0 !important;
+    border-radius: 15px !important;
+    padding: 28px 12px 24px 12px !important;
+    margin-top: 16px !important;
+    margin-bottom: 16px !important;
+    background: #FAFAFA !important;
+    box-shadow: 0 2px 6px 0 rgba(60,64,67,.11),0 1.5px 5px 0 rgba(60,64,67,.11);
+}
+.diagnosis-title {
+    font-size: 22px;
+    font-weight: bold;
+    margin-bottom: 14px;
+    margin-left: 6px;
+    color: #ff7f1f;
 }
 """
 
@@ -202,10 +214,10 @@ with gr.Blocks(title="AI内窥镜影像辅助分析系统") as demo:
                 seg_btn.click(fn=segment_demo, inputs=seg_select, outputs=seg_output_img)
                 seg_reset_btn.click(fn=reset_seg, inputs=None, outputs=[seg_select, seg_input_img, seg_output_img])
 
-    # 第二行：疾病诊断Box包围三列
+    # 第二行：疾病诊断，Group加大边框
     with gr.Row():
-        with gr.Box():
-            gr.Markdown("<span style='font-size: 22px; font-weight: bold;'>疾病分类模块</span>")
+        with gr.Group(elem_classes="diagnosis-group"):
+            gr.HTML(f"<div class='diagnosis-title'>疾病分类模块</div>")
             with gr.Row():
                 # 1. 输入图片+按钮
                 with gr.Column():