Update app.py

app.py

@@ -329,7 +329,50 @@ app.layout = html.Div([
         'color': 'white',
         'margin-bottom': '40px'
     }),
+    
+    # 新聞情感分析區域（模擬）
+    html.Div([
+        html.H3("📰 市場情緒與新聞分析", style={'color': '#E74C3C', 'margin-bottom': '20px'}),
+        html.Div([
+            html.Div([
+                html.H4("市場情緒指標", style={'color': '#8E44AD'}),
+                html.Div(id='sentiment-gauge')
+            ], style={'width': '48%', 'display': 'inline-block'}),
+
+            html.Div([
+                html.H4("關鍵新聞摘要", style={'color': '#27AE60'}),
+                html.Div(id='news-summary', style={
+                    'background': '#f8f9fa',
+                    'padding': '15px',
+                    'border-radius': '8px',
+                    'max-height': '200px',
+                    'overflow-y': 'auto'
+                })
+            ], style={'width': '48%', 'display': 'inline-block', 'margin-left': '4%'})
+        ])
+    ], style={
+        'margin-top': '30px',
+        'padding': '20px',
+        'background': 'white',
+        'border-radius': '10px',
+        'box-shadow': '0 2px 10px rgba(0,0,0,0.1)'
+    }),
+
+    # 景氣燈號與 PMI 分析
+    html.Div([
+        html.H3("景氣燈號與 PMI 分析"),
+        html.Div([
+            html.Div([
+                dcc.Graph(id='business-climate-chart')
+            ], style={'width': '48%', 'display': 'inline-block'}),
+            html.Div([
+                dcc.Graph(id='pmi-chart')
+            ], style={'width': '48%', 'display': 'inline-block', 'margin-left': '2%'})
+        ])
+    ], style={'margin-top': '30px'}),
 
+
+    
     # 控制面板 (移除台指期選項)
     html.Div([
         html.Div([
@@ -483,18 +526,6 @@ app.layout = html.Div([
         'border': '1px solid #e9ecef'
     }),
 
-    # 景氣燈號與 PMI 分析
-    html.Div([
-        html.H3("景氣燈號與 PMI 分析"),
-        html.Div([
-            html.Div([
-                dcc.Graph(id='business-climate-chart')
-            ], style={'width': '48%', 'display': 'inline-block'}),
-            html.Div([
-                dcc.Graph(id='pmi-chart')
-            ], style={'width': '48%', 'display': 'inline-block', 'margin-left': '2%'})
-        ])
-    ], style={'margin-top': '30px'}),
 
     # ==============================================================================
     # ===== 修改後的多檔股票比較區域 =====
@@ -551,33 +582,7 @@ app.layout = html.Div([
         'box-shadow': '0 2px 10px rgba(0,0,0,0.1)'
     }),
 
-    # 新聞情感分析區域（模擬）
-    html.Div([
-        html.H3("📰 市場情緒與新聞分析", style={'color': '#E74C3C', 'margin-bottom': '20px'}),
-        html.Div([
-            html.Div([
-                html.H4("市場情緒指標", style={'color': '#8E44AD'}),
-                html.Div(id='sentiment-gauge')
-            ], style={'width': '48%', 'display': 'inline-block'}),
-
-            html.Div([
-                html.H4("關鍵新聞摘要", style={'color': '#27AE60'}),
-                html.Div(id='news-summary', style={
-                    'background': '#f8f9fa',
-                    'padding': '15px',
-                    'border-radius': '8px',
-                    'max-height': '200px',
-                    'overflow-y': 'auto'
-                })
-            ], style={'width': '48%', 'display': 'inline-block', 'margin-left': '4%'})
-        ])
-    ], style={
-        'margin-top': '30px',
-        'padding': '20px',
-        'background': 'white',
-        'border-radius': '10px',
-        'box-shadow': '0 2px 10px rgba(0,0,0,0.1)'
-    })
+    
 ])
 
 # 台指期獨立預測回調函數 (新版本)