captcha-autofill.user.js

// ==UserScript==
// @name         验证码自动识别填充（通用 CRNN）
// @namespace    https://github.com/Conastin/VerificationCode
// @version      0.3.2
// @description  通用验证码识别：自动发现验证码与输入框，图片走本地 CRNN 推理、纯文字 DOM 直读（无需服务器），低置信自动刷新重试。
// @author       Conastin
// @match        *://*/*
// @run-at       document-idle
// @homepage     https://github.com/Conastin/VerificationCode
// @homepageURL  https://github.com/Conastin/VerificationCode
// @supportURL   https://github.com/Conastin/VerificationCode/issues
// @tag          验证码
// @tag          OCR
// @tag          自动填充
// @license      MIT
// @updateURL    https://github.com/Conastin/VerificationCode/releases/latest/download/captcha-autofill.user.js
// @downloadURL  https://github.com/Conastin/VerificationCode/releases/latest/download/captcha-autofill.user.js
// @connect      cdn.jsdelivr.net
// @connect      raw.githubusercontent.com
// @connect      github.com
// @connect      objects.githubusercontent.com
// @connect      fastly.jsdelivr.net
// @require      https://cdn.jsdelivr.net/npm/onnxruntime-web@1.19.2/dist/ort.min.js
// @resource     model https://fastly.jsdelivr.net/gh/Conastin/VerificationCode@v3.1.0/userscript/model.onnx
// @grant        GM_xmlhttpRequest
// @grant        GM_getResourceURL
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_deleteValue
// @grant        GM_registerMenuCommand
// @grant        GM_info
// @noframes
// ==/UserScript==

/* eslint-disable no-undef */
"use strict";

(() => {
  // ------------------------------------------------------------ 常量
  // 模型与脚本同版本分发: 发新版时同步更新此 tag 与 @version
  const MODEL_TAG = "v3.1.0";
  const MODEL_VERSION = "v11-fp32-" + MODEL_TAG;
  const MODEL_URLS = [
    "https://fastly.jsdelivr.net/gh/Conastin/VerificationCode@" + MODEL_TAG + "/userscript/model.onnx",
    "https://cdn.jsdelivr.net/gh/Conastin/VerificationCode@" + MODEL_TAG + "/userscript/model.onnx",
    "https://raw.githubusercontent.com/Conastin/VerificationCode/" + MODEL_TAG + "/userscript/model.onnx",
  ];
  const ORT_WASM_PATHS = "https://cdn.jsdelivr.net/npm/onnxruntime-web@1.19.2/dist/";
  const MODEL_SIZE_MB = 10.5;
  const CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
  const BLANK = 36;
  const IMG_H = 48;
  const CONF_THRESHOLD = 0.9;
  const MAX_ATTEMPTS = 5;
  const DEFAULT_TEXT_PATTERN = /[A-Za-z0-9]{3,8}/;

  const state = {
    session: null,
    status: "idle", // idle | loading | ready | error
    config: null,   // {mode:"image"|"text", imgSelector?, textSelector?, inputSelector, textPattern?, refreshSelector?}
    chip: null,
    chipTimer: null,
    running: false, // 识别循环进行中(含低置信刷新重试), 屏蔽刷新监听的递归触发
    srcObserver: null,
    textObserver: null,
    watching: false,
    lastSrc: null,
  };

  // ------------------------------------------------------------ 工具
  const sleep = (ms) => new Promise((r) => setTimeout(r, ms));

  function shortSelector(el) {
    if (el.id) return "#" + CSS.escape(el.id);
    if (el.name) {
      const byName = document.querySelector(
        `${el.tagName.toLowerCase()}[name="${CSS.escape(el.name)}"]`);
      if (byName === el) return `${el.tagName.toLowerCase()}[name="${CSS.escape(el.name)}"]`;
    }
    const path = [];
    let node = el;
    while (node && node.nodeType === 1 && path.length < 5) {
      const parent = node.parentElement;
      if (!parent) { path.unshift(node.tagName.toLowerCase()); break; }
      const sibs = Array.from(parent.children).filter((c) => c.tagName === node.tagName);
      const idx = sibs.indexOf(node);
      path.unshift(node.tagName.toLowerCase() + (sibs.length > 1 ? `:nth-of-type(${idx + 1})` : ""));
      node = parent;
    }
    return path.join(">");
  }

  // 角标: 按需显示 —— ok/info 4s、err 8s 自动隐藏; load/busy 常驻直到下一条或隐藏
  function setChip(text, kind) {
    if (!state.chip) {
      state.chip = document.createElement("div");
      state.chip.className = "cap-chip";
      state.chip.style.display = "none";
      document.body.appendChild(state.chip);
    }
    clearTimeout(state.chipTimer);
    state.chip.textContent = text;
    state.chip.dataset.kind = kind || "info";
    state.chip.style.display = "";
    const ttl = kind === "err" ? 8000 : (kind === "ok" || kind === "info") ? 4000 : 0;
    if (ttl) state.chipTimer = setTimeout(() => { state.chip.style.display = "none"; }, ttl);
  }

  function hideChip() {
    clearTimeout(state.chipTimer);
    if (state.chip) state.chip.style.display = "none";
  }

  // ------------------------------------------------------------ 模型加载（三级容灾）
  async function fetchWithGM(url, onProgress) {
    return new Promise((resolve, reject) => {
      GM_xmlhttpRequest({
        method: "GET", url, responseType: "arraybuffer",
        timeout: 120000,
        headers: { "Cache-Control": "no-cache" },
        onprogress: (e) => {
          if (onProgress && e.lengthComputable) onProgress(e.loaded, e.total);
        },
        onload: (res) => (res.status === 200 ? resolve(res.response) : reject(new Error(url + " -> " + res.status))),
        onerror: () => reject(new Error("network: " + url)),
        ontimeout: () => reject(new Error("timeout: " + url)),
      });
    });
  }

  async function loadModelBytes() {
    // 1) @resource —— 管理器级缓存, 安装脚本时下载一次、所有网站共享
    try {
      const url = GM_getResourceURL("model", true);
      if (url && (url.startsWith("blob:") || url.startsWith("data:"))) {
        const resp = await fetch(url);
        if (resp.ok) {
          const bytes = await resp.arrayBuffer();
          if (bytes.byteLength > 1e6) return { bytes, cached: true };
        }
      }
    } catch (e) { /* 管理器差异, 走下一级 */ }
    // 2) Cache API 本地缓存（按域名隔离: 命中说明本站曾直拉过）
    if ("caches" in window && window.isSecureContext) {
      try {
        const cache = await caches.open("captcha-model");
        const hit = await cache.match(MODEL_VERSION);
        if (hit) return { bytes: await hit.arrayBuffer(), cached: true };
      } catch (e) { /* 页面 CSP 等原因, 走下一级 */ }
    }
    // 3) 多 CDN 直拉（模型大小已知, 进度不依赖 lengthComputable）
    let lastErr = null;
    for (const url of MODEL_URLS) {
      try {
        setChip(`模型下载 0.0 / ${MODEL_SIZE_MB}MB（管理器级共享缓存建立后其他网站秒加载）`, "load");
        const bytes = await fetchWithGM(url, (loaded, total) => {
          const mb = Math.min(loaded / 1e6, MODEL_SIZE_MB);
          setChip(`模型下载 ${mb.toFixed(1)} / ${MODEL_SIZE_MB}MB`, "load");
        });
        if ("caches" in window && window.isSecureContext) {
          try {
            const cache = await caches.open("captcha-model");
            await cache.put(MODEL_VERSION, new Response(bytes));
          } catch (e) { /* 缓存失败不影响使用 */ }
        }
        return { bytes, cached: false };
      } catch (e) { lastErr = e; }
    }
    throw lastErr || new Error("all model sources failed");
  }

  async function initModel() {
    if (state.session) return;
    state.status = "loading";
    setChip("模型加载中…", "load");
    try {
      const { bytes } = await loadModelBytes();
      ort.env.wasm.wasmPaths = ORT_WASM_PATHS;
      ort.env.wasm.numThreads = 1;
      state.session = await ort.InferenceSession.create(bytes, {
        executionProviders: ["wasm"],
        graphOptimizationLevel: "all",
      });
      state.status = "ready";
      hideChip();
    } catch (e) {
      state.status = "error";
      setChip("模型加载失败: " + e.message, "err");
      throw e;
    }
  }

  // ------------------------------------------------------------ 识别（CRNN + CTC）
  function imageToTensor(image) {
    const natural = image.naturalWidth || image.width || 80;
    const naturalH = image.naturalHeight || image.height || 34;
    const w = Math.max(8, Math.round((natural * IMG_H) / naturalH));
    const canvas = document.createElement("canvas");
    canvas.width = w; canvas.height = IMG_H;
    const ctx = canvas.getContext("2d", { willReadFrequently: true });
    ctx.drawImage(image, 0, 0, w, IMG_H);
    const rgba = ctx.getImageData(0, 0, w, IMG_H).data;
    const plane = w * IMG_H;
    const data = new Float32Array(3 * plane);
    for (let p = 0; p < plane; p++) {
      data[p] = rgba[p * 4] / 255;
      data[plane + p] = rgba[p * 4 + 1] / 255;
      data[2 * plane + p] = rgba[p * 4 + 2] / 255;
    }
    return new ort.Tensor("float32", data, [1, 3, IMG_H, w]);
  }

  async function recognize(image) {
    const results = await state.session.run({ image: imageToTensor(image) });
    const logits = results.logits.data;
    const T = results.logits.dims[1];
    const label = []; const confs = [];
    let prev = -1;
    for (let t = 0; t < T; t++) {
      const base = t * (BLANK + 1);
      let max = -Infinity, best = 0;
      for (let c = 0; c <= BLANK; c++) {
        const v = logits[base + c];
        if (v > max) { max = v; best = c; }
      }
      let sum = 0;
      for (let c = 0; c <= BLANK; c++) sum += Math.exp(logits[base + c] - max);
      if (best !== prev && best !== BLANK) { label.push(CHARSET[best]); confs.push(1 / sum); }
      prev = best;
    }
    const conf = confs.length ? confs.reduce((a, b) => a + b, 0) / confs.length : 0;
    return { label: label.join(""), conf, perSlot: confs };
  }

  // ------------------------------------------------------------ 自动发现（图片验证码）
  const IMG_KEYWORDS = /(captcha|verify|rand|seccode|vcode|kaptcha|checkcode|imgcode|validcode|randcode|getrandcode)/i;
  const INPUT_KEYWORDS = /(验证码|校验码|captcha|verification|randcode|vcode|seccode)/i;

  function plausibleImage(img) {
    const w = img.naturalWidth || img.width;
    const h = img.naturalHeight || img.height;
    if (!w || !h || w < 40 || w > 260 || h < 14 || h > 100) return false;
    const ratio = w / h;
    if (ratio < 1.2 || ratio > 8) return false;
    if (/logo|icon|avatar|banner|qrcode|barcode/i.test(img.src + " " + (img.id || "") + " " + (img.className || ""))) return false;
    if (img.src && /\.svg(\?|$)/i.test(img.src)) return false;
    const rect = img.getBoundingClientRect();
    if (rect.width === 0 || rect.height === 0) return false;
    return true;
  }

  function discover() {
    const imgs = Array.from(document.querySelectorAll("img, canvas"))
      .filter(plausibleImage);
    let best = null;
    for (const img of imgs) {
      const sig = `${img.src || ""} ${img.id || ""} ${img.className || ""} ${img.getAttribute("onclick") || ""}`;
      const kw = IMG_KEYWORDS.test(sig);
      // 输入框: 从最近公共容器往外找
      let scope = img.closest("form, div, section");
      for (let depth = 0; depth < 4 && scope; depth++) {
        const inputs = Array.from(scope.querySelectorAll('input[type="text"], input:not([type])'))
          .filter((inp) => {
            if (inp.disabled || inp.readOnly || inp.offsetParent === null) return false;
            const s = `${inp.id || ""} ${inp.name || ""} ${inp.placeholder || ""} ${inp.getAttribute("aria-label") || ""} ${inp.maxLength || 8}`;
            if (/\b(email|tel|phone|user|password|search)\b/i.test(s)) return false;
            return INPUT_KEYWORDS.test(s) || (inp.maxLength >= 4 && inp.maxLength <= 8);
          });
        if (inputs.length) {
          const input = inputs[0];
          const score = (kw ? 10 : 0) + (depth === 0 ? 5 : 3 - depth);
          if (!best || score > best.score) {
            best = { img, input, score, keyword: kw };
          }
          break;
        }
        scope = scope.parentElement;
      }
    }
    return best;
  }

  // ------------------------------------------------------------ UI（按需角标 + 发现横幅）
  function injectStyle() {
    const style = document.createElement("style");
    style.textContent = `
.cap-chip{position:fixed;right:14px;bottom:14px;z-index:2147483000;background:#24292f;color:#fff;
  padding:6px 12px;border-radius:8px;font:12px/1.6 Consolas,"Microsoft YaHei",monospace;
  box-shadow:0 2px 10px rgba(0,0,0,.35);opacity:.92}
.cap-chip[data-kind="ok"]{background:#1a7f37}.cap-chip[data-kind="err"]{background:#b62324}
.cap-chip[data-kind="load"]{background:#9a6700}.cap-chip[data-kind="busy"]{background:#0969da}
.cap-banner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:2147483000;
  background:#fff;border:1px solid #d0d7de;border-top:none;border-radius:0 0 10px 10px;
  padding:10px 14px;display:flex;align-items:center;gap:12px;
  font:13px/1.5 "Microsoft YaHei",sans-serif;color:#1f2328;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.cap-banner img{width:96px;height:40px;object-fit:contain;background:#f6f8fa;border:1px solid #d0d7de;border-radius:4px}
.cap-btn{cursor:pointer;border:1px solid #d0d7de;background:#f6f8fa;border-radius:6px;padding:4px 12px;font-size:13px}
.cap-btn.primary{background:#1f883d;color:#fff;border-color:#1f883d}
.cap-btn:hover{filter:brightness(.97)}
.cap-hl{outline:3px solid #0969da !important;outline-offset:2px}
.cap-note{color:#656d76;font-size:12px}
    `;
    document.head.appendChild(style);
  }

  function showDiscoveryBanner(cand) {
    if (document.querySelector(".cap-banner")) return;
    const banner = document.createElement("div");
    banner.className = "cap-banner";
    const img = document.createElement("img");
    img.src = cand.img.src || "";
    if (cand.img.tagName === "CANVAS") img.src = cand.img.toDataURL();
    const text = document.createElement("div");
    text.innerHTML =
      `<b>检测到验证码</b><div class="cap-note">输入框: <code>${shortSelector(cand.input)}</code>` +
      `${cand.keyword ? "" : "（低置信猜测，请确认）"}</div>`;
    const btnYes = document.createElement("button");
    btnYes.className = "cap-btn primary"; btnYes.textContent = "启用自动填充";
    const btnAdj = document.createElement("button");
    btnAdj.className = "cap-btn"; btnAdj.textContent = "微调";
    const btnNo = document.createElement("button");
    btnNo.className = "cap-btn"; btnNo.textContent = "忽略本站";
    banner.append(img, text, btnYes, btnAdj, btnNo);
    document.body.appendChild(banner);

    cand.img.classList.add("cap-hl");
    cand.input.classList.add("cap-hl");

    const dismiss = () => { banner.remove(); cand.img.classList.remove("cap-hl"); cand.input.classList.remove("cap-hl"); };
    btnYes.onclick = async () => {
      state.config = {
        mode: "image",
        imgSelector: shortSelector(cand.img),
        inputSelector: shortSelector(cand.input),
        refreshSelector: shortSelector(cand.img),
      };
      await GM_setValue("cfg:" + location.origin, state.config);
      dismiss();
      runAutoFill();
    };
    btnAdj.onclick = () => { dismiss(); startAdjust(); };
    btnNo.onclick = async () => {
      await GM_setValue("ignore:" + location.origin, true);
      dismiss();
    };
    // 20 秒无操作自动收起
    setTimeout(dismiss, 20000);
  }

  // 微调: 第一步点击 IMG/CANVAS → 图片模式; 点其他元素 → 纯文字模式
  function startAdjust() {
    const tip = document.createElement("div");
    tip.className = "cap-banner";
    tip.innerHTML = "<b>微调</b>：点击验证码（图片或文字元素）→ 再点击输入框";
    document.body.appendChild(tip);
    const pick = (filter) => new Promise((resolve) => {
      const handler = (e) => {
        if (!filter(e.target)) return;
        e.preventDefault(); e.stopPropagation();
        document.removeEventListener("click", handler, true);
        resolve(e.target);
      };
      document.addEventListener("click", handler, true);
    });
    (async () => {
      const el = await pick((t) => t.nodeType === 1 && !t.closest(".cap-banner, .cap-chip"));
      const isImage = el.tagName === "IMG" || el.tagName === "CANVAS";
      const input = await pick((t) => (t.tagName === "INPUT" && t.type !== "password"));
      state.config = isImage
        ? { mode: "image", imgSelector: shortSelector(el), inputSelector: shortSelector(input),
            refreshSelector: shortSelector(el) }
        : { mode: "text", textSelector: shortSelector(el), inputSelector: shortSelector(input),
            refreshSelector: shortSelector(el) };
      await GM_setValue("cfg:" + location.origin, state.config);
      tip.remove();
      runAutoFill();
    })();
  }

  // ------------------------------------------------------------ 填充
  function waitImage(img, timeoutMs = 10000) {
    return new Promise((resolve) => {
      if (img.complete && img.naturalWidth > 0) return resolve(true);
      const t = setTimeout(() => { cleanup(); resolve(false); }, timeoutMs);
      const ok = () => { clearTimeout(t); cleanup(); resolve(true); };
      const cleanup = () => { img.removeEventListener("load", ok); img.removeEventListener("error", ok); };
      img.addEventListener("load", ok); img.addEventListener("error", ok);
    });
  }

  function refreshCaptcha(el) {
    try { el.click(); } catch (e) { /* ignore */ }
  }

  function fillInput(input, value) {
    const proto = input instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
    const setter = Object.getOwnPropertyDescriptor(proto, "value").set;
    setter.call(input, value);
    input.dispatchEvent(new Event("input", { bubbles: true }));
    input.dispatchEvent(new Event("change", { bubbles: true }));
  }

  function extractText(el) {
    const raw = (el.value !== undefined && el.tagName === "INPUT") ? el.value
      : (el.textContent || el.innerText || "");
    const pattern = state.config.textPattern
      ? new RegExp(state.config.textPattern)
      : DEFAULT_TEXT_PATTERN;
    const m = String(raw).match(pattern);
    return m ? m[0] : String(raw).trim();
  }

  // 纯文字验证码: DOM 直读填充（无需模型），失败可点刷新重读
  // force=true 时覆盖已有输入（验证码内容已变化, 旧值必然失效）
  async function runTextFill(force) {
    state.running = true;
    try {
    for (let attempt = 1; attempt <= MAX_ATTEMPTS; attempt++) {
      const el = document.querySelector(state.config.textSelector);
      const input = document.querySelector(state.config.inputSelector);
      if (!el || !input) return;
      if (!force && input.value && input.value.length >= 3) return; // 手动已填
      const code = extractText(el);
      if (code && code.length >= 3) {
        fillInput(input, code);
        setChip(`已填充 ${code}（文字直读）`, "ok");
        return;
      }
      setChip(`文字直读失败（${attempt}/${MAX_ATTEMPTS}），刷新重试`, "load");
      refreshCaptcha(el);
      await sleep(1000);
    }
    setChip("多次读取失败，请手动输入", "err");
    } finally { state.running = false; }
  }

  // 图片验证码: 本地 CRNN 识别 + 低置信刷新重试
  // force=true 时覆盖已有输入（验证码图已刷新, 旧值必然失效）
  async function runImageFill(force) {
    state.running = true;
    try {
    await initModel();
    for (let attempt = 1; attempt <= MAX_ATTEMPTS; attempt++) {
      const img = document.querySelector(state.config.imgSelector);
      const input = document.querySelector(state.config.inputSelector);
      if (!img || !input) {
        // 配置的选择器失效（站点改版）: 回退到自动发现重新配置
        const cand = discover();
        if (cand) showDiscoveryBanner(cand);
        return;
      }
      // 用户已手动填写则不再覆盖（刷新触发的 force 重识别除外）
      if (!force && input.value && input.value.length >= 4) return;
      if (!(await waitImage(img))) continue;
      setChip(`识别中…（${attempt}/${MAX_ATTEMPTS}）`, "busy");
      let result;
      try { result = await recognize(img); }
      catch (e) { setChip("识别失败: " + e.message, "err"); return; }
      if (result.conf >= CONF_THRESHOLD && result.label.length === 4) {
        fillInput(input, result.label);
        setChip(`已填充 ${result.label}（置信度 ${result.conf.toFixed(2)}）`, "ok");
        return;
      }
      setChip(`置信度不足 ${result.conf.toFixed(2)}，刷新重试`, "load");
      refreshCaptcha(img);
      await sleep(1200);
    }
    setChip("多次置信度不足，请手动输入", "err");
    } finally { state.running = false; }
  }

  function runAutoFill(force) {
    if (!state.config || state.running) return;
    console.log("[captcha-us] 运行填充: mode=" + state.config.mode + (force ? " (强制)" : ""));
    if (state.config.mode === "text") {
      watchTextChanges();
      return runTextFill(force);
    }
    watchCaptchaChanges();
    return runImageFill(force);
  }

  // 文字模式: 监听验证码文本变化 → 强制重读
  function watchTextChanges() {
    if (state.textObserver || state.config?.mode !== "text") return;
    const sel = state.config.textSelector;
    const target = document.querySelector(sel);
    if (!target) return;
    state.textObserver = new MutationObserver(() => {
      if (state.running) return;
      console.log("[captcha-us] 检测到文字验证码变化，重新读取");
      runAutoFill(true);
    });
    state.textObserver.observe(target, { childList: true, characterData: true, subtree: true });
  }

  // 监听验证码变化: MutationObserver(src/childList) + 轮询比对 src 双通道,
  // 任一通道检测到刷新即强制重识别; 识别进行中自动屏蔽
  function watchCaptchaChanges() {
    if (state.watching || state.config?.mode !== "image") return;
    state.watching = true;
    console.log("[captcha-us] v" + (typeof GM_info !== "undefined" ? GM_info.script.version : "?") + " 已开始监听验证码刷新");

    const onRefresh = () => {
      console.log("[captcha-us] 检测到验证码刷新，重新识别");
      runAutoFill(true);
    };

    // 通道1: MutationObserver (src 变化 / img 节点替换)
    state.srcObserver = new MutationObserver((muts) => {
      if (state.running) return;
      const sel = state.config?.imgSelector;
      if (!sel) return;
      const img = document.querySelector(sel);
      const hit = muts.some((m) => {
        const t = m.target;
        return t.nodeType === 1 && (t.matches?.(sel) || t.querySelector?.(sel));
      });
      if (hit) {
        if (img) state.lastSrc = img.src;
        onRefresh();
      }
    });
    state.srcObserver.observe(document.body, {
      attributes: true, attributeFilter: ["src"], subtree: true,
      childList: true,
    });

    // 通道2: 轮询比对 src (兜底, 与 observer 相互独立)
    state.lastSrc = document.querySelector(state.config.imgSelector)?.src || "";
    setInterval(() => {
      if (state.running) return;
      const img = document.querySelector(state.config?.imgSelector);
      if (!img) return;
      if (state.lastSrc && img.src !== state.lastSrc) {
        state.lastSrc = img.src;
        onRefresh();
      } else {
        state.lastSrc = img.src;
      }
    }, 1500);
  }

  // ------------------------------------------------------------ 入口
  async function main() {
    if (window.top !== window.self) return; // @noframes 兜底
    console.log("[captcha-us] v" + (typeof GM_info !== "undefined" ? GM_info.script.version : "?") + " 已加载:", location.href);
    injectStyle();

    GM_registerMenuCommand("手动识别当前页", () => {
      state.config = state.config || GM_getValue("cfg:" + location.origin);
      if (state.config && !state.config.mode) state.config.mode = "image";
      if (!state.config) {
        const cand = discover();
        if (cand) return showDiscoveryBanner(cand);
        return setChip("未检测到验证码，可用「微调」手动指定", "info");
      }
      runAutoFill(true);
    });
    GM_registerMenuCommand("微调本站配置", () => startAdjust());
    GM_registerMenuCommand("清除本站配置", async () => {
      await GM_deleteValue("cfg:" + location.origin);
      location.reload();
    });

    const ignored = await GM_getValue("ignore:" + location.origin);
    if (ignored) {
      console.log("[captcha-us] 本站已被忽略（菜单「清除本站配置」可重置）");
      return;
    }

    state.config = await GM_getValue("cfg:" + location.origin);
    if (state.config) {
      // v0.1.x 旧版配置无 mode 字段, 默认视为图片模式并升级持久化
      if (!state.config.mode) {
        state.config.mode = "image";
        await GM_setValue("cfg:" + location.origin, state.config);
        console.log("[captcha-us] 旧版配置已升级为 image 模式");
      }
      console.log("[captcha-us] 使用本站配置:", JSON.stringify(state.config));
      runAutoFill();
      return;
    }
    console.log("[captcha-us] 本站暂无配置，自动发现中…");
    // 延迟自动发现（等页面渲染稳定）；未发现则静默等待交互重试
    await sleep(1500);
    const cand = discover();
    if (cand) {
      showDiscoveryBanner(cand);
      return;
    }
    watchForCaptcha(); // portal 类"交互后才显示验证码"的站点: 交互/DOM 变化时重试
  }

  // 无配置时的重发现监听: 输入焦点/点击/DOM 变化触发（防抖）; 发现或保存配置后自动停止
  function watchForCaptcha() {
    let active = true;
    let timer = null;
    const attempt = () => {
      if (!active) return;
      if (state.config) { stop(); return; }
      if (document.querySelector(".cap-banner")) return; // 横幅已打开
      const cand = discover();
      if (cand) { stop(); showDiscoveryBanner(cand); }
    };
    const debounced = () => {
      clearTimeout(timer);
      timer = setTimeout(attempt, 600);
    };
    const stop = () => {
      active = false;
      clearTimeout(timer);
      document.removeEventListener("focusin", debounced, true);
      document.removeEventListener("mousedown", debounced, true);
      observer.disconnect();
    };
    const observer = new MutationObserver(debounced);
    observer.observe(document.body, { childList: true, subtree: true,
                                      attributes: true,
                                      attributeFilter: ["style", "class", "src"] });
    document.addEventListener("focusin", debounced, true);
    document.addEventListener("mousedown", debounced, true);
    setTimeout(stop, 10 * 60 * 1000); // 10 分钟后放弃, 避免常驻开销
  }

  main().catch((e) => console.error("[captcha-us]", e));
})();