refactor layout in app.py to improve input section organization and enhance clarity of displayed information

app.py

@@ -1211,19 +1211,25 @@ with gr.Blocks(title="TTSAM 震度預測系統") as demo:
 
     # ========== 中層：輸入測站地圖與波形圖 ==========
     with gr.Row():
-        # 中左：輸入波形
-        with gr.Column(scale=1):
-            gr.Markdown("## 輸入波形")
-            waveform_plot = gr.Plot(label="地震波形（選定的 25 個測站）")
 
-        # 中右：輸入測站地圖
+        # 中左：輸入測站地圖
         with gr.Column(scale=1):
             gr.Markdown("## 輸入測站分布")
             input_station_map = gr.HTML(label="輸入測站地圖")
 
+        # 中右：輸入波形
+        with gr.Column(scale=1):
+            gr.Markdown("## 輸入波形")
+            waveform_plot = gr.Plot(label="地震波形（選定的 25 個測站）")
+
     # ========== 下層：Ground Truth vs 預測結果 ==========
     with gr.Row():
-        # 左下：Ground Truth
+        # 左下：預測震度地圖
+        with gr.Column(scale=1):
+            gr.Markdown("## 預測震度分布")
+            intensity_map = gr.HTML(label="互動式震度地圖", elem_id="intensity_map")
+
+        # 右下：Ground Truth
         with gr.Column(scale=1):
             gr.Markdown("## Ground Truth 震度分布")
             ground_truth_image = gr.Image(
@@ -1233,10 +1239,6 @@ with gr.Blocks(title="TTSAM 震度預測系統") as demo:
                 value=load_ground_truth_image(list(EARTHQUAKE_EVENTS.keys())[0])  # 初始載入第一個事件的 Ground Truth
             )
 
-        # 右下：預測震度地圖
-        with gr.Column(scale=1):
-            gr.Markdown("## 預測震度分布")
-            intensity_map = gr.HTML(label="互動式震度地圖", elem_id="intensity_map")
 
     # 綁定事件
     # 第零步：選擇事件時立即載入 Ground Truth