Update app.py

app.py

@@ -149,10 +149,22 @@ with gr.Blocks(
             letter-spacing: 0.5px;
         }
 
+        /* ====== 手機版：main-title 改為兩行顯示 ====== */
+        @media (max-width: 768px) {
+            #main-title br {
+                display: inline;   /* 手機上顯示換行 */
+            }
+        }
+        @media (min-width: 769px) {
+            #main-title br {
+                display: none;     /* 桌機上隱藏換行 */
+            }
+        }
+
         /* ====== 底部版權列（含淡灰分隔線） ====== */
         #footer {
             position: fixed;
-            bottom: 25px;   
+            bottom: 40px;   /* 往上移 */
             left: 0;
             width: 100%;
             text-align: center;
@@ -160,9 +172,8 @@ 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;             
-            background-color: rgba(255,255,255,0.7); 
+            border-top: 1px solid #ddd;   /* 上方淡灰細線 */
+            padding-top: 8px;             /* 線與文字距離 */
         }
 
         /* ====== 手機版自適應 ====== */
@@ -183,6 +194,7 @@ with gr.Blocks(
         }
     """
 ) as demo:
+    # 左上角 logo
     if logo_base64:
         gr.HTML(f"""
             <div id="logo-top">
@@ -190,13 +202,16 @@ with gr.Blocks(
             </div>
         """)
 
+    # 主標題與副標題
     gr.HTML("""
         <div id="main-title-wrapper">
-            <h1 id='main-title'>👨‍💼 我是小智，您的金融好幫手 🫰</h1>
+            <h1 id='main-title'>👨‍💼 我是小智<br>您的金融好幫手 🫰</h1>
             <p id='sub-title'>Powered by Gemini & LangChain</p>
         </div>
     """)
 
+
+    # 底部版權列
     gr.HTML("<div id='footer'>© Fintech Assistant — 僅方便業務使用，非官方授權</div>")