Show estimated risk, profit, and RR below manual order form.

Add a preview bar under the live order form with risk in red and profit in green; extend preview logic for all SL/TP modes across embed and standalone instances.

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

embed_templates/embed_page_fragment.html

@@ -33,7 +33,7 @@
                 {% endif %}
             </div>
             {% include order_rule_tips_tpl %}
-            <form id="add-order-form" action="/add_order" method="post" class="form-row">
+            <form id="add-order-form" action="/add_order" method="post" class="form-row" data-risk-percent="{{ risk_percent }}">
                 <input id="order-symbol" name="symbol" placeholder="BTC 或 BTC/USDT" required>
                 <select id="order-direction" name="direction" required>
                     <option value="">方向</option><option value="long">做多</option><option value="short">做空</option>
@@ -73,9 +73,9 @@
                 <input id="order-tp" name="tgt" step="any" placeholder="止盈价格" style="display:none">
                 <input id="order-sl-pct" name="sl_pct" type="number" min="0.01" step="0.01" placeholder="止损%" style="display:none">
                 <input id="order-tp-pct" name="tp_pct" type="number" min="0.01" step="0.01" placeholder="止盈%" style="display:none">
-                <span id="order-rr-preview" class="order-rr-preview" style="display:none;font-size:.82rem;color:#8fc8ff;align-self:center">预估盈亏比：—</span>
                 <button type="submit">{{ open_position_button_label }}</button>
             </form>
+            {% include 'order_plan_preview_bar.html' %}
         </div>
         <div class="card">
             <h2 style="margin-bottom:8px">实时持仓</h2>