From 39238185087499fe9c6365a8d295c26281435662 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Mon, 20 Jul 2026 10:22:04 +0800
Subject: [PATCH] Add collapsible rule tips for perp-options and
 options-options hedge tabs.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 lib/common/static/instance_theme.css           |  9 +++++++++
 lib/hedge_plan/templates/hedge_plan_panel.html | 18 +++++++++++++++++-
 lib/instance/templates/embed_shell.html        |  2 +-
 lib/instance/templates/index.html              |  2 +-
 4 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/lib/common/static/instance_theme.css b/lib/common/static/instance_theme.css
index f1f538f..e02ed7f 100644
--- a/lib/common/static/instance_theme.css
+++ b/lib/common/static/instance_theme.css
@@ -3198,6 +3198,15 @@ html[data-theme="light"] .opt-be-dist-down {
 .hedge-plan-page-wrap .hp-head-card {
   margin-bottom: 12px;
 }
+.hedge-plan-page-wrap .hp-rule-collapse {
+  margin: 0 0 12px;
+}
+.hedge-plan-page-wrap .hp-rule-collapse .tip-collapse-body p {
+  margin: 0 0 6px;
+}
+.hedge-plan-page-wrap .hp-rule-collapse .tip-collapse-body p:last-child {
+  margin-bottom: 0;
+}
 .hedge-plan-page-wrap .hp-head-row {
   display: flex;
   flex-wrap: wrap;
diff --git a/lib/hedge_plan/templates/hedge_plan_panel.html b/lib/hedge_plan/templates/hedge_plan_panel.html
index 7020132..729a551 100644
--- a/lib/hedge_plan/templates/hedge_plan_panel.html
+++ b/lib/hedge_plan/templates/hedge_plan_panel.html
@@ -40,6 +40,14 @@
   </div>
 
   <div id="hp-tab-perp_options" class="hp-tab-panel" role="tabpanel">
+    <details class="tip-collapse hp-rule-collapse">
+      <summary class="tip-collapse-summary">永期对冲规则说明</summary>
+      <div class="tip-collapse-body rule-tip">
+        <p><strong>账户</strong>：永续腿走<strong>合约账户</strong>(USDT);保险期权走<strong>期权账户</strong>(USDC)。两账户分开下单、资金不互通。</p>
+        <p><strong>下单</strong>：先「计算」再「启动」。启动瞬间会再拉卖一并以 IOC 等完全成交;半腿失败可补开或「结束计划」(不平仓)。永期开仓需全仓计仓 + 对冲实盘门禁。</p>
+        <p><strong>板块</strong>：左填永续开仓/止盈止损与张数;右选保险腿(做多配 Put、做空配 Call)。止盈后保险腿默认可持有;止损会联动平期权。</p>
+      </div>
+    </details>
     <div class="options-dual-grid" id="hp-po-layout">
       <div class="card hp-po-perp-card">
         <h2>永续 · <span id="hp-perp-uly-label">ETH</span> <span class="muted hp-acct-tag" id="hp-perp-acct-tag">合约账户</span></h2>
@@ -118,6 +126,14 @@
   </div>
 
   <div id="hp-tab-options_options" class="hp-tab-panel hidden" role="tabpanel" hidden>
+    <details class="tip-collapse hp-rule-collapse">
+      <summary class="tip-collapse-summary">期期对冲规则说明</summary>
+      <div class="tip-collapse-body rule-tip">
+        <p><strong>账户</strong>：两腿都在<strong>期权账户</strong>。可用预算 = min(交易 USDC × 对冲缓冲, 单笔预算);缓冲在 env「对冲预算缓冲比例」改。</p>
+        <p><strong>下单</strong>：选 Call + Put 后「计算」再「启动」。启动会再拉卖一并按最新价重算张数,IOC 完全成交才算成功;资金不足可在右侧划转。</p>
+        <p><strong>板块</strong>：左填上破/下破与张数模式(同张数/做多/做空);右 T 型选腿。「全平」= 盈利腿平后清另一腿;「到期平」= 另一腿持有至到期。</p>
+      </div>
+    </details>
     <div class="options-dual-grid" id="hp-oo-layout">
       <div class="card">
         <h2>期期参数 · <span id="hp-oo-uly-label">ETH</span> <span class="muted hp-acct-tag">期权账户</span></h2>
@@ -305,4 +321,4 @@
     </div>
   </div>
 </div>
-<script src="/static/hedge_plan.js?v=30"></script>
+<script src="/static/hedge_plan.js?v=31"></script>
diff --git a/lib/instance/templates/embed_shell.html b/lib/instance/templates/embed_shell.html
index e2d680b..2bb1aa4 100644
--- a/lib/instance/templates/embed_shell.html
+++ b/lib/instance/templates/embed_shell.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
     <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
     <link rel="stylesheet" href="/static/instance_page.css?v=11">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=102">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=103">
     <script src="/static/account_risk_badge.js?v=4"></script>
     <meta name="theme-color" content="#0b0d14">
     <title>{{ pwa_app_name }}</title>
diff --git a/lib/instance/templates/index.html b/lib/instance/templates/index.html
index 9aa9de8..ee17cda 100644
--- a/lib/instance/templates/index.html
+++ b/lib/instance/templates/index.html
@@ -18,7 +18,7 @@
     <link rel="manifest" href="/static/icons/manifest.webmanifest">
     <title>{{ pwa_app_name }}</title>
     <link rel="stylesheet" href="/static/instance_page.css?v=11">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=102">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=103">
 
 </head>
 <body