@funnycaptcha/embed 0.3.0 → 0.6.0

package/dist/embed.global.js

@@ -55,6 +55,126 @@ var FunnyCaptcha = (() => {
   function getCaptcha(id) {
     return registry.get(id);
   }
+  var TrackRecorder = class {
+    points = [];
+    origin = 0;
+    start() {
+      this.origin = performance.now();
+      this.points = [];
+    }
+    record(x, y) {
+      this.points.push({ x, y, t: performance.now() - this.origin });
+    }
+    stop() {
+      return this.points.slice();
+    }
+    clear() {
+      this.points = [];
+      this.origin = 0;
+    }
+    get count() {
+      return this.points.length;
+    }
+  };
+  function mean(arr) {
+    if (arr.length === 0) return 0;
+    return arr.reduce((a, b) => a + b, 0) / arr.length;
+  }
+  function std(arr) {
+    if (arr.length === 0) return 0;
+    const m = mean(arr);
+    const v = arr.reduce((a, b) => a + (b - m) ** 2, 0) / arr.length;
+    return Math.sqrt(v);
+  }
+  function analyzeTrack(track) {
+    const reasons = [];
+    let score = 100;
+    if (track.length < 2) {
+      return {
+        humanScore: 0,
+        isBot: true,
+        reasons: ["\u8F68\u8FF9\u70B9\u4E0D\u8DB3"],
+        samples: track.length,
+        duration: 0
+      };
+    }
+    const first = track[0];
+    const last = track[track.length - 1];
+    const duration = last.t - first.t;
+    if (track.length < 8) {
+      reasons.push("\u8F68\u8FF9\u70B9\u592A\u5C11");
+      score -= 35;
+    }
+    if (duration < 280) {
+      reasons.push("\u62D6\u52A8\u8FC7\u5FEB");
+      score -= 30;
+    }
+    if (duration > 3e4) {
+      reasons.push("\u62D6\u52A8\u5F02\u5E38\u7F13\u6162");
+      score -= 15;
+    }
+    const speeds = [];
+    for (let i = 1; i < track.length; i++) {
+      const prev = track[i - 1];
+      const cur = track[i];
+      const dx = cur.x - prev.x;
+      const dy = cur.y - prev.y;
+      const dt = Math.max(1, cur.t - prev.t);
+      speeds.push(Math.sqrt(dx * dx + dy * dy) / dt);
+    }
+    const meanSpeed = mean(speeds);
+    const speedStd = std(speeds);
+    const cv = meanSpeed > 0 ? speedStd / meanSpeed : 0;
+    if (cv < 0.18 && speeds.length > 5) {
+      reasons.push("\u901F\u5EA6\u8FC7\u4E8E\u5747\u5300");
+      score -= 25;
+    }
+    const ys = track.map((p) => p.y);
+    const yStd = std(ys);
+    if (track.length > 10 && yStd < 1.2) {
+      reasons.push("Y\u8F74\u65E0\u81EA\u7136\u6296\u52A8");
+      score -= 22;
+    }
+    if (speeds.length > 6) {
+      const maxSpeed = Math.max(...speeds);
+      const tailLen = Math.max(1, Math.ceil(speeds.length * 0.2));
+      const tail = speeds.slice(-tailLen);
+      const tailMean = mean(tail);
+      if (maxSpeed > 0 && tailMean > maxSpeed * 0.55) {
+        reasons.push("\u672B\u7AEF\u672A\u51CF\u901F");
+        score -= 18;
+      }
+    }
+    let reversals = 0;
+    for (let i = 2; i < track.length; i++) {
+      const d1 = track[i - 1].x - track[i - 2].x;
+      const d2 = track[i].x - track[i - 1].x;
+      if (d1 * d2 < 0 && Math.abs(d1) > 0.5 && Math.abs(d2) > 0.5) reversals++;
+    }
+    if (track.length > 12 && reversals === 0) {
+      reasons.push("\u65E0\u56DE\u9000/\u6821\u5BF9\u52A8\u4F5C");
+      score -= 12;
+    }
+    if (speeds.length > 4) {
+      const accels = [];
+      for (let i = 1; i < speeds.length; i++) {
+        accels.push(speeds[i] - speeds[i - 1]);
+      }
+      const accelStd = std(accels);
+      if (accelStd < 0.05 && meanSpeed > 0.1) {
+        reasons.push("\u52A0\u901F\u5EA6\u8FC7\u4E8E\u5E73\u6ED1");
+        score -= 15;
+      }
+    }
+    score = Math.max(0, Math.min(100, Math.round(score)));
+    return {
+      humanScore: score,
+      isBot: score < 50,
+      reasons,
+      samples: track.length,
+      duration: Math.round(duration)
+    };
+  }
 
   // src/iframe-host.ts
   function mountInto(container, type, config) {
@@ -190,47 +310,95 @@ var FunnyCaptcha = (() => {
     return c.code.toLowerCase() === answer.trim().toLowerCase();
   }
   var STR2 = {
-    zh: { placeholder: "\u8F93\u5165\u56FE\u4E2D\u5B57\u7B26", submit: "\u9A8C\u8BC1", fail: "\u770B\u4E0D\u6E05\uFF1F\u6362\u4E00\u5F20", refresh: "\u5237\u65B0" },
-    en: { placeholder: "Type the text", submit: "Verify", fail: "Wrong? Try another", refresh: "Refresh" }
+    zh: { placeholder: "\u89C2\u5BDF\u95EA\u70C1\u6587\u5B57\u5E76\u8F93\u5165", submit: "\u9A8C\u8BC1", fail: "\u770B\u4E0D\u6E05\uFF1F\u6362\u4E00\u5F20", refresh: "\u5237\u65B0", pause: "\u6682\u505C", resume: "\u7EE7\u7EED" },
+    en: { placeholder: "Watch the flicker and type", submit: "Verify", fail: "Wrong? Try another", refresh: "Refresh", pause: "Pause", resume: "Resume" }
   };
-  function drawDistorted(canvas, code, surface, text, border) {
+  var PERIOD = 180;
+  function drawFrame(canvas, code, frame, surface, text, border, accentSoft) {
     const ctx = canvas.getContext("2d");
     if (!ctx) return;
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-    ctx.fillStyle = surface;
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-    for (let i = 0; i < 80; i++) {
-      ctx.fillStyle = `rgba(0,0,0,${Math.random() * 0.12})`;
-      ctx.fillRect(Math.random() * canvas.width, Math.random() * canvas.height, 1.5, 1.5);
+    const W = canvas.width;
+    const H = canvas.height;
+    const f = frame % PERIOD;
+    let phase;
+    if (f < 90) phase = "strong";
+    else if (f < 120) phase = "fade-out";
+    else if (f < 150) phase = "clear";
+    else phase = "fade-in";
+    let intensity;
+    if (phase === "strong") intensity = 1;
+    else if (phase === "fade-out") intensity = 1 - (f - 90) / 30;
+    else if (phase === "clear") intensity = 0;
+    else intensity = (f - 150) / 30;
+    let bg = surface;
+    if (phase === "strong") {
+      bg = Math.floor(frame / 5) % 2 === 0 ? surface : accentSoft;
+    }
+    ctx.clearRect(0, 0, W, H);
+    ctx.fillStyle = bg;
+    ctx.fillRect(0, 0, W, H);
+    const noiseCount = Math.floor(40 + intensity * 80);
+    for (let i = 0; i < noiseCount; i++) {
+      ctx.fillStyle = `rgba(0,0,0,${Math.random() * 0.12 * (0.3 + intensity * 0.7)})`;
+      ctx.fillRect(Math.random() * W, Math.random() * H, 1.5, 1.5);
     }
     const chars = code.split("");
-    const step = canvas.width / (chars.length + 1);
+    const step = W / (chars.length + 1);
+    const focusIndex = phase === "strong" ? frame % chars.length : -1;
     chars.forEach((ch, i) => {
       ctx.save();
-      const x = step * (i + 1);
-      const y = canvas.height / 2 + (Math.random() - 0.5) * 14;
+      const jitter = 3 + intensity * 5;
+      const dx = (Math.random() - 0.5) * jitter * 2;
+      const dy = (Math.random() - 0.5) * jitter * 2;
+      const x = step * (i + 1) + dx;
+      const y = H / 2 + dy;
       ctx.translate(x, y);
-      ctx.rotate((Math.random() - 0.5) * 0.5);
-      ctx.font = `${24 + Math.floor(Math.random() * 8)}px sans-serif`;
-      ctx.fillStyle = text;
+      ctx.rotate((Math.random() - 0.5) * (0.2 + intensity * 0.3));
+      const fontSize = 24 + Math.floor(Math.random() * 8);
+      ctx.font = `${fontSize}px sans-serif`;
       ctx.textAlign = "center";
       ctx.textBaseline = "middle";
+      let alpha;
+      let blur;
+      if (phase === "strong") {
+        if (i === focusIndex) {
+          alpha = 0.85 + Math.random() * 0.15;
+          blur = 0;
+        } else {
+          alpha = 0.1 + Math.random() * 0.3;
+          blur = 3;
+        }
+      } else if (phase === "clear") {
+        alpha = 0.85 + Math.random() * 0.15;
+        blur = 0;
+      } else {
+        const t = 1 - intensity;
+        alpha = 0.5 + t * 0.2 + (Math.random() - 0.5) * 0.05;
+        blur = intensity * 3;
+      }
+      ctx.globalAlpha = Math.max(0, Math.min(1, alpha));
+      if (blur > 0) ctx.filter = `blur(${blur}px)`;
+      ctx.fillStyle = text;
       ctx.fillText(ch, 0, 0);
       ctx.restore();
     });
-    for (let i = 0; i < 6; i++) {
+    const lineCount = Math.floor(2 + intensity * 6);
+    for (let i = 0; i < lineCount; i++) {
+      ctx.save();
       ctx.strokeStyle = border;
       ctx.lineWidth = 1 + Math.random() * 1.5;
+      ctx.globalAlpha = 0.4 + intensity * 0.4;
       ctx.beginPath();
-      const x1 = Math.random() * canvas.width;
-      const y1 = Math.random() * canvas.height;
-      const x2 = Math.random() * canvas.width;
-      const y2 = Math.random() * canvas.height;
-      const cpx = Math.random() * canvas.width;
-      const cpy = Math.random() * canvas.height;
+      const x1 = Math.random() * W;
+      const y1 = Math.random() * H;
+      const x2 = Math.random() * W;
+      const y2 = Math.random() * H;
+      const cpx = Math.random() * W;
+      const cpy = Math.random() * H;
       ctx.moveTo(x1, y1);
       ctx.quadraticCurveTo(cpx, cpy, x2, y2);
       ctx.stroke();
+      ctx.restore();
     }
   }
   function readVar(root, name, fallback) {
@@ -243,16 +411,26 @@ var FunnyCaptcha = (() => {
     let current;
     let listeners = [];
     let startTime = Date.now();
+    let rafId = 0;
+    let frame = 0;
+    let paused = false;
+    let cssCache = null;
+    let cssCacheFrame = -100;
     function render2() {
       current = generateChallenge2();
       startTime = Date.now();
+      cancelAnimationFrame(rafId);
+      frame = 0;
+      paused = false;
+      cssCache = null;
+      cssCacheFrame = -100;
       container.innerHTML = `
       <style>
         .fc-text{font-family:-apple-system,system-ui,sans-serif;max-width:360px;width:100%;padding:16px;box-sizing:border-box}
         .fc-text[data-theme="light"]{--fc-bg:#ffffff;--fc-surface:#f6f7f9;--fc-text:#0f172a;--fc-text-soft:#64748b;--fc-border:#e2e8f0;--fc-accent:#6366f1;--fc-accent-soft:#eef2ff;--fc-success:#16a34a;--fc-danger:#dc2626}
         .fc-text[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
         .fc-text{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
-        .fc-text-canvas{display:block;width:100%;max-width:240px;height:60px;border-radius:8px;border:1px solid var(--fc-border);margin-bottom:10px}
+        .fc-text-canvas{display:block;width:100%;max-width:280px;height:60px;border-radius:8px;border:1px solid var(--fc-border);margin-bottom:10px;box-shadow:0 0 0 1px var(--fc-border)}
         .fc-text-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
         .fc-text-input{flex:1;min-width:0;padding:8px 12px;font-size:14px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text);border-radius:8px;box-sizing:border-box;outline:none}
         .fc-text-input:focus{border-color:var(--fc-accent);box-shadow:0 0 0 3px var(--fc-accent-soft)}
@@ -260,25 +438,59 @@ var FunnyCaptcha = (() => {
         .fc-text-btn:hover{opacity:.9}
         .fc-text-refresh{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
         .fc-text-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
+        .fc-text-pause{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
+        .fc-text-pause:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
         .fc-text-msg{font-size:13px;min-height:18px;margin-top:10px;color:var(--fc-danger)}
       </style>
       <div class="fc-text" data-theme="${theme}">
-        <canvas class="fc-text-canvas" width="240" height="60"></canvas>
+        <canvas class="fc-text-canvas" width="280" height="60"></canvas>
         <div class="fc-text-row">
           <input class="fc-text-input" placeholder="${t.placeholder}" />
           <button class="fc-text-btn">${t.submit}</button>
           <button class="fc-text-refresh">${t.refresh}</button>
+          <button class="fc-text-pause">${t.pause}</button>
         </div>
         <div class="fc-text-msg"></div>
       </div>
     `;
       const root = container.querySelector(".fc-text");
       const canvas = container.querySelector(".fc-text-canvas");
-      const surface = readVar(root, "--fc-surface", "#f6f7f9");
-      const text = readVar(root, "--fc-text", "#0f172a");
-      const border = readVar(root, "--fc-border", "#e2e8f0");
-      drawDistorted(canvas, current.code, surface, text, border);
+      const code = current.code;
+      function readCssVars() {
+        return {
+          surface: readVar(root, "--fc-surface", "#f6f7f9"),
+          text: readVar(root, "--fc-text", "#0f172a"),
+          border: readVar(root, "--fc-border", "#e2e8f0"),
+          accentSoft: readVar(root, "--fc-accent-soft", "#eef2ff")
+        };
+      }
+      function tick() {
+        if (paused) return;
+        if (!cssCache || frame - cssCacheFrame >= 30) {
+          cssCache = readCssVars();
+          cssCacheFrame = frame;
+        }
+        const c = cssCache;
+        if (c) {
+          drawFrame(canvas, code, frame, c.surface, c.text, c.border, c.accentSoft);
+        }
+        frame++;
+        rafId = requestAnimationFrame(tick);
+      }
+      rafId = requestAnimationFrame(tick);
       container.querySelector(".fc-text-refresh").addEventListener("click", render2);
+      const pauseBtn = container.querySelector(".fc-text-pause");
+      pauseBtn.addEventListener("click", () => {
+        if (paused) {
+          paused = false;
+          pauseBtn.textContent = t.pause;
+          rafId = requestAnimationFrame(tick);
+        } else {
+          paused = true;
+          cancelAnimationFrame(rafId);
+          pauseBtn.textContent = t.resume;
+        }
+      });
       const btn = container.querySelector(".fc-text-btn");
       const input = container.querySelector(".fc-text-input");
       const msg = container.querySelector(".fc-text-msg");
@@ -305,6 +517,7 @@ var FunnyCaptcha = (() => {
       mount: () => render2(),
       reset: () => render2(),
       destroy: () => {
+        cancelAnimationFrame(rafId);
         container.innerHTML = "";
         listeners = [];
       },
@@ -332,20 +545,56 @@ var FunnyCaptcha = (() => {
     return `${c.token}:completed`;
   }
   var STR3 = {
-    zh: { title: "\u62D6\u52A8\u6ED1\u5757\u5230\u6700\u53F3\u7AEF", tip: "\u5411\u53F3\u62D6\u52A8", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u8BF7\u62D6\u5230\u5C3D\u5934", refresh: "\u5237\u65B0" },
-    en: { title: "Drag the slider to the right end", tip: "Drag right", success: "Verified", fail: "Drag to the end", refresh: "Refresh" }
+    zh: { title: "\u6CBF\u87BA\u65CB\u62D6\u52A8\u6ED1\u5757\u5230\u7EC8\u70B9", tip: "\u6CBF\u87BA\u65CB\u8DEF\u5F84\u62D6\u52A8", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u8BF7\u62D6\u5230\u5C3D\u5934", botFail: "\u68C0\u6D4B\u5230\u5F02\u5E38\u64CD\u4F5C", refresh: "\u5237\u65B0" },
+    en: { title: "Drag along the spiral to the center", tip: "Follow the spiral", success: "Verified", fail: "Drag to the end", botFail: "Bot-like behavior", refresh: "Refresh" }
   };
+  var CANVAS_W = 320;
+  var CANVAS_H = 200;
+  var HANDLE_W = 36;
+  var HANDLE_H = 36;
+  var SPIRAL_THETA_MAX = 6 * Math.PI;
+  var SPIRAL_A = 0;
+  var SPIRAL_B = 5;
+  var CX = CANVAS_W / 2;
+  var CY = CANVAS_H / 2;
+  var SPIRAL_R_MAX = SPIRAL_B * SPIRAL_THETA_MAX;
+  function spiralPoints() {
+    const steps = 200;
+    const pts = [];
+    for (let i = 0; i <= steps; i++) {
+      const t = i / steps;
+      const theta = SPIRAL_THETA_MAX * (1 - t);
+      const r = SPIRAL_A + SPIRAL_B * theta;
+      const x = CX + r * Math.cos(theta);
+      const y = CY + r * Math.sin(theta);
+      pts.push({ x, y, theta });
+    }
+    return pts;
+  }
+  function spiralPath(pts) {
+    return pts.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x.toFixed(2)} ${p.y.toFixed(2)}`).join(" ");
+  }
+  function pointAtProgress(pts, progress) {
+    const idx = Math.min(pts.length - 1, Math.max(0, Math.round(progress * (pts.length - 1))));
+    return pts[idx];
+  }
   function createSliderInstance(container, config) {
     const t = STR3[config.locale];
     const theme = config.theme ?? "light";
+    const recorder = new TrackRecorder();
     let current;
     let listeners = [];
     let startTime = Date.now();
     let done = false;
+    let locked = false;
     function render2() {
       current = generateChallenge3();
       startTime = Date.now();
       done = false;
+      locked = false;
+      recorder.clear();
+      const pts = spiralPoints();
+      const pathD = spiralPath(pts);
       container.innerHTML = `
       <style>
         .fc-slider{font-family:-apple-system,system-ui,sans-serif;max-width:360px;width:100%;padding:16px;box-sizing:border-box}
@@ -353,24 +602,31 @@ var FunnyCaptcha = (() => {
         .fc-slider[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
         .fc-slider{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
         .fc-slider-title{font-size:14px;color:var(--fc-text);margin-bottom:12px;text-align:center}
-        .fc-slider-track{position:relative;height:40px;background:var(--fc-surface);border:1px solid var(--fc-border);border-radius:20px}
-        .fc-slider-progress{position:absolute;left:0;top:0;height:100%;width:0;background:var(--fc-accent);border-radius:20px;transition:width .05s,background .15s}
-        .fc-slider-handle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--fc-bg);border:2px solid var(--fc-accent);border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15);user-select:none;touch-action:none;transition:border-color .15s,color .15s}
+        .fc-slider-stage{position:relative;width:${CANVAS_W}px;height:${CANVAS_H}px;margin:0 auto;background:var(--fc-surface);border:1px solid var(--fc-border);border-radius:10px;overflow:hidden}
+        .fc-slider-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
+        .fc-slider-path-bg{fill:none;stroke:var(--fc-border);stroke-width:3;stroke-linecap:round}
+        .fc-slider-path-fg{fill:none;stroke:var(--fc-accent);stroke-width:4;stroke-linecap:round;transition:stroke .15s}
+        .fc-slider-target{fill:none;stroke:var(--fc-success);stroke-width:2;stroke-dasharray:4 3;opacity:.7}
+        .fc-slider-handle{position:absolute;width:${HANDLE_W}px;height:${HANDLE_H}px;background:var(--fc-bg);border:2px solid var(--fc-accent);border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);user-select:none;touch-action:none;transition:border-color .15s;transform:translate(-50%,-50%);z-index:2}
         .fc-slider-handle:active{cursor:grabbing}
-        .fc-slider-handle::after{content:'\\2192';color:var(--fc-accent);font-size:18px;font-weight:bold;transition:color .15s}
-        .fc-slider-tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:var(--fc-text-soft);pointer-events:none;transition:opacity .2s}
+        .fc-slider-handle::after{content:'';width:10px;height:10px;background:var(--fc-accent);border-radius:50%;transition:background .15s}
+        .fc-slider-tip{position:absolute;left:50%;top:8px;transform:translateX(-50%);font-size:12px;color:var(--fc-text-soft);pointer-events:none;transition:opacity .2s;background:var(--fc-bg);padding:2px 8px;border-radius:4px}
         .fc-slider-msg{font-size:13px;min-height:18px;text-align:center;margin-top:10px;color:var(--fc-success)}
         .fc-slider-row{display:flex;justify-content:center;margin-top:10px}
         .fc-slider-refresh{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
         .fc-slider-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
         .fc-slider-done .fc-slider-handle{border-color:var(--fc-success)}
-        .fc-slider-done .fc-slider-handle::after{color:var(--fc-success)}
-        .fc-slider-done .fc-slider-progress{background:var(--fc-success)}
+        .fc-slider-done .fc-slider-handle::after{background:var(--fc-success)}
+        .fc-slider-done .fc-slider-path-fg{stroke:var(--fc-success)}
       </style>
       <div class="fc-slider" data-theme="${theme}">
         <div class="fc-slider-title">${t.title}</div>
-        <div class="fc-slider-track">
-          <div class="fc-slider-progress"></div>
+        <div class="fc-slider-stage">
+          <svg class="fc-slider-svg" viewBox="0 0 ${CANVAS_W} ${CANVAS_H}">
+            <path class="fc-slider-path-bg" d="${pathD}"></path>
+            <path class="fc-slider-path-fg" d="${pathD}"></path>
+            <circle class="fc-slider-target" cx="${CX}" cy="${CY}" r="14"></circle>
+          </svg>
           <div class="fc-slider-handle" role="slider" tabindex="0"></div>
           <span class="fc-slider-tip">${t.tip}</span>
         </div>
@@ -381,27 +637,44 @@ var FunnyCaptcha = (() => {
       </div>
     `;
       const root = container.querySelector(".fc-slider");
-      const track = container.querySelector(".fc-slider-track");
+      const stage = container.querySelector(".fc-slider-stage");
       const handle = container.querySelector(".fc-slider-handle");
-      const progress = container.querySelector(".fc-slider-progress");
       const tip = container.querySelector(".fc-slider-tip");
       const msg = container.querySelector(".fc-slider-msg");
       const refreshBtn = container.querySelector(".fc-slider-refresh");
+      const fgPath = container.querySelector(".fc-slider-path-fg");
       refreshBtn.addEventListener("click", render2);
+      const totalLen = fgPath.getTotalLength();
+      fgPath.style.strokeDasharray = `${totalLen}`;
+      fgPath.style.strokeDashoffset = `${totalLen}`;
       let dragging = false;
-      let startX = 0;
-      let startOffset = 0;
-      let currentOffset = 0;
-      function applyPos(px) {
-        handle.style.left = `${px}px`;
-        progress.style.width = `${px}px`;
-        tip.style.opacity = px > 8 ? "0" : "1";
+      let startPointer = { x: 0, y: 0 };
+      let startProgress = 0;
+      let currentProgress = 0;
+      function applyProgress(p) {
+        currentProgress = Math.max(0, Math.min(1, p));
+        const pt = pointAtProgress(pts, currentProgress);
+        handle.style.left = `${pt.x / CANVAS_W * 100}%`;
+        handle.style.top = `${pt.y / CANVAS_H * 100}%`;
+        fgPath.style.strokeDashoffset = `${totalLen * (1 - currentProgress)}`;
+        tip.style.opacity = currentProgress > 0.02 ? "0" : "1";
       }
+      function bounceBack() {
+        handle.style.transition = "left .35s ease, top .35s ease, border-color .15s";
+        fgPath.style.transition = "stroke-dashoffset .35s ease, stroke .15s";
+        applyProgress(0);
+        setTimeout(() => {
+          handle.style.transition = "border-color .15s";
+          fgPath.style.transition = "stroke .15s";
+        }, 360);
+      }
+      applyProgress(0);
       handle.addEventListener("pointerdown", (e) => {
-        if (done) return;
+        if (done || locked) return;
         dragging = true;
-        startX = e.clientX;
-        startOffset = currentOffset;
+        startPointer = { x: e.clientX, y: e.clientY };
+        startProgress = currentProgress;
+        recorder.start();
         try {
           handle.setPointerCapture(e.pointerId);
         } catch {
@@ -410,40 +683,55 @@ var FunnyCaptcha = (() => {
       });
       handle.addEventListener("pointermove", (e) => {
         if (!dragging) return;
-        const maxX = track.clientWidth - handle.offsetWidth;
-        let px = startOffset + (e.clientX - startX);
-        px = Math.max(0, Math.min(maxX, px));
-        currentOffset = px;
-        applyPos(px);
+        const rect = stage.getBoundingClientRect();
+        const sx = rect.width / CANVAS_W;
+        const sy = rect.height / CANVAS_H;
+        const svgX = (e.clientX - rect.left) / sx;
+        const svgY = (e.clientY - rect.top) / sy;
+        const dx = svgX - CX;
+        const dy = svgY - CY;
+        const r = Math.sqrt(dx * dx + dy * dy);
+        const progress = 1 - r / SPIRAL_R_MAX;
+        const step = progress - currentProgress;
+        const maxStep = 0.08;
+        const clampedStep = Math.max(-maxStep, Math.min(maxStep, step));
+        applyProgress(currentProgress + clampedStep);
+        recorder.record(e.clientX, e.clientY);
       });
       const finish = async () => {
         if (!dragging) return;
         dragging = false;
-        const maxX = Math.max(1, track.clientWidth - handle.offsetWidth);
-        if (currentOffset / maxX >= 0.95) {
-          done = true;
-          applyPos(maxX);
-          root.classList.add("fc-slider-done");
-          const result = {
-            success: true,
-            proof: await hashProof(proofInput(current)),
-            duration: Date.now() - startTime
-          };
-          msg.textContent = t.success;
-          config.onVerify?.(result);
-          listeners.forEach((cb) => cb(result));
-        } else {
-          currentOffset = 0;
-          handle.style.transition = "left .3s";
-          progress.style.transition = "width .3s";
-          applyPos(0);
+        const trackPoints = recorder.stop();
+        if (currentProgress < 0.85) {
+          bounceBack();
+          msg.style.color = "var(--fc-danger)";
           msg.textContent = t.fail;
+          return;
+        }
+        const analysis = analyzeTrack(trackPoints);
+        if (analysis.isBot) {
+          locked = true;
+          msg.style.color = "var(--fc-danger)";
+          msg.textContent = config.locale === "zh" ? `\u7591\u4F3C\u673A\u5668\u4EBA\u64CD\u4F5C\uFF08${analysis.reasons.join("\u3001")}\uFF09` : `${t.botFail} detected`;
+          bounceBack();
           setTimeout(() => {
-            handle.style.transition = "";
-            progress.style.transition = "";
-            if (!done) msg.textContent = "";
-          }, 320);
+            if (!done) render2();
+          }, 2e3);
+          return;
         }
+        done = true;
+        applyProgress(1);
+        root.classList.add("fc-slider-done");
+        const result = {
+          success: true,
+          proof: await hashProof(proofInput(current)),
+          duration: Date.now() - startTime,
+          metadata: { humanScore: analysis.humanScore, reasons: analysis.reasons }
+        };
+        msg.style.color = "var(--fc-success)";
+        msg.textContent = t.success;
+        config.onVerify?.(result);
+        listeners.forEach((cb) => cb(result));
       };
       handle.addEventListener("pointerup", finish);
       handle.addEventListener("pointercancel", finish);
@@ -489,8 +777,8 @@ var FunnyCaptcha = (() => {
     return c.order.join(",");
   }
   var STR4 = {
-    zh: { title: "\u6309 1 \u2192 2 \u2192 3 \u2192 4 \u987A\u5E8F\u70B9\u51FB", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u987A\u5E8F\u9519\u8BEF\uFF0C\u8BF7\u91CD\u8BD5", refresh: "\u5237\u65B0" },
-    en: { title: "Click in order 1 \u2192 2 \u2192 3 \u2192 4", success: "Verified", fail: "Wrong order, try again", refresh: "Refresh" }
+    zh: { title: "\u6309 1 -> 2 -> 3 -> 4 \u987A\u5E8F\u70B9\u51FB\uFF08\u4F4D\u7F6E\u4F1A\u53D8\uFF09", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u987A\u5E8F\u9519\u8BEF\uFF0C\u8BF7\u91CD\u8BD5", refresh: "\u5237\u65B0" },
+    en: { title: "Click in order 1 -> 2 -> 3 -> 4 (positions shift)", success: "Verified", fail: "Wrong order, try again", refresh: "Refresh" }
   };
   var AREA_W = 280;
   var AREA_H = 180;
@@ -528,16 +816,18 @@ var FunnyCaptcha = (() => {
     let listeners = [];
     let startTime = Date.now();
     let clicked = [];
+    let doneSet = /* @__PURE__ */ new Set();
     let finished = false;
     function render2() {
       current = generateChallenge4();
       clicked = [];
+      doneSet = /* @__PURE__ */ new Set();
       finished = false;
       startTime = Date.now();
       const slots = generateSlots(current.targets.length);
       const boxes = current.targets.map((num, i) => {
         const slot = slots[i];
-        return `<div class="fc-click-box" data-num="${num}" style="left:${Math.round(slot.x)}px;top:${Math.round(slot.y)}px;">${num}</div>`;
+        return `<div class="fc-click-box" data-idx="${i}" data-num="${num}" style="left:${Math.round(slot.x)}px;top:${Math.round(slot.y)}px;">${num}</div>`;
       }).join("");
       container.innerHTML = `
       <style>
@@ -547,7 +837,7 @@ var FunnyCaptcha = (() => {
         .fc-click{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
         .fc-click-title{font-size:14px;color:var(--fc-text);margin-bottom:12px;text-align:center}
         .fc-click-area{position:relative;width:${AREA_W}px;height:${AREA_H}px;background:var(--fc-surface);border-radius:8px;border:1px solid var(--fc-border);overflow:hidden}
-        .fc-click-box{position:absolute;width:${BOX_W}px;height:${BOX_H}px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:var(--fc-accent);background:var(--fc-bg);border:2px solid var(--fc-accent);border-radius:8px;cursor:pointer;user-select:none;transition:transform .15s,background .15s,color .15s,border-color .15s}
+        .fc-click-box{position:absolute;width:${BOX_W}px;height:${BOX_H}px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:var(--fc-accent);background:var(--fc-bg);border:2px solid var(--fc-accent);border-radius:8px;cursor:pointer;user-select:none;transition:left .4s cubic-bezier(.4,0,.2,1),top .4s cubic-bezier(.4,0,.2,1),transform .15s,background .15s,color .15s,border-color .15s}
         .fc-click-box:hover{transform:scale(1.05)}
         .fc-click-box-active{background:var(--fc-accent);color:var(--fc-bg)}
         .fc-click-box-done{background:var(--fc-success);border-color:var(--fc-success);color:#fff;cursor:default}
@@ -570,6 +860,17 @@ var FunnyCaptcha = (() => {
       const msg = container.querySelector(".fc-click-msg");
       const refreshBtn = container.querySelector(".fc-click-refresh");
       refreshBtn.addEventListener("click", render2);
+      function relocateBoxes(excludeIndex) {
+        const remaining = current.targets.map((_, i) => i).filter((i) => i !== excludeIndex && !doneSet.has(i));
+        if (remaining.length === 0) return;
+        const newSlots = generateSlots(remaining.length);
+        remaining.forEach((idx, j) => {
+          const box = area.querySelector(`[data-idx="${idx}"]`);
+          const slot = newSlots[j];
+          box.style.left = `${Math.round(slot.x)}px`;
+          box.style.top = `${Math.round(slot.y)}px`;
+        });
+      }
       area.querySelectorAll(".fc-click-box").forEach((el) => {
         el.addEventListener("click", async () => {
           if (finished) return;
@@ -578,7 +879,9 @@ var FunnyCaptcha = (() => {
           const num = Number(box.dataset.num);
           const expected = current.order[clicked.length];
           if (num === expected) {
+            const idx = Number(box.dataset.idx);
             clicked.push(num);
+            doneSet.add(idx);
             box.classList.add("fc-click-box-done");
             if (clicked.length === current.order.length) {
               finished = true;
@@ -590,6 +893,8 @@ var FunnyCaptcha = (() => {
               msg.textContent = t.success;
               config.onVerify?.(result);
               listeners.forEach((cb) => cb(result));
+            } else {
+              relocateBoxes(idx);
             }
           } else {
             finished = true;
@@ -977,8 +1282,8 @@ var FunnyCaptcha = (() => {
         el.addEventListener("click", async () => {
           if (finished) return;
           const btn = el;
-          const pick2 = btn.dataset.emoji;
-          if (verifyAnswer3(current, pick2)) {
+          const pick6 = btn.dataset.emoji;
+          if (verifyAnswer3(current, pick6)) {
             finished = true;
             btn.classList.add("fc-emoji-match-opt-correct");
             const result = {
@@ -1109,8 +1414,8 @@ var FunnyCaptcha = (() => {
         el.addEventListener("click", async () => {
           if (finished) return;
           const btn = el;
-          const pick2 = btn.textContent ?? "";
-          if (verifyAnswer4(current, pick2)) {
+          const pick6 = btn.textContent ?? "";
+          if (verifyAnswer4(current, pick6)) {
             finished = true;
             btn.classList.add("fc-meme-quiz-opt-correct");
             const result = {
@@ -1585,25 +1890,56 @@ var FunnyCaptcha = (() => {
     return `${c.chars.join("")}:completed`;
   }
   var STR11 = {
-    zh: { title: "\u8BF7\u6309\u987A\u5E8F\u70B9\u51FB", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u987A\u5E8F\u9519\u8BEF\uFF0C\u8BF7\u91CD\u8BD5", refresh: "\u5237\u65B0" },
-    en: { title: "Click in order", success: "Verified", fail: "Wrong order, try again", refresh: "Refresh" }
+    zh: { title: "\u8BF7\u6309\u987A\u5E8F\u70B9\u51FB\uFF08\u4F4D\u7F6E\u4F1A\u53D8\uFF09", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u987A\u5E8F\u9519\u8BEF\uFF0C\u8BF7\u91CD\u8BD5", refresh: "\u5237\u65B0" },
+    en: { title: "Click in order (positions shift)", success: "Verified", fail: "Wrong order, try again", refresh: "Refresh" }
   };
+  var AREA_W22 = 320;
+  var AREA_H22 = 200;
+  var BOX_W2 = 44;
+  var BOX_H2 = 44;
+  var MIN_DIST22 = 80;
+  function generateSlots2(count) {
+    const maxX = AREA_W22 - BOX_W2;
+    const maxY = AREA_H22 - BOX_H2;
+    const slots = [];
+    let attempts = 0;
+    while (slots.length < count && attempts < 1e3) {
+      attempts++;
+      const candidate = { x: Math.random() * maxX, y: Math.random() * maxY };
+      let ok = true;
+      for (const s of slots) {
+        const dx = candidate.x - s.x;
+        const dy = candidate.y - s.y;
+        if (Math.sqrt(dx * dx + dy * dy) < MIN_DIST22) {
+          ok = false;
+          break;
+        }
+      }
+      if (ok) slots.push(candidate);
+    }
+    while (slots.length < count) {
+      slots.push({ x: Math.random() * maxX, y: Math.random() * maxY });
+    }
+    return slots;
+  }
   function createClickTextInstance(container, config) {
     const t = STR11[config.locale];
     let current;
     let listeners = [];
     let startTime = Date.now();
     let clicked = [];
+    let doneSet = /* @__PURE__ */ new Set();
     let finished = false;
     function render2() {
       current = generateChallenge11();
       clicked = [];
+      doneSet = /* @__PURE__ */ new Set();
       finished = false;
       startTime = Date.now();
       const prompt = current.chars.join("\u3001");
       const chars = current.chars.map((ch, i) => {
         const p = current.positions[i];
-        return `<div class="fc-click-text-char" data-ch="${ch}" style="left:${p.x}px;top:${p.y}px;">${ch}</div>`;
+        return `<div class="fc-click-text-char" data-idx="${i}" data-ch="${ch}" style="left:${p.x}px;top:${p.y}px;">${ch}</div>`;
       }).join("");
       container.innerHTML = `
       <style>
@@ -1613,7 +1949,7 @@ var FunnyCaptcha = (() => {
         .fc-click-text-title{font-size:14px;color:var(--fc-text);margin-bottom:4px;text-align:center}
         .fc-click-text-prompt{font-size:15px;color:var(--fc-accent);margin-bottom:12px;text-align:center;font-weight:600}
         .fc-click-text-area{position:relative;width:320px;height:200px;background:var(--fc-surface);border-radius:8px;border:1px solid var(--fc-border);overflow:hidden}
-        .fc-click-text-char{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--fc-text);background:var(--fc-bg);border:2px solid var(--fc-border);border-radius:8px;cursor:pointer;user-select:none;transition:transform .15s,background .15s,color .15s,border-color .15s}
+        .fc-click-text-char{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--fc-text);background:var(--fc-bg);border:2px solid var(--fc-border);border-radius:8px;cursor:pointer;user-select:none;transition:left .4s cubic-bezier(.4,0,.2,1),top .4s cubic-bezier(.4,0,.2,1),transform .15s,background .15s,color .15s,border-color .15s}
         .fc-click-text-char:hover{transform:scale(1.08);border-color:var(--fc-accent)}
         .fc-click-text-char-done{background:var(--fc-success);border-color:var(--fc-success);color:#fff;cursor:default}
         .fc-click-text-char-done:hover{transform:none}
@@ -1631,9 +1967,21 @@ var FunnyCaptcha = (() => {
         <button class="fc-click-text-refresh">${t.refresh}</button>
       </div>
     `;
+      const area = container.querySelector(".fc-click-text-area");
       const msg = container.querySelector(".fc-click-text-msg");
       const refreshBtn = container.querySelector(".fc-click-text-refresh");
       refreshBtn.addEventListener("click", () => render2());
+      function relocateChars(excludeIndex) {
+        const remaining = current.chars.map((_, i) => i).filter((i) => i !== excludeIndex && !doneSet.has(i));
+        if (remaining.length === 0) return;
+        const newSlots = generateSlots2(remaining.length);
+        remaining.forEach((idx, j) => {
+          const box = area.querySelector(`[data-idx="${idx}"]`);
+          const slot = newSlots[j];
+          box.style.left = `${Math.round(slot.x)}px`;
+          box.style.top = `${Math.round(slot.y)}px`;
+        });
+      }
       container.querySelectorAll(".fc-click-text-char").forEach((el) => {
         el.addEventListener("click", async () => {
           if (finished) return;
@@ -1642,7 +1990,9 @@ var FunnyCaptcha = (() => {
           const ch = box.dataset.ch;
           const expected = current.chars[clicked.length];
           if (ch === expected) {
+            const idx = Number(box.dataset.idx);
             clicked.push(ch);
+            doneSet.add(idx);
             box.classList.add("fc-click-text-char-done");
             if (clicked.length === current.chars.length) {
               finished = true;
@@ -1654,6 +2004,8 @@ var FunnyCaptcha = (() => {
               msg.textContent = t.success;
               config.onVerify?.(result);
               listeners.forEach((cb) => cb(result));
+            } else {
+              relocateChars(idx);
             }
           } else {
             finished = true;
@@ -1781,8 +2133,8 @@ var FunnyCaptcha = (() => {
         el.addEventListener("click", async () => {
           if (finished) return;
           const btn = el;
-          const pick2 = btn.dataset.hex;
-          if (verifyAnswer5(current, pick2)) {
+          const pick6 = btn.dataset.hex;
+          if (verifyAnswer5(current, pick6)) {
             finished = true;
             btn.classList.add("fc-color-pick-opt-correct");
             msg.classList.add("fc-color-pick-msg-success");
@@ -1826,12 +2178,12 @@ var FunnyCaptcha = (() => {
   defineCaptcha(colorPickPlugin);
 
   // ../captchas/puzzle/dist/index.js
-  var TOLERANCE = 5;
+  var TOLERANCE = 8;
   function randInt8(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
   }
   function generateChallenge13() {
-    return { gapPosition: randInt8(10, 90) };
+    return { gapPosition: randInt8(25, 58) };
   }
   function proofInput8(c) {
     return `${c.gapPosition}:completed`;
@@ -1840,71 +2192,232 @@ var FunnyCaptcha = (() => {
     return Math.abs(userPos - c.gapPosition) <= TOLERANCE;
   }
   var STR13 = {
-    zh: { title: "\u62D6\u52A8\u6ED1\u5757\u628A\u62FC\u56FE\u5757\u79FB\u5230\u7F3A\u53E3", success: "\u9A8C\u8BC1\u6210\u529F", refresh: "\u5237\u65B0" },
-    en: { title: "Drag the slider to fit the puzzle", success: "Verified", refresh: "Refresh" }
+    zh: { title: "\u62D6\u52A8\u6ED1\u5757\u628A\u62FC\u56FE\u5757\u79FB\u5230\u7F3A\u53E3", success: "\u9A8C\u8BC1\u6210\u529F", fail: "\u672A\u5BF9\u9F50\u7F3A\u53E3", botFail: "\u68C0\u6D4B\u5230\u5F02\u5E38\u64CD\u4F5C", refresh: "\u5237\u65B0" },
+    en: { title: "Drag the slider to fit the puzzle", success: "Verified", fail: "Not aligned", botFail: "Bot-like behavior", refresh: "Refresh" }
   };
   var STAGE_W = 300;
+  var STAGE_H = 200;
   var PIECE_W = 50;
   var MAX_OFFSET = STAGE_W - PIECE_W;
+  var TRACK_W = 300;
+  var TRACK_H = 100;
+  var HANDLE_W2 = 40;
+  var HANDLE_H2 = 40;
+  function zigzagPoints() {
+    const pts = [];
+    const margin = HANDLE_W2 / 2;
+    const w = TRACK_W - margin * 2;
+    const h = TRACK_H - margin * 2;
+    const seg1Steps = 30;
+    for (let i = 0; i <= seg1Steps; i++) {
+      pts.push({ x: margin + w / seg1Steps * i, y: margin });
+    }
+    const seg2Steps = 10;
+    const midY = margin + h / 4;
+    for (let i = 1; i <= seg2Steps; i++) {
+      pts.push({ x: TRACK_W - margin, y: margin + (midY - margin) / seg2Steps * i });
+    }
+    for (let i = 1; i <= seg1Steps; i++) {
+      pts.push({ x: TRACK_W - margin - w / seg1Steps * i, y: midY });
+    }
+    const midY2 = margin + h * 3 / 4;
+    for (let i = 1; i <= seg2Steps; i++) {
+      pts.push({ x: margin, y: midY + (midY2 - midY) / seg2Steps * i });
+    }
+    for (let i = 1; i <= seg1Steps; i++) {
+      pts.push({ x: margin + w / seg1Steps * i, y: midY2 });
+    }
+    for (let i = 1; i <= seg2Steps; i++) {
+      pts.push({ x: TRACK_W - margin, y: midY2 + (TRACK_H - margin - midY2) / seg2Steps * i });
+    }
+    return pts;
+  }
+  function zigzagPath(pts) {
+    return pts.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x.toFixed(2)} ${p.y.toFixed(2)}`).join(" ");
+  }
+  function pointAtProgress2(pts, progress) {
+    const idx = Math.min(pts.length - 1, Math.max(0, Math.round(progress * (pts.length - 1))));
+    return pts[idx];
+  }
+  function pieceCirclePos(progress) {
+    const cx = STAGE_W / 2;
+    const cy = STAGE_H / 2;
+    const radius = Math.min(STAGE_W, STAGE_H) / 2 - PIECE_W / 2 - 8;
+    const angle = -progress * Math.PI * 2;
+    return {
+      x: cx + radius * Math.cos(angle) - PIECE_W / 2,
+      y: cy + radius * Math.sin(angle) - PIECE_W / 2
+    };
+  }
   function createPuzzleInstance(container, config) {
     const t = STR13[config.locale];
+    const theme = config.theme ?? "light";
+    const recorder = new TrackRecorder();
     let current;
     let listeners = [];
     let startTime = Date.now();
     let done = false;
+    let locked = false;
     function render2() {
       current = generateChallenge13();
       startTime = Date.now();
       done = false;
+      locked = false;
+      recorder.clear();
       const gapLeft = current.gapPosition / 100 * MAX_OFFSET;
+      const pts = zigzagPoints();
+      const pathD = zigzagPath(pts);
       container.innerHTML = `
       <style>
         .fc-puzzle{font-family:-apple-system,system-ui,sans-serif;max-width:360px;width:100%;padding:16px;box-sizing:border-box}
         .fc-puzzle[data-theme="light"]{--fc-bg:#ffffff;--fc-surface:#f6f7f9;--fc-text:#0f172a;--fc-text-soft:#64748b;--fc-border:#e2e8f0;--fc-accent:#6366f1;--fc-accent-soft:#eef2ff;--fc-success:#16a34a;--fc-danger:#dc2626}
         .fc-puzzle[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
+        .fc-puzzle{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
         .fc-puzzle-title{font-size:14px;color:var(--fc-text);margin-bottom:12px;text-align:center}
-        .fc-puzzle-stage{position:relative;width:${STAGE_W}px;height:160px;border-radius:8px;overflow:hidden;border:1px solid var(--fc-border);background:linear-gradient(135deg,var(--fc-accent-soft),var(--fc-surface) 60%,var(--fc-accent-soft))}
-        .fc-puzzle-gap{position:absolute;top:55px;width:${PIECE_W}px;height:${PIECE_W}px;background:var(--fc-bg);border:2px dashed var(--fc-text-soft);border-radius:6px;box-shadow:inset 0 0 8px rgba(0,0,0,.15)}
-        .fc-puzzle-piece{position:absolute;top:55px;left:0;width:${PIECE_W}px;height:${PIECE_W}px;border-radius:6px;background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-soft));border:2px solid var(--fc-bg);box-shadow:0 2px 6px rgba(0,0,0,.25)}
-        .fc-puzzle-range{width:${STAGE_W}px;margin-top:14px;accent-color:var(--fc-accent)}
+        .fc-puzzle-stage{position:relative;width:${STAGE_W}px;height:${STAGE_H}px;margin:0 auto;border-radius:8px;overflow:hidden;border:1px solid var(--fc-border);background:linear-gradient(135deg,var(--fc-accent-soft),var(--fc-surface) 60%,var(--fc-accent-soft))}
+        .fc-puzzle-gap{position:absolute;top:${(STAGE_H - PIECE_W) / 2}px;width:${PIECE_W}px;height:${PIECE_W}px;background:var(--fc-bg);border:2px dashed var(--fc-text-soft);border-radius:6px;box-shadow:inset 0 0 8px rgba(0,0,0,.15);transition:left .15s}
+        .fc-puzzle-piece{position:absolute;width:${PIECE_W}px;height:${PIECE_W}px;border-radius:6px;background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-soft));border:2px solid var(--fc-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);transition:background .15s,border-color .15s}
+        .fc-puzzle-track{position:relative;width:${TRACK_W}px;height:${TRACK_H}px;margin:14px auto 0;background:var(--fc-surface);border:1px solid var(--fc-border);border-radius:8px;overflow:hidden}
+        .fc-puzzle-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
+        .fc-puzzle-path-bg{fill:none;stroke:var(--fc-border);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
+        .fc-puzzle-path-fg{fill:none;stroke:var(--fc-accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}
+        .fc-puzzle-handle{position:absolute;width:${HANDLE_W2}px;height:${HANDLE_H2}px;background:var(--fc-bg);border:2px solid var(--fc-accent);border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);user-select:none;touch-action:none;transition:border-color .15s;transform:translate(-50%,-50%);z-index:2}
+        .fc-puzzle-handle:active{cursor:grabbing}
+        .fc-puzzle-handle::after{content:'\\2192';color:var(--fc-accent);font-size:16px;font-weight:bold;transition:color .15s}
         .fc-puzzle-msg{font-size:13px;min-height:18px;text-align:center;margin-top:10px;color:var(--fc-success)}
         .fc-puzzle-refresh{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer;margin-top:8px;display:block;margin-left:auto;margin-right:auto}
         .fc-puzzle-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
+        .fc-puzzle-done .fc-puzzle-piece{background:linear-gradient(135deg,var(--fc-success),var(--fc-accent-soft));border-color:var(--fc-success)}
+        .fc-puzzle-done .fc-puzzle-handle{border-color:var(--fc-success)}
+        .fc-puzzle-done .fc-puzzle-handle::after{color:var(--fc-success)}
+        .fc-puzzle-done .fc-puzzle-path-fg{stroke:var(--fc-success)}
       </style>
-      <div class="fc-puzzle" data-theme="${config.theme}">
+      <div class="fc-puzzle" data-theme="${theme}">
         <div class="fc-puzzle-title">${t.title}</div>
         <div class="fc-puzzle-stage">
           <div class="fc-puzzle-gap" style="left:${gapLeft}px"></div>
-          <div class="fc-puzzle-piece" style="left:0"></div>
+          <div class="fc-puzzle-piece" style="left:0;top:${(STAGE_H - PIECE_W) / 2}px"></div>
+        </div>
+        <div class="fc-puzzle-track">
+          <svg class="fc-puzzle-svg" viewBox="0 0 ${TRACK_W} ${TRACK_H}">
+            <path class="fc-puzzle-path-bg" d="${pathD}"></path>
+            <path class="fc-puzzle-path-fg" d="${pathD}"></path>
+          </svg>
+          <div class="fc-puzzle-handle" role="slider" tabindex="0"></div>
         </div>
-        <input class="fc-puzzle-range" type="range" min="0" max="100" step="1" value="0" />
         <div class="fc-puzzle-msg"></div>
         <button class="fc-puzzle-refresh">${t.refresh}</button>
       </div>
     `;
+      const root = container.querySelector(".fc-puzzle");
       const piece = container.querySelector(".fc-puzzle-piece");
-      const range = container.querySelector(".fc-puzzle-range");
+      const track = container.querySelector(".fc-puzzle-track");
+      const handle = container.querySelector(".fc-puzzle-handle");
       const msg = container.querySelector(".fc-puzzle-msg");
       const refreshBtn = container.querySelector(".fc-puzzle-refresh");
+      const fgPath = container.querySelector(".fc-puzzle-path-fg");
       refreshBtn.addEventListener("click", () => render2());
-      range.addEventListener("input", async () => {
-        if (done) return;
-        const v = Number(range.value);
-        piece.style.left = `${v / 100 * MAX_OFFSET}px`;
-        if (verifyPosition(current, v)) {
-          done = true;
-          range.disabled = true;
-          piece.style.left = `${gapLeft}px`;
-          const result = {
-            success: true,
-            proof: await hashProof(proofInput8(current)),
-            duration: Date.now() - startTime
-          };
-          msg.textContent = t.success;
-          config.onVerify?.(result);
-          listeners.forEach((cb) => cb(result));
+      const totalLen = fgPath.getTotalLength();
+      fgPath.style.strokeDasharray = `${totalLen}`;
+      fgPath.style.strokeDashoffset = `${totalLen}`;
+      let dragging = false;
+      let startPointer = { x: 0, y: 0 };
+      let startProgress = 0;
+      let currentProgress = 0;
+      function applyProgress(p) {
+        currentProgress = Math.max(0, Math.min(1, p));
+        const pt = pointAtProgress2(pts, currentProgress);
+        handle.style.left = `${pt.x / TRACK_W * 100}%`;
+        handle.style.top = `${pt.y / TRACK_H * 100}%`;
+        fgPath.style.strokeDashoffset = `${totalLen * (1 - currentProgress)}`;
+        const piecePos = pieceCirclePos(currentProgress);
+        piece.style.left = `${piecePos.x}px`;
+        piece.style.top = `${piecePos.y}px`;
+      }
+      function bounceBack() {
+        handle.style.transition = "left .35s ease, top .35s ease, border-color .15s";
+        piece.style.transition = "left .35s ease, top .35s ease, background .15s, border-color .15s";
+        fgPath.style.transition = "stroke-dashoffset .35s ease, stroke .15s";
+        applyProgress(0);
+        setTimeout(() => {
+          handle.style.transition = "border-color .15s";
+          piece.style.transition = "background .15s, border-color .15s";
+          fgPath.style.transition = "stroke .15s";
+        }, 360);
+      }
+      applyProgress(0);
+      handle.addEventListener("pointerdown", (e) => {
+        if (done || locked) return;
+        dragging = true;
+        startPointer = { x: e.clientX, y: e.clientY };
+        startProgress = currentProgress;
+        recorder.start();
+        try {
+          handle.setPointerCapture(e.pointerId);
+        } catch {
+        }
+        e.preventDefault();
+      });
+      handle.addEventListener("pointermove", (e) => {
+        if (!dragging) return;
+        const rect = track.getBoundingClientRect();
+        const sx = rect.width / TRACK_W;
+        const sy = rect.height / TRACK_H;
+        const svgX = (e.clientX - rect.left) / sx;
+        const svgY = (e.clientY - rect.top) / sy;
+        let bestLen = 0;
+        let bestDist = Infinity;
+        const steps = 100;
+        for (let i = 0; i <= steps; i++) {
+          const len = i / steps * totalLen;
+          const p = fgPath.getPointAtLength(len);
+          const d = (p.x - svgX) * (p.x - svgX) + (p.y - svgY) * (p.y - svgY);
+          if (d < bestDist) {
+            bestDist = d;
+            bestLen = len;
+          }
         }
+        applyProgress(bestLen / totalLen);
+        recorder.record(e.clientX, e.clientY);
       });
+      const finish = async () => {
+        if (!dragging) return;
+        dragging = false;
+        const trackPoints = recorder.stop();
+        const piecePos = pieceCirclePos(currentProgress);
+        const pieceLeftPct = piecePos.x / STAGE_W * 100;
+        if (!verifyPosition(current, pieceLeftPct)) {
+          bounceBack();
+          msg.style.color = "var(--fc-danger)";
+          msg.textContent = t.fail;
+          return;
+        }
+        const analysis = analyzeTrack(trackPoints);
+        if (analysis.isBot) {
+          locked = true;
+          msg.style.color = "var(--fc-danger)";
+          msg.textContent = config.locale === "zh" ? `\u7591\u4F3C\u673A\u5668\u4EBA\u64CD\u4F5C\uFF08${analysis.reasons.join("\u3001")}\uFF09` : `${t.botFail} detected`;
+          bounceBack();
+          setTimeout(() => {
+            if (!done) render2();
+          }, 2e3);
+          return;
+        }
+        done = true;
+        root.classList.add("fc-puzzle-done");
+        const result = {
+          success: true,
+          proof: await hashProof(proofInput8(current)),
+          duration: Date.now() - startTime,
+          metadata: { humanScore: analysis.humanScore, reasons: analysis.reasons }
+        };
+        msg.style.color = "var(--fc-success)";
+        msg.textContent = t.success;
+        config.onVerify?.(result);
+        listeners.forEach((cb) => cb(result));
+      };
+      handle.addEventListener("pointerup", finish);
+      handle.addEventListener("pointercancel", finish);
     }
     return {
       mount: () => render2(),
@@ -1928,6 +2441,674 @@ var FunnyCaptcha = (() => {
   };
   defineCaptcha(puzzlePlugin);
 
+  // ../captchas/advanced-math/dist/index.js
+  function randInt9(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+  function pick2(arr) {
+    return arr[randInt9(0, arr.length - 1)];
+  }
+  var SUP_DIGITS = {
+    "0": "\u2070",
+    "1": "\xB9",
+    "2": "\xB2",
+    "3": "\xB3",
+    "4": "\u2074",
+    "5": "\u2075",
+    "6": "\u2076",
+    "7": "\u2077",
+    "8": "\u2078",
+    "9": "\u2079"
+  };
+  var SUP_TO_DIGIT = {
+    "\u2070": "0",
+    "\xB9": "1",
+    "\xB2": "2",
+    "\xB3": "3",
+    "\u2074": "4",
+    "\u2075": "5",
+    "\u2076": "6",
+    "\u2077": "7",
+    "\u2078": "8",
+    "\u2079": "9"
+  };
+  function sup(n) {
+    return String(n).split("").map((d) => SUP_DIGITS[d] ?? d).join("");
+  }
+  function normalizeAnswer(input) {
+    let r = input.trim();
+    r = r.replace(/[⁰¹²³⁴⁵⁶⁷⁸⁹]+/g, (m) => "^" + m.split("").map((c) => SUP_TO_DIGIT[c] ?? c).join(""));
+    r = r.replace(/\s+/g, "");
+    r = r.replace(/\+[Cc]$/, "");
+    r = r.replace(/(\d)([a-zA-Z])/g, "$1*$2");
+    return r;
+  }
+  function verifyAnswer6(challenge, userInput) {
+    const u = normalizeAnswer(userInput);
+    return challenge.accept.some((a) => normalizeAnswer(a) === u);
+  }
+  function genDerivative() {
+    const n = pick2([2, 3, 4, 5]);
+    const question = `\u6C42 f(x) = x${sup(n)} \u7684\u5BFC\u6570`;
+    const exp = n - 1;
+    const answer = `${n}x^${exp}`;
+    const accept = [
+      `${n}x^${exp}`,
+      `${n}x${sup(exp)}`,
+      `${n}*x^${exp}`,
+      `${n}*x${sup(exp)}`
+    ];
+    return { type: "derivative", question, answer, accept };
+  }
+  function genIntegral() {
+    const n = pick2([1, 2, 3]);
+    const up = n + 1;
+    const question = `\u6C42 \u222B x${sup(n)} dx`;
+    const answer = `x^${up}/${up} + C`;
+    const accept = [
+      `x^${up}/${up} + C`,
+      `x^${up}/${up}+C`,
+      `x^${up}/${up}`,
+      `x${sup(up)}/${up} + C`,
+      `x${sup(up)}/${up}`,
+      `x^${up}/(${up}) + C`,
+      `x^${up}/(${up})`,
+      `x${sup(up)}/(${up}) + C`,
+      `x${sup(up)}/(${up})`
+    ];
+    return { type: "integral", question, answer, accept };
+  }
+  function genLimit() {
+    const a = pick2([1, 2, 3]);
+    const question = `\u6C42 lim(x\u2192${a}) (x${sup(2)}-${a}${sup(2)})/(x-${a})`;
+    const answer = `${2 * a}`;
+    const accept = [
+      `${2 * a}`,
+      `2*${a}`
+    ];
+    return { type: "limit", question, answer, accept };
+  }
+  function genDefinite() {
+    const n = pick2([1, 2, 3]);
+    const up = n + 1;
+    const question = `\u8BA1\u7B97 \u222B\u2080\xB9 x${sup(n)} dx`;
+    const answer = `1/${up}`;
+    const accept = [
+      `1/${up}`,
+      `1/(${up})`
+    ];
+    return { type: "definite", question, answer, accept };
+  }
+  function generateChallenge14() {
+    const gen = pick2([genDerivative, genIntegral, genLimit, genDefinite]);
+    return gen();
+  }
+  var STR14 = {
+    zh: {
+      title: "\u9AD8\u7B49\u6570\u5B66",
+      placeholder: "\u8F93\u5165\u7B54\u6848\uFF08\u652F\u6301 ^ \u548C *\uFF09",
+      submit: "\u9A8C\u8BC1",
+      fail: "\u7B54\u9519\u4E86\uFF0C\u6362\u4E00\u9898",
+      refresh: "\u5237\u65B0",
+      hint: "\u63D0\u793A\uFF1Ax\xB2\u53EF\u5199\u4E3Ax^2\uFF0C\u53EF\u7701\u7565*"
+    },
+    en: {
+      title: "Calculus",
+      placeholder: "Enter answer (^ and * supported)",
+      submit: "Verify",
+      fail: "Wrong, try again",
+      refresh: "Refresh",
+      hint: "Tip: x\xB2 = x^2, * optional"
+    }
+  };
+  function createAdvancedMathInstance(container, config) {
+    const t = STR14[config.locale];
+    const theme = config.theme ?? "light";
+    let current;
+    let listeners = [];
+    let startTime = Date.now();
+    function render2() {
+      current = generateChallenge14();
+      startTime = Date.now();
+      container.innerHTML = `
+      <style>
+        .fc-amath{font-family:-apple-system,system-ui,sans-serif;max-width:360px;width:100%;padding:16px;box-sizing:border-box}
+        .fc-amath[data-theme="light"]{--fc-bg:#ffffff;--fc-surface:#f6f7f9;--fc-text:#0f172a;--fc-text-soft:#64748b;--fc-border:#e2e8f0;--fc-accent:#6366f1;--fc-accent-soft:#eef2ff;--fc-success:#16a34a;--fc-danger:#dc2626}
+        .fc-amath[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
+        .fc-amath{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
+        .fc-amath-q{display:block;font-size:14px;font-weight:600;color:var(--fc-text);margin-bottom:8px}
+        .fc-amath-hint{display:block;font-size:11px;color:var(--fc-text-soft);margin-bottom:12px}
+        .fc-amath-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
+        .fc-amath-input{flex:1;min-width:0;padding:8px 12px;font-size:14px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text);border-radius:8px;box-sizing:border-box;outline:none}
+        .fc-amath-input:focus{border-color:var(--fc-accent);box-shadow:0 0 0 3px var(--fc-accent-soft)}
+        .fc-amath-btn{padding:8px 16px;font-size:14px;border:1px solid var(--fc-accent);background:var(--fc-accent);color:#fff;border-radius:8px;cursor:pointer;transition:opacity .15s}
+        .fc-amath-btn:hover{opacity:.9}
+        .fc-amath-refresh{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
+        .fc-amath-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
+        .fc-amath-msg{font-size:13px;min-height:18px;margin-top:10px;color:var(--fc-danger)}
+      </style>
+      <div class="fc-amath" data-theme="${theme}">
+        <label class="fc-amath-q">${t.title}: ${current.question}</label>
+        <span class="fc-amath-hint">${t.hint}</span>
+        <div class="fc-amath-row">
+          <input class="fc-amath-input" type="text" autocomplete="off" placeholder="${t.placeholder}" />
+          <button class="fc-amath-btn">${t.submit}</button>
+          <button class="fc-amath-refresh">${t.refresh}</button>
+        </div>
+        <div class="fc-amath-msg"></div>
+      </div>
+    `;
+      const btn = container.querySelector(".fc-amath-btn");
+      const input = container.querySelector(".fc-amath-input");
+      const msg = container.querySelector(".fc-amath-msg");
+      const refreshBtn = container.querySelector(".fc-amath-refresh");
+      refreshBtn.addEventListener("click", render2);
+      btn.addEventListener("click", async () => {
+        const val = input.value;
+        const success = verifyAnswer6(current, val);
+        if (!success) {
+          msg.textContent = t.fail;
+          render2();
+          return;
+        }
+        const result = {
+          success: true,
+          proof: await hashProof(`${current.question}=${current.answer}`),
+          duration: Date.now() - startTime
+        };
+        config.onVerify?.(result);
+        listeners.forEach((cb) => cb(result));
+      });
+      input.addEventListener("keydown", (e) => {
+        if (e.key === "Enter") btn.click();
+      });
+    }
+    return {
+      mount: () => render2(),
+      reset: () => render2(),
+      destroy: () => {
+        container.innerHTML = "";
+        listeners = [];
+      },
+      onResult: (cb) => listeners.push(cb)
+    };
+  }
+  defineCaptcha({
+    id: "advanced-math",
+    category: "recognize",
+    create: createAdvancedMathInstance,
+    describe: (locale) => ({
+      name: locale === "zh" ? "\u9AD8\u7B49\u6570\u5B66" : "Calculus",
+      description: locale === "zh" ? "\u6C42\u5BFC\u3001\u79EF\u5206\u3001\u6781\u9650\u7B49\u9AD8\u7B49\u6570\u5B66\u9898\uFF0C\u786C\u6838\u9632\u673A\u5668\u4EBA" : "Derivatives, integrals and limits \u2014 hardcore anti-bot.",
+      tags: ["math", "calculus", "hard", "recognize"]
+    })
+  });
+
+  // ../captchas/olympiad/dist/index.js
+  function randInt10(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+  function pick3(arr) {
+    return arr[randInt10(0, arr.length - 1)];
+  }
+  function genChickenRabbit() {
+    const c = randInt10(2, 15);
+    const r = randInt10(2, 10);
+    const heads = c + r;
+    const legs = 2 * c + 4 * r;
+    return {
+      type: "chicken-rabbit",
+      question: `\u9E21\u5154\u540C\u7B3C\uFF0C\u5171${heads}\u4E2A\u5934\uFF0C${legs}\u53EA\u811A\uFF0C\u9E21\u6709\u51E0\u53EA\uFF1F`,
+      answer: c
+    };
+  }
+  function genTreePlanting() {
+    const gap = randInt10(2, 10);
+    const minK = Math.ceil(20 / gap);
+    const maxK = Math.floor(100 / gap);
+    const k = randInt10(minK, maxK);
+    const len = gap * k;
+    return {
+      type: "tree-planting",
+      question: `\u4E00\u6761\u8DEF\u957F${len}\u7C73\uFF0C\u6BCF\u9694${gap}\u7C73\u79CD\u4E00\u68F5\u6811\uFF0C\u4E24\u7AEF\u90FD\u79CD\uFF0C\u5171\u51E0\u68F5\uFF1F`,
+      answer: len / gap + 1
+    };
+  }
+  function genAge() {
+    for (let attempt = 0; attempt < 200; attempt++) {
+      const f = randInt10(35, 50);
+      const s = randInt10(8, 15);
+      if (f <= s) continue;
+      const num = 5 * s - f;
+      if (num <= 0 || num % 4 !== 0) continue;
+      const x = num / 4;
+      if (x <= 0 || x >= s) continue;
+      return {
+        type: "age",
+        question: `\u7238\u7238${f}\u5C81\uFF0C\u513F\u5B50${s}\u5C81\uFF0C\u51E0\u5E74\u524D\u7238\u7238\u5E74\u9F84\u662F\u513F\u5B50\u76845\u500D\uFF1F`,
+        answer: x
+      };
+    }
+    return {
+      type: "age",
+      question: "\u7238\u723842\u5C81\uFF0C\u513F\u5B5010\u5C81\uFF0C\u51E0\u5E74\u524D\u7238\u7238\u5E74\u9F84\u662F\u513F\u5B50\u76845\u500D\uFF1F",
+      answer: 2
+    };
+  }
+  function genApple() {
+    const p = randInt10(3, 12);
+    const a = randInt10(3, 6);
+    const b = a + 1;
+    const m = randInt10(1, p - 1);
+    const n = p - m;
+    return {
+      type: "apple",
+      question: `\u5206\u82F9\u679C\uFF0C\u6BCF\u4EBA${a}\u4E2A\u591A${m}\u4E2A\uFF0C\u6BCF\u4EBA${b}\u4E2A\u5C11${n}\u4E2A\uFF0C\u51E0\u4EBA\uFF1F`,
+      answer: p
+    };
+  }
+  function genTravel() {
+    const v1 = randInt10(3, 12);
+    const v2 = randInt10(3, 12);
+    const t = randInt10(2, 8);
+    const d = (v1 + v2) * t;
+    return {
+      type: "travel",
+      question: `\u7532\u4E59\u76F8\u5411\u800C\u884C\uFF0C\u7532\u901F${v1}km/h\uFF0C\u4E59\u901F${v2}km/h\uFF0C\u76F8\u8DDD${d}km\uFF0C\u51E0\u5C0F\u65F6\u540E\u76F8\u9047\uFF1F`,
+      answer: t
+    };
+  }
+  function generateChallenge15() {
+    const gen = pick3([
+      genChickenRabbit,
+      genTreePlanting,
+      genAge,
+      genApple,
+      genTravel
+    ]);
+    return gen();
+  }
+  function verifyAnswer7(c, userAnswer) {
+    return c.answer === userAnswer;
+  }
+  var STR15 = {
+    zh: {
+      title: "\u5C0F\u5B66\u5965\u6570",
+      placeholder: "\u8F93\u5165\u6570\u5B57\u7B54\u6848",
+      submit: "\u9A8C\u8BC1",
+      fail: "\u7B54\u9519\u4E86\uFF0C\u6362\u4E00\u9898",
+      refresh: "\u5237\u65B0"
+    },
+    en: {
+      title: "Math Olympiad",
+      placeholder: "Enter number",
+      submit: "Verify",
+      fail: "Wrong, try again",
+      refresh: "Refresh"
+    }
+  };
+  function createOlympiadInstance(container, config) {
+    const t = STR15[config.locale];
+    const theme = config.theme ?? "light";
+    let current;
+    let listeners = [];
+    let startTime = Date.now();
+    function render2() {
+      current = generateChallenge15();
+      startTime = Date.now();
+      container.innerHTML = `
+      <style>
+        .fc-olym{font-family:-apple-system,system-ui,sans-serif;max-width:360px;width:100%;padding:16px;box-sizing:border-box}
+        .fc-olym[data-theme="light"]{--fc-bg:#ffffff;--fc-surface:#f6f7f9;--fc-text:#0f172a;--fc-text-soft:#64748b;--fc-border:#e2e8f0;--fc-accent:#6366f1;--fc-accent-soft:#eef2ff;--fc-success:#16a34a;--fc-danger:#dc2626}
+        .fc-olym[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
+        .fc-olym{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
+        .fc-olym-q{display:block;font-size:14px;font-weight:600;color:var(--fc-text);margin-bottom:12px;line-height:1.5}
+        .fc-olym-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
+        .fc-olym-input{flex:1;min-width:0;padding:8px 12px;font-size:14px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text);border-radius:8px;box-sizing:border-box;outline:none}
+        .fc-olym-input:focus{border-color:var(--fc-accent);box-shadow:0 0 0 3px var(--fc-accent-soft)}
+        .fc-olym-btn{padding:8px 16px;font-size:14px;border:1px solid var(--fc-accent);background:var(--fc-accent);color:#fff;border-radius:8px;cursor:pointer;transition:opacity .15s}
+        .fc-olym-btn:hover{opacity:.9}
+        .fc-olym-refresh{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
+        .fc-olym-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
+        .fc-olym-msg{font-size:13px;min-height:18px;margin-top:10px;color:var(--fc-danger)}
+      </style>
+      <div class="fc-olym" data-theme="${theme}">
+        <label class="fc-olym-q">${t.title}: ${current.question}</label>
+        <div class="fc-olym-row">
+          <input class="fc-olym-input" type="text" inputmode="numeric" autocomplete="off" placeholder="${t.placeholder}" />
+          <button class="fc-olym-btn">${t.submit}</button>
+          <button class="fc-olym-refresh">${t.refresh}</button>
+        </div>
+        <div class="fc-olym-msg"></div>
+      </div>
+    `;
+      const btn = container.querySelector(".fc-olym-btn");
+      const input = container.querySelector(".fc-olym-input");
+      const msg = container.querySelector(".fc-olym-msg");
+      const refreshBtn = container.querySelector(".fc-olym-refresh");
+      refreshBtn.addEventListener("click", render2);
+      btn.addEventListener("click", async () => {
+        const val = Number(input.value);
+        const success = Number.isFinite(val) && verifyAnswer7(current, val);
+        if (!success) {
+          msg.textContent = t.fail;
+          render2();
+          return;
+        }
+        const result = {
+          success: true,
+          proof: await hashProof(`${current.question}=${current.answer}`),
+          duration: Date.now() - startTime
+        };
+        config.onVerify?.(result);
+        listeners.forEach((cb) => cb(result));
+      });
+      input.addEventListener("keydown", (e) => {
+        if (e.key === "Enter") btn.click();
+      });
+    }
+    return {
+      mount: () => render2(),
+      reset: () => render2(),
+      destroy: () => {
+        container.innerHTML = "";
+        listeners = [];
+      },
+      onResult: (cb) => listeners.push(cb)
+    };
+  }
+  defineCaptcha({
+    id: "olympiad",
+    category: "recognize",
+    create: createOlympiadInstance,
+    describe: (locale) => ({
+      name: locale === "zh" ? "\u5C0F\u5B66\u5965\u6570" : "Math Olympiad",
+      description: locale === "zh" ? "\u9E21\u5154\u540C\u7B3C\u3001\u690D\u6811\u3001\u76C8\u4E8F\u7B49\u7ECF\u5178\u5965\u6570\u9898\uFF0C\u6321\u4F4F\u673A\u5668\u4E5F\u6321\u4F4F\u5C0F\u5B66\u751F" : "Classic olympiad word problems \u2014 chickens, trees, apples.",
+      tags: ["math", "olympiad", "word-problem", "recognize"]
+    })
+  });
+
+  // ../captchas/equation-balance/dist/index.js
+  var EQUATIONS = [
+    { reactants: ["H\u2082", "O\u2082"], products: ["H\u2082O"], coefficients: [2, 1, 2] },
+    { reactants: ["Fe", "O\u2082"], products: ["Fe\u2082O\u2083"], coefficients: [4, 3, 2] },
+    { reactants: ["CH\u2084", "O\u2082"], products: ["CO\u2082", "H\u2082O"], coefficients: [1, 2, 1, 2] },
+    { reactants: ["C\u2082H\u2086", "O\u2082"], products: ["CO\u2082", "H\u2082O"], coefficients: [2, 7, 4, 6] },
+    { reactants: ["Al", "HCl"], products: ["AlCl\u2083", "H\u2082"], coefficients: [2, 6, 2, 3] },
+    { reactants: ["N\u2082", "H\u2082"], products: ["NH\u2083"], coefficients: [1, 3, 2] }
+  ];
+  function pick4(arr) {
+    return arr[Math.floor(Math.random() * arr.length)];
+  }
+  function generateChallenge16() {
+    const eq = pick4(EQUATIONS);
+    return {
+      reactants: [...eq.reactants],
+      products: [...eq.products],
+      coefficients: [...eq.coefficients]
+    };
+  }
+  function verifyAnswer8(c, userCoefficients) {
+    if (userCoefficients.length !== c.coefficients.length) return false;
+    return c.coefficients.every((coef, i) => coef === userCoefficients[i]);
+  }
+  var STR16 = {
+    zh: { title: "\u914D\u5E73\u5316\u5B66\u65B9\u7A0B\u5F0F", submit: "\u9A8C\u8BC1", fail: "\u7CFB\u6570\u4E0D\u5BF9\uFF0C\u518D\u8BD5\u8BD5", refresh: "\u6362\u4E00\u9898", hint: "\u7CFB\u6570\u4E3A1\u4E5F\u8981\u586B" },
+    en: { title: "Balance the equation", submit: "Verify", fail: "Wrong coefficients", refresh: "Next", hint: "Enter 1 if needed" }
+  };
+  function createEquationBalanceInstance(container, config) {
+    const t = STR16[config.locale];
+    const theme = config.theme ?? "light";
+    let current;
+    let listeners = [];
+    let startTime = Date.now();
+    function render2() {
+      current = generateChallenge16();
+      startTime = Date.now();
+      const items = [...current.reactants, ...current.products];
+      const R = current.reactants.length;
+      const eqHtml = items.map((formula, i) => {
+        const sep = i === 0 ? "" : i === R ? "\u2192" : "+";
+        const sepHtml = sep ? `<span class="fc-eqbal-sep">${sep}</span>` : "";
+        return `${sepHtml}<span class="fc-eqbal-term"><input class="fc-eqbal-coef" type="text" inputmode="numeric" maxlength="2" aria-label="${formula}" /><span class="fc-eqbal-formula">${formula}</span></span>`;
+      }).join("");
+      container.innerHTML = `
+      <style>
+        .fc-eqbal{font-family:-apple-system,system-ui,sans-serif;max-width:420px;width:100%;padding:16px;box-sizing:border-box}
+        .fc-eqbal[data-theme="light"]{--fc-bg:#ffffff;--fc-surface:#f6f7f9;--fc-text:#0f172a;--fc-text-soft:#64748b;--fc-border:#e2e8f0;--fc-accent:#6366f1;--fc-accent-soft:#eef2ff;--fc-success:#16a34a;--fc-danger:#dc2626}
+        .fc-eqbal[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
+        .fc-eqbal{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
+        .fc-eqbal-title{display:block;font-size:14px;font-weight:600;color:var(--fc-text);margin-bottom:4px}
+        .fc-eqbal-hint{display:block;font-size:12px;color:var(--fc-text-soft);margin-bottom:12px}
+        .fc-eqbal-eq{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:18px;color:var(--fc-text);margin-bottom:14px;justify-content:center}
+        .fc-eqbal-term{display:inline-flex;align-items:center;gap:4px}
+        .fc-eqbal-sep{color:var(--fc-text-soft);font-weight:600}
+        .fc-eqbal-formula{font-family:'SF Mono',ui-monospace,monospace}
+        .fc-eqbal-coef{width:40px;text-align:center;padding:4px 0;font-size:16px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text);border-radius:6px;outline:none;box-sizing:border-box}
+        .fc-eqbal-coef:focus{border-color:var(--fc-accent);box-shadow:0 0 0 3px var(--fc-accent-soft)}
+        .fc-eqbal-row{display:flex;gap:8px;align-items:center;justify-content:center}
+        .fc-eqbal-btn{padding:8px 16px;font-size:14px;border:1px solid var(--fc-accent);background:var(--fc-accent);color:#fff;border-radius:8px;cursor:pointer;transition:opacity .15s}
+        .fc-eqbal-btn:hover{opacity:.9}
+        .fc-eqbal-refresh{padding:4px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
+        .fc-eqbal-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
+        .fc-eqbal-msg{font-size:13px;min-height:18px;margin-top:10px;text-align:center;color:var(--fc-danger)}
+      </style>
+      <div class="fc-eqbal" data-theme="${theme}">
+        <label class="fc-eqbal-title">${t.title}</label>
+        <span class="fc-eqbal-hint">${t.hint}</span>
+        <div class="fc-eqbal-eq">${eqHtml}</div>
+        <div class="fc-eqbal-row">
+          <button class="fc-eqbal-btn">${t.submit}</button>
+          <button class="fc-eqbal-refresh">${t.refresh}</button>
+        </div>
+        <div class="fc-eqbal-msg"></div>
+      </div>
+    `;
+      const inputs = Array.from(container.querySelectorAll(".fc-eqbal-coef"));
+      const btn = container.querySelector(".fc-eqbal-btn");
+      const msg = container.querySelector(".fc-eqbal-msg");
+      const refreshBtn = container.querySelector(".fc-eqbal-refresh");
+      refreshBtn.addEventListener("click", render2);
+      btn.addEventListener("click", async () => {
+        const vals = inputs.map((i) => Number(i.value));
+        if (!verifyAnswer8(current, vals)) {
+          msg.textContent = t.fail;
+          return;
+        }
+        const result = {
+          success: true,
+          proof: await hashProof(`equation-balance:${current.reactants.join("+")}>${current.products.join("+")}:${current.coefficients.join(",")}`),
+          duration: Date.now() - startTime
+        };
+        msg.textContent = "";
+        config.onVerify?.(result);
+        listeners.forEach((cb) => cb(result));
+      });
+      inputs.forEach((input, idx) => {
+        input.addEventListener("keydown", (e) => {
+          if (e.key === "Enter") btn.click();
+        });
+        if (idx === 0) input.focus();
+      });
+    }
+    return {
+      mount: () => render2(),
+      reset: () => render2(),
+      destroy: () => {
+        container.innerHTML = "";
+        listeners = [];
+      },
+      onResult: (cb) => listeners.push(cb)
+    };
+  }
+  var equationBalancePlugin = {
+    id: "equation-balance",
+    category: "recognize",
+    create: createEquationBalanceInstance,
+    describe: (locale) => ({
+      name: locale === "zh" ? "\u914D\u5E73\u5316\u5B66\u65B9\u7A0B\u5F0F" : "Balance Equation",
+      description: locale === "zh" ? "\u586B\u5165\u6B63\u786E\u7684\u5316\u5B66\u8BA1\u91CF\u6570\uFF0C\u914D\u5E73\u65B9\u7A0B\u5F0F" : "Enter the right stoichiometric coefficients.",
+      tags: ["chemistry", "equation", "balance"]
+    })
+  };
+  defineCaptcha(equationBalancePlugin);
+
+  // ../captchas/random-hunt/dist/index.js
+  function isPrime(n) {
+    if (n < 2) return false;
+    for (let i = 2; i * i <= n; i++) {
+      if (n % i === 0) return false;
+    }
+    return true;
+  }
+  var CONDITIONS = [
+    { key: "gt50", zh: "\u5927\u4E8E 50", en: "greater than 50", check: (n) => n > 50 },
+    { key: "lt20", zh: "\u5C0F\u4E8E 20", en: "less than 20", check: (n) => n < 20 },
+    { key: "even", zh: "\u5076\u6570", en: "even number", check: (n) => n % 2 === 0 },
+    { key: "odd", zh: "\u5947\u6570", en: "odd number", check: (n) => n % 2 === 1 },
+    { key: "mult3", zh: "3 \u7684\u500D\u6570", en: "multiple of 3", check: (n) => n % 3 === 0 },
+    { key: "gt50-even", zh: "\u5927\u4E8E 50 \u7684\u5076\u6570", en: "even and > 50", check: (n) => n > 50 && n % 2 === 0 },
+    { key: "lt30-odd", zh: "\u5C0F\u4E8E 30 \u7684\u5947\u6570", en: "odd and < 30", check: (n) => n < 30 && n % 2 === 1 },
+    { key: "prime", zh: "\u8D28\u6570", en: "prime number", check: (n) => isPrime(n) }
+  ];
+  function pick5(arr) {
+    return arr[Math.floor(Math.random() * arr.length)];
+  }
+  function generateChallenge17() {
+    const c = pick5(CONDITIONS);
+    return { condition: c.key, check: c.check };
+  }
+  function conditionLabel(condition, locale) {
+    const def = CONDITIONS.find((c) => c.key === condition);
+    if (!def) return condition;
+    return locale === "zh" ? def.zh : def.en;
+  }
+  var STR17 = {
+    zh: { title: "\u968F\u673A\u6570\u730E\u624B", hunt: "\u6355\u83B7", success: "\u6355\u83B7\u6210\u529F\uFF01", fail: "\u4E0D\u7B26\u5408\u6761\u4EF6\uFF0C\u7EE7\u7EED", refresh: "\u6362\u6761\u4EF6", tip: "\u5F53\u6570\u5B57\u6EE1\u8DB3\u6761\u4EF6\u65F6\u70B9\u51FB\u6355\u83B7" },
+    en: { title: "Random Hunter", hunt: "Catch!", success: "Caught it!", fail: "Not matching, keep going", refresh: "New rule", tip: "Click when the number matches" }
+  };
+  var TICK_MS = 120;
+  var MIN = 0;
+  var MAX = 99;
+  function randInt11(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+  function createRandomHuntInstance(container, config) {
+    const t = STR17[config.locale];
+    const locale = config.locale;
+    const theme = config.theme ?? "light";
+    let current;
+    let listeners = [];
+    let startTime = Date.now();
+    let timer = null;
+    let number = 0;
+    let succeeded = false;
+    function clearTimer() {
+      if (timer) {
+        clearInterval(timer);
+        timer = null;
+      }
+    }
+    function render2() {
+      current = generateChallenge17();
+      startTime = Date.now();
+      succeeded = false;
+      clearTimer();
+      number = randInt11(MIN, MAX);
+      container.innerHTML = `
+      <style>
+        .fc-hunt{font-family:-apple-system,system-ui,sans-serif;max-width:360px;width:100%;padding:16px;box-sizing:border-box}
+        .fc-hunt[data-theme="light"]{--fc-bg:#ffffff;--fc-surface:#f6f7f9;--fc-text:#0f172a;--fc-text-soft:#64748b;--fc-border:#e2e8f0;--fc-accent:#6366f1;--fc-accent-soft:#eef2ff;--fc-success:#16a34a;--fc-danger:#dc2626}
+        .fc-hunt[data-theme="dark"]{--fc-bg:#1e2544;--fc-surface:#171c36;--fc-text:#e5e9f0;--fc-text-soft:#94a3b8;--fc-border:#2a3358;--fc-accent:#818cf8;--fc-accent-soft:#252b5c;--fc-success:#4ade80;--fc-danger:#f87171}
+        .fc-hunt{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:10px;color:var(--fc-text)}
+        .fc-hunt-title{font-size:15px;font-weight:600;color:var(--fc-text);text-align:center;margin-bottom:4px}
+        .fc-hunt-cond{font-size:13px;color:var(--fc-accent);text-align:center;margin-bottom:4px;font-weight:600}
+        .fc-hunt-tip{font-size:12px;color:var(--fc-text-soft);text-align:center;margin-bottom:12px}
+        .fc-hunt-num{font-family:'SF Mono',ui-monospace,monospace;font-size:48px;text-align:center;color:var(--fc-text);min-height:56px;line-height:56px;transition:opacity .08s ease-out,color .15s ease-out;background:var(--fc-surface);border:1px solid var(--fc-border);border-radius:10px;margin-bottom:14px}
+        .fc-hunt-num-success{color:var(--fc-success);border-color:var(--fc-success)}
+        .fc-hunt-row{display:flex;gap:8px;align-items:center;justify-content:center}
+        .fc-hunt-btn{flex:1;padding:12px 16px;font-size:16px;font-weight:600;border:1px solid var(--fc-accent);background:var(--fc-accent);color:#fff;border-radius:8px;cursor:pointer;transition:opacity .15s}
+        .fc-hunt-btn:hover{opacity:.9}
+        .fc-hunt-btn:disabled{opacity:.5;cursor:not-allowed}
+        .fc-hunt-refresh{padding:8px 12px;font-size:12px;border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-soft);border-radius:6px;cursor:pointer}
+        .fc-hunt-refresh:hover{border-color:var(--fc-accent);color:var(--fc-accent)}
+        .fc-hunt-msg{font-size:13px;min-height:18px;margin-top:10px;text-align:center;color:var(--fc-danger)}
+      </style>
+      <div class="fc-hunt" data-theme="${theme}">
+        <div class="fc-hunt-title">${t.title}</div>
+        <div class="fc-hunt-cond">${t.hunt}\uFF1A${conditionLabel(current.condition, locale)}</div>
+        <div class="fc-hunt-tip">${t.tip}</div>
+        <div class="fc-hunt-num">${number}</div>
+        <div class="fc-hunt-row">
+          <button class="fc-hunt-btn">${t.hunt}</button>
+          <button class="fc-hunt-refresh">${t.refresh}</button>
+        </div>
+        <div class="fc-hunt-msg"></div>
+      </div>
+    `;
+      const numEl = container.querySelector(".fc-hunt-num");
+      const btn = container.querySelector(".fc-hunt-btn");
+      const msg = container.querySelector(".fc-hunt-msg");
+      const refreshBtn = container.querySelector(".fc-hunt-refresh");
+      refreshBtn.addEventListener("click", render2);
+      timer = setInterval(() => {
+        if (succeeded) return;
+        number = randInt11(MIN, MAX);
+        if (numEl) {
+          numEl.textContent = String(number);
+          numEl.style.opacity = "0.55";
+          requestAnimationFrame(() => {
+            numEl.style.opacity = "1";
+          });
+        }
+      }, TICK_MS);
+      btn.addEventListener("click", async () => {
+        if (succeeded) return;
+        const ok = current.check(number);
+        if (!ok) {
+          msg.textContent = t.fail;
+          return;
+        }
+        succeeded = true;
+        clearTimer();
+        if (numEl) numEl.classList.add("fc-hunt-num-success");
+        btn.disabled = true;
+        const duration = Date.now() - startTime;
+        const result = {
+          success: true,
+          proof: await hashProof(`random-hunt:${current.condition}:${duration}`),
+          duration,
+          metadata: { condition: current.condition, number }
+        };
+        msg.textContent = t.success;
+        msg.style.color = "var(--fc-success)";
+        config.onVerify?.(result);
+        listeners.forEach((cb) => cb(result));
+      });
+    }
+    return {
+      mount: () => render2(),
+      reset: () => render2(),
+      destroy: () => {
+        clearTimer();
+        container.innerHTML = "";
+        listeners = [];
+      },
+      onResult: (cb) => listeners.push(cb)
+    };
+  }
+  var randomHuntPlugin = {
+    id: "random-hunt",
+    category: "game",
+    create: createRandomHuntInstance,
+    describe: (locale) => ({
+      name: locale === "zh" ? "\u968F\u673A\u6570\u730E\u624B" : "Random Hunter",
+      description: locale === "zh" ? "\u6570\u5B57\u98DE\u901F\u53D8\u5316\uFF0C\u5728\u6EE1\u8DB3\u6761\u4EF6\u7684\u77AC\u95F4\u6309\u4E0B\u6355\u83B7" : "Numbers flash fast \u2014 catch the moment it matches the rule.",
+      tags: ["game", "reaction", "timed"]
+    })
+  };
+  defineCaptcha(randomHuntPlugin);
+
   // src/index.ts
   var instances = /* @__PURE__ */ new Map();
   function render(root = document) {