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>

static/instance_page.css

@@ -19,6 +19,15 @@
         .form-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center}
         .form-row > input:not([type=checkbox]):not([type=radio]),.form-row > select{flex:0 1 auto;width:10rem;max-width:200px;min-width:7rem}
         #add-order-form #sltp-mode{min-width:12.5rem;max-width:16rem;width:auto}
+        .order-plan-preview{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:4px 0 10px;padding:10px 12px;background:#151a28;border:1px solid #2a3150;border-radius:8px;font-size:.85rem}
+        .order-preview-risk{color:#ff6b6b}
+        .order-preview-risk strong{color:#ff8f8f;font-weight:600}
+        .order-preview-profit{color:#4cd97f}
+        .order-preview-profit strong{color:#6ee7a0;font-weight:600}
+        .order-preview-rr{color:#cfd3ef}
+        .order-preview-rr strong{font-weight:600;color:#dbe4ff}
+        .order-preview-rr.order-preview-rr-low strong{color:#ff8f8f}
+        .order-preview-rr.order-preview-rr-ok strong{color:#8fc8ff}
         .form-row > button,.form-row > label{flex:0 0 auto}
         .form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
         /* 复盘表单：长下拉文案需可收缩，否则会撑破四列网格 */