Update app.py

app.py

@@ -111,6 +111,43 @@ def check_confirmation(request: gr.Request):
         except: return ""
     return ""
 
+# --- 6. 介面設定 (Theme & CSS) ---
+theme = gr.themes.Soft(
+    primary_hue="amber",
+    neutral_hue="zinc",
+    font=[gr.themes.GoogleFont("Playfair Display"), "ui-sans-serif", "sans-serif"],
+).set(
+    body_background_fill="#0F0F0F",
+    block_background_fill="#1a1a1a",
+    block_border_width="1px",
+    block_border_color="#333",
+    input_background_fill="#262626",
+    input_border_color="#444",
+    body_text_color="#E0E0E0",
+    block_title_text_color="#d4af37",
+    button_primary_background_fill="#d4af37",
+    button_primary_text_color="#000000",
+)
+
+custom_css = """
+footer {display: none !important;}
+.gradio-container, .block, .row, .column { overflow: visible !important; }
+.options, .wrap .options {
+    background-color: #262626 !important;
+    border: 1px solid #d4af37 !important;
+    z-index: 10000 !important;
+    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
+}
+.item, .options .item { color: #E0E0E0 !important; padding: 8px 12px !important; }
+.item:hover, .item.selected, .options .item:hover { background-color: #d4af37 !important; color: black !important; }
+input:focus, .dropdown-trigger:focus-within { border-color: #d4af37 !important; box-shadow: 0 0 8px rgba(212, 175, 55, 0.4) !important; }
+h3 { border-bottom: 1px solid #444; padding-bottom: 5px; margin-bottom: 10px; }
+.legal-footer {
+    text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #333; color: #666; font-size: 0.75rem; line-height: 1.5; font-family: sans-serif;
+}
+.legal-footer strong { color: #888; }
+"""
+
 # --- 7. 介面佈局 (完整版) ---
 with gr.Blocks(theme=theme, css=custom_css, title="Booking") as demo:
     
@@ -123,7 +160,7 @@ with gr.Blocks(theme=theme, css=custom_css, title="Booking") as demo:
     with gr.Row():
         with gr.Column():
             gr.Markdown("### 📅 預約資訊 Booking Info")
-            
+
             date_options = get_date_options()
             booking_date = gr.Dropdown(choices=date_options, label="選擇日期 Select Date", interactive=True)
             pax_count = gr.Slider(minimum=1, maximum=10, value=2, step=1, label="用餐人數 Guest Count")
@@ -150,7 +187,7 @@ with gr.Blocks(theme=theme, css=custom_css, title="Booking") as demo:
     
     submit_btn = gr.Button("確認預約 Request Booking (系統會記錄是否曾 No Show)", size="lg", variant="primary")
     output_msg = gr.HTML()
-    
+
     # 頁尾警語
     gr.HTML("""
     <div class="legal-footer">