Match options branding: title prefix and ETH/BTC header quotes.

Use 「加密货币 | OKX 对冲」 and show live top-right ETHUSDT/BTCUSDT quotes like the options instance.

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

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=13">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=121">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=122">
     <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">
@@ -27,9 +27,7 @@
     data-price-refresh-ms="{{ price_refresh_seconds * 1000 }}"
 >
 <div class="container">
-    <div class="header">
-        <h1>okx对冲</h1>
-    </div>
+    {% include 'instance_brand_header.html' %}
     <nav class="top-nav embed-top-nav" aria-label="实例导航">
         {% if hedge_plan_nav_visible and display.show_nav_hedge_plan %}
         <a href="/hedge-plan" data-embed-tab="hedge_plan" class="{% if initial_tab == 'hedge_plan' %}active{% endif %}">{% if hedge_plan_show_options_options %}期期对冲{% else %}永期对冲{% endif %}</a>
@@ -140,5 +138,6 @@ window.__INSTANCE_DISPLAY__ = {{ display | tojson }};
 <script src="/static/instance_live.js?v=6"></script>
 <script src="/static/instance_embed.js?v=32"></script>
 <script src="/static/instance_mobile_nav.js?v=3"></script>
+<script src="/static/header_live_quotes.js?v=1"></script>
 </body>
 </html>

lib/instance/templates/index.html

@@ -19,7 +19,7 @@
     <link rel="manifest" href="/static/icons/manifest.webmanifest">
     <title>{{ pwa_app_name }}</title>
     <link rel="stylesheet" href="/static/instance_page.css?v=13">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=121">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=122">
 
 </head>
 <body
@@ -150,9 +150,7 @@
 </div>
 {% endmacro %}
 <div class="container">
-    <div class="header">
-        <h1>okx对冲</h1>
-    </div>
+    {% include 'instance_brand_header.html' %}
     <div class="top-nav">
         {% if hedge_plan_nav_visible and display.show_nav_hedge_plan %}
         <a href="/hedge-plan" class="{% if page == 'hedge_plan' %}active{% endif %}">{% if hedge_plan_show_options_options %}期期对冲{% else %}永期对冲{% endif %}</a>
@@ -2091,5 +2089,6 @@ document.addEventListener("DOMContentLoaded", function () {
 {% endif %}
 </script>
 <script src="/static/instance_settings_prefs.js?v=22"></script>
+<script src="/static/header_live_quotes.js?v=1"></script>
 </body>
 </html>

lib/instance/templates/instance_brand_header.html

@@ -0,0 +1,24 @@
+{# 顶栏品牌标题 + 右上角 ETH/BTC 报价(与期权仓同款) #}
+<div class="header header--brand">
+    <h1 class="brand-title">
+        <span class="brand-prefix">加密货币</span>
+        <span class="brand-sep" aria-hidden="true">|</span>
+        <span class="brand-product">OKX 对冲</span>
+    </h1>
+    <div class="header-live-quotes" id="header-live-quotes" aria-label="ETH/BTC 行情">
+        <div class="hlq-row" data-base="ETH">
+            <span class="hlq-icon hlq-icon--eth" aria-hidden="true"></span>
+            <span class="hlq-sym">ETHUSDT</span>
+            <span class="hlq-last" data-hlq="last">—</span>
+            <span class="hlq-chg" data-hlq="chg">—</span>
+            <span class="hlq-pct" data-hlq="pct">—</span>
+        </div>
+        <div class="hlq-row" data-base="BTC">
+            <span class="hlq-icon hlq-icon--btc" aria-hidden="true"></span>
+            <span class="hlq-sym">BTCUSDT</span>
+            <span class="hlq-last" data-hlq="last">—</span>
+            <span class="hlq-chg" data-hlq="chg">—</span>
+            <span class="hlq-pct" data-hlq="pct">—</span>
+        </div>
+    </div>
+</div>