Add hub strategy calculator page with trend and roll risk-based sizing.

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

manual_trading_hub/static/index.html

@@ -15,7 +15,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
   <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
-  <link rel="stylesheet" href="/assets/app.css?v=20260614-macro-panel-padding" />
+  <link rel="stylesheet" href="/assets/app.css?v=20260614-calculator" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=3" />
   <script src="/assets/account_risk_badge.js?v=3"></script>
   <link rel="stylesheet" href="/assets/dashboard.css?v=20260612-dash-monitor-count" />
@@ -51,6 +51,7 @@
           <a href="/plan" id="nav-plan">开仓计划</a>
           <a href="/monitor" id="nav-monitor">监控区</a>
           <a href="/market" id="nav-market">行情区</a>
+          <a href="/calculator" id="nav-calculator">计算器</a>
           <a href="/archive" id="nav-archive">内照明心</a>
           <a href="/dashboard" id="nav-dashboard">数据看板</a>
           <a href="/ai" id="nav-ai">AI 教练</a>
@@ -695,6 +696,122 @@
       </div>
     </div>
 
+    <div id="page-calculator" class="page hidden">
+      <div class="page-head">
+        <h1><span class="head-tag">CAL</span> 策略计算器</h1>
+        <p class="page-desc">历史行情测算 · 以损定仓 · 价格均为手动输入</p>
+      </div>
+      <div class="calc-layout">
+        <section class="calc-card card">
+          <h2>趋势回调计算器</h2>
+          <p class="calc-hint">逻辑与实例策略页一致：首仓 50% + 补仓网格；止损金额 = 资金 × 风险%。</p>
+          <form id="calc-trend-form" class="calc-form">
+            <div class="calc-form-grid">
+              <label class="calc-field">
+                <span>交易资金 (U)</span>
+                <input id="calc-trend-capital" type="number" min="0.01" step="any" value="1000" required />
+              </label>
+              <label class="calc-field">
+                <span>风险 %</span>
+                <input id="calc-trend-risk" type="number" min="0.1" step="0.1" value="5" required />
+              </label>
+              <label class="calc-field">
+                <span>杠杆</span>
+                <input id="calc-trend-leverage" type="number" min="1" step="1" value="5" required />
+              </label>
+              <label class="calc-field">
+                <span>方向</span>
+                <select id="calc-trend-direction">
+                  <option value="long">做多</option>
+                  <option value="short">做空</option>
+                </select>
+              </label>
+              <label class="calc-field">
+                <span>首仓入场价</span>
+                <input id="calc-trend-entry" type="number" min="0" step="any" placeholder="手动输入" required />
+              </label>
+              <label class="calc-field">
+                <span>止损价</span>
+                <input id="calc-trend-sl" type="number" min="0" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span id="calc-trend-add-label">补仓上沿价</span>
+                <input id="calc-trend-add-upper" type="number" min="0" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span>止盈价</span>
+                <input id="calc-trend-tp" type="number" min="0" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span>补仓档数</span>
+                <input id="calc-trend-dca-legs" type="number" min="1" max="20" step="1" value="5" />
+              </label>
+              <label class="calc-field">
+                <span>合约乘数</span>
+                <input id="calc-trend-contract-size" type="number" min="0.0001" step="any" value="1" title="USDT 线性合约默认 1" />
+              </label>
+            </div>
+            <div class="calc-actions">
+              <button type="submit" class="primary">计算</button>
+            </div>
+          </form>
+          <div id="calc-trend-result" class="calc-result hidden"></div>
+        </section>
+
+        <section class="calc-card card">
+          <h2>滚仓计算器</h2>
+          <p class="calc-hint">逻辑与实例滚仓一致：合并持仓打到新止损 ≈ 账户风险；止盈锁定首仓；加仓价手动输入。</p>
+          <form id="calc-roll-form" class="calc-form">
+            <div class="calc-form-grid">
+              <label class="calc-field">
+                <span>交易资金 (U)</span>
+                <input id="calc-roll-capital" type="number" min="0.01" step="any" value="1000" required />
+              </label>
+              <label class="calc-field">
+                <span>总风险 %</span>
+                <input id="calc-roll-risk" type="number" min="0.1" step="0.1" value="5" required />
+              </label>
+              <label class="calc-field">
+                <span>方向</span>
+                <select id="calc-roll-direction">
+                  <option value="long">做多</option>
+                  <option value="short">做空</option>
+                </select>
+              </label>
+              <label class="calc-field">
+                <span>现有张数</span>
+                <input id="calc-roll-qty" type="number" min="0.0001" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span>现有均价</span>
+                <input id="calc-roll-entry" type="number" min="0" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span>首仓止盈价</span>
+                <input id="calc-roll-tp" type="number" min="0" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span>加仓价</span>
+                <input id="calc-roll-add-price" type="number" min="0" step="any" placeholder="手动输入" required />
+              </label>
+              <label class="calc-field">
+                <span>新统一止损</span>
+                <input id="calc-roll-sl" type="number" min="0" step="any" required />
+              </label>
+              <label class="calc-field">
+                <span>已完成滚仓次数</span>
+                <input id="calc-roll-legs-done" type="number" min="0" max="3" step="1" value="0" />
+              </label>
+            </div>
+            <div class="calc-actions">
+              <button type="submit" class="primary">计算</button>
+            </div>
+          </form>
+          <div id="calc-roll-result" class="calc-result hidden"></div>
+        </section>
+      </div>
+    </div>
+
     <div id="page-settings" class="page hidden">
       <div class="page-head">
         <h1><span class="head-tag">CFG</span> 系统设置</h1>
@@ -735,6 +852,10 @@
           <input type="checkbox" id="pref-show-nav-ai" checked />
           顶栏显示「AI 教练」
         </label>
+        <label class="chk-label settings-display-chk">
+          <input type="checkbox" id="pref-show-nav-calculator" checked />
+          顶栏显示「计算器」
+        </label>
         <p class="settings-display-hint">保存至 hub_settings.json，换浏览器同样生效。关闭导航后对应页面将不可从顶栏进入，直接访问 URL 会跳回监控区。</p>
       </div>
       <div class="settings-macro-panel card">
@@ -823,11 +944,12 @@
   <script src="/assets/chart_draw.js?v=20260609-market-day-split"></script>
   <script src="/assets/chart.js?v=20260609-prev-day-lines"></script>
   <script src="/assets/plan.js?v=20260614-entry-plan-scheme"></script>
+  <script src="/assets/calculator.js?v=1"></script>
   <script src="/assets/archive.js?v=20260612-archive-ai-chat"></script>
   <script src="/assets/funds.js?v=20260609-hub-funds-fold"></script>
   <script src="/assets/dashboard.js?v=20260612-dash-monitor-count"></script>
   <script src="/assets/ai_review_render.js?v=3"></script>
   <script src="/assets/time_close_ui.js?v=2"></script>
-  <script src="/assets/app.js?v=20260614-nav-feature-toggles"></script>
+  <script src="/assets/app.js?v=20260614-calculator"></script>
 </body>
 </html>