sa2kit 1.2.1 → 1.4.0

package/dist/testYourself/index.mjs

@@ -0,0 +1,993 @@
+import '../chunk-BJTO5JO5.mjs';
+import React, { useState, useRef, useEffect } from 'react';
+
+// src/testYourself/utils/fingerprint.ts
+function getCanvasFingerprint() {
+  try {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return "no-canvas";
+    canvas.width = 200;
+    canvas.height = 50;
+    ctx.textBaseline = "top";
+    ctx.font = "14px Arial";
+    ctx.fillStyle = "#f60";
+    ctx.fillRect(0, 0, 200, 50);
+    ctx.fillStyle = "#069";
+    ctx.fillText("Canvas Fingerprint \u{1F3A8}", 2, 15);
+    return canvas.toDataURL();
+  } catch (error) {
+    return "canvas-error";
+  }
+}
+function getWebGLFingerprint() {
+  try {
+    const canvas = document.createElement("canvas");
+    const gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
+    if (!gl) return "no-webgl";
+    const glContext = gl;
+    const debugInfo = glContext.getExtension("WEBGL_debug_renderer_info");
+    if (debugInfo) {
+      const vendor = glContext.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);
+      const renderer = glContext.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
+      return `${vendor}~${renderer}`;
+    }
+    return "webgl-no-debug";
+  } catch (error) {
+    return "webgl-error";
+  }
+}
+function getAvailableFonts() {
+  const testFonts = [
+    "Arial",
+    "Verdana",
+    "Courier New",
+    "Georgia",
+    "Times New Roman",
+    "Comic Sans MS",
+    "Trebuchet MS",
+    "Arial Black",
+    "Impact",
+    "Courier",
+    "Helvetica",
+    "Monaco",
+    "Consolas",
+    "Menlo"
+  ];
+  const availableFonts = [];
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return "no-fonts";
+  const baseFonts = ["monospace", "sans-serif", "serif"];
+  const testString = "mmmmmmmmmmlli";
+  const baseWidths = {};
+  baseFonts.forEach((font) => {
+    ctx.font = `72px ${font}`;
+    baseWidths[font] = ctx.measureText(testString).width;
+  });
+  testFonts.forEach((font) => {
+    let detected = false;
+    baseFonts.forEach((baseFont) => {
+      ctx.font = `72px ${font}, ${baseFont}`;
+      const width = ctx.measureText(testString).width;
+      if (width !== baseWidths[baseFont]) {
+        detected = true;
+      }
+    });
+    if (detected) {
+      availableFonts.push(font);
+    }
+  });
+  return availableFonts.join(",") || "no-custom-fonts";
+}
+function getDeviceFingerprint() {
+  const fingerprint = {
+    // 基础信息
+    userAgent: navigator.userAgent,
+    screenResolution: `${window.screen.width}x${window.screen.height}`,
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    language: navigator.language,
+    platform: navigator.platform,
+    // 显示信息
+    colorDepth: window.screen.colorDepth,
+    devicePixelRatio: window.devicePixelRatio,
+    // 硬件信息
+    hardwareConcurrency: navigator.hardwareConcurrency || 0,
+    maxTouchPoints: navigator.maxTouchPoints || 0,
+    // Canvas和WebGL指纹
+    canvasFingerprint: getCanvasFingerprint(),
+    webglFingerprint: getWebGLFingerprint(),
+    // 字体检测
+    fonts: getAvailableFonts(),
+    // 浏览器能力
+    cookieEnabled: navigator.cookieEnabled,
+    localStorageEnabled: (() => {
+      try {
+        return typeof localStorage !== "undefined";
+      } catch {
+        return false;
+      }
+    })(),
+    sessionStorageEnabled: (() => {
+      try {
+        return typeof sessionStorage !== "undefined";
+      } catch {
+        return false;
+      }
+    })(),
+    indexedDBEnabled: (() => {
+      try {
+        return typeof indexedDB !== "undefined";
+      } catch {
+        return false;
+      }
+    })()
+  };
+  return fingerprint;
+}
+async function tryGetIPAddress() {
+  try {
+    const response = await fetch("https://api.ipify.org?format=json", {
+      method: "GET",
+      mode: "cors"
+    });
+    if (response.ok) {
+      const data = await response.json();
+      return data.ip || null;
+    }
+  } catch (error) {
+    console.warn("\u65E0\u6CD5\u83B7\u53D6IP\u5730\u5740:", error);
+  }
+  return null;
+}
+function simpleHash(str) {
+  let hash = 5381;
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) + hash + str.charCodeAt(i);
+  }
+  return Math.abs(hash);
+}
+function generateDeviceHash(fingerprint, salt = "test-yourself-salt-2024") {
+  const components = [
+    // 基础信息
+    fingerprint.userAgent,
+    fingerprint.ip || "no-ip",
+    fingerprint.screenResolution,
+    fingerprint.timezone,
+    fingerprint.language,
+    fingerprint.platform,
+    // 显示信息
+    fingerprint.colorDepth?.toString() || "0",
+    fingerprint.devicePixelRatio?.toString() || "0",
+    // 硬件信息
+    fingerprint.hardwareConcurrency?.toString() || "0",
+    fingerprint.maxTouchPoints?.toString() || "0",
+    // Canvas和WebGL指纹（这些是最独特的）
+    fingerprint.canvasFingerprint || "no-canvas",
+    fingerprint.webglFingerprint || "no-webgl",
+    // 字体（不同设备安装的字体不同）
+    fingerprint.fonts || "no-fonts",
+    // 浏览器能力
+    fingerprint.cookieEnabled ? "1" : "0",
+    fingerprint.localStorageEnabled ? "1" : "0",
+    fingerprint.sessionStorageEnabled ? "1" : "0",
+    fingerprint.indexedDBEnabled ? "1" : "0",
+    // 盐值
+    salt
+  ];
+  const combined = components.join("|");
+  const hash = simpleHash(combined);
+  return hash.toString(36);
+}
+function selectResultIndex(hash, totalResults) {
+  const numHash = parseInt(hash, 36);
+  return numHash % totalResults;
+}
+
+// src/testYourself/data/defaultResults.ts
+var DEFAULT_RESULTS = [
+  // 动物系列 (1-15)
+  {
+    id: "animal-cat",
+    title: "\u6175\u61D2\u7684\u732B\u54AA \u{1F431}",
+    description: "\u4F60\u5C31\u50CF\u4E00\u53EA\u4F18\u96C5\u7684\u732B\uFF0C\u72EC\u7ACB\u81EA\u4E3B\uFF0C\u559C\u6B22\u6309\u7167\u81EA\u5DF1\u7684\u8282\u594F\u751F\u6D3B\u3002\u6709\u65F6\u9AD8\u51B7\uFF0C\u6709\u65F6\u7C98\u4EBA\uFF0C\u5145\u6EE1\u795E\u79D8\u9B45\u529B\u3002",
+    image: "\u{1F431}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-dog",
+    title: "\u5FE0\u8BDA\u7684\u72D7\u72D7 \u{1F415}",
+    description: "\u4F60\u50CF\u4E00\u53EA\u70ED\u60C5\u7684\u72D7\u72D7\uFF0C\u5BF9\u670B\u53CB\u5FE0\u8BDA\uFF0C\u5145\u6EE1\u6D3B\u529B\u3002\u603B\u662F\u80FD\u7ED9\u5468\u56F4\u7684\u4EBA\u5E26\u6765\u6B22\u4E50\u548C\u6E29\u6696\u3002",
+    image: "\u{1F415}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-panda",
+    title: "\u53EF\u7231\u7684\u718A\u732B \u{1F43C}",
+    description: "\u4F60\u5C31\u50CF\u56FD\u5B9D\u718A\u732B\u4E00\u6837\uFF0C\u5446\u840C\u53EF\u7231\uFF0C\u4EBA\u89C1\u4EBA\u7231\u3002\u6162\u8282\u594F\u7684\u751F\u6D3B\u65B9\u5F0F\u8BA9\u4F60\u5145\u6EE1\u6CBB\u6108\u529B\u3002",
+    image: "\u{1F43C}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-fox",
+    title: "\u673A\u667A\u7684\u72D0\u72F8 \u{1F98A}",
+    description: "\u806A\u660E\u4F36\u4FD0\uFF0C\u53CD\u5E94\u654F\u6377\u3002\u4F60\u603B\u80FD\u7528\u667A\u6167\u89E3\u51B3\u95EE\u9898\uFF0C\u662F\u56E2\u961F\u4E2D\u7684\u667A\u56CA\u62C5\u5F53\u3002",
+    image: "\u{1F98A}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-owl",
+    title: "\u777F\u667A\u7684\u732B\u5934\u9E70 \u{1F989}",
+    description: "\u4F60\u50CF\u732B\u5934\u9E70\u4E00\u6837\u5145\u6EE1\u667A\u6167\uFF0C\u559C\u6B22\u5728\u591C\u6DF1\u4EBA\u9759\u65F6\u601D\u8003\u3002\u7406\u6027\u3001\u6C89\u7A33\u662F\u4F60\u7684\u6807\u7B7E\u3002",
+    image: "\u{1F989}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-dolphin",
+    title: "\u5FEB\u4E50\u7684\u6D77\u8C5A \u{1F42C}",
+    description: "\u6D3B\u6CFC\u5F00\u6717\uFF0C\u793E\u4EA4\u8FBE\u4EBA\u3002\u4F60\u7684\u7B11\u5BB9\u80FD\u591F\u611F\u67D3\u8EAB\u8FB9\u7684\u6BCF\u4E00\u4E2A\u4EBA\u3002",
+    image: "\u{1F42C}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-butterfly",
+    title: "\u81EA\u7531\u7684\u8774\u8776 \u{1F98B}",
+    description: "\u8FFD\u6C42\u81EA\u7531\uFF0C\u70ED\u7231\u7F8E\u597D\u4E8B\u7269\u3002\u4F60\u7684\u4EBA\u751F\u5145\u6EE1\u8272\u5F69\uFF0C\u4ECE\u4E0D\u88AB\u675F\u7F1A\u3002",
+    image: "\u{1F98B}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-lion",
+    title: "\u52C7\u6562\u7684\u72EE\u5B50 \u{1F981}",
+    description: "\u5929\u751F\u7684\u9886\u5BFC\u8005\uFF0C\u52C7\u6562\u679C\u65AD\u3002\u4F60\u7684\u6C14\u573A\u5F3A\u5927\uFF0C\u603B\u80FD\u6FC0\u52B1\u4ED6\u4EBA\u3002",
+    image: "\u{1F981}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-rabbit",
+    title: "\u6E29\u67D4\u7684\u5154\u5B50 \u{1F430}",
+    description: "\u5FC3\u5730\u5584\u826F\uFF0C\u6E29\u67D4\u4F53\u8D34\u3002\u4F60\u7684\u5B58\u5728\u5C31\u50CF\u6625\u5929\u7684\u5FAE\u98CE\uFF0C\u8BA9\u4EBA\u611F\u5230\u6E29\u6696\u3002",
+    image: "\u{1F430}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-penguin",
+    title: "\u5446\u840C\u7684\u4F01\u9E45 \u{1F427}",
+    description: "\u61A8\u6001\u53EF\u63AC\uFF0C\u8BA4\u771F\u6267\u7740\u3002\u867D\u7136\u770B\u8D77\u6765\u7B28\u62D9\uFF0C\u4F46\u505A\u4E8B\u4E00\u4E1D\u4E0D\u82DF\u3002",
+    image: "\u{1F427}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-eagle",
+    title: "\u7FF1\u7FD4\u7684\u96C4\u9E70 \u{1F985}",
+    description: "\u76EE\u5149\u8FDC\u5927\uFF0C\u5FD7\u5411\u9AD8\u8FDC\u3002\u4F60\u603B\u662F\u80FD\u770B\u5230\u522B\u4EBA\u770B\u4E0D\u5230\u7684\u673A\u4F1A\u3002",
+    image: "\u{1F985}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-koala",
+    title: "\u6175\u61D2\u7684\u8003\u62C9 \u{1F428}",
+    description: "\u4F5B\u7CFB\u751F\u6D3B\uFF0C\u77E5\u8DB3\u5E38\u4E50\u3002\u4F60\u61C2\u5F97\u4EAB\u53D7\u5F53\u4E0B\uFF0C\u6D3B\u5728\u81EA\u5DF1\u7684\u8282\u594F\u91CC\u3002",
+    image: "\u{1F428}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-sloth",
+    title: "\u60A0\u95F2\u7684\u6811\u61D2 \u{1F9A5}",
+    description: "\u6162\u6162\u6765\uFF0C\u6BD4\u8F83\u5FEB\u3002\u4F60\u76F8\u4FE1\u6025\u4E0D\u6765\u7684\u4E8B\u5C31\u4E0D\u8981\u6025\uFF0C\u4FDD\u6301\u81EA\u5DF1\u7684pace\u3002",
+    image: "\u{1F9A5}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-unicorn",
+    title: "\u68A6\u5E7B\u7684\u72EC\u89D2\u517D \u{1F984}",
+    description: "\u5145\u6EE1\u5E7B\u60F3\uFF0C\u8FFD\u6C42\u5B8C\u7F8E\u3002\u4F60\u7684\u4E16\u754C\u4E94\u5F69\u6591\u6593\uFF0C\u603B\u6709\u72EC\u7279\u7684\u60F3\u6CD5\u3002",
+    image: "\u{1F984}",
+    imageType: "emoji"
+  },
+  {
+    id: "animal-dragon",
+    title: "\u795E\u79D8\u7684\u9F99 \u{1F409}",
+    description: "\u5F3A\u5927\u800C\u795E\u79D8\uFF0C\u5145\u6EE1\u9B45\u529B\u3002\u4F60\u662F\u4F20\u8BF4\u4E2D\u7684\u5B58\u5728\uFF0C\u4EE4\u4EBA\u5411\u5F80\u3002",
+    image: "\u{1F409}",
+    imageType: "emoji"
+  },
+  // 星球系列 (16-25)
+  {
+    id: "planet-sun",
+    title: "\u6E29\u6696\u7684\u592A\u9633 \u2600\uFE0F",
+    description: "\u4F60\u5C31\u50CF\u592A\u9633\u4E00\u6837\uFF0C\u662F\u56E2\u961F\u7684\u80FD\u91CF\u6765\u6E90\uFF0C\u6E29\u6696\u7740\u5468\u56F4\u7684\u6BCF\u4E2A\u4EBA\u3002",
+    image: "\u2600\uFE0F",
+    imageType: "emoji"
+  },
+  {
+    id: "planet-moon",
+    title: "\u6E29\u67D4\u7684\u6708\u4EAE \u{1F319}",
+    description: "\u5B89\u9759\u800C\u6E29\u67D4\uFF0C\u5728\u9ED1\u6697\u4E2D\u7ED9\u4EBA\u5149\u660E\u3002\u4F60\u662F\u591C\u665A\u6700\u7F8E\u7684\u966A\u4F34\u3002",
+    image: "\u{1F319}",
+    imageType: "emoji"
+  },
+  {
+    id: "planet-star",
+    title: "\u95EA\u8000\u7684\u661F\u661F \u2B50",
+    description: "\u867D\u7136\u6E3A\u5C0F\uFF0C\u4F46\u59CB\u7EC8\u95EA\u8000\u3002\u4F60\u7528\u81EA\u5DF1\u7684\u65B9\u5F0F\u53D1\u5149\u53D1\u70ED\u3002",
+    image: "\u2B50",
+    imageType: "emoji"
+  },
+  {
+    id: "planet-earth",
+    title: "\u5305\u5BB9\u7684\u5730\u7403 \u{1F30D}",
+    description: "\u5305\u5BB9\u4E07\u7269\uFF0C\u751F\u673A\u52C3\u52C3\u3002\u4F60\u6709\u7740\u5BBD\u5E7F\u7684\u80F8\u6000\u548C\u65E0\u9650\u7684\u53EF\u80FD\u3002",
+    image: "\u{1F30D}",
+    imageType: "emoji"
+  },
+  {
+    id: "planet-saturn",
+    title: "\u72EC\u7279\u7684\u571F\u661F \u{1FA90}",
+    description: "\u4E0E\u4F17\u4E0D\u540C\uFF0C\u81EA\u6210\u4E00\u683C\u3002\u4F60\u7684\u4E2A\u6027\u5C31\u50CF\u571F\u661F\u73AF\u4E00\u6837\u4EE4\u4EBA\u7740\u8FF7\u3002",
+    image: "\u{1FA90}",
+    imageType: "emoji"
+  },
+  {
+    id: "weather-rainbow",
+    title: "\u7EDA\u4E3D\u7684\u5F69\u8679 \u{1F308}",
+    description: "\u98CE\u96E8\u8FC7\u540E\u89C1\u5F69\u8679\uFF0C\u4F60\u603B\u80FD\u5728\u56F0\u96BE\u540E\u770B\u5230\u5E0C\u671B\u548C\u7F8E\u597D\u3002",
+    image: "\u{1F308}",
+    imageType: "emoji"
+  },
+  {
+    id: "weather-cloud",
+    title: "\u98D8\u9038\u7684\u4E91\u6735 \u2601\uFE0F",
+    description: "\u81EA\u7531\u81EA\u5728\uFF0C\u968F\u98CE\u98D8\u8361\u3002\u4F60\u4E0D\u88AB\u5B9A\u4E49\uFF0C\u6C38\u8FDC\u5145\u6EE1\u53EF\u80FD\u3002",
+    image: "\u2601\uFE0F",
+    imageType: "emoji"
+  },
+  {
+    id: "weather-lightning",
+    title: "\u95EA\u7535 \u26A1",
+    description: "\u7206\u53D1\u529B\u5F3A\uFF0C\u884C\u52A8\u8FC5\u901F\u3002\u4F60\u7684\u80FD\u91CF\u5C31\u50CF\u95EA\u7535\u4E00\u6837\u4EE4\u4EBA\u9707\u64BC\u3002",
+    image: "\u26A1",
+    imageType: "emoji"
+  },
+  {
+    id: "weather-snowflake",
+    title: "\u72EC\u7279\u7684\u96EA\u82B1 \u2744\uFE0F",
+    description: "\u4E16\u754C\u4E0A\u6CA1\u6709\u4E24\u7247\u76F8\u540C\u7684\u96EA\u82B1\uFF0C\u4F60\u4E5F\u662F\u72EC\u4E00\u65E0\u4E8C\u7684\u5B58\u5728\u3002",
+    image: "\u2744\uFE0F",
+    imageType: "emoji"
+  },
+  {
+    id: "weather-fire",
+    title: "\u70ED\u60C5\u7684\u706B\u7130 \u{1F525}",
+    description: "\u70ED\u60C5\u4F3C\u706B\uFF0C\u5145\u6EE1\u6FC0\u60C5\u3002\u4F60\u7684\u5B58\u5728\u80FD\u70B9\u71C3\u5468\u56F4\u7684\u6C14\u6C1B\u3002",
+    image: "\u{1F525}",
+    imageType: "emoji"
+  },
+  // 植物系列 (26-35)
+  {
+    id: "plant-tree",
+    title: "\u575A\u97E7\u7684\u5927\u6811 \u{1F333}",
+    description: "\u7A33\u91CD\u53EF\u9760\uFF0C\u6839\u57FA\u6DF1\u539A\u3002\u4F60\u662F\u5927\u5BB6\u53EF\u4EE5\u4F9D\u9760\u7684\u5B58\u5728\u3002",
+    image: "\u{1F333}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-flower",
+    title: "\u7F8E\u4E3D\u7684\u82B1\u6735 \u{1F338}",
+    description: "\u7EFD\u653E\u81EA\u6211\uFF0C\u7F8E\u4E3D\u52A8\u4EBA\u3002\u4F60\u7684\u5B58\u5728\u5C31\u662F\u4E00\u9053\u9753\u4E3D\u7684\u98CE\u666F\u3002",
+    image: "\u{1F338}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-sunflower",
+    title: "\u5411\u9633\u7684\u5411\u65E5\u8475 \u{1F33B}",
+    description: "\u6C38\u8FDC\u5411\u7740\u9633\u5149\uFF0C\u79EF\u6781\u5411\u4E0A\u3002\u4F60\u7684\u4E50\u89C2\u611F\u67D3\u7740\u6BCF\u4E2A\u4EBA\u3002",
+    image: "\u{1F33B}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-rose",
+    title: "\u4F18\u96C5\u7684\u73AB\u7470 \u{1F339}",
+    description: "\u9AD8\u8D35\u4F18\u96C5\uFF0C\u5145\u6EE1\u9B45\u529B\u3002\u867D\u6709\u523A\u4F46\u66F4\u6709\u7F8E\u4E3D\u3002",
+    image: "\u{1F339}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-cactus",
+    title: "\u575A\u5F3A\u7684\u4ED9\u4EBA\u638C \u{1F335}",
+    description: "\u5728\u8270\u96BE\u73AF\u5883\u4E2D\u4F9D\u7136\u575A\u5F3A\u3002\u4F60\u7684\u97E7\u6027\u4EE4\u4EBA\u656C\u4F69\u3002",
+    image: "\u{1F335}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-clover",
+    title: "\u5E78\u8FD0\u7684\u56DB\u53F6\u8349 \u{1F340}",
+    description: "\u5E78\u8FD0\u7684\u8C61\u5F81\uFF0C\u603B\u80FD\u7ED9\u4EBA\u5E26\u6765\u597D\u8FD0\u548C\u5E0C\u671B\u3002",
+    image: "\u{1F340}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-maple",
+    title: "\u6D6A\u6F2B\u7684\u67AB\u53F6 \u{1F341}",
+    description: "\u6D6A\u6F2B\u800C\u8BD7\u610F\uFF0C\u4F60\u7684\u4E16\u754C\u5145\u6EE1\u827A\u672F\u6C14\u606F\u3002",
+    image: "\u{1F341}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-mushroom",
+    title: "\u795E\u79D8\u7684\u8611\u83C7 \u{1F344}",
+    description: "\u4F4E\u8C03\u795E\u79D8\uFF0C\u603B\u6709\u610F\u60F3\u4E0D\u5230\u7684\u60CA\u559C\u3002",
+    image: "\u{1F344}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-cherry",
+    title: "\u6D6A\u6F2B\u7684\u6A31\u82B1 \u{1F338}",
+    description: "\u77ED\u6682\u800C\u7F8E\u597D\uFF0C\u4F60\u73CD\u60DC\u6BCF\u4E00\u4E2A\u77AC\u95F4\u7684\u7F8E\u4E3D\u3002",
+    image: "\u{1F338}",
+    imageType: "emoji"
+  },
+  {
+    id: "plant-bamboo",
+    title: "\u575A\u97E7\u7684\u7AF9\u5B50 \u{1F38B}",
+    description: "\u865A\u5FC3\u6709\u8282\uFF0C\u6108\u632B\u6108\u52C7\u3002\u4F60\u7684\u7CBE\u795E\u503C\u5F97\u5B66\u4E60\u3002",
+    image: "\u{1F38B}",
+    imageType: "emoji"
+  },
+  // 食物系列 (36-45)
+  {
+    id: "food-coffee",
+    title: "\u63D0\u795E\u7684\u5496\u5561 \u2615",
+    description: "\u4F60\u5C31\u50CF\u5496\u5561\uFF0C\u662F\u5927\u5BB6\u7684\u80FD\u91CF\u6765\u6E90\uFF0C\u5E2E\u52A9\u4ED6\u4EBA\u4FDD\u6301\u6D3B\u529B\u3002",
+    image: "\u2615",
+    imageType: "emoji"
+  },
+  {
+    id: "food-pizza",
+    title: "\u5FEB\u4E50\u7684\u62AB\u8428 \u{1F355}",
+    description: "\u4EBA\u89C1\u4EBA\u7231\uFF0C\u603B\u80FD\u5E26\u6765\u5FEB\u4E50\u3002\u4F60\u662F\u805A\u4F1A\u7684\u7075\u9B42\u3002",
+    image: "\u{1F355}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-cookie",
+    title: "\u751C\u871C\u7684\u997C\u5E72 \u{1F36A}",
+    description: "\u6E29\u6696\u751C\u871C\uFF0C\u7ED9\u4EBAcomfort\u3002\u4F60\u662F\u6700\u597D\u7684\u6CBB\u6108\u7CFB\u5B58\u5728\u3002",
+    image: "\u{1F36A}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-icecream",
+    title: "\u6E05\u51C9\u7684\u51B0\u6DC7\u6DCB \u{1F366}",
+    description: "\u751C\u7F8E\u53EF\u7231\uFF0C\u5728\u708E\u70ED\u65F6\u7ED9\u4EBA\u6E05\u51C9\u3002\u4F60\u603B\u80FD\u5728\u5173\u952E\u65F6\u523B\u51FA\u73B0\u3002",
+    image: "\u{1F366}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-honey",
+    title: "\u751C\u871C\u7684\u8702\u871C \u{1F36F}",
+    description: "\u5929\u7136\u751C\u7F8E\uFF0C\u7EAF\u7CB9\u53EF\u7231\u3002\u4F60\u7684\u5B58\u5728\u5C31\u662F\u5E78\u798F\u7684\u5473\u9053\u3002",
+    image: "\u{1F36F}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-sushi",
+    title: "\u7CBE\u81F4\u7684\u5BFF\u53F8 \u{1F363}",
+    description: "\u7CBE\u81F4\u4F18\u96C5\uFF0C\u6CE8\u91CD\u7EC6\u8282\u3002\u4F60\u5BF9\u751F\u6D3B\u6709\u7740\u72EC\u7279\u7684\u54C1\u5473\u3002",
+    image: "\u{1F363}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-cake",
+    title: "\u751C\u7F8E\u7684\u86CB\u7CD5 \u{1F382}",
+    description: "\u751C\u871C\u7F8E\u597D\uFF0C\u662F\u5E86\u795D\u7684\u8C61\u5F81\u3002\u4F60\u603B\u80FD\u7ED9\u4EBA\u5E26\u6765\u60CA\u559C\u3002",
+    image: "\u{1F382}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-donut",
+    title: "\u53EF\u7231\u7684\u751C\u751C\u5708 \u{1F369}",
+    description: "\u5706\u5706\u6EE1\u6EE1\uFF0C\u751C\u871C\u53EF\u7231\u3002\u4F60\u7684\u5B58\u5728\u8BA9\u751F\u6D3B\u66F4\u7F8E\u597D\u3002",
+    image: "\u{1F369}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-lollipop",
+    title: "\u7AE5\u771F\u7684\u68D2\u68D2\u7CD6 \u{1F36D}",
+    description: "\u4FDD\u6301\u7AE5\u5FC3\uFF0C\u6C38\u8FDC\u5E74\u8F7B\u3002\u4F60\u7684\u7EAF\u771F\u4EE4\u4EBA\u7FA1\u6155\u3002",
+    image: "\u{1F36D}",
+    imageType: "emoji"
+  },
+  {
+    id: "food-watermelon",
+    title: "\u6E05\u723D\u7684\u897F\u74DC \u{1F349}",
+    description: "\u6E05\u723D\u89E3\u6E34\uFF0C\u590F\u65E5\u5FC5\u5907\u3002\u4F60\u603B\u80FD\u5E26\u6765\u6E05\u65B0\u7684\u611F\u89C9\u3002",
+    image: "\u{1F349}",
+    imageType: "emoji"
+  }
+];
+if (DEFAULT_RESULTS.length !== 45) {
+  console.warn(`\u7ED3\u679C\u6570\u636E\u96C6\u5E94\u5305\u542B45\u9879\uFF0C\u5F53\u524D: ${DEFAULT_RESULTS.length}`);
+}
+
+// src/testYourself/components/TestYourself.tsx
+var STORAGE_KEY = "test-yourself-result";
+var TestYourself = ({
+  config,
+  onResult,
+  className = ""
+}) => {
+  const {
+    gameTitle,
+    gameDescription,
+    buttonText = "\u957F\u6309\u5F00\u59CB\u6D4B\u8BD5",
+    longPressDuration = 2e3,
+    results = DEFAULT_RESULTS,
+    enableIPFetch = false,
+    customSalt,
+    resultStyle = "card"
+  } = config;
+  const [status, setStatus] = useState("idle");
+  const [result, setResult] = useState(null);
+  const [pressProgress, setPressProgress] = useState(0);
+  const [ipWarning, setIpWarning] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const pressTimerRef = useRef(null);
+  const progressIntervalRef = useRef(null);
+  const startTimeRef = useRef(0);
+  useEffect(() => {
+    const initializeTest = async () => {
+      const savedResult = localStorage.getItem(STORAGE_KEY);
+      if (savedResult) {
+        try {
+          const parsed = JSON.parse(savedResult);
+          setResult(parsed);
+          setStatus("completed");
+          setIsLoading(false);
+          return;
+        } catch (error) {
+          console.error("\u89E3\u6790\u4FDD\u5B58\u7684\u7ED3\u679C\u5931\u8D25:", error);
+        }
+      }
+      if (enableIPFetch) {
+        const ip = await tryGetIPAddress();
+        if (!ip) {
+          setIpWarning("\u26A0\uFE0F \u65E0\u6CD5\u83B7\u53D6IP\u5730\u5740\uFF0C\u5C06\u4EC5\u4F7F\u7528\u6D4F\u89C8\u5668\u6307\u7EB9\u751F\u6210\u7ED3\u679C");
+        }
+      }
+      setIsLoading(false);
+    };
+    initializeTest();
+  }, [enableIPFetch]);
+  const calculateResult = async () => {
+    try {
+      const fingerprint = getDeviceFingerprint();
+      if (enableIPFetch) {
+        const ip = await tryGetIPAddress();
+        if (ip) {
+          fingerprint.ip = ip;
+        }
+      }
+      const actualResults = results.length > 0 ? results : DEFAULT_RESULTS;
+      const hash = generateDeviceHash(fingerprint, customSalt);
+      const index = selectResultIndex(hash, actualResults.length);
+      const selectedResult = actualResults[index];
+      if (!selectedResult) {
+        console.error("\u65E0\u6CD5\u83B7\u53D6\u6D4B\u8BD5\u7ED3\u679C\uFF0Cindex:", index, "total:", actualResults.length);
+        throw new Error("\u65E0\u6CD5\u83B7\u53D6\u6D4B\u8BD5\u7ED3\u679C");
+      }
+      console.log("\u8BA1\u7B97\u7ED3\u679C\u6210\u529F:", selectedResult);
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(selectedResult));
+      return selectedResult;
+    } catch (error) {
+      console.error("\u8BA1\u7B97\u7ED3\u679C\u5931\u8D25:", error);
+      throw error;
+    }
+  };
+  const handlePressStart = (e) => {
+    if (status !== "idle") return;
+    e.preventDefault();
+    setStatus("pressing");
+    startTimeRef.current = Date.now();
+    progressIntervalRef.current = setInterval(() => {
+      const elapsed = Date.now() - startTimeRef.current;
+      const progress = Math.min(elapsed / longPressDuration * 100, 100);
+      setPressProgress(progress);
+    }, 16);
+    pressTimerRef.current = setTimeout(async () => {
+      try {
+        setPressProgress(100);
+        if (progressIntervalRef.current) {
+          clearInterval(progressIntervalRef.current);
+          progressIntervalRef.current = null;
+        }
+        console.log("\u5F00\u59CB\u8BA1\u7B97\u7ED3\u679C...");
+        const testResult = await calculateResult();
+        console.log("\u7ED3\u679C\u8BA1\u7B97\u5B8C\u6210\uFF0C\u66F4\u65B0\u72B6\u6001:", testResult);
+        setResult(testResult);
+        setTimeout(() => {
+          setStatus("completed");
+          console.log("\u72B6\u6001\u5DF2\u66F4\u65B0\u4E3A completed");
+        }, 0);
+        if (onResult) {
+          onResult(testResult);
+        }
+      } catch (error) {
+        console.error("\u6D4B\u8BD5\u5931\u8D25:", error);
+        setStatus("idle");
+        setPressProgress(0);
+        alert("\u6D4B\u8BD5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      }
+    }, longPressDuration);
+    if ("button" in e && e.button === 0) {
+      const handleGlobalMouseUp = () => {
+        handlePressEnd();
+        document.removeEventListener("mouseup", handleGlobalMouseUp);
+      };
+      document.addEventListener("mouseup", handleGlobalMouseUp);
+    }
+  };
+  const handlePressEnd = () => {
+    if (status !== "pressing") return;
+    if (pressTimerRef.current) {
+      clearTimeout(pressTimerRef.current);
+      pressTimerRef.current = null;
+    }
+    if (progressIntervalRef.current) {
+      clearInterval(progressIntervalRef.current);
+      progressIntervalRef.current = null;
+    }
+    setStatus("idle");
+    setPressProgress(0);
+  };
+  const handleMouseLeave = (e) => {
+  };
+  const handleTouchMove = (e) => {
+    const touch = e.touches[0];
+    if (!touch) return;
+    const target = e.currentTarget;
+    const rect = target.getBoundingClientRect();
+    const isInside = touch.clientX >= rect.left && touch.clientX <= rect.right && touch.clientY >= rect.top && touch.clientY <= rect.bottom;
+    if (!isInside && status === "pressing") {
+      handlePressEnd();
+    }
+  };
+  useEffect(() => {
+    return () => {
+      if (pressTimerRef.current) {
+        clearTimeout(pressTimerRef.current);
+      }
+      if (progressIntervalRef.current) {
+        clearInterval(progressIntervalRef.current);
+      }
+    };
+  }, []);
+  const handleReset = () => {
+    localStorage.removeItem(STORAGE_KEY);
+    setResult(null);
+    setStatus("idle");
+    setPressProgress(0);
+  };
+  const backgroundStyle = {
+    position: "relative",
+    minHeight: "100vh",
+    overflow: "hidden",
+    background: "linear-gradient(135deg, #f3e8ff 0%, #fce7f3 50%, #dbeafe 100%)"
+  };
+  const DecorativeBackground = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "384px",
+    height: "384px",
+    background: "radial-gradient(circle, rgba(192, 132, 252, 0.3) 0%, transparent 70%)",
+    borderRadius: "50%",
+    filter: "blur(60px)",
+    transform: "translate(-50%, -50%)",
+    pointerEvents: "none"
+  } }), /* @__PURE__ */ React.createElement("div", { style: {
+    position: "absolute",
+    top: "50%",
+    right: 0,
+    width: "384px",
+    height: "384px",
+    background: "radial-gradient(circle, rgba(244, 114, 182, 0.3) 0%, transparent 70%)",
+    borderRadius: "50%",
+    filter: "blur(60px)",
+    transform: "translateX(50%)",
+    pointerEvents: "none"
+  } }), /* @__PURE__ */ React.createElement("div", { style: {
+    position: "absolute",
+    bottom: 0,
+    left: "50%",
+    width: "384px",
+    height: "384px",
+    background: "radial-gradient(circle, rgba(147, 197, 253, 0.3) 0%, transparent 70%)",
+    borderRadius: "50%",
+    filter: "blur(60px)",
+    transform: "translate(-50%, 50%)",
+    pointerEvents: "none"
+  } }));
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement("div", { className, style: backgroundStyle }, /* @__PURE__ */ React.createElement(DecorativeBackground, null), /* @__PURE__ */ React.createElement("div", { style: {
+      position: "relative",
+      zIndex: 10,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "100vh"
+    } }, /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement("div", { style: {
+      position: "relative",
+      width: "64px",
+      height: "64px",
+      margin: "0 auto 16px"
+    } }, /* @__PURE__ */ React.createElement("div", { style: {
+      position: "absolute",
+      inset: 0,
+      border: "4px solid #e9d5ff",
+      borderRadius: "50%"
+    } }), /* @__PURE__ */ React.createElement("div", { style: {
+      position: "absolute",
+      inset: 0,
+      border: "4px solid transparent",
+      borderTopColor: "#a855f7",
+      borderRadius: "50%",
+      animation: "spin 1s linear infinite"
+    } })), /* @__PURE__ */ React.createElement("p", { style: { fontSize: "14px", color: "#6b7280" } }, "\u2728 \u52A0\u8F7D\u4E2D"))));
+  }
+  if (status === "completed" && result) {
+    return /* @__PURE__ */ React.createElement("div", { className, style: backgroundStyle }, /* @__PURE__ */ React.createElement(DecorativeBackground, null), /* @__PURE__ */ React.createElement("div", { style: {
+      position: "relative",
+      zIndex: 10,
+      minHeight: "100vh",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "24px"
+    } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: "420px", width: "100%" } }, /* @__PURE__ */ React.createElement("div", { style: {
+      position: "relative",
+      background: "linear-gradient(135deg, #fdf2f8 0%, #faf5ff 50%, #eff6ff 100%)",
+      borderRadius: "32px",
+      boxShadow: "0 25px 50px -12px rgba(168, 85, 247, 0.25), 0 0 0 1px rgba(168, 85, 247, 0.1)",
+      overflow: "hidden",
+      padding: "40px 32px",
+      textAlign: "center"
+    } }, /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", top: "20px", left: "20px", fontSize: "24px", opacity: 0.6 } }, "\u2728"), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", top: "40px", right: "30px", fontSize: "20px", opacity: 0.5 } }, "\u2B50"), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", bottom: "30px", left: "40px", fontSize: "18px", opacity: 0.4 } }, "\u{1F4AB}"), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", bottom: "50px", right: "25px", fontSize: "22px", opacity: 0.5 } }, "\u{1F31F}"), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ React.createElement("div", { style: {
+      display: "inline-block",
+      fontSize: "80px",
+      animation: "bounce-slow 2s ease-in-out infinite",
+      filter: "drop-shadow(0 10px 20px rgba(0,0,0,0.1))"
+    } }, result.imageType === "emoji" ? result.image : "\u{1F389}")), /* @__PURE__ */ React.createElement("h2", { style: {
+      fontSize: "32px",
+      fontWeight: 800,
+      background: "linear-gradient(135deg, #9333ea 0%, #ec4899 100%)",
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      backgroundClip: "text",
+      marginBottom: "16px",
+      lineHeight: 1.3
+    } }, result.title), /* @__PURE__ */ React.createElement("div", { style: {
+      background: "rgba(255, 255, 255, 0.8)",
+      borderRadius: "20px",
+      padding: "20px 24px",
+      marginBottom: "28px",
+      boxShadow: "0 4px 15px rgba(168, 85, 247, 0.1)",
+      border: "2px dashed rgba(168, 85, 247, 0.2)"
+    } }, /* @__PURE__ */ React.createElement("p", { style: {
+      fontSize: "16px",
+      color: "#6b7280",
+      lineHeight: 1.7,
+      margin: 0
+    } }, result.description)), /* @__PURE__ */ React.createElement("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "8px",
+      marginBottom: "24px"
+    } }, /* @__PURE__ */ React.createElement("span", { style: { width: "40px", height: "3px", background: "linear-gradient(to right, #a855f7, transparent)", borderRadius: "999px" } }), /* @__PURE__ */ React.createElement("span", { style: { fontSize: "16px" } }, "\u{1F495}"), /* @__PURE__ */ React.createElement("span", { style: { width: "40px", height: "3px", background: "linear-gradient(to left, #ec4899, transparent)", borderRadius: "999px" } })), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: handleReset,
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "8px",
+          padding: "14px 32px",
+          fontSize: "16px",
+          fontWeight: 600,
+          color: "white",
+          background: "linear-gradient(135deg, #a855f7 0%, #ec4899 100%)",
+          border: "none",
+          borderRadius: "9999px",
+          cursor: "pointer",
+          boxShadow: "0 10px 25px -5px rgba(168, 85, 247, 0.4)",
+          transition: "all 0.3s ease"
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.transform = "scale(1.05) translateY(-2px)";
+          e.currentTarget.style.boxShadow = "0 15px 35px -5px rgba(168, 85, 247, 0.5)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.transform = "scale(1) translateY(0)";
+          e.currentTarget.style.boxShadow = "0 10px 25px -5px rgba(168, 85, 247, 0.4)";
+        }
+      },
+      /* @__PURE__ */ React.createElement("span", null, "\u{1F504}"),
+      /* @__PURE__ */ React.createElement("span", null, "\u91CD\u65B0\u6D4B\u8BD5")
+    )))));
+  }
+  return /* @__PURE__ */ React.createElement("div", { className, style: backgroundStyle }, /* @__PURE__ */ React.createElement(DecorativeBackground, null), /* @__PURE__ */ React.createElement("div", { style: {
+    position: "relative",
+    zIndex: 10,
+    minHeight: "100vh",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "16px"
+  } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: "512px", width: "100%", textAlign: "center", userSelect: "none" } }, /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "48px" } }, /* @__PURE__ */ React.createElement("div", { style: {
+    display: "inline-block",
+    marginBottom: "16px",
+    animation: "bounce-slow 2s ease-in-out infinite"
+  } }, /* @__PURE__ */ React.createElement("span", { style: { fontSize: "56px" } }, "\u{1F3B2}")), /* @__PURE__ */ React.createElement("h1", { style: {
+    fontSize: "48px",
+    fontWeight: 900,
+    marginBottom: "12px",
+    background: "linear-gradient(135deg, #9333ea 0%, #ec4899 50%, #3b82f6 100%)",
+    WebkitBackgroundClip: "text",
+    WebkitTextFillColor: "transparent",
+    backgroundClip: "text",
+    lineHeight: 1.2
+  } }, gameTitle), gameDescription && /* @__PURE__ */ React.createElement("p", { style: {
+    fontSize: "18px",
+    color: "#6b7280",
+    fontWeight: 500
+  } }, gameDescription)), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onMouseDown: handlePressStart,
+      onMouseLeave: handleMouseLeave,
+      onTouchStart: handlePressStart,
+      onTouchEnd: handlePressEnd,
+      onTouchMove: handleTouchMove,
+      onTouchCancel: handlePressEnd,
+      onContextMenu: (e) => e.preventDefault(),
+      onDragStart: (e) => e.preventDefault(),
+      style: {
+        display: "block",
+        margin: "0 auto",
+        width: "200px",
+        height: "200px",
+        borderRadius: "50%",
+        border: "none",
+        fontSize: "20px",
+        fontWeight: "bold",
+        cursor: "pointer",
+        position: "relative",
+        overflow: "hidden",
+        userSelect: "none",
+        WebkitTouchCallout: "none",
+        WebkitUserSelect: "none",
+        touchAction: "none",
+        transition: "transform 0.3s ease",
+        transform: status === "pressing" ? "scale(0.95)" : "scale(1)",
+        background: status === "pressing" ? `linear-gradient(to top, rgb(168, 85, 247) ${pressProgress}%, rgb(236, 72, 153) ${pressProgress}%)` : "linear-gradient(135deg, #4f46e5 0%, #7c3aed 25%, #db2777 50%, #f97316 75%, #059669 100%)",
+        boxShadow: status === "pressing" ? "inset 0 4px 12px rgba(0,0,0,0.3), 0 0 0 4px rgba(168, 85, 247, 0.5)" : "0 15px 35px -10px rgba(79, 70, 229, 0.6), 0 0 0 4px rgba(255,255,255,0.8)"
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "white",
+      pointerEvents: "none"
+    } }, status === "pressing" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { fontSize: "36px", fontWeight: 900, marginBottom: "4px" } }, Math.round(pressProgress), "%"), /* @__PURE__ */ React.createElement("span", { style: { fontSize: "14px", opacity: 0.8 } }, "\u7EE7\u7EED\u6309\u4F4F")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { fontSize: "32px", marginBottom: "8px" } }, "\u{1F446}"), /* @__PURE__ */ React.createElement("span", { style: { fontSize: "16px", fontWeight: "bold", padding: "0 16px" } }, buttonText))),
+    status === "idle" && /* @__PURE__ */ React.createElement("div", { style: {
+      position: "absolute",
+      top: "16px",
+      left: "16px",
+      right: "16px",
+      bottom: "16px",
+      border: "2px solid rgba(255,255,255,0.3)",
+      borderRadius: "50%"
+    } })
+  ), status === "pressing" && /* @__PURE__ */ React.createElement("div", { style: {
+    marginTop: "16px",
+    marginLeft: "auto",
+    marginRight: "auto",
+    width: "192px",
+    height: "8px",
+    backgroundColor: "#e5e7eb",
+    borderRadius: "9999px",
+    overflow: "hidden"
+  } }, /* @__PURE__ */ React.createElement("div", { style: {
+    height: "100%",
+    width: `${pressProgress}%`,
+    background: "linear-gradient(to right, #a855f7, #ec4899)",
+    transition: "width 0.1s ease"
+  } }))), /* @__PURE__ */ React.createElement("div", { style: { marginTop: "24px" } }, status === "pressing" ? /* @__PURE__ */ React.createElement("p", { style: {
+    fontSize: "18px",
+    fontWeight: 500,
+    color: "#9333ea",
+    animation: "pulse 2s ease-in-out infinite"
+  } }, "\u2728 \u6B63\u5728\u5206\u6790\u4E2D...") : /* @__PURE__ */ React.createElement("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "8px"
+  } }, /* @__PURE__ */ React.createElement("span", { style: {
+    display: "inline-block",
+    width: "6px",
+    height: "6px",
+    backgroundColor: "#a855f7",
+    borderRadius: "50%",
+    animation: "bounce 1s infinite"
+  } }), /* @__PURE__ */ React.createElement("span", { style: {
+    display: "inline-block",
+    width: "6px",
+    height: "6px",
+    backgroundColor: "#ec4899",
+    borderRadius: "50%",
+    animation: "bounce 1s infinite 0.1s"
+  } }), /* @__PURE__ */ React.createElement("span", { style: {
+    display: "inline-block",
+    width: "6px",
+    height: "6px",
+    backgroundColor: "#3b82f6",
+    borderRadius: "50%",
+    animation: "bounce 1s infinite 0.2s"
+  } }))))));
+};
+var touchOptimizationStyles = `
+  @keyframes bounce-slow {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-10px);
+    }
+  }
+  
+  @keyframes bounce {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-4px);
+    }
+  }
+  
+  @keyframes pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+  
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+if (typeof document !== "undefined" && !document.getElementById("test-yourself-styles")) {
+  const style = document.createElement("style");
+  style.id = "test-yourself-styles";
+  style.textContent = touchOptimizationStyles;
+  document.head.appendChild(style);
+}
+
+export { DEFAULT_RESULTS, TestYourself, generateDeviceHash, getDeviceFingerprint, selectResultIndex, tryGetIPAddress };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map