Update app.py

app.py

@@ -10,6 +10,18 @@ import importlib
 import random
 from datetime import datetime
 
+# ========== 主题与样式 ==========
+theme = gr.themes.Soft()
+css = """
+#topbar { display:flex; align-items:center; justify-content:space-between;
+  padding:10px 14px; background:linear-gradient(90deg,#0f172a,#1f2937); color:#fff;
+  border-radius:14px; margin-bottom:10px }
+#topbar h1 { font-size:18px; margin:0; font-weight:700 }
+#topbar .right { display:flex; gap:8px; align-items:center }
+.badge { padding:2px 8px; border-radius:999px; background:#10b981; color:#052e22; font-weight:700 }
+.footer-note { opacity:.7; font-size:12px; }
+"""
+
 # ========== 路径修复与导入别名（修复 from 策略基类 import 策略接口） ==========
 def _修复导入路径与别名():
     root = os.path.dirname(os.path.abspath(__file__))
@@ -212,39 +224,49 @@ except Exception:
     配置模块 = None
 
 # ========== Gradio 界面 ==========
-with gr.Blocks(title="模拟实盘（OKX 公共WS + 多策略引擎）") as demo:
-    gr.Markdown("# 📈 模拟实盘（订阅OKX公共行情 → 聚合K线 → 策略 → 纸上交易所）")
-    gr.Markdown("提示：点击右上“⚙️ 设置”可进入配置页（上传CSV、参数加载/保存）；若后端模块缺失将自动进入演示引擎。")
+with gr.Blocks(title="模拟实盘（OKX 公共WS + 多策略引擎）", theme=theme, css=css) as demo:
+    gr.HTML('<div id="topbar"><h1>📈 模拟实盘</h1><div class="right"><span class="badge">OKX Public WS</span></div></div>')
+    gr.Markdown("提示：点击“⚙️ 设置”进入配置页（上传CSV、参数加载/保存）。若后端模块缺失将自动进入演示引擎。")
 
-    # 页面切换容器
-    with gr.Group(visible=True) as 运行面板:
-        with gr.Row():
-            with gr.Column(scale=1):
-                合约输入 = gr.Textbox(label="合约ID", value="UXLINK-USDT-SWAP", placeholder="例：BTC-USDT-SWAP / ETH-USDT-SWAP")
-                周期选择 = gr.Radio(label="周期（分钟）", choices=["30", "60", "120", "240"], value="60")
-                参数输入 = gr.Textbox(label="策略参数（JSON）", value=json.dumps(默认参数, ensure_ascii=False, indent=2), lines=12)
+    with gr.Row():
+        with gr.Column(scale=7):
+            with gr.Group(visible=True) as 运行面板:
                 with gr.Row():
-                    启动按钮 = gr.Button("🚀 启动模拟", variant="primary")
-                    停止按钮 = gr.Button("⏹️ 停止模拟", variant="stop")
-                    刷新按钮 = gr.Button("🔄 刷新状态")
-                    设置按钮 = gr.Button("⚙️ 设置", variant="secondary")
-            with gr.Column(scale=1):
-                状态显示 = gr.Textbox(label="运行状态", lines=1, interactive=False)
-                日志显示 = gr.Textbox(label="实时日志（最近120行）", lines=22, interactive=False)
+                    with gr.Column(scale=1):
+                        合约输入 = gr.Textbox(label="合约ID", value="UXLINK-USDT-SWAP", placeholder="例：BTC-USDT-SWAP / ETH-USDT-SWAP")
+                        周期选择 = gr.Radio(label="周期（分钟）", choices=["30", "60", "120", "240"], value="60")
+                        参数输入 = gr.Textbox(label="策略参数（JSON）", value=json.dumps(默认参数, ensure_ascii=False, indent=2), lines=12)
+                        with gr.Row():
+                            启动按钮 = gr.Button("🚀 启动模拟", variant="primary")
+                            停止按钮 = gr.Button("⏹️ 停止模拟", variant="stop")
+                            刷新按钮 = gr.Button("🔄 刷新状态")
+                            设置按钮 = gr.Button("⚙️ 设置", variant="secondary")
+                    with gr.Column(scale=1):
+                        状态显示 = gr.Textbox(label="运行状态", lines=2, interactive=False)
+                        日志显示 = gr.Textbox(label="实时日志（最近120行）", lines=22, interactive=False)
+
+            with gr.Group(visible=False) as 设置面板:
+                返回按钮 = gr.Button("← 返回运行页", variant="secondary")
+                gr.Markdown("## 设置")
+                if 配置模块 is not None:
+                    构件 = 配置模块.构建设置面板(容器=设置面板, 默认参数=默认参数, 记录函数=_记录)
+                    if isinstance(构件, dict):
+                        # 参数回填
+                        if "参数编辑框" in 构件 and ("复制按钮" in 构件 or "复制参数按钮" in 构件):
+                            回填参数按钮 = 构件.get("复制按钮") or 构件.get("复制参数按钮")
+                            回填参数按钮.click(lambda s: s, inputs=构件["参数编辑框"], outputs=参数输入)
+                        # 合约回填
+                        if "回填合约按钮" in 构件 and "合约ID框" in 构件:
+                            构件["回填合约按钮"].click(lambda s: s.strip(), inputs=构件["合约ID框"], outputs=合约输入)
+                else:
+                    gr.Markdown("未找到 配置.py，无法加载设置面板。")
 
-    with gr.Group(visible=False) as 设置面板:
-        返回按钮 = gr.Button("← 返回运行页", variant="secondary")
-        gr.Markdown("## 设置面板")
-        if 配置模块 is not None:
-            # 构建设置面板（来自配置.py），返回关键组件用于与运行页联动
-            构件 = 配置模块.构建设置面板(容器=设置面板, 默认参数=默认参数, 记录函数=_记录)
-            # 可选：从设置面板“一键回填到运行页”
-            if isinstance(构件, dict) and "参数编辑框" in 构件 and "复制按钮" in 构件:
-                构件["复制按钮"].click(lambda s: s, inputs=构件["参数编辑框"], outputs=参数输入)
-        else:
-            gr.Markdown("未找到 配置.py，无法加载设置面板。")
+        with gr.Column(scale=5):
+            gr.Markdown("### 使用说明")
+            gr.Markdown("- 在设置页上传CSV并完成列映射与合约登记\n- 将参数与合约一键回填到运行页\n- 启动后可在右侧查看状态和日志\n- 空闲时 Space 会休眠，策略不会持续运行（演示环境）")
+            gr.Markdown("<div class='footer-note'>Tips: 持久化运行请在自有服务器部署引擎，Space 仅作前端/演示。</div>")
 
-    # 事件绑定（页面切换）
+    # 页面切换
     设置按钮.click(lambda: (gr.update(visible=False), gr.update(visible=True)), outputs=[运行面板, 设置面板])
     返回按钮.click(lambda: (gr.update(visible=True), gr.update(visible=False)), outputs=[运行面板, 设置面板])