修复web前端，增加openai

strategy_templates/strategy_roll_panel.html

@@ -1,6 +1,5 @@
-{% include 'strategy_subnav.html' %}
-<div class="card" style="grid-column:1/-1">
-    <h2 style="margin:0 0 8px">顺势加仓（滚仓）</h2>
+<div class="strategy-panel-inner">
+    <h2 style="margin:0 0 8px">顺势加仓</h2>
     <div class="rule-tip">
         <strong>仅人工加仓</strong>，程序不会自动触发。须先在「实盘下单」有同向持仓。<br>
         做多最多滚仓 <strong>3</strong> 次；止盈<strong>锁定首仓</strong>不变；每次填写<strong>新统一止损</strong>，总风险%按「合并持仓打到新止损≈账户风险」反推张数。<br>
@@ -30,10 +29,8 @@
         <button type="submit" {% if roll_trend_active %}disabled style="opacity:.5"{% endif %} onclick="return confirm('确认按预览逻辑实盘加仓并更新止损？')">执行滚仓</button>
     </form>
     <p class="rule-tip" style="margin-top:8px">执行前可用开发者工具 POST <code>/strategy/roll/preview</code> 查看 JSON 预览。</p>
-</div>
 
-<div class="card" style="grid-column:1/-1">
-    <h3 style="margin:0 0 8px">活跃滚仓组</h3>
+    <h3 style="margin:14px 0 8px;font-size:.95rem;color:#b8c4ff">活跃滚仓组</h3>
     <div class="table-wrap">
     <table>
         <tr><th>ID</th><th>币种</th><th>方向</th><th>腿数</th><th>首仓TP</th><th>当前SL</th></tr>
@@ -51,10 +48,8 @@
         {% endfor %}
     </table>
     </div>
-</div>
 
-<div class="card" style="grid-column:1/-1">
-    <h3 style="margin:0 0 8px">最近滚仓腿</h3>
+    <h3 style="margin:14px 0 8px;font-size:.95rem;color:#b8c4ff">最近滚仓腿</h3>
     <div class="table-wrap">
     <table>
         <tr><th>#</th><th>组</th><th>方式</th><th>张数</th><th>新SL</th><th>状态</th></tr>

strategy_templates/strategy_trading_page.html

@@ -0,0 +1,12 @@
+<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">
+            {% include 'strategy_trend_panel.html' %}
+        </div>
+    </div>
+    <div class="card strategy-panel-roll" style="display:flex;flex-direction:column;min-height:320px">
+        <div class="panel-scroll" style="flex:1;max-height:78vh;overflow:auto">
+            {% include 'strategy_roll_panel.html' %}
+        </div>
+    </div>
+</div>

strategy_templates/strategy_trend_panel.html

@@ -1,8 +1,7 @@
 {% set mf = money_fmt|default(funds_fmt) %}
 {% macro amt_disp(sym, val) %}{% if amt_fmt is defined %}{{ amt_fmt(sym, val) }}{% else %}{{ val }}{% endif %}{% endmacro %}
-{% include 'strategy_subnav.html' %}
-<div class="card trend-card" style="grid-column:1/-1">
-    <h2 style="margin-bottom:8px">趋势回调策略</h2>
+<div class="strategy-panel-inner trend-card">
+    <h2 style="margin-bottom:8px">趋势回调</h2>
     <div class="rule-tip">
         ① <strong>生成预览</strong>：读取合约 USDT <strong>可用余额快照</strong>并计算计划（不下单）。预览有效期 <strong>{{ trend_pullback_preview_ttl }} 秒</strong>。<br>
         ② <strong>确认执行</strong>：市价首仓 50% + 挂交易所止损；首仓后可<strong>手动保本</strong>（默认均价+{{ trend_manual_breakeven_offset_pct }}%）；剩余 50% 在止损与补仓区间之间共 {{ trend_pullback_dca_legs }} 档（做多为<strong>上沿</strong>、做空为<strong>下沿</strong>；程序可能因最小张数自动减档）市价补仓；<strong>止盈由程序监控</strong>。<br>