feat: 持仓快照盈亏比与交易所止损已保本标识

盈亏比固定用开仓 initial_stop_loss 计算，人工改委托后不变化；轮询交易所止损触发价相对成交价判定已保本，四所实例与中控统一显示绿色标识。

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

crypto_monitor_okx/templates/index.html

@@ -178,6 +178,7 @@
         .pos-meta-item:not(:last-child)::after{content:'|';margin:0 8px;color:#3d4659}
         .pos-meta-on{color:#6eb5ff}
         .pos-meta-off{color:#7d8799}
+        .pos-breakeven-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600;background:#1a3d2e;color:#4cd97f}
         .pos-card-symbol{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
         .pos-card-symbol strong{font-size:.95rem;color:#fff;font-weight:600}
         .pos-side-badge{padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:500;line-height:1.2}
@@ -500,6 +501,7 @@
                         <span class="pos-meta-item {% if o.breakeven_enabled %}pos-meta-on{% else %}pos-meta-off{% endif %}">
                             {% if o.breakeven_enabled %}移动保本:开 {{ o.breakeven_rr_trigger or '-' }}R→{{ price_fmt(o.symbol, o.breakeven_price) }}{% else %}移动保本:关{% endif %}
                         </span>
+                        <span class="pos-meta-item" id="order-be-wrap-{{ o.id }}" style="display:none"><span class="pos-breakeven-badge">已保本</span></span>
                     </div>
                     <div class="pos-grid">
                         <div class="pos-cell">
@@ -1791,6 +1793,12 @@ function formatRrRatio(rr){
     return `${body}:1`;
 }
 
+function paintBreakevenBadge(orderId, secured){
+    const wrap = document.getElementById(`order-be-wrap-${orderId}`);
+    if(!wrap) return;
+    wrap.style.display = secured ? "inline-flex" : "none";
+}
+
 function paintPriceTrend(el, key, value){
     if(!el) return;
     const prev = lastPriceMap[key];
@@ -1875,6 +1883,7 @@ function refreshPriceSnapshot(){
             if(rrEl){
                 rrEl.innerText = formatRrRatio(o.rr_ratio);
             }
+            paintBreakevenBadge(o.id, o.sl_breakeven_secured);
             if(o.exchange_tpsl) paintExchangeTpslRow(o.id, o.exchange_tpsl);
         });
     }).catch(()=>{});
@@ -2116,6 +2125,7 @@ function refreshPriceSnapshotConditional(){
                 }
                 const rrEl = document.getElementById(`order-rr-${o.id}`);
                 if(rrEl) rrEl.innerText = formatRrRatio(o.rr_ratio);
+                paintBreakevenBadge(o.id, o.sl_breakeven_secured);
                 paintExchangeTpslRow(o.id, o.exchange_tpsl || {});
             });
         }