/**
 * 四所实例主题：默认暗色；单独登录用 instance-theme；中控 iframe/SSO 随 hub-theme 联动。
 */
(function (global) {
  const STANDALONE_KEY = "instance-theme";
  const HUB_LINKED_THEME_KEY = "hub-linked-theme";
  const META = { dark: "#0b0d14", light: "#d8e2ec" };

  function normalize(theme) {
    return theme === "light" ? "light" : "dark";
  }

  function isHubLinked() {
    try {
      const p = new URLSearchParams(location.search);
      if (p.get("embed") === "1") return true;
      const ht = p.get("hub_theme");
      if (ht === "light" || ht === "dark") return true;
    } catch (_) {}
    try {
      if (window.self !== window.top) return true;
    } catch (_) {
      return true;
    }
    return false;
  }

  function themeFromUrl() {
    try {
      const t = new URLSearchParams(location.search).get("hub_theme");
      if (t === "light" || t === "dark") return t;
    } catch (_) {}
    return null;
  }

  function readLinkedThemeStorage() {
    try {
      const t = sessionStorage.getItem(HUB_LINKED_THEME_KEY);
      if (t === "light" || t === "dark") return t;
    } catch (_) {}
    return null;
  }

  function writeLinkedThemeStorage(theme) {
    if (!isHubLinked()) return;
    try {
      sessionStorage.setItem(HUB_LINKED_THEME_KEY, normalize(theme));
    } catch (_) {}
  }

  function getStandalone() {
    try {
      return normalize(localStorage.getItem(STANDALONE_KEY));
    } catch (_) {
      return "dark";
    }
  }

  function setStandalone(theme) {
    try {
      localStorage.setItem(STANDALONE_KEY, normalize(theme));
    } catch (_) {}
  }

  let _linkedTheme = null;
  let _appliedTheme = null;

  function get() {
    if (isHubLinked()) {
      return themeFromUrl() || _linkedTheme || readLinkedThemeStorage() || "dark";
    }
    return getStandalone();
  }

  /** 模板内联暗色 → 亮色（切换时重写 style 属性） */
  const INLINE_HEX_LIGHT = {
    "#cfd3ef": "#1a2838",
    "#8892b0": "#4a6078",
    "#9aa3c4": "#4a6078",
    "#8b95a8": "#4a6078",
    "#8b95b8": "#4a6078",
    "#6a7598": "#4a6078",
    "#7d8799": "#4a6078",
    "#6d7689": "#4a6078",
    "#dbe4ff": "#142232",
    "#f0f2ff": "#142232",
    "#e8ecf4": "#142232",
    "#c5cce0": "#4a6078",
    "#b8c4ff": "#142232",
    "#8fc8ff": "#006e9a",
    "#6ab8ff": "#006e9a",
    "#6eb5ff": "#006e9a",
    "#101522": "#ffffff",
    "#121726": "#ffffff",
    "#141423": "#ffffff",
    "#24243b": "#b8c8d8",
    "#252a45": "#b8c8d8",
    "#252538": "#eef3f8",
    "#1a1a29": "#f6f9fc",
    "#2e2e45": "#b8c8d8",
    "#2b2b43": "#d0dae4",
    "#151a2a": "#eef3f8",
    "#141a2a": "#ffffff",
    "#141923": "#ffffff",
    "#141a2e": "#ffffff",
    "#0f1424": "#f6f9fc",
    "#0f1420": "#f6f9fc",
    "#0f1117": "#d8e2ec",
    "#1a2034": "#eef3f8",
    "#1a2030": "#ffffff",
    "#1f3a5a": "#e8eef5",
    "#2f2f44": "#dde5ec",
    "#2a3f6c": "rgba(0,110,154,0.14)",
    "#304164": "rgba(0,95,140,0.22)",
    "#2a3150": "#b8c8d8",
    "#2a3152": "#b8c8d8",
    "#3a5a8a": "rgba(0,95,140,0.35)",
    "#2a3348": "#b8c8d8",
    "#243050": "rgba(0,75,115,0.16)",
    "#2a3558": "#d0dae4",
    "#3a4468": "#c8d4e0",
    "#3a4a66": "#b8c8d8",
    "#3a3f52": "#dde5ec",
    "#3d4659": "#b8c8d8",
    "#1f2740": "#eef3f8",
    "#1f2a44": "rgba(0,110,154,0.1)",
    "#1f4a3a": "#e8f5ef",
    "#2a4a7a": "#e8eef5",
    "#3a3048": "#eef3f8",
    "#d4b8ff": "#5b4fc7",
    "#e6e8ef": "#1a2838",
  };

  function remapInlineStyle(style, theme) {
    if (!style) return style;
    if (theme !== "light") return style;
    const hadSecondaryBtnBg = /#1f3a5a/i.test(style);
    let out = style;
    for (const [from, to] of Object.entries(INLINE_HEX_LIGHT)) {
      out = out.replace(new RegExp(from.replace("#", "\\#"), "gi"), to);
    }
    if (hadSecondaryBtnBg && !/color\s*:/i.test(style)) {
      out = `${out.replace(/;+\s*$/, "")};color:#006e9a`;
    }
    return out;
  }

  function syncInlineStyles(theme, root) {
    const scope = root || document;
    scope.querySelectorAll("[style]").forEach((el) => {
      const raw = el.getAttribute("style");
      if (!raw) return;
      if (!el.dataset.instStyleBase) {
        el.dataset.instStyleBase = raw;
      }
      const base = el.dataset.instStyleBase;
      el.setAttribute("style", theme === "light" ? remapInlineStyle(base, "light") : base);
    });
  }

  function mergeHubQueryIntoHref(href, theme) {
    if (!href || href.startsWith("#") || href.startsWith("javascript:")) return href;
    try {
      const u = new URL(href, location.origin);
      if (u.origin !== location.origin) return href;
      if (isHubLinked()) {
        u.searchParams.set("embed", "1");
        if (theme === "light" || theme === "dark") {
          u.searchParams.set("hub_theme", theme);
        }
      }
      return u.pathname + u.search + u.hash;
    } catch (_) {
      return href;
    }
  }

  function patchHubNavLinks(theme) {
    if (!isHubLinked()) return;
    const t = normalize(theme || get());
    document
      .querySelectorAll(".top-nav a[href], .strategy-subnav a[href]")
      .forEach((a) => {
        const href = a.getAttribute("href");
        if (!href) return;
        const next = mergeHubQueryIntoHref(href, t);
        if (next !== href) a.setAttribute("href", next);
      });
  }

  function apply(theme, opts) {
    const options = opts || {};
    const linked = isHubLinked();
    const t = normalize(theme);
    const root = document.documentElement;
    const unchanged =
      !options.force &&
      _appliedTheme === t &&
      root.getAttribute("data-theme") === t;
    if (unchanged) {
      return t;
    }
    _appliedTheme = t;
    if (linked) {
      _linkedTheme = t;
      writeLinkedThemeStorage(t);
      root.setAttribute("data-hub-linked", "1");
    } else {
      root.removeAttribute("data-hub-linked");
    }
    if (!linked && !options.skipStore) {
      setStandalone(t);
    }
    root.setAttribute("data-theme", t);
    const meta = document.querySelector('meta[name="theme-color"]');
    if (meta) meta.setAttribute("content", META[t]);
    root.style.colorScheme = t;
    if (document.body) {
      syncInlineStyles(t);
      patchHubNavLinks(t);
    } else {
      document.addEventListener(
        "DOMContentLoaded",
        function onDom() {
          syncInlineStyles(t);
          patchHubNavLinks(t);
        },
        { once: true }
      );
    }
    syncToggleUI();
    document.dispatchEvent(
      new CustomEvent("instance-theme-change", { detail: { theme: t, hubLinked: linked } })
    );
    return t;
  }

  function syncToggleUI(root) {
    const scope = root || document;
    const linked = isHubLinked();
    const toggle = scope.querySelector(".instance-theme-toggle");
    if (toggle) {
      toggle.classList.toggle("is-hub-linked", linked);
      toggle.setAttribute("aria-hidden", linked ? "true" : "false");
    }
    if (linked) return;
    scope.querySelectorAll(".theme-toggle-btn[data-theme-value]").forEach((btn) => {
      const on = btn.getAttribute("data-theme-value") === getStandalone();
      btn.classList.toggle("is-active", on);
      btn.setAttribute("aria-pressed", on ? "true" : "false");
    });
  }

  function initToggleUI(root) {
    const scope = root || document;
    syncToggleUI(scope);
    scope.querySelectorAll(".theme-toggle-btn[data-theme-value]").forEach((btn) => {
      if (btn.dataset.themeBound === "1") return;
      btn.dataset.themeBound = "1";
      btn.addEventListener("click", () => {
        if (isHubLinked()) return;
        apply(btn.getAttribute("data-theme-value"));
      });
    });
  }

  function initMobileTopNav() {
    const mq = window.matchMedia("(max-width: 720px)");

    function scrollActiveTab(nav) {
      const active = nav.querySelector("a.active");
      if (!active) return;
      requestAnimationFrame(() => {
        try {
          active.scrollIntoView({ inline: "center", block: "nearest", behavior: "instant" });
        } catch (_) {
          active.scrollIntoView(false);
        }
      });
    }

    function apply() {
      if (!mq.matches) return;
      if (consumeSoftNavPending()) return;
      document.querySelectorAll(".top-nav").forEach(scrollActiveTab);
    }

    apply();
    mq.addEventListener("change", apply);
    window.addEventListener("resize", apply);
    window.addEventListener("orientationchange", apply);
  }

  function initFromHubMessage(data) {
    if (!data || data.type !== "hub-theme-sync") return;
    if (!isHubLinked()) return;
    apply(data.theme, { skipStore: true });
  }

  /** 交易记录页：核对开关与按钮 disabled 保持同步（iframe 软导航/表单恢复后不触发 change） */
  function syncReviewEditButtons() {
    const toggle = document.getElementById("review-mode-toggle");
    if (!toggle) return;
    const on = !!toggle.checked;
    document.querySelectorAll(".review-edit-btn").forEach((btn) => {
      btn.disabled = !on;
    });
  }

  function initReviewEditModeSync() {
    const toggle = document.getElementById("review-mode-toggle");
    if (!toggle) return;
    if (toggle.dataset.instReviewModeBound !== "1") {
      toggle.dataset.instReviewModeBound = "1";
      toggle.addEventListener("input", () => {
        if (typeof global.toggleReviewMode === "function") global.toggleReviewMode();
        else syncReviewEditButtons();
      });
    }
    const run = () => {
      if (typeof global.toggleReviewMode === "function") global.toggleReviewMode();
      else syncReviewEditButtons();
    };
    run();
    requestAnimationFrame(run);
    setTimeout(run, 0);
    if (!global.__instReviewModePageshowBound) {
      global.__instReviewModePageshowBound = true;
      window.addEventListener("pageshow", run);
    }
  }

  function remapInlineStylesInHtml(html) {
    if (!html) return html;
    return html.replace(/\sstyle=(["'])([\s\S]*?)\1/gi, (full, q, style) => {
      return ` style=${q}${remapInlineStyle(style, "light")}${q}`;
    });
  }

  function prepareSoftNavHtml(html, theme) {
    const t = normalize(theme || get());
    const bg = META[t];
    let out = html || "";
    if (t === "light") {
      out = remapInlineStylesInHtml(out);
    }
    const guard = `<style id="inst-nav-guard">html,body{background:${bg}!important;color-scheme:${t};}#inst-nav-overlay{position:fixed;inset:0;z-index:2147483647;background:${bg};pointer-events:none;opacity:1;}</style>`;
    if (out.includes("</head>")) {
      out = out.replace("</head>", `${guard}</head>`);
    } else {
      out = guard + out;
    }
    out = out.replace(/<html([^>]*)>/i, (m, attrs) => {
      if (/data-theme=/i.test(attrs)) {
        return m.replace(/data-theme="[^"]*"/i, `data-theme="${t}"`);
      }
      return `<html${attrs} data-theme="${t}">`;
    });
    const overlay = `<div id="inst-nav-overlay" aria-hidden="true" style="position:fixed;inset:0;z-index:2147483647;background:${bg};pointer-events:none;opacity:1"></div>`;
    if (/<body[^>]*>/i.test(out)) {
      out = out.replace(/<body([^>]*)>/i, `<body$1>${overlay}`);
    }
    return out;
  }

  function ensureNavOverlay(theme) {
    const t = normalize(theme || get());
    const bg = META[t];
    let el = document.getElementById("inst-nav-overlay");
    if (!el) {
      el = document.createElement("div");
      el.id = "inst-nav-overlay";
      el.setAttribute("aria-hidden", "true");
      (document.body || document.documentElement).appendChild(el);
    }
    el.style.cssText = `position:fixed;inset:0;z-index:2147483647;background:${bg};pointer-events:none;opacity:1;`;
    return el;
  }

  function dismissNavOverlay() {
    const el = document.getElementById("inst-nav-overlay");
    if (!el) return;
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        el.style.transition = "opacity 90ms ease";
        el.style.opacity = "0";
        window.setTimeout(() => {
          try {
            el.remove();
          } catch (_) {}
        }, 120);
      });
    });
  }

  function markSoftNavPending() {
    try {
      sessionStorage.setItem("inst-soft-nav", "1");
    } catch (_) {}
  }

  function consumeSoftNavPending() {
    try {
      if (sessionStorage.getItem("inst-soft-nav") === "1") {
        sessionStorage.removeItem("inst-soft-nav");
        return true;
      }
    } catch (_) {}
    return false;
  }

  const PAGE_CACHE_PREFIX = "inst-pc:v1:";
  const PAGE_CACHE_DAYS_KEY = "inst-page-cache-days";
  const PAGE_CACHE_INDEX_KEY = "inst-page-cache-index";
  const DEFAULT_PAGE_CACHE_DAYS = 7;
  const MAX_PAGE_CACHE_ENTRIES = 16;
  const CACHE_REVALIDATE_KEY = "inst-cache-revalidate";

  function getPageCacheMaxAgeMs() {
    try {
      const days = parseInt(localStorage.getItem(PAGE_CACHE_DAYS_KEY) || "", 10);
      if (Number.isFinite(days) && days > 0 && days <= 30) {
        return days * 86400000;
      }
    } catch (_) {}
    return DEFAULT_PAGE_CACHE_DAYS * 86400000;
  }

  function setPageCacheDays(days) {
    const d = parseInt(days, 10);
    if (!Number.isFinite(d) || d <= 0 || d > 30) return DEFAULT_PAGE_CACHE_DAYS;
    try {
      localStorage.setItem(PAGE_CACHE_DAYS_KEY, String(d));
    } catch (_) {}
    return d;
  }

  function pageCacheStorageKey(cacheKey) {
    return PAGE_CACHE_PREFIX + cacheKey;
  }

  function pageCacheKey(href) {
    try {
      const u = new URL(href, location.href);
      return `${u.pathname}${u.search}|t=${get()}`;
    } catch (_) {
      return `${href}|t=${get()}`;
    }
  }

  function readPageCacheIndex() {
    try {
      const raw = localStorage.getItem(PAGE_CACHE_INDEX_KEY);
      const data = raw ? JSON.parse(raw) : null;
      return Array.isArray(data) ? data : [];
    } catch (_) {
      return [];
    }
  }

  function writePageCacheIndex(rows) {
    try {
      localStorage.setItem(PAGE_CACHE_INDEX_KEY, JSON.stringify(rows.slice(0, MAX_PAGE_CACHE_ENTRIES)));
    } catch (_) {}
  }

  function prunePageCache(aggressive) {
    const maxAge = getPageCacheMaxAgeMs();
    const now = Date.now();
    let index = readPageCacheIndex().filter((row) => {
      if (!row || !row.key || !row.savedAt) return false;
      if (now - row.savedAt > maxAge) {
        try {
          localStorage.removeItem(pageCacheStorageKey(row.key));
        } catch (_) {}
        return false;
      }
      return true;
    });
    index.sort((a, b) => (b.savedAt || 0) - (a.savedAt || 0));
    if (aggressive || index.length > MAX_PAGE_CACHE_ENTRIES) {
      index.slice(MAX_PAGE_CACHE_ENTRIES).forEach((row) => {
        try {
          localStorage.removeItem(pageCacheStorageKey(row.key));
        } catch (_) {}
      });
      index = index.slice(0, MAX_PAGE_CACHE_ENTRIES);
    }
    writePageCacheIndex(index);
  }

  function readPageCache(cacheKey) {
    prunePageCache(false);
    try {
      const raw = localStorage.getItem(pageCacheStorageKey(cacheKey));
      if (!raw) return null;
      const entry = JSON.parse(raw);
      if (!entry || typeof entry.html !== "string" || !entry.savedAt) return null;
      if (Date.now() - entry.savedAt > getPageCacheMaxAgeMs()) {
        localStorage.removeItem(pageCacheStorageKey(cacheKey));
        return null;
      }
      return entry;
    } catch (_) {
      return null;
    }
  }

  function savePageCache(cacheKey, html) {
    if (!html) return;
    const savedAt = Date.now();
    const payload = JSON.stringify({ html, savedAt, key: cacheKey });
    try {
      localStorage.setItem(pageCacheStorageKey(cacheKey), payload);
    } catch (_) {
      prunePageCache(true);
      try {
        localStorage.setItem(pageCacheStorageKey(cacheKey), payload);
      } catch (e2) {
        return;
      }
    }
    let index = readPageCacheIndex().filter((row) => row && row.key !== cacheKey);
    index.unshift({ key: cacheKey, savedAt });
    writePageCacheIndex(index);
  }

  function clearPageCache() {
    readPageCacheIndex().forEach((row) => {
      if (!row || !row.key) return;
      try {
        localStorage.removeItem(pageCacheStorageKey(row.key));
      } catch (_) {}
    });
    try {
      localStorage.removeItem(PAGE_CACHE_INDEX_KEY);
    } catch (_) {}
  }

  function markCacheRevalidatePending() {
    try {
      sessionStorage.setItem(CACHE_REVALIDATE_KEY, "1");
    } catch (_) {}
  }

  function consumeCacheRevalidatePending() {
    try {
      if (sessionStorage.getItem(CACHE_REVALIDATE_KEY) === "1") {
        sessionStorage.removeItem(CACHE_REVALIDATE_KEY);
        return true;
      }
    } catch (_) {}
    return false;
  }

  function refreshInstanceLiveData() {
    const fns = [
      "refreshAccountSnapshot",
      "refreshPriceSnapshotConditional",
      "refreshPriceSnapshot",
      "refreshOrderDefaults",
      "loadJournals",
      "loadReviews",
    ];
    fns.forEach((name) => {
      const fn = global[name];
      if (typeof fn === "function") {
        try {
          fn();
        } catch (_) {}
      }
    });
    try {
      document.dispatchEvent(new CustomEvent("instance-page-revalidate"));
    } catch (_) {}
  }

  function scheduleLiveDataRefresh() {
    window.setTimeout(refreshInstanceLiveData, 0);
    window.setTimeout(refreshInstanceLiveData, 350);
  }

  function updateSoftNavHistory(href, opts) {
    let path = href;
    try {
      const u = new URL(href, location.href);
      path = u.pathname + u.search + u.hash;
    } catch (_) {}
    if (opts && opts.replace) history.replaceState(null, "", path);
    else history.pushState(null, "", path);
  }

  function paintSoftNavDocument(html, href, opts) {
    updateSoftNavHistory(href, opts);
    document.open();
    document.write(html);
    document.close();
  }

  function seedCurrentPageCache() {
    if (global.__instPageCacheSeeded) return;
    global.__instPageCacheSeeded = true;
    const href = location.pathname + location.search;
    const cacheKey = pageCacheKey(href);
    if (readPageCache(cacheKey)) return;
    window.setTimeout(() => {
      fetch(href, { credentials: "same-origin", cache: "no-store" })
        .then((r) => (r.ok ? r.text() : null))
        .then((html) => {
          if (html) savePageCache(cacheKey, html);
        })
        .catch(() => {});
    }, 1500);
  }

  function initInstanceTopNavSoft() {
    prunePageCache(false);
    let navToken = 0;

    function isSoftNavLink(a) {
      if (!a || !a.getAttribute) return false;
      if (a.hasAttribute("download") || a.target === "_blank") return false;
      return !!a.closest(".top-nav, .strategy-subnav");
    }

    async function navigateInFrame(href, opts) {
      const token = ++navToken;
      const themeNow = get();
      const cacheKey = pageCacheKey(href);
      ensureNavOverlay(themeNow);
      markSoftNavPending();

      const cached = readPageCache(cacheKey);
      let paintedFromCache = false;
      if (cached && cached.html) {
        markCacheRevalidatePending();
        paintSoftNavDocument(prepareSoftNavHtml(cached.html, themeNow), href, opts);
        paintedFromCache = true;
      }

      try {
        const r = await fetch(href, { credentials: "same-origin", cache: "no-store" });
        if (token !== navToken) return;
        if (!r.ok) {
          if (!paintedFromCache) location.href = href;
          return;
        }
        const rawHtml = await r.text();
        savePageCache(cacheKey, rawHtml);
        if (token !== navToken) return;
        if (!paintedFromCache) {
          paintSoftNavDocument(prepareSoftNavHtml(rawHtml, themeNow), href, opts);
        } else {
          scheduleLiveDataRefresh();
        }
      } catch (_) {
        if (!paintedFromCache && token === navToken) location.href = href;
      }
    }

    document.addEventListener(
      "click",
      (ev) => {
        const a = ev.target.closest("a[href]");
        if (!a || !isSoftNavLink(a) || ev.defaultPrevented) return;
        if (ev.button !== 0 || ev.ctrlKey || ev.metaKey || ev.shiftKey || ev.altKey) return;
        const rawHref = a.getAttribute("href");
        if (!rawHref || rawHref.startsWith("#") || rawHref.startsWith("javascript:")) return;
        let target;
        try {
          target = new URL(rawHref, location.href);
        } catch (_) {
          return;
        }
        if (target.origin !== location.origin) return;
        const nextHref = target.pathname + target.search + target.hash;
        if (target.pathname === location.pathname && target.search === location.search) return;
        ev.preventDefault();
        void navigateInFrame(nextHref);
      },
      true
    );

    window.addEventListener("popstate", () => {
      void navigateInFrame(location.pathname + location.search + location.hash, { replace: true });
    });
  }

  function boot() {
    if (isHubLinked()) {
      apply(get(), { skipStore: true });
      window.addEventListener("message", (ev) => initFromHubMessage(ev.data));
      try {
        window.parent.postMessage({ type: "instance-theme-ready" }, "*");
      } catch (_) {}
    } else {
      apply(getStandalone());
    }
    initInstanceTopNavSoft();
    seedCurrentPageCache();

    function observeDynamicLists() {
      ["journal-list", "review-list"].forEach((id) => {
        const el = document.getElementById(id);
        if (!el || el.dataset.instThemeObserved === "1") return;
        el.dataset.instThemeObserved = "1";
        new MutationObserver(() => {
          syncInlineStyles(get());
          patchHubNavLinks(get());
        }).observe(el, {
          childList: true,
          subtree: true,
        });
      });
    }

    const onReady = () => {
      initToggleUI();
      initMobileTopNav();
      initReviewEditModeSync();
      syncInlineStyles(get());
      patchHubNavLinks(get());
      observeDynamicLists();
      if (consumeCacheRevalidatePending()) {
        scheduleLiveDataRefresh();
      }
      if (document.getElementById("inst-nav-overlay")) {
        dismissNavOverlay();
        window.setTimeout(() => {
          const el = document.getElementById("inst-nav-overlay");
          if (el) {
            try {
              el.remove();
            } catch (_) {}
          }
        }, 800);
      }
    };
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", onReady);
    } else {
      onReady();
    }
    document.addEventListener("instance-theme-change", (ev) => {
      const t = ev.detail && ev.detail.theme;
      if (t) {
        syncInlineStyles(t);
        patchHubNavLinks(t);
      }
    });
  }

  boot();

  global.InstanceTheme = {
    STANDALONE_KEY,
    HUB_LINKED_THEME_KEY,
    isHubLinked,
    get,
    apply,
    initToggleUI,
    syncToggleUI,
    syncInlineStyles,
    patchHubNavLinks,
    mergeHubQueryIntoHref,
    syncReviewEditButtons,
    initReviewEditModeSync,
    setPageCacheDays,
    clearPageCache,
    getPageCacheMaxAgeMs,
    refreshInstanceLiveData,
  };
})(typeof window !== "undefined" ? window : globalThis);