中控顶栏对齐实例：标题改为加密货币｜OKX 期权中控，导航用卡片，报价放右侧。

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

static/hub.js

@@ -566,127 +566,6 @@
     });
   }
 
-  function fmtQuotePx(n) {
-    const v = Number(n);
-    if (!Number.isFinite(v)) return "—";
-    const abs = Math.abs(v);
-    let digits = 2;
-    if (abs >= 10000) digits = 1;
-    else if (abs >= 1000) digits = 2;
-    else if (abs >= 1) digits = 2;
-    else digits = 4;
-    try {
-      return v.toLocaleString("en-US", {
-        minimumFractionDigits: digits,
-        maximumFractionDigits: digits,
-      });
-    } catch (e) {
-      return v.toFixed(digits);
-    }
-  }
-
-  function fmtQuoteSigned(n, isPct) {
-    const v = Number(n);
-    if (!Number.isFinite(v)) return "—";
-    const abs = Math.abs(v);
-    const digits = isPct ? 2 : abs >= 100 ? 1 : 2;
-    let body;
-    try {
-      body = abs.toLocaleString("en-US", {
-        minimumFractionDigits: digits,
-        maximumFractionDigits: digits,
-      });
-    } catch (e) {
-      body = abs.toFixed(digits);
-    }
-    const sign = v > 0 ? "+" : v < 0 ? "-" : "";
-    return sign + body + (isPct ? "%" : "");
-  }
-
-  function quoteDirClass(n) {
-    const v = Number(n);
-    if (!Number.isFinite(v) || v === 0) return "is-flat";
-    return v > 0 ? "is-up" : "is-down";
-  }
-
-  function snapshotTickers(row) {
-    const snap = (row && row.snapshot) || {};
-    const quotes = snap.quotes && typeof snap.quotes === "object" ? snap.quotes : {};
-    const list = quotes.tickers;
-    return Array.isArray(list) ? list : [];
-  }
-
-  function tickersHaveLast(tickers) {
-    return (tickers || []).some(function (t) {
-      return t && t.last != null && t.last !== "" && Number.isFinite(Number(t.last));
-    });
-  }
-
-  function pickQuoteSource(list) {
-    let best = null;
-    (list || []).forEach(function (row) {
-      if (!row || !row.online) return;
-      const tickers = snapshotTickers(row);
-      if (!tickersHaveLast(tickers)) return;
-      const mode = String((((row.snapshot || {}).instance || {}).mode) || "").toLowerCase();
-      const live = mode === "live" ? 1 : 0;
-      const pulled = String(row.pulled_at || ((row.snapshot || {}).quotes || {}).updated_at || "");
-      const cand = { tickers: tickers, name: row.name || "", live: live, pulled: pulled };
-      if (!best) {
-        best = cand;
-        return;
-      }
-      if (cand.live !== best.live) {
-        if (cand.live > best.live) best = cand;
-        return;
-      }
-      if (cand.pulled > best.pulled) best = cand;
-    });
-    return best;
-  }
-
-  function paintOverviewQuotes(list) {
-    const root = document.getElementById("overview-quotes");
-    if (!root) return;
-    const src = pickQuoteSource(list);
-    const tickers = src ? src.tickers : [];
-    ["ETH", "BTC"].forEach(function (base) {
-      const row = root.querySelector('.overview-quote-row[data-base="' + base + '"]');
-      if (!row) return;
-      let t = null;
-      for (let i = 0; i < tickers.length; i++) {
-        if (String((tickers[i] && tickers[i].base) || "").toUpperCase() === base) {
-          t = tickers[i];
-          break;
-        }
-      }
-      row.classList.remove("is-up", "is-down", "is-flat");
-      const lastEl = row.querySelector('[data-field="last"]');
-      const chgEl = row.querySelector('[data-field="change"]');
-      const pctEl = row.querySelector('[data-field="change_pct"]');
-      if (!t || t.last == null) {
-        row.classList.add("is-flat");
-        if (lastEl) lastEl.textContent = "—";
-        if (chgEl) chgEl.textContent = "—";
-        if (pctEl) pctEl.textContent = "—";
-        return;
-      }
-      row.classList.add(quoteDirClass(t.change));
-      if (lastEl) lastEl.textContent = fmtQuotePx(t.last);
-      if (chgEl) chgEl.textContent = fmtQuoteSigned(t.change, false);
-      if (pctEl) pctEl.textContent = fmtQuoteSigned(t.change_pct, true);
-    });
-    if (src && src.name) {
-      root.title =
-        "来自 " +
-        src.name +
-        (src.live ? " · live" : " · sim") +
-        " · 相对北京 08:00";
-    } else {
-      root.title = "暂无在线客户端报价 · 相对北京 08:00";
-    }
-  }
-
   async function refresh() {
     const status = document.getElementById("overview-status");
     const grid = document.getElementById("overview-grid");
@@ -698,7 +577,7 @@
       if (!d.ok) throw new Error(d.msg || "失败");
       const list = sortInstancesByMode(d.instances || []);
       renderOverviewSummary(list);
-      paintOverviewQuotes(list);
+      if (global.HubQuotes && HubQuotes.paint) HubQuotes.paint(list);
       if (!list.length) {
         grid.innerHTML =
           '<p class="muted">暂无启用实例,请先到「实例」添加.</p>';
@@ -733,7 +612,7 @@
         box.hidden = true;
         box.innerHTML = "";
       }
-      paintOverviewQuotes([]);
+      if (global.HubQuotes && HubQuotes.paint) HubQuotes.paint([]);
     }
   }