Align header title and ETH/BTC quotes with crypto_okx.

Match fullwidth title separator, page spacing, and move live tickers into the nav right column using the same spot-ticker UI/API.

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

lib/instance/templates/index.html

@@ -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=13">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=122">
+    <link rel="stylesheet" href="/static/instance_page.css?v=27">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=123">
 
 </head>
 <body
@@ -152,6 +152,7 @@
 <div class="container">
     {% include 'instance_brand_header.html' %}
     <div class="top-nav">
+        <div class="top-nav-links">
         {% 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>
         {% endif %}
@@ -168,6 +169,8 @@
         <a href="/env_config" class="{% if page == 'env_config' %}active{% endif %}">env配置</a>
         {% endif %}
         <a href="/settings" class="{% if page == 'settings' %}active{% endif %}">系统设置</a>
+        </div>
+        {% include 'nav_spot_tickers.html' %}
     </div>
     {% with msg=get_flashed_messages() %}{% if msg %}<div class="flash">{{ msg[0] }}</div>{% endif %}{% endwith %}
 
@@ -2089,6 +2092,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>
+<script src="/static/nav_spot_tickers.js?v=1"></script>
 </body>
 </html>