Update app.py

app.py

@@ -730,7 +730,21 @@ def gradio_interface(user_input):
         yield "❌ 查詢失敗", f"發生未預期的系統錯誤：{str(e)}"
 
 # --- UI 介面定義 ---
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="orange")) as demo:
+# 1. 定義自訂 CSS 樣式
+custom_css = """
+/* 針對我們指定的 Markdown 區塊進行樣式設定 */
+#output_markdown {
+    padding: 15px;         /* 增加一些內部邊距，讓文字不會貼著邊框 */
+    border-radius: 8px;    /* 圓角效果 */
+    background: #f9fafb;   /* 設定一個淡淡的背景色，與 Group 區別開 */
+    max-height: 400px;     /* 設定最大高度，例如 400px */
+    overflow-y: auto;      /* 當內容超出最大高度時，顯示垂直滾動條 */
+    box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.05); /* 增加一點內陰影，更有層次感 */
+}
+"""
+
+# 2. 在 gr.Blocks 中載入 CSS
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="orange"), css=custom_css) as demo:
     gr.Markdown(
         """
         # 🤖 高雄市公務統計資料智慧查詢
@@ -776,6 +790,8 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="orange"))
             )
             output_result = gr.Markdown(
                 label="🧐 查詢結果",
+                show_label=True,
+                elem_id="output_markdown" 
             )
 
     gr.Markdown(