Update app.py

app.py

@@ -15,15 +15,15 @@ css = """
 :root { --radius: 14px; }
 #topbar {
   display:flex; align-items:center; justify-content:space-between;
+  width: 100%;
+  box-sizing: border-box;
   padding:12px 16px;
   background:linear-gradient(90deg,#f8fafc,#eef2ff,#e0f2fe);
   color:#0f172a;
   border:1px solid #e5e7eb;
   border-radius: var(--radius);
   box-shadow: 0 4px 14px rgba(15,23,42,.06);
-  margin-bottom:12px;
-  width: 100%;
-  box-sizing: border-box;
+  margin: 0 0 12px 0;
 }
 #topbar h1 { font-size:18px; margin:0; font-weight:800; letter-spacing:.5px }
 #topbar .right { display:flex; gap:8px; align-items:center }
@@ -234,16 +234,11 @@ except Exception:
 
 # ========== Gradio 界面 ==========
 with gr.Blocks(title="模拟实盘（OKX 公共WS + 多策略引擎）", theme=theme, css=css) as demo:
-    # 顶栏放进 Row（单列）以对齐下方卡片网格的左右边界
-    with gr.Row():
-        with gr.Column(scale=12):
-            gr.HTML('<div id="topbar"><h1>📈 模拟实盘控制台</h1><div class="right"><span class="badge">中文界面</span></div></div>')
-
-    # 提示文字也放进 Row，宽度与下方网格一致
-    with gr.Row():
-        with gr.Column(scale=12):
-            gr.Markdown("提示：点击“⚙️ 设置”进入配置页（上传CSV、参数加载/保存）。若后端模块缺失将自动进入演示引擎。")
+    # 顶栏和提示放在 Blocks 顶层，自动与下方内容区域等宽
+    gr.HTML('<div id="topbar"><h1>📈 模拟实盘控制台</h1><div class="right"><span class="badge">中文界面</span></div></div>')
+    gr.Markdown("提示：点击“⚙️ 设置”进入配置页（上传CSV、参数加载/保存）。若后端模块缺失将自动进入演示引擎。")
 
+    # 主内容：与下方卡片一致的两列布局
     with gr.Row():
         with gr.Column(scale=7):
             with gr.Group(visible=True) as 运行面板: