Update app.py

app.py

@@ -126,13 +126,24 @@ with gr.Blocks(
         }
 
         /* ====== 標題與副標題 ====== */
-        #main-title {
+        #main-title-wrapper {
+            display: flex;
+            flex-direction: column;
+            align-items: center;       /* 水平置中 */
+            justify-content: center;   /* 垂直置中（若需要） */
+            width: 100%;
             text-align: center;
-            margin: 0 auto;
+            margin-top: 20px;
+        }
+
+        #main-title {
+            font-size: 28px;
+            font-weight: bold;
+            margin: 0;
         }
+
         #sub-title {
-            text-align: center;
-            margin-top: -10px;
+            margin-top: -6px;
             font-size: 14px;
             color: #666;
             letter-spacing: 0.5px;
@@ -151,7 +162,7 @@ with gr.Blocks(
             letter-spacing: 0.3px;
         }
 
-        /* ====== 手機版（窄螢幕）時 logo 與標題自適應 ====== */
+        /* ====== 手機版自適應 ====== */
         @media (max-width: 768px) {
             #logo-top {
                 position: static;
@@ -168,7 +179,6 @@ with gr.Blocks(
         }
     """
 ) as demo:
-    # logo 顯示
     if logo_base64:
         gr.HTML(f"""
             <div id="logo-top">
@@ -176,17 +186,15 @@ with gr.Blocks(
             </div>
         """)
 
-    # 主標題 + 副標題
-    gr.Markdown("""
-        <h1 id='main-title'>👨‍💼 我是小智，您的金融好幫手 🫰</h1>
-        <p id='sub-title'>Powered by Gemini & LangChain</p>
+    gr.HTML("""
+        <div id="main-title-wrapper">
+            <h1 id='main-title'>👨‍💼 我是小智，您的金融好幫手 🫰</h1>
+            <p id='sub-title'>Powered by Gemini & LangChain</p>
+        </div>
     """)
 
-    # 你的主要內容（Chatbot、按鈕...）放這裡
-    # ...
-
     # 底部版權列
-    gr.HTML("<div id='footer'>© Fintech Assistant — 僅方便業務，非官方授權</div>")
+    gr.HTML("<div id='footer'>© Fintech Assistant — 僅方便業務使用，非官方授權</div>")
 
 
     with gr.Row():