feat: collapse trade/strategy rule tips and color-code key history outcomes

Co-authored-by: Cursor <cursoragent@cursor.com>

strategy_templates/strategy_trend_panel.html

@@ -2,11 +2,14 @@
 {% macro amt_disp(sym, val) %}{% if amt_fmt is defined %}{{ amt_fmt(sym, val) }}{% else %}{{ val }}{% endif %}{% endmacro %}
 <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>
-        确认执行时若当前可用余额与预览快照相对偏差 &gt; <strong>{{ trend_preview_max_drift_pct }}%</strong> 会拒绝并要求重新预览。
-    </div>
+    <details class="tip-collapse strategy-trend-rule-collapse">
+        <summary class="tip-collapse-summary">趋势回调规则说明</summary>
+        <div class="tip-collapse-body 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>
+            确认执行时若当前可用余额与预览快照相对偏差 &gt; <strong>{{ trend_preview_max_drift_pct }}%</strong> 会拒绝并要求重新预览。
+        </div>
+    </details>
     {% if trend_dca_probes %}
     {% for p in trend_dca_probes %}
     {% if p.trigger_reached and p.block_reason %}