From 82b1ba37553d1ec29bf4dced039dcde5a7b64326 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Fri, 29 May 2026 16:31:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B6=8B=E5=8A=BF=E5=9B=9E=E8=B0=83=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 strategy_templates/strategy_trading_page.html | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/strategy_templates/strategy_trading_page.html b/strategy_templates/strategy_trading_page.html
index eb0aa1c..eda9c40 100644
--- a/strategy_templates/strategy_trading_page.html
+++ b/strategy_templates/strategy_trading_page.html
@@ -1,3 +1,31 @@
+<style>
+.trade-panels-row,.dual-panel-grid,.strategy-trading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
+.strategy-trading-grid .card{min-height:320px;display:flex;flex-direction:column}
+.strategy-trading-grid .panel-scroll{flex:1;overflow:auto;max-height:78vh}
+.strategy-panel-inner.trend-card{display:flex;flex-direction:column;gap:12px}
+.trend-running-plans{padding-top:14px;border-top:1px solid #2a3150}
+.running-plans-stack{display:flex;flex-direction:column;gap:12px;margin-top:10px}
+.plan-position-card{background:#141a2a;border:1px solid #2a3150;border-radius:12px;padding:12px 14px}
+.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
+.plan-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1rem;font-weight:700;color:#f0f2ff}
+.plan-card-meta{font-size:.76rem;color:#8892b0;line-height:1.55;margin-bottom:10px}
+.plan-card-meta .accent{color:#6ab8ff}
+.plan-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-bottom:10px}
+.plan-cell{display:flex;flex-direction:column;gap:3px}
+.plan-cell .lbl{font-size:.72rem;color:#8b95b8}
+.plan-cell .val{color:#f0f2ff;font-size:.88rem;font-weight:500}
+.plan-cell .val.pnl-profit{color:#4cd97f}
+.plan-cell .val.pnl-loss{color:#ff6666}
+.plan-cell .val.pnl-neutral{color:#cfd3ef}
+.btn-close-plan{padding:7px 14px;background:#5c1e2a;color:#ffb4b4;border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;display:inline-block}
+.btn-close-plan:hover{filter:brightness(1.08)}
+@media (max-width:720px){
+    .plan-card-grid{grid-template-columns:1fr}
+}
+@media (max-width:1200px){
+    .trade-panels-row,.dual-panel-grid,.strategy-trading-grid{grid-template-columns:1fr}
+}
+</style>
 <div class="dual-panel-grid trade-panels-row strategy-trading-grid" style="grid-column:1/-1;align-items:stretch">
     <div class="card strategy-panel-trend" style="display:flex;flex-direction:column;min-height:320px">
         <div class="panel-scroll" style="flex:1;max-height:78vh;overflow:auto">