Add phone-only hub shell with four bottom tabs.

Keep desktop/tablet top nav unchanged; at max-width 720px use monitor/market/calculator/AI plus a More sheet for secondary pages.

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=20260711-hub-opt-cards" />
+      <link rel="stylesheet" href="/assets/app.css?v=20260715-hub-phone-shell" />
   <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>
@@ -1206,6 +1206,34 @@
     </div>
   </div>
 
+  <!-- 手机端主导航(≤720px);桌面/平板不显示 -->
+  <nav id="hub-mobile-tabbar" class="hub-mobile-tabbar" aria-label="手机主导航">
+    <a href="/monitor" class="hub-m-tab" data-hub-tab="monitor" id="m-tab-monitor">监控</a>
+    <a href="/market" class="hub-m-tab" data-hub-tab="market" id="m-tab-market">行情</a>
+    <a href="/calculator" class="hub-m-tab" data-hub-tab="calculator" id="m-tab-calculator">计算</a>
+    <a href="/ai" class="hub-m-tab" data-hub-tab="ai" id="m-tab-ai">AI</a>
+    <button type="button" class="hub-m-tab" data-hub-tab="more" id="m-tab-more" aria-haspopup="dialog" aria-expanded="false">更多</button>
+  </nav>
+  <div id="hub-mobile-more" class="hub-mobile-more" aria-hidden="true">
+    <div class="hub-mobile-more-backdrop" id="hub-mobile-more-backdrop"></div>
+    <div class="hub-mobile-more-sheet" role="dialog" aria-modal="true" aria-labelledby="hub-mobile-more-title">
+      <div class="hub-mobile-more-handle" aria-hidden="true"></div>
+      <h2 id="hub-mobile-more-title" class="hub-mobile-more-title">更多</h2>
+      <p class="hub-mobile-more-hint">次要功能 · 完整界面请用电脑/平板</p>
+      <nav class="hub-mobile-more-nav" aria-label="更多页面">
+        <a href="/funds" id="m-nav-funds">资金概况</a>
+        <a href="/plan" id="m-nav-plan">开仓计划</a>
+        <a href="/archive" id="m-nav-archive">内照明心</a>
+        <a href="/dashboard" id="m-nav-dashboard">数据看板</a>
+        <a href="/strategy" id="m-nav-strategy">策略说明</a>
+        <a href="/help" id="m-nav-help">使用说明</a>
+        <a href="/logs" id="m-nav-logs">系统日志</a>
+        <a href="/settings" id="m-nav-settings">系统设置</a>
+      </nav>
+      <button type="button" class="ghost hub-mobile-more-close" id="hub-mobile-more-close">关闭</button>
+    </div>
+  </div>
+
   <div id="tpsl-modal" class="modal hidden" aria-hidden="true">
     <div class="modal-backdrop" id="tpsl-modal-backdrop"></div>
     <div class="modal-panel" role="dialog" aria-labelledby="tpsl-modal-title">
@@ -1267,6 +1295,6 @@
   <script src="/assets/options_expiry_countdown.js?v=1"></script>
   <script src="/assets/options_position_cards.js?v=1"></script>
   <script src="/assets/backup.js?v=1"></script>
-  <script src="/assets/app.js?v=20260711-hub-opt-cards"></script>
+  <script src="/assets/app.js?v=20260715-hub-phone-shell"></script>
 </body>
 </html>