Move hedge-plan calc actions to second card and add spacing above preview.

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

lib/common/static/instance_theme.css

@@ -3353,8 +3353,8 @@ html[data-theme="light"] .opt-be-dist-down {
 /* 视口约 5 行数据 + 表头；超出表内滚动 */
 .hedge-plan-page-wrap .hp-strike-table-wrap--5,
 .hedge-plan-page-wrap .options-strike-table-wrap--t {
-  max-height: 220px;
-  min-height: 220px;
+  max-height: 248px;
+  min-height: 248px;
   overflow-y: auto;
   margin-top: 4px;
   flex: 1 1 auto;
@@ -3368,7 +3368,7 @@ html[data-theme="light"] .opt-be-dist-down {
 .hedge-plan-page-wrap .options-dual-grid {
   grid-template-columns: 1fr 1fr;
   align-items: stretch;
-  margin-bottom: 20px;
+  margin-bottom: 28px;
 }
 .hedge-plan-page-wrap .options-dual-grid > .card {
   height: 100%;
@@ -3377,9 +3377,14 @@ html[data-theme="light"] .opt-be-dist-down {
   flex-direction: column;
 }
 .hedge-plan-page-wrap .hp-preview-card {
-  margin-top: 8px;
+  margin-top: 0;
   clear: both;
 }
+.hedge-plan-page-wrap .hp-action-row {
+  margin-top: 10px;
+  gap: 8px;
+  justify-content: flex-end;
+}
 .hedge-plan-page-wrap .hp-pick.active,
 .hedge-plan-page-wrap .opt-row-selected td {
   background: rgba(90, 140, 255, 0.18);

lib/hedge_plan/templates/hedge_plan_panel.html

@@ -82,16 +82,14 @@
         </div>
         <p class="muted hp-unit-hint">单位说明:权利金结算币=<strong>USDC</strong> · 张数=期权张(整张) · 卖一/买一=价格/张</p>
         <div id="hp-opt-bal-line" class="muted hp-quote-line hp-opt-bal-line"></div>
-      </div>
-    </div>
-    <div class="card hp-preview-card" id="hp-preview-card-po">
-      <div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between">
-        <h2 style="margin:0">情景测算</h2>
-        <div class="form-row" style="margin:0">
+        <div class="form-row hp-action-row">
           <button type="button" class="primary" id="hp-preview-btn">计算</button>
           <button type="button" class="btn-secondary" id="hp-start-btn" disabled title="P0 不开仓">启动计划(P0禁用)</button>
         </div>
       </div>
+    </div>
+    <div class="card hp-preview-card" id="hp-preview-card-po">
+      <h2 style="margin:0 0 8px">情景测算</h2>
       <div id="hp-summary" class="muted" style="margin:8px 0"></div>
       <div class="options-strike-table-wrap">
         <table class="options-strike-table" id="hp-result-table">
@@ -141,7 +139,7 @@
           <p class="muted" id="hp-oo-prem-line"></p>
         </div>
       </div>
-      <div class="card">
+      <div class="card hp-opt-card">
         <h2>期权 T 型报价</h2>
         <div class="form-row">
           <select id="hp-oo-exp-select"><option value="">选择到期日</option></select>
@@ -166,13 +164,13 @@
             </tbody>
           </table>
         </div>
+        <div class="form-row hp-action-row">
+          <button type="button" class="primary" id="hp-preview-btn-oo">计算</button>
+        </div>
       </div>
     </div>
     <div class="card hp-preview-card">
-      <div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between">
-        <h2 style="margin:0">情景测算</h2>
-        <button type="button" class="primary" id="hp-preview-btn-oo">计算</button>
-      </div>
+      <h2 style="margin:0 0 8px">情景测算</h2>
       <div id="hp-summary-oo" class="muted" style="margin:8px 0"></div>
       <div class="options-strike-table-wrap">
         <table class="options-strike-table">
@@ -210,4 +208,4 @@
     </div>
   </div>
 </div>
-<script src="/static/hedge_plan.js?v=8"></script>
+<script src="/static/hedge_plan.js?v=9"></script>

lib/instance/templates/embed_shell.html

@@ -7,7 +7,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=6">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=87">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=88">
     <script src="/static/account_risk_badge.js?v=4"></script>
     <meta name="theme-color" content="#0b0d14">
     <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>

lib/instance/templates/index.html

@@ -17,7 +17,7 @@
     <link rel="manifest" href="/static/icons/manifest.webmanifest">
     <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
     <link rel="stylesheet" href="/static/instance_page.css?v=3">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=87">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=88">
 
 </head>
 <body