Update app.py

app.py

@@ -108,7 +108,7 @@ if os.path.exists(logo_path):
 with gr.Blocks(
     theme="soft",
     css="""
-        /* ====== logo 區塊樣式 ====== */
+        /* ====== logo 區塊 ====== */
         #logo-top {
             position: fixed;
             top: 12px;
@@ -125,7 +125,7 @@ with gr.Blocks(
             display: block;
         }
 
-        /* ====== 標題與副標題 ====== */
+        /* ====== 標題區 ====== */
         #main-title-wrapper {
             display: flex;
             flex-direction: column;
@@ -140,6 +140,9 @@ with gr.Blocks(
             font-size: 28px;
             font-weight: bold;
             margin: 0;
+            text-align: center;
+            display: inline-block;
+            line-height: 1.4;
         }
 
         #sub-title {
@@ -149,22 +152,28 @@ with gr.Blocks(
             letter-spacing: 0.5px;
         }
 
-        /* ====== 手機版：main-title 改為兩行顯示 ====== */
+        /* ====== 手機版：強制兩行並置中對齊 ====== */
         @media (max-width: 768px) {
             #main-title br {
-                display: inline;   /* 手機上顯示換行 */
+                display: inline;
+            }
+            #main-title {
+                display: block;
+                text-align: center;   /* ✅ 讓兩行都水平置中 */
+                white-space: pre-line;
             }
         }
+
         @media (min-width: 769px) {
             #main-title br {
-                display: none;     /* 桌機上隱藏換行 */
+                display: none;
             }
         }
 
-        /* ====== 底部版權列（含淡灰分隔線） ====== */
+        /* ====== footer 區 ====== */
         #footer {
             position: fixed;
-            bottom: 25px;   /* 往上移 */
+            bottom: 40px;
             left: 0;
             width: 100%;
             text-align: center;
@@ -172,11 +181,12 @@ with gr.Blocks(
             color: #999;
             font-family: "Segoe UI", "Noto Sans TC", sans-serif;
             letter-spacing: 0.3px;
-            border-top: 1px solid #ddd;   /* 上方淡灰細線 */
-            padding-top: 8px;             /* 線與文字距離 */
+            border-top: 1px solid #ddd;
+            padding-top: 8px;
+            background-color: rgba(255,255,255,0.7);
         }
 
-        /* ====== 手機版自適應 ====== */
+        /* ====== 手機版 footer 修正 ====== */
         @media (max-width: 768px) {
             #logo-top {
                 position: static;
@@ -187,9 +197,10 @@ with gr.Blocks(
                 background: transparent;
             }
             #footer {
-                position: static;
-                margin-top: 10px;
+                position: relative;
+                margin-top: 40px;
                 border-top: 1px solid #ddd;
+                padding-top: 8px;
             }
         }
     """
@@ -210,9 +221,15 @@ with gr.Blocks(
         </div>
     """)
 
-
     # 底部版權列
-    gr.HTML("<div id='footer'>© Fintech Assistant — 僅方便業務使用，非官方授權</div>")
+    gr.HTML("<div id='footer'>© 2025 Mega Fintech Assistant — All Rights Reserved</div>")
+
+    # 手機鍵盤彈出時捲動補丁
+    demo.load(None, None, None, js="""
+        window.addEventListener('focusin', () => {
+            document.querySelector('textarea')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        });
+    """)
 
 
     with gr.Row():