Show option premium in trade detail and widen the modal.

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

frontend/src/pages/Trades.tsx

@@ -481,6 +481,14 @@ export default function TradesPage() {
                           : "—"}
                       </span>
                     </div>
+                    <div className="kv">
+                      <span>初始权利金</span>
+                      <span className="mono">
+                        {selectedGroup.initial_premium != null
+                          ? `${fmt(selectedGroup.initial_premium)} USDT`
+                          : "—"}
+                      </span>
+                    </div>
                     <div className="kv">
                       <span>波动点数</span>
                       <span className="mono">
@@ -525,7 +533,14 @@ export default function TradesPage() {
                     </div>
                   ) : null}
 
-                  {fills.map((f) => (
+                  {fills.map((f) => {
+                    const isOpt = f.leg === "option";
+                    const pxLabel = isOpt ? "权利金" : "价";
+                    const notional =
+                      isOpt && f.action === "open"
+                        ? Number(f.fill_px) * Number(f.qty_eth)
+                        : null;
+                    return (
                       <div key={f.id} className="trade-fill kv">
                         <span className="mono">
                           {fillDescZh(
@@ -539,11 +554,15 @@ export default function TradesPage() {
                           ) : null}
                         </span>
                         <span className="mono">
-                        价 {f.fill_px.toFixed(4)} · 数量 {f.qty_eth} · 手续费{" "}
+                          {pxLabel} {f.fill_px.toFixed(4)} · 数量 {f.qty_eth}
-                        {f.fee.toFixed(4)}
+                          {notional != null && Number.isFinite(notional)
+                            ? ` · 合计 ${notional.toFixed(2)}`
+                            : ""}{" "}
+                          · 手续费 {f.fee.toFixed(4)}
                         </span>
                       </div>
-                  ))}
+                    );
+                  })}
 
                   {summary ? (
                     <div className="trade-pnl-block">

frontend/src/styles/app.css

@@ -949,6 +949,12 @@ input {
   overflow: hidden;
 }
 
+/* 策略机交易记录详情：加宽，减少换行 */
+.modal-dialog.trade-detail-modal {
+  width: min(920px, 100%);
+  max-height: min(90vh, 960px);
+}
+
 .modal-head {
   display: flex;
   align-items: center;