修复中控内嵌顶栏变形：整页导航包进 top-nav-links，embed=1 仍进壳。

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

lib/common/static/instance_page.css

@@ -11,7 +11,10 @@
         .exchange-tag{font-size:.82rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:5px 14px;border-radius:999px;letter-spacing:.06em}
         .header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
         .top-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 12px;margin-bottom:12px}
-        .top-nav-links{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-width:0}
+        .top-nav-links{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;min-width:0}
+        .top-nav-links > a{flex:0 0 auto;white-space:nowrap}
+        /* 兜底:若链接未包在 .top-nav-links 内,勿被 1fr|auto|1fr 拉成三列变形 */
+        .top-nav > a{justify-self:center;align-self:center;width:max-content;max-width:100%}
         .top-nav-spot-tickers{grid-column:3;justify-self:end;display:flex;flex-direction:column;gap:3px;min-width:0}
         .top-nav a{padding:6px 10px;border:1px solid #304164;border-radius:8px;background:#151a2a;color:#8fc8ff;text-decoration:none}
         .top-nav a.active{background:#2a3f6c;color:#dbe4ff}

lib/common/static/instance_theme.css

@@ -661,9 +661,15 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
   gap: 8px;
   flex-wrap: wrap;
   justify-content: center;
+  align-items: center;
   min-width: 0;
 }
 
+.top-nav-links > a {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
 .top-nav-spot-tickers {
   display: flex;
   flex-direction: column;

lib/common/static/instance_theme.js

@@ -171,6 +171,8 @@
 
   function patchHubNavLinks(theme) {
     if (!isHubLinked()) return;
+    // embed 壳由 InstanceEmbed 软切 tab,勿改写为 /xxx?embed=1(会绕开壳落到 index 顶栏变形)
+    if (document.body && document.body.getAttribute("data-embed-shell") === "1") return;
     const t = normalize(theme || get());
     document
       .querySelectorAll(".top-nav a[href], .strategy-subnav a[href]")

lib/instance/instance_embed_lib.py

@@ -83,11 +83,13 @@ _SETTINGS_SUB_TABS = frozenset(
 
 
 def redirect_to_embed_shell_if_enabled(page: str):
-    """直连 /trade 等整页路由时,重定向到 embed 壳(顶栏常驻,tab 软切换)."""
+    """直连 /trade 等整页路由时,重定向到 embed 壳(顶栏常驻,tab 软切换).
+
+    注意:中控 iframe 会给导航链加 embed=1;若因此跳过重定向,会落到 index 整页,
+    顶栏链接变成 3 列 grid 子项而变形.embed=1 时仍应进 /embed 壳.
+    """
     if not embed_shell_enabled():
         return None
-    if (request.args.get("embed") or "").strip() == "1":
-        return None
     if (request.path or "").rstrip("/") == "/embed":
         return None
     q = {k: v for k, v in request.args.items()}

lib/instance/templates/embed_shell.html

@@ -4,12 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <script src="/static/hub_embed_auth.js?v=1"></script>
-    <script src="/static/instance_theme.js?v=51"></script>
+    <script src="/static/instance_theme.js?v=52"></script>
     <script src="/static/autofill_guard.js?v=1"></script>
     <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=21">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=124">
+    <link rel="stylesheet" href="/static/instance_page.css?v=22">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=125">
     <script src="/static/account_risk_badge.js?v=4"></script>
     <script src="/static/open_submit_gate.js?v=1"></script>
     <meta name="theme-color" content="#0b0d14">

lib/instance/templates/index.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-<script src="/static/instance_theme.js?v=50"></script>
+<script src="/static/instance_theme.js?v=52"></script>
     <script src="/static/autofill_guard.js?v=1"></script>
     <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
     <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
@@ -18,8 +18,8 @@
     <link rel="apple-touch-icon" href="/static/icons/apple-touch-icon.png">
     <link rel="manifest" href="/static/icons/manifest.webmanifest">
     <title>{{ pwa_app_name }}</title>
-    <link rel="stylesheet" href="/static/instance_page.css?v=21">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=118">
+    <link rel="stylesheet" href="/static/instance_page.css?v=22">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=125">
 
 </head>
 <body
@@ -153,38 +153,41 @@
     <div class="header">
         <h1>加密货币｜交易监控 + AI复盘一体化</h1>
     </div>
-    <div class="top-nav">
+    <nav class="top-nav" aria-label="实例导航">
+        <div class="top-nav-links">
         <a href="/dashboard" data-embed-tab="dashboard" class="{% if page == 'dashboard' %}active{% endif %}"{% if not display.show_nav_dashboard %} style="display:none"{% endif %}>数据看板</a>
         <a href="/account_ledger" data-embed-tab="account_ledger" class="{% if page == 'account_ledger' %}active{% endif %}"{% if not display.show_nav_account_ledger %} style="display:none"{% endif %}>账户流水</a>
-        <a href="/key_monitor" class="{% if page == 'key_monitor' %}active{% endif %}"{% if not display.show_nav_key_monitor %} style="display:none"{% endif %}>关键位监控</a>
-        <a href="/trade" class="{% if page == 'trade' %}active{% endif %}"{% if not display.show_nav_trade %} style="display:none"{% endif %}>实盘下单</a>
+        <a href="/key_monitor" data-embed-tab="key_monitor" class="{% if page == 'key_monitor' %}active{% endif %}"{% if not display.show_nav_key_monitor %} style="display:none"{% endif %}>关键位监控</a>
+        <a href="/trade" data-embed-tab="trade" class="{% if page == 'trade' %}active{% endif %}"{% if not display.show_nav_trade %} style="display:none"{% endif %}>实盘下单</a>
         {% if not intraday_discipline and display.show_nav_strategy %}
-        <a href="/strategy" class="{% if page in ('strategy', 'strategy_trend', 'strategy_roll') %}active{% endif %}">策略交易</a>
+        <a href="/strategy" data-embed-tab="strategy" class="{% if page in ('strategy', 'strategy_trend', 'strategy_roll') %}active{% endif %}">策略交易</a>
         {% endif %}
         {% if not intraday_discipline and display.show_nav_strategy_records %}
-        <a href="/strategy/records" class="{% if page == 'strategy_records' %}active{% endif %}">策略交易记录</a>
+        <a href="/strategy/records" data-embed-tab="strategy_records" class="{% if page == 'strategy_records' %}active{% endif %}">策略交易记录</a>
         {% endif %}
         {% if display.show_nav_records %}
-        <a href="/records" class="{% if page == 'records' %}active{% endif %}">交易记录与复盘</a>
+        <a href="/records" data-embed-tab="records" class="{% if page == 'records' %}active{% endif %}">交易记录与复盘</a>
         {% endif %}
         {% if display.show_nav_stats %}
-        <a href="/stats" class="{% if page == 'stats' %}active{% endif %}">统计分析</a>
+        <a href="/stats" data-embed-tab="stats" class="{% if page == 'stats' %}active{% endif %}">统计分析</a>
         {% endif %}
         {% if options_nav_visible and display.show_nav_options %}
-        <a href="/options" class="{% if page == 'options' %}active{% endif %}">期权</a>
+        <a href="/options" data-embed-tab="options" class="{% if page == 'options' %}active{% endif %}">期权</a>
         {% endif %}
         {% if options_nav_visible and display.show_nav_options_review %}
-        <a href="/options/review" class="{% if page == 'options_review' %}active{% endif %}">期权复盘</a>
+        <a href="/options/review" data-embed-tab="options_review" class="{% if page == 'options_review' %}active{% endif %}">期权复盘</a>
         {% endif %}
         {% if display.show_nav_risk_policy %}
-        <a href="/risk_policy" class="{% if page == 'risk_policy' %}active{% endif %}">风控说明</a>
+        <a href="/risk_policy" data-embed-tab="risk_policy" class="{% if page == 'risk_policy' %}active{% endif %}">风控说明</a>
         {% endif %}
-        <a href="/system_guide" class="{% if page == 'system_guide' %}active{% endif %}"{% if not display.show_nav_system_guide %} style="display:none"{% endif %}>系统说明</a>
+        <a href="/system_guide" data-embed-tab="system_guide" class="{% if page == 'system_guide' %}active{% endif %}"{% if not display.show_nav_system_guide %} style="display:none"{% endif %}>系统说明</a>
         {% if display.show_nav_env_config %}
-        <a href="/env_config" class="{% if page == 'env_config' %}active{% endif %}">env配置</a>
+        <a href="/env_config" data-embed-tab="env_config" class="{% if page == 'env_config' %}active{% endif %}">env配置</a>
         {% endif %}
-        <a href="/settings" class="{% if page == 'settings' %}active{% endif %}">系统设置</a>
-    </div>
+        <a href="/settings" data-embed-tab="settings" class="{% if page == 'settings' %}active{% endif %}">系统设置</a>
+        </div>
+        {% include 'nav_spot_tickers.html' %}
+    </nav>
     {% with msg=get_flashed_messages() %}{% if msg %}<div class="flash">{{ msg[0] }}</div>{% endif %}{% endwith %}
 
     {% include 'instance_header_panel.html' %}
@@ -2077,6 +2080,7 @@ setInterval(refreshPriceSnapshotConditional, {{ price_refresh_seconds * 1000 }})
 </script>
 <script src="/static/records_review_page.js?v=4"></script>
 <script src="/static/options_expiry_countdown.js?v=1"></script>
+<script src="/static/nav_spot_tickers.js?v=3"></script>
 <script src="/static/instance_dashboard.js?v=5"></script>
 <script src="/static/account_ledger.js?v=1"></script>
 <script>