☰

Claude Session Key 管理器

Claude Session Key 管理工具，支持拖拽、测活、批量导入导出、WebDAV云备份等功能

目前为 2025-03-09 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Claude Session Key 管理器
  3. // @name:zh-CN   Claude Session Key 管理器
  4. // @name:en      Claude Session Key Manager
  5. // @version      1.0.1
  6. // @description  Claude Session Key 管理工具，支持拖拽、测活、导入导出、WebDAV云备份等功能
  7. // @description:zh-CN  Claude Session Key 管理工具，支持拖拽、测活、批量导入导出、WebDAV云备份等功能
  8. // @description:en  Claude Session Key Manager with drag-and-drop, token validation, import/export, WebDAV backup and more
  9. // @author       xiaoye6688
  10. // @namespace    https://gf.qytechs.cn/users/1317128-xiaoye6688
  11. // @homepage     https://gf.qytechs.cn/zh-CN/users/1317128-xiaoye6688
  12. // @supportURL   https://gf.qytechs.cn/zh-CN/users/1317128-xiaoye6688
  13. // @license      MIT
  14. // @date         2025-03-09
  15. // @modified     2025-03-09
  16.  
  17. // @match        https://claude.ai/*
  18. // @match        https://claude.asia/*
  19. // @match        https://demo.fuclaude.com/*
  20. // @include      https://*fuclaude*/*
  21. //
  22. // @icon         https://claude.ai/favicon.ico
  23. // @run-at       document-end
  24.  
  25. // @grant        GM_xmlhttpRequest
  26. // @grant        GM_setValue
  27. // @grant        GM_getValue
  28. // @grant        GM_deleteValue
  29. // @grant        GM_addStyle
  30. // @grant        GM_registerMenuCommand
  31. // @grant        GM_unregisterMenuCommand
  32. // @grant        GM_info
  33.  
  34. // @connect      ipapi.co
  35. // @connect      api.claude.ai
  36. // @connect      *
  37. // ==/UserScript==
  38.  
  39. (function () {
  40.     "use strict";
  41.  
  42.     const config = {
  43.         storageKey: "claudeTokens",
  44.         ipApiUrl: "https://ipapi.co/country_code",
  45.         defaultToken: {
  46.             name: "Token00",
  47.             key: "sk-key",
  48.         },
  49.         currentTokenKey: "currentClaudeToken",
  50.         testResultsKey: "claudeTokenTestResults",
  51.         testResultExpiry: 1800000, // 30分钟过期
  52.     };
  53.  
  54.     const theme = {
  55.         light: {
  56.             bgColor: "#fcfaf5",
  57.             textColor: "#333",
  58.             borderColor: "#ccc",
  59.             buttonBg: "#f5f1e9",
  60.             buttonHoverBg: "#e5e1d9",
  61.             modalBg: "rgba(0, 0, 0, 0.5)",
  62.         },
  63.         dark: {
  64.             bgColor: "#2c2b28",
  65.             textColor: "#f5f4ef",
  66.             borderColor: "#3f3f3c",
  67.             buttonBg: "#3f3f3c",
  68.             buttonHoverBg: "#4a4a47",
  69.             modalBg: "rgba(0, 0, 0, 0.7)",
  70.         },
  71.     };
  72.  
  73.     const getStyles = (isDarkMode) => `
  74.         :root {
  75.             --bg-color: ${isDarkMode ? theme.dark.bgColor : theme.light.bgColor};
  76.             --text-color: ${isDarkMode ? theme.dark.textColor : theme.light.textColor};
  77.             --border-color: ${isDarkMode ? theme.dark.borderColor : theme.light.borderColor};
  78.             --button-bg: ${isDarkMode ? theme.dark.buttonBg : theme.light.buttonBg};
  79.             --button-hover-bg: ${isDarkMode ? theme.dark.buttonHoverBg : theme.light.buttonHoverBg};
  80.             --modal-bg: ${isDarkMode ? theme.dark.modalBg : theme.light.modalBg};
  81.         }
  82.         
  83.         /* 浮动按钮样式 */
  84.         #claude-toggle-button {
  85.             width: 40px;
  86.             height: 40px;
  87.             border-radius: 50%;
  88.             background-color: var(--bg-color);
  89.             color: #b3462f;
  90.             cursor: move;
  91.             position: fixed;
  92.             z-index: 10000;
  93.             display: flex;
  94.             align-items: center;
  95.             justify-content: center;
  96.             box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  97.             transition: background-color 0.3s ease, transform 0.2s ease;
  98.             outline: none;
  99.             padding: 0;
  100.             user-select: none;
  101.             touch-action: none;
  102.             border: 1px solid var(--border-color);
  103.             font-size: 18px;
  104.         }
  105.         
  106.         #claude-toggle-button:hover {
  107.             transform: scale(1.1);
  108.             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  109.         }
  110.         
  111.         /* 下拉容器样式 */
  112.         .claude-dropdown-container {
  113.             position: fixed;
  114.             background-color: var(--bg-color);
  115.             padding: 20px;
  116.             border-radius: 12px;
  117.             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  118.             display: none;
  119.             flex-direction: column;
  120.             gap: 0; /* 移除flex布局产生的空隙 */
  121.             width: 600px;
  122.             max-height: 80vh;
  123.             overflow-y: auto;
  124.             z-index: 9999;
  125.             border: 1px solid var(--border-color);
  126.             opacity: 0;
  127.             transform: scale(0.95);
  128.             transition: opacity 0.3s ease, transform 0.3s ease;
  129.             scrollbar-gutter: stable; /* 保持滚动条空间稳定 */
  130.             scrollbar-width: thin; /* Firefox滚动条样式 */
  131.             scrollbar-color: ${isDarkMode ? "rgba(255, 255, 255, 0.2) transparent" : "rgba(0, 0, 0, 0.2) transparent"};
  132.         }
  133.         
  134.         /* 标题容器 */
  135.         .claude-title-container {
  136.             display: flex;
  137.             justify-content: space-between;
  138.             align-items: center;
  139.             padding-bottom: 10px;
  140.         }
  141.         
  142.         .claude-title-container h2 {
  143.             margin: 0;
  144.             color: var(--text-color);
  145.             font-size: 18px;
  146.             font-weight: 600;
  147.         }
  148.         
  149.         .claude-ip-display {
  150.             font-size: 14px;
  151.             color: var(--text-color);
  152.             padding: 4px 10px;
  153.             background-color: var(--button-bg);
  154.             border-radius: 12px;
  155.         }
  156.         
  157.         /* Token 网格容器 */
  158.         .claude-token-grid {
  159.             display: grid;
  160.             grid-template-columns: repeat(2, 1fr);
  161.             gap: 12px;
  162.             max-height: calc(2 * (90px + 12px) + 24px); /* 两行token的高度加上间隙和padding */
  163.             overflow-y: auto;
  164.             padding: 12px 0 12px 12px;
  165.             scrollbar-gutter: stable; /* 保持滚动条空间稳定，防止出现时推动内容 */
  166.             border: 1px solid var(--border-color);
  167.             border-radius: 8px;
  168.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.03)" : "rgba(0, 0, 0, 0.02)"};
  169.             /* Firefox滚动条样式支持 */
  170.             scrollbar-width: thin;
  171.             scrollbar-color: ${isDarkMode ? "rgba(255, 255, 255, 0.2) transparent" : "rgba(0, 0, 0, 0.2) transparent"};
  172.         }
  173.         
  174.         /* Token 卡片样式 */
  175.         .claude-token-item {
  176.             padding: 15px;
  177.             border-radius: 8px;
  178.             background-color: var(--bg-color);
  179.             border: 1px solid var(--border-color);
  180.             cursor: pointer;
  181.             transition: all 0.3s ease;
  182.             position: relative;
  183.             height: 90px; /* 固定高度 */
  184.             box-sizing: border-box; /* 确保padding不会增加总高度 */
  185.             display: flex;
  186.             flex-direction: column;
  187.             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  188.         }
  189.         
  190.         .claude-token-item:hover {
  191.             transform: translateY(-2px);
  192.             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  193.             border-color: ${isDarkMode ? "rgba(255, 255, 255, 0.3)" : "rgba(0, 0, 0, 0.2)"};
  194.         }
  195.         
  196.         .claude-token-item.current-token {
  197.             border: 2px solid #b3462f;
  198.             background-color: ${isDarkMode ? "rgba(179, 70, 47, 0.1)" : "rgba(179, 70, 47, 0.05)"};
  199.             position: relative;
  200.         }
  201.         
  202.         .current-token-badge {
  203.             position: absolute;
  204.             top: -8px;
  205.             left: 8px;
  206.             background-color: #b3462f;
  207.             width: 20px;
  208.             height: 20px;
  209.             border-radius: 50%;
  210.             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  211.             display: flex;
  212.             align-items: center;
  213.             justify-content: center;
  214.         }
  215.         
  216.         .current-token-badge::after {
  217.             content: "";
  218.             display: block;
  219.             width: 10px;
  220.             height: 10px;
  221.             border-radius: 50%;
  222.             background-color: white;
  223.         }
  224.         
  225.         /* Token 内容样式 */
  226.         .token-info {
  227.             display: flex;
  228.             flex-direction: column;
  229.             gap: 8px;
  230.             flex: 1; /* 填充可用空间 */
  231.             justify-content: space-between; /* 顶部行和底部行分别位于容器顶部和底部 */
  232.         }
  233.         
  234.         .token-top-row {
  235.             display: flex;
  236.             align-items: center;
  237.             justify-content: space-between;
  238.         }
  239.         
  240.         .token-name-container {
  241.             display: flex;
  242.             align-items: center;
  243.             gap: 8px;
  244.         }
  245.         
  246.         .token-number {
  247.             padding: 2px 8px;
  248.             border-radius: 12px;
  249.             font-size: 12px;
  250.             background-color: var(--button-bg);
  251.         }
  252.         
  253.         .token-name {
  254.             font-weight: 500;
  255.             font-size: 14px;
  256.         }
  257.         
  258.         .token-actions {
  259.             display: flex;
  260.             gap: 8px;
  261.         }
  262.         
  263.         .token-action-btn {
  264.             background: transparent;
  265.             border: none;
  266.             cursor: pointer;
  267.             padding: 4px;
  268.             border-radius: 4px;
  269.             display: flex;
  270.             align-items: center;
  271.             justify-content: center;
  272.             color: var(--text-color);
  273.             transition: all 0.2s ease;
  274.         }
  275.         
  276.         .token-action-btn:hover {
  277.             background-color: var(--button-hover-bg);
  278.             transform: scale(1.1);
  279.         }
  280.         
  281.         .token-action-btn.delete-btn {
  282.             color: #e24a4a;
  283.         }
  284.         
  285.         .token-bottom-row {
  286.             display: flex;
  287.             align-items: center;
  288.             justify-content: space-between;
  289.         }
  290.         
  291.         .token-status {
  292.             display: flex;
  293.             align-items: center;
  294.             gap: 6px;
  295.             margin-left: auto;
  296.         }
  297.         
  298.         .status-indicator {
  299.             width: 10px;
  300.             height: 10px;
  301.             border-radius: 50%;
  302.             background-color: #888;
  303.         }
  304.         
  305.         .status-indicator.success {
  306.             background-color: #48bb78;
  307.         }
  308.         
  309.         .status-indicator.error {
  310.             background-color: #e53e3e;
  311.         }
  312.         
  313.         .status-indicator.loading {
  314.             background-color: #888;
  315.             animation: pulse 1.5s infinite;
  316.         }
  317.         
  318.         @keyframes pulse {
  319.             0% { opacity: 0.4; }
  320.             50% { opacity: 1; }
  321.             100% { opacity: 0.4; }
  322.         }
  323.         
  324.         .token-time {
  325.             font-size: 12px;
  326.             color: var(--text-color);
  327.             opacity: 0.7;
  328.         }
  329.         
  330.         /* 按钮容器 */
  331.         .claude-button-container {
  332.             display: grid;
  333.             grid-template-columns: repeat(3, 1fr);
  334.             gap: 8px;
  335.             padding-top: 12px;
  336.         }
  337.         
  338.         .claude-button {
  339.             padding: 8px 10px;
  340.             border: none;
  341.             border-radius: 6px;
  342.             cursor: pointer;
  343.             transition: all 0.2s ease;
  344.             font-size: 13px;
  345.             font-weight: 500;
  346.             display: flex;
  347.             align-items: center;
  348.             justify-content: center;
  349.             gap: 4px;
  350.             white-space: nowrap;
  351.             overflow: hidden;
  352.             text-overflow: ellipsis;
  353.             position: relative;
  354.         }
  355.         
  356.         .claude-button:hover {
  357.             transform: translateY(-2px);
  358.         }
  359.         
  360.         .claude-button.primary {
  361.             background-color: #b3462f;
  362.             color: white;
  363.         }
  364.         
  365.         .claude-button.primary:hover {
  366.             background-color: #a03d2a;
  367.         }
  368.         
  369.         .claude-button.secondary {
  370.             background-color: var(--button-bg);
  371.             color: var(--text-color);
  372.         }
  373.         
  374.         .claude-button.secondary:hover {
  375.             background-color: var(--button-hover-bg);
  376.         }
  377.         
  378.         /* 工具提示样式 */
  379.         .claude-button[data-tooltip]:hover::after {
  380.             content: attr(data-tooltip);
  381.             position: absolute;
  382.             bottom: 100%;
  383.             left: 50%;
  384.             transform: translateX(-50%);
  385.             background-color: rgba(0, 0, 0, 0.8);
  386.             color: white;
  387.             padding: 5px 10px;
  388.             border-radius: 4px;
  389.             font-size: 12px;
  390.             white-space: nowrap;
  391.             z-index: 10001;
  392.             margin-bottom: 5px;
  393.             pointer-events: none;
  394.             opacity: 0;
  395.             animation: tooltip-fade-in 0.2s ease forwards;
  396.         }
  397.         
  398.         @keyframes tooltip-fade-in {
  399.             from { opacity: 0; transform: translate(-50%, 5px); }
  400.             to { opacity: 1; transform: translate(-50%, 0); }
  401.         }
  402.         
  403.         /* 模态框样式 */
  404.         .claude-modal {
  405.             position: fixed;
  406.             top: 0;
  407.             left: 0;
  408.             width: 100%;
  409.             height: 100%;
  410.             background-color: var(--modal-bg);
  411.             display: flex;
  412.             justify-content: center;
  413.             align-items: center;
  414.             z-index: 10001;
  415.         }
  416.         
  417.         .claude-modal-content {
  418.             background-color: var(--bg-color);
  419.             padding: 20px;
  420.             padding-right: 14px; /* 右侧padding稍微增加，为滚动条预留空间但不过多 */
  421.             border-radius: 8px;
  422.             box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  423.             width: 500px;
  424.             max-width: 90%;
  425.             overflow-y: auto;
  426.             position: relative;
  427.             scrollbar-gutter: stable; /* 保持滚动条空间稳定 */
  428.             scrollbar-width: thin; /* Firefox滚动条样式 */
  429.             scrollbar-color: ${isDarkMode ? "rgba(255, 255, 255, 0.2) transparent" : "rgba(0, 0, 0, 0.2) transparent"};
  430.         }
  431.         
  432.         .claude-modal-content.narrow-modal {
  433.             width: 400px;
  434.             max-width: 80%;
  435.         }
  436.         
  437.         .claude-modal h2 {
  438.             margin-top: 0;
  439.             margin-bottom: 15px;
  440.             color: var(--text-color);
  441.             font-size: 18px;
  442.             font-weight: 600;
  443.         }
  444.         
  445.         .claude-modal input, .claude-modal textarea {
  446.             width: 100%;
  447.             padding: 10px;
  448.             margin-bottom: 15px;
  449.             border: 1px solid var(--border-color);
  450.             border-radius: 4px;
  451.             font-size: 14px;
  452.             background-color: var(--bg-color);
  453.             color: var(--text-color);
  454.         }
  455.         
  456.         .claude-modal-buttons {
  457.             display: flex;
  458.             justify-content: flex-end;
  459.             gap: 10px;
  460.             margin-top: 15px;
  461.         }
  462.         
  463.         .claude-close-button {
  464.             position: absolute;
  465.             top: 10px;
  466.             right: 10px;
  467.             background: none;
  468.             border: none;
  469.             font-size: 20px;
  470.             cursor: pointer;
  471.             color: var(--text-color);
  472.             padding: 5px;
  473.             line-height: 1;
  474.         }
  475.         
  476.         /* 自定义滚动条样式 */
  477.         .claude-token-grid::-webkit-scrollbar {
  478.             width: 6px;
  479.             /* 初始状态下滚动条透明 */
  480.             background-color: transparent;
  481.         }
  482.         
  483.         .claude-token-grid::-webkit-scrollbar-track {
  484.             background: transparent;
  485.             margin: 4px 0;
  486.         }
  487.         
  488.         .claude-token-grid::-webkit-scrollbar-thumb {
  489.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)"};
  490.             border-radius: 6px;
  491.             transition: background-color 0.3s ease;
  492.             /* 初始状态下滚动条半透明 */
  493.             opacity: 0.6;
  494.         }
  495.         
  496.         .claude-token-grid::-webkit-scrollbar-thumb:hover {
  497.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.3)" : "rgba(0, 0, 0, 0.3)"};
  498.             opacity: 1;
  499.         }
  500.         
  501.         .claude-token-grid:hover::-webkit-scrollbar-thumb {
  502.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.3)" : "rgba(0, 0, 0, 0.3)"};
  503.             opacity: 1;
  504.         }
  505.         
  506.         /* 滚动条样式 */
  507.         .claude-dropdown-container::-webkit-scrollbar,
  508.         .claude-modal-content::-webkit-scrollbar {
  509.             width: 6px;
  510.             background-color: transparent;
  511.         }
  512.         
  513.         .claude-dropdown-container::-webkit-scrollbar-track,
  514.         .claude-modal-content::-webkit-scrollbar-track {
  515.             background: transparent;
  516.             margin: 4px 0;
  517.         }
  518.         
  519.         .claude-dropdown-container::-webkit-scrollbar-thumb,
  520.         .claude-modal-content::-webkit-scrollbar-thumb {
  521.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)"};
  522.             border-radius: 6px;
  523.             transition: background-color 0.3s ease;
  524.             opacity: 0.6;
  525.         }
  526.         
  527.         .claude-dropdown-container::-webkit-scrollbar-thumb:hover,
  528.         .claude-modal-content::-webkit-scrollbar-thumb:hover {
  529.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.3)" : "rgba(0, 0, 0, 0.3)"};
  530.             opacity: 1;
  531.         }
  532.         
  533.         .claude-dropdown-container:hover::-webkit-scrollbar-thumb,
  534.         .claude-modal-content:hover::-webkit-scrollbar-thumb {
  535.             opacity: 1;
  536.         }
  537.         
  538.         /* 预览容器 */
  539.         .claude-preview-container {
  540.             margin-top: 15px;
  541.             max-height: 200px;
  542.             overflow-y: auto;
  543.             border: 1px solid var(--border-color);
  544.             border-radius: 8px;
  545.             padding: 15px;
  546.         }
  547.         
  548.         .claude-preview-title {
  549.             font-size: 16px;
  550.             margin-bottom: 10px;
  551.             color: var(--text-color);
  552.             border-bottom: 1px solid var(--border-color);
  553.             padding-bottom: 5px;
  554.         }
  555.         
  556.         .claude-preview-item {
  557.             margin-bottom: 8px;
  558.             font-size: 14px;
  559.             padding: 8px;
  560.             border-radius: 4px;
  561.             background-color: var(--button-bg);
  562.         }
  563.  
  564.         /* 滚动提示样式 */
  565.         .scroll-indicator {
  566.             grid-column: 1 / -1; /* 横跨所有列 */
  567.             display: flex;
  568.             align-items: center;
  569.             justify-content: center;
  570.             padding: 8px;
  571.             margin-top: 5px;
  572.             color: ${isDarkMode ? "rgba(255, 255, 255, 0.6)" : "rgba(0, 0, 0, 0.5)"};
  573.             font-size: 12px;
  574.             background-color: ${isDarkMode ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.03)"};
  575.             border-radius: 6px;
  576.             gap: 8px;
  577.         }
  578.  
  579.         .scroll-arrow {
  580.             animation: bounce 1.5s infinite;
  581.         }
  582.  
  583.         @keyframes bounce {
  584.             0%, 100% { transform: translateY(0); }
  585.             50% { transform: translateY(3px); }
  586.         }
  587.     `;
  588.  
  589.     const UI = {
  590.         createElem(tag, className = "", styles = {}) {
  591.             const elem = document.createElement(tag);
  592.             if (className) elem.className = className;
  593.             Object.assign(elem.style, styles);
  594.             return elem;
  595.         },
  596.  
  597.         createButton(text, className, icon = "") {
  598.             const button = this.createElem("button", className);
  599.             if (icon) {
  600.                 button.innerHTML = `${icon} ${text}`;
  601.             } else {
  602.                 button.textContent = text;
  603.             }
  604.             return button;
  605.         },
  606.  
  607.         createModal(title, content, includeCloseButton = true) {
  608.             const modal = this.createElem("div", "claude-modal");
  609.             modal.setAttribute("aria-modal", "true");
  610.             modal.setAttribute("role", "dialog");
  611.  
  612.             const modalContent = this.createElem("div", "claude-modal-content");
  613.  
  614.             const titleElem = this.createElem("h2");
  615.             titleElem.textContent = title;
  616.             modalContent.appendChild(titleElem);
  617.  
  618.             if (includeCloseButton) {
  619.                 const closeButton = this.createElem("button", "claude-close-button");
  620.                 closeButton.textContent = "×";
  621.                 closeButton.addEventListener("click", () => document.body.removeChild(modal));
  622.                 modalContent.appendChild(closeButton);
  623.             }
  624.  
  625.             modalContent.appendChild(content);
  626.  
  627.             const buttonContainer = this.createElem("div", "claude-modal-buttons");
  628.             modalContent.appendChild(buttonContainer);
  629.  
  630.             modal.appendChild(modalContent);
  631.             document.body.appendChild(modal);
  632.  
  633.             return {
  634.                 modal,
  635.                 buttonContainer,
  636.                 close: () => document.body.removeChild(modal),
  637.             };
  638.         },
  639.     };
  640.  
  641.     const App = {
  642.         init() {
  643.             this.isDarkMode = document.documentElement.getAttribute("data-mode") === "dark";
  644.             this.injectStyles();
  645.             this.tokens = this.loadTokens();
  646.             this.createUI();
  647.             this.setupEventListeners();
  648.             this.observeThemeChanges();
  649.  
  650.             // 获取保存的位置或使用默认值
  651.             const savedPosition = {
  652.                 left: GM_getValue("buttonLeft", 10),
  653.                 bottom: GM_getValue("buttonBottom", 10)
  654.             };
  655.  
  656.             // 设置按钮位置
  657.             this.toggleButton.style.left = `${savedPosition.left}px`;
  658.             this.toggleButton.style.bottom = `${savedPosition.bottom}px`;
  659.  
  660.             // 初始化拖拽状态
  661.             this.isDragging = false;
  662.             this.buttonLeft = savedPosition.left;
  663.             this.buttonBottom = savedPosition.bottom;
  664.  
  665.             // 获取IP信息
  666.             this.fetchIPCountryCode();
  667.         },
  668.  
  669.         injectStyles() {
  670.             this.styleElem = document.createElement("style");
  671.             this.styleElem.textContent = getStyles(this.isDarkMode);
  672.             document.head.appendChild(this.styleElem);
  673.         },
  674.  
  675.         updateStyles() {
  676.             this.styleElem.textContent = getStyles(this.isDarkMode);
  677.         },
  678.  
  679.         loadTokens() {
  680.             try {
  681.                 const savedTokens = GM_getValue(config.storageKey);
  682.                 let tokens = savedTokens && savedTokens.length > 0
  683.                     ? savedTokens
  684.                     : [config.defaultToken];
  685.  
  686.                 // 为没有创建时间的token添加默认值
  687.                 tokens = tokens.map(token => {
  688.                     if (!token.createdAt) {
  689.                         const now = new Date();
  690.                         return {
  691.                             ...token,
  692.                             createdAt: now.toLocaleString("zh-CN", {
  693.                                 month: "2-digit",
  694.                                 day: "2-digit",
  695.                                 hour: "2-digit",
  696.                                 minute: "2-digit",
  697.                             }),
  698.                             timestamp: now.getTime()
  699.                         };
  700.                     }
  701.                     return token;
  702.                 });
  703.  
  704.                 return tokens;
  705.             } catch (error) {
  706.                 console.error("加载 tokens 失败:", error);
  707.                 return [config.defaultToken];
  708.             }
  709.         },
  710.  
  711.         saveTokens() {
  712.             try {
  713.                 GM_setValue(config.storageKey, this.tokens);
  714.             } catch (error) {
  715.                 console.error("保存 tokens 失败:", error);
  716.                 alert("保存 tokens 失败，请重试。");
  717.             }
  718.         },
  719.  
  720.         createUI() {
  721.             // 创建浮动按钮
  722.             this.toggleButton = UI.createElem("button", "claude-toggle-button", {
  723.                 left: "10px",
  724.                 bottom: "10px"
  725.             });
  726.             this.toggleButton.id = "claude-toggle-button";
  727.             this.toggleButton.innerHTML = `
  728.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" pointer-events="none">
  729.                     <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" pointer-events="none"></path>
  730.                 </svg>
  731.             `;
  732.             document.body.appendChild(this.toggleButton);
  733.  
  734.             // 创建下拉容器
  735.             this.dropdownContainer = UI.createElem("div", "claude-dropdown-container");
  736.             document.body.appendChild(this.dropdownContainer);
  737.  
  738.             // 创建标题容器
  739.             const titleContainer = UI.createElem("div", "claude-title-container");
  740.  
  741.             const title = UI.createElem("h2");
  742.             title.textContent = "Claude Session Key 管理器";
  743.  
  744.             this.ipDisplay = UI.createElem("div", "claude-ip-display");
  745.             this.ipDisplay.textContent = "IP: 加载中...";
  746.  
  747.             titleContainer.appendChild(title);
  748.             titleContainer.appendChild(this.ipDisplay);
  749.             this.dropdownContainer.appendChild(titleContainer);
  750.  
  751.             // 创建 Token 网格
  752.             this.tokenGrid = UI.createElem("div", "claude-token-grid");
  753.             this.dropdownContainer.appendChild(this.tokenGrid);
  754.  
  755.             // 更新 Token 网格
  756.             this.updateTokenGrid();
  757.  
  758.             // 创建按钮容器
  759.             const buttonContainer = UI.createElem("div", "claude-button-container");
  760.  
  761.             // 测试所有按钮
  762.             const testAllButton = UI.createButton("测活", "claude-button primary", "🔍");
  763.             testAllButton.setAttribute("data-tooltip", "测试所有Token是否有效");
  764.             testAllButton.addEventListener("click", () => this.testAllTokens());
  765.             buttonContainer.appendChild(testAllButton);
  766.  
  767.             // 清理无效按钮
  768.             const cleanInvalidButton = UI.createButton("清理", "claude-button secondary", "🗑️");
  769.             cleanInvalidButton.setAttribute("data-tooltip", "清理所有无效的Token");
  770.             cleanInvalidButton.addEventListener("click", () => this.removeInvalidTokens());
  771.             buttonContainer.appendChild(cleanInvalidButton);
  772.  
  773.             // 添加 Token 按钮
  774.             const addTokenButton = UI.createButton("添加", "claude-button secondary", "➕");
  775.             addTokenButton.setAttribute("data-tooltip", "添加新的Token");
  776.             addTokenButton.addEventListener("click", () => this.showAddTokenModal());
  777.             buttonContainer.appendChild(addTokenButton);
  778.  
  779.             // 批量导入按钮
  780.             const importButton = UI.createButton("导入", "claude-button secondary", "📥");
  781.             importButton.setAttribute("data-tooltip", "批量导入多个Token");
  782.             importButton.addEventListener("click", () => this.showBulkImportModal());
  783.             buttonContainer.appendChild(importButton);
  784.  
  785.             // 批量导出按钮
  786.             const exportButton = UI.createButton("导出", "claude-button secondary", "📤");
  787.             exportButton.setAttribute("data-tooltip", "导出所有Token");
  788.             exportButton.addEventListener("click", () => this.exportTokens());
  789.             buttonContainer.appendChild(exportButton);
  790.  
  791.             // WebDAV备份按钮
  792.             const webdavButton = UI.createButton("云备份", "claude-button secondary", "☁️");
  793.             webdavButton.setAttribute("data-tooltip", "WebDAV云备份与恢复");
  794.             webdavButton.addEventListener("click", () => this.showWebDAVModal());
  795.             buttonContainer.appendChild(webdavButton);
  796.  
  797.             this.dropdownContainer.appendChild(buttonContainer);
  798.  
  799.             // 添加信息提示
  800.             const infoSection = UI.createElem("div", "claude-info-section", {
  801.                 marginTop: "10px",
  802.                 padding: "8px",
  803.                 backgroundColor: "#f8f9fa",
  804.                 borderRadius: "6px",
  805.                 fontSize: "11px",
  806.                 color: "#666",
  807.                 textAlign: "center"
  808.             });
  809.             infoSection.innerHTML = '悬停显示面板 • 拖拽按钮调整位置 • 支持WebDAV云备份';
  810.             this.dropdownContainer.appendChild(infoSection);
  811.         },
  812.  
  813.         updateTokenGrid() {
  814.             this.tokenGrid.innerHTML = "";
  815.  
  816.             // 获取当前使用的 token
  817.             const currentTokenName = GM_getValue(config.currentTokenKey);
  818.  
  819.             // 加载测试结果
  820.             const testResults = this.loadTestResults();
  821.  
  822.             this.tokens.forEach((token, index) => {
  823.                 const tokenItem = UI.createElem("div", "claude-token-item");
  824.                 if (token.name === currentTokenName) {
  825.                     tokenItem.classList.add("current-token");
  826.  
  827.                     // 添加选中标记
  828.                     const currentBadge = UI.createElem("div", "current-token-badge");
  829.                     tokenItem.appendChild(currentBadge);
  830.                 }
  831.  
  832.                 // Token 信息容器
  833.                 const tokenInfo = UI.createElem("div", "token-info");
  834.  
  835.                 // 顶部行：名称和操作按钮
  836.                 const topRow = UI.createElem("div", "token-top-row");
  837.  
  838.                 // 名称容器
  839.                 const nameContainer = UI.createElem("div", "token-name-container");
  840.  
  841.                 const numberBadge = UI.createElem("span", "token-number");
  842.                 numberBadge.textContent = `#${(index + 1).toString().padStart(2, "0")}`;
  843.  
  844.                 const nameSpan = UI.createElem("span", "token-name");
  845.                 nameSpan.textContent = token.name;
  846.  
  847.                 nameContainer.appendChild(numberBadge);
  848.                 nameContainer.appendChild(nameSpan);
  849.  
  850.                 // 操作按钮
  851.                 const actions = UI.createElem("div", "token-actions");
  852.  
  853.                 // 编辑按钮
  854.                 const editButton = UI.createElem("button", "token-action-btn edit-btn");
  855.                 editButton.innerHTML = `
  856.                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  857.                         <path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>
  858.                     </svg>
  859.                 `;
  860.                 editButton.dataset.index = index;
  861.                 editButton.addEventListener("click", (e) => {
  862.                     e.stopPropagation();
  863.                     this.showEditTokenModal(index);
  864.                 });
  865.  
  866.                 // 删除按钮
  867.                 const deleteButton = UI.createElem("button", "token-action-btn delete-btn");
  868.                 deleteButton.innerHTML = `
  869.                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  870.                         <path d="M3 6h18"></path>
  871.                         <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"></path>
  872.                         <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
  873.                     </svg>
  874.                 `;
  875.                 deleteButton.dataset.index = index;
  876.                 deleteButton.addEventListener("click", (e) => {
  877.                     e.stopPropagation();
  878.                     this.confirmDeleteToken(index);
  879.                 });
  880.  
  881.                 actions.appendChild(editButton);
  882.                 actions.appendChild(deleteButton);
  883.  
  884.                 topRow.appendChild(nameContainer);
  885.                 topRow.appendChild(actions);
  886.  
  887.                 // 底部行：状态和时间
  888.                 const bottomRow = UI.createElem("div", "token-bottom-row");
  889.  
  890.                 // 添加时间戳（使用token的创建时间）
  891.                 const timeSpan = UI.createElem("span", "token-time");
  892.                 timeSpan.textContent = token.createdAt || "";
  893.                 bottomRow.appendChild(timeSpan);
  894.  
  895.                 // 状态指示器
  896.                 const status = UI.createElem("div", "token-status");
  897.                 const statusIndicator = UI.createElem("div", "status-indicator");
  898.  
  899.                 // 检查缓存的测试结果
  900.                 const testResult = testResults[token.key];
  901.                 if (testResult) {
  902.                     statusIndicator.classList.add(testResult.status);
  903.                 }
  904.  
  905.                 status.appendChild(statusIndicator);
  906.                 status.addEventListener("click", async (e) => {
  907.                     e.stopPropagation();
  908.                     await this.testSingleToken(token, statusIndicator, bottomRow);
  909.                 });
  910.  
  911.                 bottomRow.appendChild(status);
  912.  
  913.                 // 将行添加到信息容器
  914.                 tokenInfo.appendChild(topRow);
  915.                 tokenInfo.appendChild(bottomRow);
  916.  
  917.                 // 将信息容器添加到 token 项
  918.                 tokenItem.appendChild(tokenInfo);
  919.  
  920.                 // 点击切换 token
  921.                 tokenItem.addEventListener("click", () => this.switchToToken(token));
  922.  
  923.                 // 将 token 项添加到网格
  924.                 this.tokenGrid.appendChild(tokenItem);
  925.             });
  926.  
  927.             // 如果token数量超过4个（两行），添加滚动提示
  928.             if (this.tokens.length > 4) {
  929.                 const scrollIndicator = UI.createElem("div", "scroll-indicator");
  930.                 scrollIndicator.innerHTML = `
  931.                     <div class="scroll-text">向下滚动查看更多 (${this.tokens.length - 4})</div>
  932.                     <div class="scroll-arrow">
  933.                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  934.                             <path d="M7 13l5 5 5-5"></path>
  935.                             <path d="M7 6l5 5 5-5"></path>
  936.                         </svg>
  937.                     </div>
  938.                 `;
  939.                 this.tokenGrid.appendChild(scrollIndicator);
  940.             }
  941.         },
  942.  
  943.         async switchToToken(token) {
  944.             // 检查是否有缓存的测试结果
  945.             const cachedResult = this.getTestResult(token.key);
  946.  
  947.             // 如果有缓存的测试结果且为无效，提示用户并询问是否继续
  948.             if (cachedResult && cachedResult.status === "error") {
  949.                 const confirmResult = await this.showConfirmDialog(
  950.                     "警告",
  951.                     `该 Token "${token.name}" 已被标记为无效，是否仍要切换到该 Token？`
  952.                 );
  953.  
  954.                 if (!confirmResult) {
  955.                     return;
  956.                 }
  957.             }
  958.  
  959.             // 应用 token
  960.             this.applyToken(token.key);
  961.             GM_setValue(config.currentTokenKey, token.name);
  962.  
  963.             // 隐藏下拉菜单
  964.             this.hideDropdown();
  965.         },
  966.  
  967.         applyToken(token) {
  968.             const currentURL = window.location.href;
  969.  
  970.             if (currentURL.startsWith("https://claude.ai/")) {
  971.                 document.cookie = `sessionKey=${token}; path=/; domain=.claude.ai`;
  972.                 window.location.reload();
  973.             } else {
  974.                 let loginUrl;
  975.                 const hostname = new URL(currentURL).hostname;
  976.                 if (hostname !== "claude.ai") {
  977.                     loginUrl = `https://${hostname}/login_token?session_key=${token}`;
  978.                 }
  979.  
  980.                 if (loginUrl) {
  981.                     window.location.href = loginUrl;
  982.                 }
  983.             }
  984.         },
  985.  
  986.         async testSingleToken(token, statusIndicator, bottomRow) {
  987.             // 显示加载状态
  988.             statusIndicator.className = "status-indicator loading";
  989.  
  990.             // 测试 token
  991.             const result = await this.testToken(token.key);
  992.  
  993.             // 保存测试结果
  994.             this.saveTestResult(token.key, result);
  995.  
  996.             // 更新状态指示器
  997.             statusIndicator.className = `status-indicator ${result.status}`;
  998.  
  999.             // 不再更新时间戳，保持显示token的创建时间
  1000.         },
  1001.  
  1002.         async testAllTokens() {
  1003.             // 获取所有 token 项
  1004.             const tokenItems = this.tokenGrid.querySelectorAll(".claude-token-item");
  1005.  
  1006.             // 禁用测试按钮
  1007.             const testButton = this.dropdownContainer.querySelector(".claude-button.primary");
  1008.             testButton.disabled = true;
  1009.             testButton.textContent = "测试中...";
  1010.  
  1011.             // 清除所有缓存的测试结果
  1012.             GM_setValue(config.testResultsKey, {});
  1013.  
  1014.             const tokens = Array.from(tokenItems);
  1015.  
  1016.             // 按4个一组处理所有tokens
  1017.             for (let i = 0; i < tokens.length; i += 4) {
  1018.                 // 取出当前4个(或更少)token
  1019.                 const currentChunk = tokens.slice(i, Math.min(i + 4, tokens.length));
  1020.  
  1021.                 // 并行处理这最多4个token
  1022.                 await Promise.all(
  1023.                     currentChunk.map(async (tokenItem) => {
  1024.                         const index = Array.from(tokenItems).indexOf(tokenItem);
  1025.                         const token = this.tokens[index];
  1026.                         const statusIndicator = tokenItem.querySelector(".status-indicator");
  1027.                         const bottomRow = tokenItem.querySelector(".token-bottom-row");
  1028.  
  1029.                         await this.testSingleToken(token, statusIndicator, bottomRow);
  1030.                     })
  1031.                 );
  1032.             }
  1033.  
  1034.             // 恢复测试按钮
  1035.             testButton.disabled = false;
  1036.             testButton.innerHTML = "🔍 测活";
  1037.         },
  1038.  
  1039.         async testToken(key) {
  1040.             return new Promise((resolve) => {
  1041.                 GM_xmlhttpRequest({
  1042.                     method: "GET",
  1043.                     url: "https://api.claude.ai/api/organizations",
  1044.                     headers: {
  1045.                         accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8",
  1046.                         "accept-language": "en-US,en;q=0.9",
  1047.                         "cache-control": "max-age=0",
  1048.                         cookie: `sessionKey=${key}`,
  1049.                         "user-agent": "Mozilla/5.0 (X11; Linux x86_64)",
  1050.                         "sec-fetch-mode": "navigate",
  1051.                         "sec-fetch-site": "none",
  1052.                     },
  1053.                     onload: (response) => {
  1054.                         try {
  1055.                             if (response.status !== 200) {
  1056.                                 resolve({ status: "error", message: "无效" });
  1057.                                 return;
  1058.                             }
  1059.  
  1060.                             const responseText = response.responseText;
  1061.  
  1062.                             if (responseText.toLowerCase().includes("unauthorized")) {
  1063.                                 resolve({ status: "error", message: "无效" });
  1064.                                 return;
  1065.                             }
  1066.  
  1067.                             if (responseText.trim() === "") {
  1068.                                 resolve({ status: "error", message: "无响应" });
  1069.                                 return;
  1070.                             }
  1071.  
  1072.                             try {
  1073.                                 const objects = JSON.parse(responseText);
  1074.                                 if (objects && objects.length > 0) {
  1075.                                     resolve({ status: "success", message: "有效" });
  1076.                                     return;
  1077.                                 }
  1078.                             } catch (e) {
  1079.                                 resolve({ status: "error", message: "解析失败" });
  1080.                                 return;
  1081.                             }
  1082.  
  1083.                             resolve({ status: "error", message: "无效数据" });
  1084.                         } catch (error) {
  1085.                             console.error("解析响应时发生错误:", error);
  1086.                             resolve({ status: "error", message: "测试失败" });
  1087.                         }
  1088.                     },
  1089.                     onerror: (error) => {
  1090.                         console.error("请求发生错误:", error);
  1091.                         resolve({ status: "error", message: "网络错误" });
  1092.                     },
  1093.                     ontimeout: () => {
  1094.                         resolve({ status: "error", message: "超时" });
  1095.                     },
  1096.                 });
  1097.             });
  1098.         },
  1099.  
  1100.         loadTestResults() {
  1101.             try {
  1102.                 const cached = GM_getValue(config.testResultsKey, {});
  1103.                 const now = Date.now();
  1104.                 // 清理过期的测试结果
  1105.                 const filtered = Object.entries(cached).reduce((acc, [key, value]) => {
  1106.                     if (now - value.timestamp < config.testResultExpiry) {
  1107.                         acc[key] = value;
  1108.                     }
  1109.                     return acc;
  1110.                 }, {});
  1111.                 return filtered;
  1112.             } catch (error) {
  1113.                 console.error("加载测试结果缓存失败:", error);
  1114.                 return {};
  1115.             }
  1116.         },
  1117.  
  1118.         saveTestResult(key, result) {
  1119.             try {
  1120.                 const testResults = this.loadTestResults();
  1121.                 const now = new Date();
  1122.                 // 统一使用简短时间格式
  1123.                 const formattedTime = now.toLocaleString("zh-CN", {
  1124.                     month: "2-digit",
  1125.                     day: "2-digit",
  1126.                     hour: "2-digit",
  1127.                     minute: "2-digit",
  1128.                 });
  1129.  
  1130.                 testResults[key] = {
  1131.                     status: result.status,
  1132.                     message: result.message,
  1133.                     timestamp: now.getTime(),
  1134.                     testTime: formattedTime, // 保存简短格式的时间
  1135.                 };
  1136.                 GM_setValue(config.testResultsKey, testResults);
  1137.             } catch (error) {
  1138.                 console.error("保存测试结果失败:", error);
  1139.             }
  1140.         },
  1141.  
  1142.         getTestResult(key) {
  1143.             const testResults = this.loadTestResults();
  1144.             return testResults[key];
  1145.         },
  1146.  
  1147.         async removeInvalidTokens() {
  1148.             const confirmResult = await this.showConfirmDialog(
  1149.                 "确认清理",
  1150.                 "是否删除所有无效的 Tokens？此操作不可撤销。"
  1151.             );
  1152.  
  1153.             if (!confirmResult) return;
  1154.  
  1155.             const testResults = this.loadTestResults();
  1156.             const validTokens = this.tokens.filter((token) => {
  1157.                 const result = testResults[token.key];
  1158.                 return !result || result.status === "success";
  1159.             });
  1160.  
  1161.             if (validTokens.length === this.tokens.length) {
  1162.                 alert("没有发现无效的 Tokens");
  1163.                 return;
  1164.             }
  1165.  
  1166.             this.tokens = validTokens;
  1167.             this.saveTokens();
  1168.             this.updateTokenGrid();
  1169.         },
  1170.  
  1171.         showAddTokenModal() {
  1172.             const content = UI.createElem("div", "claude-add-token-form");
  1173.  
  1174.             const nameInput = UI.createElem("input");
  1175.             nameInput.placeholder = "Token 名称";
  1176.             nameInput.setAttribute("aria-label", "Token 名称");
  1177.  
  1178.             const keyInput = UI.createElem("input");
  1179.             keyInput.placeholder = "Token 密钥";
  1180.             keyInput.setAttribute("aria-label", "Token 密钥");
  1181.  
  1182.             content.appendChild(nameInput);
  1183.             content.appendChild(keyInput);
  1184.  
  1185.             const { modal, buttonContainer, close } = UI.createModal("添加 Token", content);
  1186.             modal.querySelector(".claude-modal-content").classList.add("narrow-modal");
  1187.  
  1188.             const addButton = UI.createButton("添加", "claude-button primary");
  1189.             addButton.addEventListener("click", () => {
  1190.                 if (this.validateInput(nameInput.value, keyInput.value)) {
  1191.                     // 获取当前时间并格式化
  1192.                     const now = new Date();
  1193.                     const formattedTime = now.toLocaleString("zh-CN", {
  1194.                         month: "2-digit",
  1195.                         day: "2-digit",
  1196.                         hour: "2-digit",
  1197.                         minute: "2-digit",
  1198.                     });
  1199.  
  1200.                     this.tokens.push({
  1201.                         name: nameInput.value,
  1202.                         key: keyInput.value,
  1203.                         createdAt: formattedTime, // 添加创建时间
  1204.                         timestamp: now.getTime() // 添加时间戳用于排序
  1205.                     });
  1206.  
  1207.                     this.saveTokens();
  1208.                     this.updateTokenGrid();
  1209.                     close();
  1210.                 }
  1211.             });
  1212.  
  1213.             const cancelButton = UI.createButton("取消", "claude-button secondary");
  1214.             cancelButton.addEventListener("click", close);
  1215.  
  1216.             buttonContainer.appendChild(cancelButton);
  1217.             buttonContainer.appendChild(addButton);
  1218.         },
  1219.  
  1220.         showEditTokenModal(index) {
  1221.             const token = this.tokens[index];
  1222.             const content = UI.createElem("div", "claude-edit-token-form");
  1223.  
  1224.             const nameInput = UI.createElem("input");
  1225.             nameInput.value = token.name;
  1226.             nameInput.placeholder = "Token 名称";
  1227.  
  1228.             const keyInput = UI.createElem("input");
  1229.             keyInput.value = token.key;
  1230.             keyInput.placeholder = "Token 密钥";
  1231.  
  1232.             content.appendChild(nameInput);
  1233.             content.appendChild(keyInput);
  1234.  
  1235.             const { modal, buttonContainer, close } = UI.createModal("编辑 Token", content);
  1236.             modal.querySelector(".claude-modal-content").classList.add("narrow-modal");
  1237.  
  1238.             const saveButton = UI.createButton("保存", "claude-button primary");
  1239.             saveButton.addEventListener("click", () => {
  1240.                 if (this.validateInput(nameInput.value, keyInput.value)) {
  1241.                     // 保留原有的创建时间和时间戳
  1242.                     this.tokens[index] = {
  1243.                         name: nameInput.value,
  1244.                         key: keyInput.value,
  1245.                         createdAt: token.createdAt || "", // 保留原有的创建时间
  1246.                         timestamp: token.timestamp || Date.now() // 保留原有的时间戳
  1247.                     };
  1248.  
  1249.                     this.saveTokens();
  1250.                     this.updateTokenGrid();
  1251.                     close();
  1252.                 }
  1253.             });
  1254.  
  1255.             const cancelButton = UI.createButton("取消", "claude-button secondary");
  1256.             cancelButton.addEventListener("click", close);
  1257.  
  1258.             buttonContainer.appendChild(cancelButton);
  1259.             buttonContainer.appendChild(saveButton);
  1260.         },
  1261.  
  1262.         confirmDeleteToken(index) {
  1263.             const token = this.tokens[index];
  1264.             const content = UI.createElem("div", "claude-delete-confirm");
  1265.  
  1266.             content.innerHTML = `
  1267.                 <div style="font-size: 48px; text-align: center; margin-bottom: 16px;">⚠️</div>
  1268.                 <div style="font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 12px;">删除确认</div>
  1269.                 <div style="text-align: center; margin-bottom: 24px;">
  1270.                     您确定要删除 Token "${token.name}" 吗？<br>
  1271.                     此操作无法撤销。
  1272.                 </div>
  1273.             `;
  1274.  
  1275.             const { modal, buttonContainer, close } = UI.createModal("", content);
  1276.             modal.querySelector(".claude-modal-content").classList.add("narrow-modal");
  1277.  
  1278.             const deleteButton = UI.createButton("删除", "claude-button primary");
  1279.             deleteButton.style.backgroundColor = "#e53e3e";
  1280.             deleteButton.addEventListener("click", () => {
  1281.                 this.deleteToken(index);
  1282.                 close();
  1283.             });
  1284.  
  1285.             const cancelButton = UI.createButton("取消", "claude-button secondary");
  1286.             cancelButton.addEventListener("click", close);
  1287.  
  1288.             buttonContainer.appendChild(cancelButton);
  1289.             buttonContainer.appendChild(deleteButton);
  1290.         },
  1291.  
  1292.         deleteToken(index) {
  1293.             this.tokens.splice(index, 1);
  1294.             this.saveTokens();
  1295.             this.updateTokenGrid();
  1296.         },
  1297.  
  1298.         showBulkImportModal() {
  1299.             const content = UI.createElem("div", "claude-bulk-import-form");
  1300.  
  1301.             // 文本区域标签
  1302.             const textareaLabel = UI.createElem("label");
  1303.             textareaLabel.innerHTML = "<strong>1️⃣ Tokens 粘贴区：</strong><br>在这里粘贴您需要导入的 Tokens，每行一个！";
  1304.             content.appendChild(textareaLabel);
  1305.  
  1306.             // 文本区域
  1307.             const textarea = UI.createElem("textarea");
  1308.             textarea.rows = 10;
  1309.             content.appendChild(textarea);
  1310.  
  1311.             // 命名规则容器
  1312.             const namingRuleContainer = UI.createElem("div", "claude-naming-rule");
  1313.  
  1314.             // 命名规则标签
  1315.             const namingRuleLabel = UI.createElem("label");
  1316.             namingRuleLabel.innerHTML = "<strong>2️⃣ Tokens 命名规则：</strong>";
  1317.             namingRuleContainer.appendChild(namingRuleLabel);
  1318.  
  1319.             // 名称前缀
  1320.             const prefixLabel = UI.createElem("label");
  1321.             prefixLabel.textContent = "名称前缀：";
  1322.             namingRuleContainer.appendChild(prefixLabel);
  1323.  
  1324.             const prefixInput = UI.createElem("input");
  1325.             prefixInput.value = "token";
  1326.             namingRuleContainer.appendChild(prefixInput);
  1327.  
  1328.             // 起始编号
  1329.             const startNumberLabel = UI.createElem("label");
  1330.             startNumberLabel.textContent = "名称起始编号：";
  1331.             namingRuleContainer.appendChild(startNumberLabel);
  1332.  
  1333.             const startNumberInput = UI.createElem("input");
  1334.             startNumberInput.type = "number";
  1335.             startNumberInput.value = "1";
  1336.             namingRuleContainer.appendChild(startNumberInput);
  1337.  
  1338.             content.appendChild(namingRuleContainer);
  1339.  
  1340.             // 预览容器
  1341.             const previewLabel = UI.createElem("label");
  1342.             previewLabel.innerHTML = "<strong>3️⃣ Tokens 导入结果预览：</strong>";
  1343.             content.appendChild(previewLabel);
  1344.  
  1345.             const previewContainer = UI.createElem("div", "claude-preview-container");
  1346.             content.appendChild(previewContainer);
  1347.  
  1348.             const { modal, buttonContainer, close } = UI.createModal("批量导入 Tokens", content);
  1349.  
  1350.             const importButton = UI.createButton("导入", "claude-button primary");
  1351.             importButton.addEventListener("click", () => {
  1352.                 this.performBulkImport(
  1353.                     textarea.value,
  1354.                     prefixInput.value,
  1355.                     startNumberInput.value
  1356.                 );
  1357.                 close();
  1358.             });
  1359.  
  1360.             const cancelButton = UI.createButton("取消", "claude-button secondary");
  1361.             cancelButton.addEventListener("click", close);
  1362.  
  1363.             buttonContainer.appendChild(cancelButton);
  1364.             buttonContainer.appendChild(importButton);
  1365.  
  1366.             // 更新预览
  1367.             const updatePreview = () => {
  1368.                 this.previewBulkImport(
  1369.                     textarea.value,
  1370.                     prefixInput.value,
  1371.                     startNumberInput.value,
  1372.                     previewContainer
  1373.                 );
  1374.             };
  1375.  
  1376.             [textarea, prefixInput, startNumberInput].forEach((elem) => {
  1377.                 elem.addEventListener("input", updatePreview);
  1378.             });
  1379.  
  1380.             // 初始化预览
  1381.             updatePreview();
  1382.         },
  1383.  
  1384.         previewBulkImport(input, namePrefix, startNumber, previewContainer) {
  1385.             previewContainer.innerHTML = "";
  1386.  
  1387.             const tokens = this.parseTokens(input);
  1388.             const namedTokens = this.applyNamingRule(
  1389.                 tokens,
  1390.                 namePrefix,
  1391.                 parseInt(startNumber)
  1392.             );
  1393.  
  1394.             const previewTitle = UI.createElem("div", "claude-preview-title");
  1395.             previewTitle.textContent = "请核对下方导入结果：";
  1396.             previewContainer.appendChild(previewTitle);
  1397.  
  1398.             if (namedTokens.length === 0) {
  1399.                 const emptyMessage = UI.createElem("div", "claude-preview-item");
  1400.                 emptyMessage.textContent = "等待输入...";
  1401.                 previewContainer.appendChild(emptyMessage);
  1402.                 return;
  1403.             }
  1404.  
  1405.             namedTokens.forEach((token) => {
  1406.                 const previewItem = UI.createElem("div", "claude-preview-item");
  1407.                 previewItem.innerHTML = `
  1408.                     <strong>${token.name}:</strong>
  1409.                     <span style="font-family: monospace; word-break: break-all;">${token.key}</span>
  1410.                 `;
  1411.                 previewContainer.appendChild(previewItem);
  1412.             });
  1413.         },
  1414.  
  1415.         performBulkImport(input, namePrefix, startNumber) {
  1416.             const tokens = this.parseTokens(input);
  1417.             const namedTokens = this.applyNamingRule(
  1418.                 tokens,
  1419.                 namePrefix,
  1420.                 parseInt(startNumber)
  1421.             );
  1422.  
  1423.             if (namedTokens.length === 0) {
  1424.                 alert("没有有效的 Tokens 可导入");
  1425.                 return;
  1426.             }
  1427.  
  1428.             this.tokens = [...this.tokens, ...namedTokens];
  1429.             this.saveTokens();
  1430.             this.updateTokenGrid();
  1431.         },
  1432.  
  1433.         parseTokens(input) {
  1434.             return input
  1435.                 .split("\n")
  1436.                 .map((line) => line.trim())
  1437.                 .filter((line) => this.validateTokenKey(line))
  1438.                 .map((key) => ({ key }));
  1439.         },
  1440.  
  1441.         applyNamingRule(tokens, namePrefix, startNumber) {
  1442.             return tokens.map((token, index) => {
  1443.                 const number = startNumber + index;
  1444.                 const name = `${namePrefix}${number.toString().padStart(2, "0")}`;
  1445.                 return { ...token, name };
  1446.             });
  1447.         },
  1448.  
  1449.         exportTokens() {
  1450.             const testResults = this.loadTestResults();
  1451.             const exportData = this.tokens.map((token) => {
  1452.                 const testResult = testResults[token.key] || {};
  1453.                 return {
  1454.                     name: token.name,
  1455.                     sessionKey: token.key,
  1456.                     isValid: testResult.status === "success" ? true : testResult.status === "error" ? false : null,
  1457.                     testTime: testResult.testTime || null,
  1458.                     testMessage: testResult.message || null,
  1459.                 };
  1460.             });
  1461.  
  1462.             // 创建并下载 JSON 文件
  1463.             const blob = new Blob([JSON.stringify(exportData, null, 2)], {
  1464.                 type: "application/json",
  1465.             });
  1466.             const url = URL.createObjectURL(blob);
  1467.             const a = document.createElement("a");
  1468.             a.href = url;
  1469.             a.download = `claude_tokens_${new Date().toISOString().split("T")[0]}.json`;
  1470.             document.body.appendChild(a);
  1471.             a.click();
  1472.             document.body.removeChild(a);
  1473.         },
  1474.  
  1475.         showWebDAVModal() {
  1476.             const content = UI.createElem("div", "claude-webdav-form");
  1477.             content.style.cssText = "width: 100%; max-width: 600px;";
  1478.  
  1479.             // 添加帮助信息
  1480.             const helpInfo = UI.createElem("div", "claude-webdav-help");
  1481.             helpInfo.style.cssText = `
  1482.                 margin-bottom: 10px;
  1483.                 padding: 12px;
  1484.                 background-color: var(--bg-color);
  1485.                 border: 1px solid var(--border-color);
  1486.                 border-radius: 8px;
  1487.                 font-size: 13px;
  1488.                 color: var(--text-color);
  1489.                 box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  1490.             `;
  1491.             helpInfo.innerHTML = `
  1492.                 <p style="margin: 0 0 10px 0; font-weight: 600; color: var(--text-color);">📝 WebDAV服务器设置说明：</p>
  1493.                 <ul style="margin: 0; padding-left: 20px; line-height: 1.6;">
  1494.                     <li>URL必须是完整的WebDAV路径，例如：https://dav.jianguoyun.com/dav/Claude/</li>
  1495.                     <li>确保路径末尾有斜杠"/"</li>
  1496.                     <li>如果遇到404错误，请确认路径是否存在</li>
  1497.                     <li>坚果云用户请使用应用专用密码</li>
  1498.                 </ul>
  1499.             `;
  1500.             content.appendChild(helpInfo);
  1501.  
  1502.             // 创建表单容器
  1503.             const formContainer = UI.createElem("div", "claude-webdav-form-container");
  1504.             formContainer.style.cssText = `
  1505.                 display: grid;
  1506.                 gap: 8px;
  1507.                 margin-bottom: 15px;
  1508.             `;
  1509.  
  1510.             // WebDAV服务器URL输入
  1511.             const urlGroup = UI.createElem("div", "input-group");
  1512.             urlGroup.style.cssText = "display: flex; align-items: center; gap: 10px;";
  1513.  
  1514.             const urlLabel = UI.createElem("label");
  1515.             urlLabel.textContent = "WebDAV URL:";
  1516.             urlLabel.style.cssText = "font-weight: 500; color: var(--text-color); min-width: 120px; text-align: right;";
  1517.  
  1518.             const urlInput = UI.createElem("input");
  1519.             urlInput.type = "text";
  1520.             urlInput.placeholder = "https://dav.jianguoyun.com/dav/Claude/";
  1521.             urlInput.value = GM_getValue("webdav_url", "");
  1522.             urlInput.style.cssText = `
  1523.                 flex: 1;
  1524.                 padding: 10px;
  1525.                 border: 1px solid var(--border-color);
  1526.                 border-radius: 6px;
  1527.                 font-size: 14px;
  1528.                 background-color: var(--bg-color);
  1529.                 color: var(--text-color);
  1530.                 transition: all 0.3s ease;
  1531.             `;
  1532.  
  1533.             urlGroup.appendChild(urlLabel);
  1534.             urlGroup.appendChild(urlInput);
  1535.             formContainer.appendChild(urlGroup);
  1536.  
  1537.             // 用户名输入
  1538.             const usernameGroup = UI.createElem("div", "input-group");
  1539.             usernameGroup.style.cssText = "display: flex; align-items: center; gap: 10px;";
  1540.  
  1541.             const usernameLabel = UI.createElem("label");
  1542.             usernameLabel.textContent = "用户名:";
  1543.             usernameLabel.style.cssText = "font-weight: 500; color: var(--text-color); min-width: 120px; text-align: right;";
  1544.  
  1545.             const usernameInput = UI.createElem("input");
  1546.             usernameInput.type = "text";
  1547.             usernameInput.placeholder = "用户名";
  1548.             usernameInput.value = GM_getValue("webdav_username", "");
  1549.             usernameInput.style.cssText = `
  1550.                 flex: 1;
  1551.                 padding: 10px;
  1552.                 border: 1px solid var(--border-color);
  1553.                 border-radius: 6px;
  1554.                 font-size: 14px;
  1555.                 background-color: var(--bg-color);
  1556.                 color: var(--text-color);
  1557.                 transition: all 0.3s ease;
  1558.             `;
  1559.  
  1560.             usernameGroup.appendChild(usernameLabel);
  1561.             usernameGroup.appendChild(usernameInput);
  1562.             formContainer.appendChild(usernameGroup);
  1563.  
  1564.             // 密码输入
  1565.             const passwordGroup = UI.createElem("div", "input-group");
  1566.             passwordGroup.style.cssText = "display: flex; align-items: center; gap: 10px;";
  1567.  
  1568.             const passwordLabel = UI.createElem("label");
  1569.             passwordLabel.textContent = "密码:";
  1570.             passwordLabel.style.cssText = "font-weight: 500; color: var(--text-color); min-width: 120px; text-align: right;";
  1571.  
  1572.             const passwordInput = UI.createElem("input");
  1573.             passwordInput.type = "password";
  1574.             passwordInput.placeholder = "密码";
  1575.             passwordInput.value = GM_getValue("webdav_password", "");
  1576.             passwordInput.style.cssText = `
  1577.                 flex: 1;
  1578.                 padding: 10px;
  1579.                 border: 1px solid var(--border-color);
  1580.                 border-radius: 6px;
  1581.                 font-size: 14px;
  1582.                 background-color: var(--bg-color);
  1583.                 color: var(--text-color);
  1584.                 transition: all 0.3s ease;
  1585.             `;
  1586.  
  1587.             passwordGroup.appendChild(passwordLabel);
  1588.             passwordGroup.appendChild(passwordInput);
  1589.             formContainer.appendChild(passwordGroup);
  1590.  
  1591.             // 文件名输入
  1592.             const filenameGroup = UI.createElem("div", "input-group");
  1593.             filenameGroup.style.cssText = "display: flex; align-items: center; gap: 10px;";
  1594.  
  1595.             const filenameLabel = UI.createElem("label");
  1596.             filenameLabel.textContent = "文件名:";
  1597.             filenameLabel.style.cssText = "font-weight: 500; color: var(--text-color); min-width: 120px; text-align: right;";
  1598.  
  1599.             const filenameInput = UI.createElem("input");
  1600.             filenameInput.type = "text";
  1601.             filenameInput.placeholder = "claude_tokens.json";
  1602.             filenameInput.value = GM_getValue("webdav_filename", "claude_tokens.json");
  1603.             filenameInput.style.cssText = `
  1604.                 flex: 1;
  1605.                 padding: 10px;
  1606.                 border: 1px solid var(--border-color);
  1607.                 border-radius: 6px;
  1608.                 font-size: 14px;
  1609.                 background-color: var(--bg-color);
  1610.                 color: var(--text-color);
  1611.                 transition: all 0.3s ease;
  1612.             `;
  1613.  
  1614.             filenameGroup.appendChild(filenameLabel);
  1615.             filenameGroup.appendChild(filenameInput);
  1616.             formContainer.appendChild(filenameGroup);
  1617.  
  1618.             content.appendChild(formContainer);
  1619.  
  1620.             // 测试连接按钮
  1621.             const testConnectionButton = UI.createButton("测试连接", "claude-button secondary");
  1622.             testConnectionButton.style.cssText = `
  1623.                 width: 100%;
  1624.                 margin: 10px 0;
  1625.                 padding: 10px;
  1626.                 font-size: 14px;
  1627.                 font-weight: 500;
  1628.                 border-radius: 6px;
  1629.                 background-color: var(--button-bg);
  1630.                 color: var(--text-color);
  1631.                 border: 1px solid var(--border-color);
  1632.                 cursor: pointer;
  1633.                 transition: all 0.3s ease;
  1634.             `;
  1635.             testConnectionButton.addEventListener("click", async () => {
  1636.                 this.saveWebDAVSettings(urlInput.value, usernameInput.value, passwordInput.value, filenameInput.value);
  1637.  
  1638.                 statusDisplay.style.display = "block";
  1639.                 statusDisplay.textContent = "正在测试连接...";
  1640.                 statusDisplay.style.backgroundColor = "var(--bg-color)";
  1641.  
  1642.                 try {
  1643.                     await this.checkWebDAVDirectory(urlInput.value, usernameInput.value, passwordInput.value);
  1644.                     statusDisplay.textContent = "✅ 连接成功！目录存在且可访问。";
  1645.                     statusDisplay.style.backgroundColor = "#d4edda";
  1646.                 } catch (error) {
  1647.                     statusDisplay.textContent = `❌ 连接失败: ${error.message}`;
  1648.                     statusDisplay.style.backgroundColor = "#f8d7da";
  1649.                 }
  1650.             });
  1651.             content.appendChild(testConnectionButton);
  1652.  
  1653.             // 状态显示
  1654.             const statusDisplay = UI.createElem("div", "claude-webdav-status");
  1655.             statusDisplay.style.cssText = `
  1656.                 margin: 10px 0;
  1657.                 padding: 10px;
  1658.                 border-radius: 6px;
  1659.                 font-size: 14px;
  1660.                 text-align: center;
  1661.                 display: none;
  1662.                 transition: all 0.3s ease;
  1663.             `;
  1664.             content.appendChild(statusDisplay);
  1665.  
  1666.             // 操作按钮容器
  1667.             const actionsContainer = UI.createElem("div", "claude-webdav-actions");
  1668.             actionsContainer.style.cssText = `
  1669.                 display: grid;
  1670.                 grid-template-columns: repeat(3, 1fr);
  1671.                 gap: 10px;
  1672.                 margin-top: 15px;
  1673.             `;
  1674.  
  1675.             // 备份按钮
  1676.             const backupButton = UI.createButton("备份到WebDAV", "claude-button primary");
  1677.             backupButton.style.cssText = `
  1678.                 padding: 12px;
  1679.                 font-size: 14px;
  1680.                 font-weight: 500;
  1681.                 border-radius: 6px;
  1682.                 background-color: #b3462f;
  1683.                 color: white;
  1684.                 border: none;
  1685.                 cursor: pointer;
  1686.                 transition: all 0.3s ease;
  1687.             `;
  1688.             backupButton.addEventListener("click", async () => {
  1689.                 this.saveWebDAVSettings(urlInput.value, usernameInput.value, passwordInput.value, filenameInput.value);
  1690.  
  1691.                 statusDisplay.style.display = "block";
  1692.                 statusDisplay.textContent = "正在备份...";
  1693.                 statusDisplay.style.backgroundColor = "var(--bg-color)";
  1694.  
  1695.                 try {
  1696.                     await this.backupToWebDAV(urlInput.value, usernameInput.value, passwordInput.value, filenameInput.value);
  1697.                     statusDisplay.textContent = "✅ 备份成功！";
  1698.                     statusDisplay.style.backgroundColor = "#d4edda";
  1699.                 } catch (error) {
  1700.                     statusDisplay.textContent = `❌ 备份失败: ${error.message}`;
  1701.                     statusDisplay.style.backgroundColor = "#f8d7da";
  1702.                 }
  1703.             });
  1704.  
  1705.             // 恢复按钮
  1706.             const restoreButton = UI.createButton("从WebDAV恢复", "claude-button secondary");
  1707.             restoreButton.style.cssText = `
  1708.                 padding: 12px;
  1709.                 font-size: 14px;
  1710.                 font-weight: 500;
  1711.                 border-radius: 6px;
  1712.                 background-color: var(--button-bg);
  1713.                 color: var(--text-color);
  1714.                 border: 1px solid var(--border-color);
  1715.                 cursor: pointer;
  1716.                 transition: all 0.3s ease;
  1717.             `;
  1718.             restoreButton.addEventListener("click", async () => {
  1719.                 this.saveWebDAVSettings(urlInput.value, usernameInput.value, passwordInput.value, filenameInput.value);
  1720.  
  1721.                 statusDisplay.style.display = "block";
  1722.                 statusDisplay.textContent = "正在恢复...";
  1723.                 statusDisplay.style.backgroundColor = "var(--bg-color)";
  1724.  
  1725.                 try {
  1726.                     await this.restoreFromWebDAV(urlInput.value, usernameInput.value, passwordInput.value, filenameInput.value);
  1727.                     statusDisplay.textContent = "✅ 恢复成功！";
  1728.                     statusDisplay.style.backgroundColor = "#d4edda";
  1729.                     this.updateTokenGrid();
  1730.                 } catch (error) {
  1731.                     statusDisplay.textContent = `❌ 恢复失败: ${error.message}`;
  1732.                     statusDisplay.style.backgroundColor = "#f8d7da";
  1733.                 }
  1734.             });
  1735.  
  1736.             // 关闭按钮
  1737.             const closeButton = UI.createButton("关闭", "claude-button secondary");
  1738.             closeButton.style.cssText = `
  1739.                 padding: 12px;
  1740.                 font-size: 14px;
  1741.                 font-weight: 500;
  1742.                 border-radius: 6px;
  1743.                 background-color: var(--button-bg);
  1744.                 color: var(--text-color);
  1745.                 border: 1px solid var(--border-color);
  1746.                 cursor: pointer;
  1747.                 transition: all 0.3s ease;
  1748.             `;
  1749.             closeButton.addEventListener("click", () => {
  1750.                 modal.remove();
  1751.             });
  1752.  
  1753.             actionsContainer.appendChild(backupButton);
  1754.             actionsContainer.appendChild(restoreButton);
  1755.             actionsContainer.appendChild(closeButton);
  1756.             content.appendChild(actionsContainer);
  1757.  
  1758.             // 创建模态框
  1759.             const { modal, buttonContainer } = UI.createModal("☁️ WebDAV备份与恢复", content, true);
  1760.             document.body.appendChild(modal);
  1761.  
  1762.             // 添加关闭按钮事件监听
  1763.             const closeBtn = modal.querySelector(".claude-close-button");
  1764.             if (closeBtn) {
  1765.                 closeBtn.addEventListener("click", () => {
  1766.                     document.body.removeChild(modal);
  1767.                 });
  1768.             }
  1769.         },
  1770.  
  1771.         saveWebDAVSettings(url, username, password, filename) {
  1772.             GM_setValue("webdav_url", url);
  1773.             GM_setValue("webdav_username", username);
  1774.             GM_setValue("webdav_password", password);
  1775.             GM_setValue("webdav_filename", filename);
  1776.         },
  1777.  
  1778.         async backupToWebDAV(url, username, password, filename) {
  1779.             // 准备备份数据
  1780.             const testResults = this.loadTestResults();
  1781.             const exportData = this.tokens.map((token) => {
  1782.                 const testResult = testResults[token.key] || {};
  1783.                 return {
  1784.                     name: token.name,
  1785.                     sessionKey: token.key,
  1786.                     isValid: testResult.status === "success" ? true : testResult.status === "error" ? false : null,
  1787.                     testTime: testResult.testTime || null,
  1788.                     testMessage: testResult.message || null,
  1789.                 };
  1790.             });
  1791.  
  1792.             const jsonData = JSON.stringify(exportData, null, 2);
  1793.  
  1794.             // 确保URL以/结尾
  1795.             if (!url.endsWith('/')) {
  1796.                 url += '/';
  1797.             }
  1798.  
  1799.             // 先检查目录是否存在
  1800.             try {
  1801.                 await this.checkWebDAVDirectory(url, username, password);
  1802.             } catch (error) {
  1803.                 // 如果是404错误，尝试创建目录
  1804.                 if (error.message.includes("404")) {
  1805.                     try {
  1806.                         // 尝试创建父目录
  1807.                         const parentUrl = url.substring(0, url.lastIndexOf('/', url.length - 2) + 1);
  1808.                         if (parentUrl !== url) {
  1809.                             await this.createWebDAVDirectory(parentUrl, username, password, url.substring(parentUrl.length, url.length - 1));
  1810.                         } else {
  1811.                             throw new Error("无法确定父目录");
  1812.                         }
  1813.                     } catch (createError) {
  1814.                         throw new Error(`目录不存在且无法创建: ${createError.message}`);
  1815.                     }
  1816.                 } else {
  1817.                     throw error;
  1818.                 }
  1819.             }
  1820.  
  1821.             // 发送到WebDAV服务器
  1822.             return new Promise((resolve, reject) => {
  1823.                 GM_xmlhttpRequest({
  1824.                     method: "PUT",
  1825.                     url: url + filename,
  1826.                     headers: {
  1827.                         "Content-Type": "application/json",
  1828.                         "Authorization": "Basic " + btoa(username + ":" + password)
  1829.                     },
  1830.                     data: jsonData,
  1831.                     onload: function (response) {
  1832.                         if (response.status >= 200 && response.status < 300) {
  1833.                             resolve();
  1834.                         } else {
  1835.                             console.error("WebDAV备份失败:", response);
  1836.                             reject(new Error(`HTTP错误: ${response.status} ${response.statusText || ''}\n响应: ${response.responseText || '无响应内容'}`));
  1837.                         }
  1838.                     },
  1839.                     onerror: function (error) {
  1840.                         console.error("WebDAV备份网络错误:", error);
  1841.                         reject(new Error(`网络错误: ${error.statusText || '连接失败'}`));
  1842.                     }
  1843.                 });
  1844.             });
  1845.         },
  1846.  
  1847.         // 检查WebDAV目录是否存在
  1848.         checkWebDAVDirectory(url, username, password) {
  1849.             return new Promise((resolve, reject) => {
  1850.                 GM_xmlhttpRequest({
  1851.                     method: "PROPFIND",
  1852.                     url: url,
  1853.                     headers: {
  1854.                         "Depth": "0",
  1855.                         "Authorization": "Basic " + btoa(username + ":" + password)
  1856.                     },
  1857.                     onload: function (response) {
  1858.                         if (response.status >= 200 && response.status < 300) {
  1859.                             resolve();
  1860.                         } else {
  1861.                             reject(new Error(`HTTP错误: ${response.status} ${response.statusText || ''}`));
  1862.                         }
  1863.                     },
  1864.                     onerror: function (error) {
  1865.                         reject(new Error(`网络错误: ${error.statusText || '连接失败'}`));
  1866.                     }
  1867.                 });
  1868.             });
  1869.         },
  1870.  
  1871.         // 创建WebDAV目录
  1872.         createWebDAVDirectory(parentUrl, username, password, dirName) {
  1873.             return new Promise((resolve, reject) => {
  1874.                 GM_xmlhttpRequest({
  1875.                     method: "MKCOL",
  1876.                     url: parentUrl + dirName,
  1877.                     headers: {
  1878.                         "Authorization": "Basic " + btoa(username + ":" + password)
  1879.                     },
  1880.                     onload: function (response) {
  1881.                         if (response.status >= 200 && response.status < 300) {
  1882.                             resolve();
  1883.                         } else {
  1884.                             reject(new Error(`无法创建目录: HTTP错误 ${response.status} ${response.statusText || ''}`));
  1885.                         }
  1886.                     },
  1887.                     onerror: function (error) {
  1888.                         reject(new Error(`网络错误: ${error.statusText || '连接失败'}`));
  1889.                     }
  1890.                 });
  1891.             });
  1892.         },
  1893.  
  1894.         async restoreFromWebDAV(url, username, password, filename) {
  1895.             // 确保URL以/结尾
  1896.             if (!url.endsWith('/')) {
  1897.                 url += '/';
  1898.             }
  1899.  
  1900.             // 从WebDAV服务器获取数据
  1901.             return new Promise((resolve, reject) => {
  1902.                 GM_xmlhttpRequest({
  1903.                     method: "GET",
  1904.                     url: url + filename,
  1905.                     headers: {
  1906.                         "Authorization": "Basic " + btoa(username + ":" + password)
  1907.                     },
  1908.                     onload: (response) => {
  1909.                         if (response.status >= 200 && response.status < 300) {
  1910.                             try {
  1911.                                 const data = JSON.parse(response.responseText);
  1912.  
  1913.                                 // 转换数据格式
  1914.                                 const tokens = data.map(item => ({
  1915.                                     name: item.name,
  1916.                                     key: item.sessionKey,
  1917.                                     createdAt: new Date().toLocaleString("zh-CN", {
  1918.                                         month: "2-digit",
  1919.                                         day: "2-digit",
  1920.                                         hour: "2-digit",
  1921.                                         minute: "2-digit",
  1922.                                     }),
  1923.                                     timestamp: Date.now()
  1924.                                 }));
  1925.  
  1926.                                 // 更新tokens
  1927.                                 this.tokens = tokens;
  1928.                                 this.saveTokens();
  1929.  
  1930.                                 resolve();
  1931.                             } catch (error) {
  1932.                                 console.error("解析WebDAV数据失败:", error, response.responseText);
  1933.                                 reject(new Error(`解析数据失败: ${error.message}`));
  1934.                             }
  1935.                         } else {
  1936.                             console.error("WebDAV恢复失败:", response);
  1937.                             reject(new Error(`HTTP错误: ${response.status} ${response.statusText || ''}\n响应: ${response.responseText || '无响应内容'}`));
  1938.                         }
  1939.                     },
  1940.                     onerror: function (error) {
  1941.                         console.error("WebDAV恢复网络错误:", error);
  1942.                         reject(new Error(`网络错误: ${error.statusText || '连接失败'}`));
  1943.                     }
  1944.                 });
  1945.             });
  1946.         },
  1947.  
  1948.         validateInput(name, key) {
  1949.             if (!name || !key) {
  1950.                 alert("Token 名称和密钥都要填写！");
  1951.                 return false;
  1952.             }
  1953.             // 移除对token名称的严格限制，允许更多字符，包括@和.
  1954.             // if (!/^[a-zA-Z0-9-_]+$/.test(name)) {
  1955.             //     alert("Token 名称只能包含字母、数字、下划线和连字符！");
  1956.             //     return false;
  1957.             // }
  1958.             if (!this.validateTokenKey(key)) {
  1959.                 alert("无效的 Token 密钥格式！");
  1960.                 return false;
  1961.             }
  1962.             return true;
  1963.         },
  1964.  
  1965.         validateTokenKey(key) {
  1966.             return /^sk-ant-sid\d{2}-[A-Za-z0-9_-]*$/.test(key);
  1967.         },
  1968.  
  1969.         showConfirmDialog(title, message) {
  1970.             return new Promise((resolve) => {
  1971.                 const content = UI.createElem("div", "claude-confirm-dialog");
  1972.  
  1973.                 content.innerHTML = `
  1974.                     <div style="font-size: 48px; text-align: center; margin-bottom: 16px;">⚠️</div>
  1975.                     <div style="font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 12px;">${title}</div>
  1976.                     <div style="text-align: center; margin-bottom: 24px;">${message}</div>
  1977.                 `;
  1978.  
  1979.                 const { modal, buttonContainer, close } = UI.createModal("", content);
  1980.                 modal.querySelector(".claude-modal-content").classList.add("narrow-modal");
  1981.  
  1982.                 const confirmButton = UI.createButton("确认", "claude-button primary");
  1983.                 confirmButton.addEventListener("click", () => {
  1984.                     close();
  1985.                     resolve(true);
  1986.                 });
  1987.  
  1988.                 const cancelButton = UI.createButton("取消", "claude-button secondary");
  1989.                 cancelButton.addEventListener("click", () => {
  1990.                     close();
  1991.                     resolve(false);
  1992.                 });
  1993.  
  1994.                 buttonContainer.appendChild(cancelButton);
  1995.                 buttonContainer.appendChild(confirmButton);
  1996.             });
  1997.         },
  1998.  
  1999.         fetchIPCountryCode() {
  2000.             this.ipDisplay.textContent = "IP: 加载中...";
  2001.  
  2002.             GM_xmlhttpRequest({
  2003.                 method: "GET",
  2004.                 url: config.ipApiUrl,
  2005.                 onload: (response) => {
  2006.                     if (response.status === 200) {
  2007.                         this.ipDisplay.textContent = "IP: " + response.responseText.trim();
  2008.                     } else {
  2009.                         this.ipDisplay.textContent = "IP: 获取失败";
  2010.                     }
  2011.                 },
  2012.                 onerror: () => {
  2013.                     this.ipDisplay.textContent = "IP: 获取失败";
  2014.                 },
  2015.             });
  2016.         },
  2017.  
  2018.         setupEventListeners() {
  2019.             // 拖拽相关事件
  2020.             this.toggleButton.addEventListener("mousedown", this.onMouseDown.bind(this));
  2021.             document.addEventListener("mousemove", this.onMouseMove.bind(this));
  2022.             document.addEventListener("mouseup", this.onMouseUp.bind(this));
  2023.  
  2024.             // 状态管理对象
  2025.             this.state = {
  2026.                 isButtonHovered: false,
  2027.                 isDropdownHovered: false,
  2028.                 isDropdownVisible: false,
  2029.                 isDragging: false,
  2030.                 isProcessingClick: false,  // 新增：处理点击状态
  2031.                 isClosing: false,  // 新增：窗口正在关闭的状态
  2032.  
  2033.                 // 检查当前是否应该保持弹窗显示
  2034.                 shouldKeepOpen() {
  2035.                     // 修改逻辑，即使在拖动过程中，也要考虑鼠标悬停状态
  2036.                     return this.isButtonHovered || this.isDropdownHovered;
  2037.                 }
  2038.             };
  2039.  
  2040.             // 定时器
  2041.             this.hoverTimeout = null;
  2042.             this.closeTimeout = null;
  2043.  
  2044.             // 鼠标进入按钮
  2045.             this.toggleButton.addEventListener("mouseenter", (e) => {
  2046.                 if (this.state.isProcessingClick) return;  // 如果正在处理点击，忽略hover
  2047.  
  2048.                 this.state.isButtonHovered = true;
  2049.                 clearTimeout(this.closeTimeout);
  2050.                 clearTimeout(this.hoverTimeout);  // 确保清除之前的hover定时器
  2051.  
  2052.                 // 如果下拉窗口未显示或正在关闭中，则显示窗口
  2053.                 if (!this.state.isDropdownVisible || this.state.isClosing) {
  2054.                     // 如果窗口正在关闭，立即显示
  2055.                     if (this.state.isClosing) {
  2056.                         this.state.isClosing = false;
  2057.                         this.showDropdown();
  2058.                     } else {
  2059.                         this.hoverTimeout = setTimeout(() => {
  2060.                             this.showDropdown();
  2061.                         }, 300);
  2062.                     }
  2063.                 }
  2064.             });
  2065.  
  2066.             // 鼠标离开按钮
  2067.             this.toggleButton.addEventListener("mouseleave", (e) => {
  2068.                 if (this.state.isProcessingClick) return;  // 如果正在处理点击，忽略hover
  2069.  
  2070.                 this.state.isButtonHovered = false;
  2071.                 clearTimeout(this.hoverTimeout);
  2072.  
  2073.                 // 检查是否应该关闭弹窗
  2074.                 if (!this.state.shouldKeepOpen()) {
  2075.                     this.scheduleHideDropdown();
  2076.                 }
  2077.             });
  2078.  
  2079.             // 按钮点击事件
  2080.             this.toggleButton.addEventListener("click", (e) => {
  2081.                 if (this.state.isDragging) return;  // 如果正在拖拽，忽略点击
  2082.  
  2083.                 this.state.isProcessingClick = true;
  2084.                 clearTimeout(this.hoverTimeout);
  2085.                 clearTimeout(this.closeTimeout);
  2086.  
  2087.                 if (this.state.isDropdownVisible) {
  2088.                     this.hideDropdown();
  2089.                 } else {
  2090.                     this.showDropdown();
  2091.                 }
  2092.  
  2093.                 setTimeout(() => {
  2094.                     this.state.isProcessingClick = false;
  2095.                 }, 100);
  2096.             });
  2097.  
  2098.             // 鼠标进入弹窗
  2099.             this.dropdownContainer.addEventListener("mouseenter", () => {
  2100.                 if (this.state.isProcessingClick) return;
  2101.  
  2102.                 this.state.isDropdownHovered = true;
  2103.                 clearTimeout(this.closeTimeout);
  2104.  
  2105.                 // 如果弹窗在淡出过程中，恢复显示
  2106.                 if (this.state.isDropdownVisible && this.dropdownContainer.style.opacity !== "1") {
  2107.                     this.dropdownContainer.style.opacity = "1";
  2108.                     this.dropdownContainer.style.transform = "scale(1)";
  2109.                 }
  2110.             });
  2111.  
  2112.             // 鼠标离开弹窗
  2113.             this.dropdownContainer.addEventListener("mouseleave", () => {
  2114.                 if (this.state.isProcessingClick) return;
  2115.  
  2116.                 this.state.isDropdownHovered = false;
  2117.  
  2118.                 // 检查是否应该关闭弹窗
  2119.                 if (!this.state.shouldKeepOpen()) {
  2120.                     this.scheduleHideDropdown();
  2121.                 }
  2122.             });
  2123.  
  2124.             // 点击其他区域关闭下拉菜单
  2125.             document.addEventListener("click", (e) => {
  2126.                 if (
  2127.                     this.dropdownContainer.style.display === "flex" &&
  2128.                     !this.dropdownContainer.contains(e.target) &&
  2129.                     e.target !== this.toggleButton
  2130.                 ) {
  2131.                     this.state.isDropdownHovered = false;
  2132.                     this.state.isButtonHovered = false;
  2133.                     this.hideDropdown();
  2134.                 }
  2135.             });
  2136.         },
  2137.  
  2138.         onMouseDown(e) {
  2139.             if (e.button !== 0) return; // 只处理左键点击
  2140.  
  2141.             this.isDragging = true;
  2142.             this.state.isDragging = true;
  2143.             this.startX = e.clientX;
  2144.             this.startY = e.clientY;
  2145.  
  2146.             const rect = this.toggleButton.getBoundingClientRect();
  2147.             this.offsetX = this.startX - rect.left;
  2148.             this.offsetY = this.startY - rect.top;
  2149.  
  2150.             this.toggleButton.style.cursor = "grabbing";
  2151.  
  2152.             // 不再清除悬停定时器，允许在拖动过程中显示窗口
  2153.             // clearTimeout(this.hoverTimeout);
  2154.             clearTimeout(this.closeTimeout);
  2155.  
  2156.             // 如果鼠标在按钮上，立即显示下拉窗口
  2157.             if (this.state.isButtonHovered && !this.state.isDropdownVisible) {
  2158.                 this.showDropdown();
  2159.             }
  2160.  
  2161.             // 阻止默认行为和事件冒泡
  2162.             e.preventDefault();
  2163.             e.stopPropagation();
  2164.         },
  2165.  
  2166.         onMouseMove(e) {
  2167.             // 检查鼠标是否在按钮上，用于处理拖动过程中的悬停
  2168.             const buttonRect = this.toggleButton.getBoundingClientRect();
  2169.             const isOverButton =
  2170.                 e.clientX >= buttonRect.left &&
  2171.                 e.clientX <= buttonRect.right &&
  2172.                 e.clientY >= buttonRect.top &&
  2173.                 e.clientY <= buttonRect.bottom;
  2174.  
  2175.             // 更新悬停状态
  2176.             if (isOverButton && !this.state.isButtonHovered) {
  2177.                 this.state.isButtonHovered = true;
  2178.                 // 如果下拉窗口未显示或正在关闭中，则显示窗口
  2179.                 if (!this.state.isDropdownVisible || this.state.isClosing) {
  2180.                     clearTimeout(this.hoverTimeout);
  2181.                     // 如果窗口正在关闭或正在拖动，立即显示
  2182.                     if (this.state.isClosing || this.isDragging) {
  2183.                         this.state.isClosing = false;
  2184.                         this.showDropdown();
  2185.                     } else {
  2186.                         this.hoverTimeout = setTimeout(() => {
  2187.                             this.showDropdown();
  2188.                         }, 300);
  2189.                     }
  2190.                 }
  2191.             } else if (!isOverButton && this.state.isButtonHovered) {
  2192.                 this.state.isButtonHovered = false;
  2193.                 clearTimeout(this.hoverTimeout);
  2194.                 if (!this.state.shouldKeepOpen()) {
  2195.                     this.scheduleHideDropdown();
  2196.                 }
  2197.             }
  2198.  
  2199.             if (!this.isDragging) return;
  2200.  
  2201.             const x = e.clientX - this.offsetX;
  2202.             const y = e.clientY - this.offsetY;
  2203.  
  2204.             // 计算底部位置
  2205.             const bottom = window.innerHeight - y - this.toggleButton.offsetHeight;
  2206.  
  2207.             // 确保按钮在窗口范围内
  2208.             const maxX = window.innerWidth - this.toggleButton.offsetWidth;
  2209.             const maxBottom = window.innerHeight - this.toggleButton.offsetHeight;
  2210.  
  2211.             this.buttonLeft = Math.max(0, Math.min(x, maxX));
  2212.             this.buttonBottom = Math.max(0, Math.min(bottom, maxBottom));
  2213.  
  2214.             // 更新按钮位置
  2215.             this.toggleButton.style.left = `${this.buttonLeft}px`;
  2216.             this.toggleButton.style.bottom = `${this.buttonBottom}px`;
  2217.             this.toggleButton.style.top = "auto";
  2218.  
  2219.             // 如果下拉窗口可见,更新其位置
  2220.             if (this.state.isDropdownVisible) {
  2221.                 this.updateDropdownPosition();
  2222.             }
  2223.  
  2224.             e.preventDefault();
  2225.         },
  2226.  
  2227.         // 添加新方法用于更新下拉窗口位置
  2228.         updateDropdownPosition() {
  2229.             const buttonRect = this.toggleButton.getBoundingClientRect();
  2230.             const dropdownWidth = 600; // 下拉窗口宽度
  2231.  
  2232.             // 计算下拉窗口位置
  2233.             let left = buttonRect.right + 10;
  2234.             let top = buttonRect.top;
  2235.  
  2236.             // 检查是否超出右边界
  2237.             if (left + dropdownWidth > window.innerWidth) {
  2238.                 // 如果右边放不下，则放到左边
  2239.                 left = buttonRect.left - dropdownWidth - 10;
  2240.             }
  2241.  
  2242.             // 如果左边也放不下，则居中显示
  2243.             if (left < 0) {
  2244.                 left = Math.max(0, (window.innerWidth - dropdownWidth) / 2);
  2245.             }
  2246.  
  2247.             // 检查是否超出底部边界
  2248.             const dropdownHeight = Math.min(this.dropdownContainer.scrollHeight, window.innerHeight * 0.8);
  2249.             if (top + dropdownHeight > window.innerHeight) {
  2250.                 // 如果超出底部，则向上显示，确保完全可见
  2251.                 top = Math.max(0, window.innerHeight - dropdownHeight - 10);
  2252.             }
  2253.  
  2254.             // 应用新位置
  2255.             this.dropdownContainer.style.left = `${left}px`;
  2256.             this.dropdownContainer.style.top = `${top}px`;
  2257.         },
  2258.  
  2259.         onMouseUp(e) {
  2260.             if (!this.isDragging) return;
  2261.  
  2262.             this.isDragging = false;
  2263.             this.state.isDragging = false;
  2264.             this.toggleButton.style.cursor = "move";
  2265.  
  2266.             // 保存位置
  2267.             GM_setValue("buttonLeft", this.buttonLeft);
  2268.             GM_setValue("buttonBottom", this.buttonBottom);
  2269.  
  2270.             // 检查鼠标是否在按钮上
  2271.             const buttonRect = this.toggleButton.getBoundingClientRect();
  2272.             const isOverButton =
  2273.                 e.clientX >= buttonRect.left &&
  2274.                 e.clientX <= buttonRect.right &&
  2275.                 e.clientY >= buttonRect.top &&
  2276.                 e.clientY <= buttonRect.bottom;
  2277.  
  2278.             // 更新悬停状态
  2279.             this.state.isButtonHovered = isOverButton;
  2280.  
  2281.             // 添加短暂延迟，避免与点击事件冲突
  2282.             setTimeout(() => {
  2283.                 // 如果鼠标在按钮上且下拉窗口未显示，则显示下拉窗口
  2284.                 if (isOverButton && !this.state.isDropdownVisible) {
  2285.                     this.showDropdown();
  2286.                 }
  2287.                 // 否则检查是否应该关闭弹窗
  2288.                 else if (!this.state.shouldKeepOpen()) {
  2289.                     this.scheduleHideDropdown();
  2290.                 }
  2291.             }, 100);
  2292.  
  2293.             e.preventDefault();
  2294.         },
  2295.  
  2296.         scheduleHideDropdown() {
  2297.             if (this.state.isProcessingClick) return;
  2298.  
  2299.             clearTimeout(this.closeTimeout);
  2300.             this.closeTimeout = setTimeout(() => {
  2301.                 if (!this.state.shouldKeepOpen()) {
  2302.                     this.hideDropdown();
  2303.                 }
  2304.             }, 300);
  2305.         },
  2306.  
  2307.         showDropdown() {
  2308.             // 立即更新状态
  2309.             this.state.isDropdownVisible = true;
  2310.             this.state.isClosing = false;
  2311.  
  2312.             // 计算下拉菜单位置
  2313.             const buttonRect = this.toggleButton.getBoundingClientRect();
  2314.             const dropdownWidth = 600;
  2315.  
  2316.             // 先显示容器但设为透明，以便获取实际高度
  2317.             this.dropdownContainer.style.opacity = "0";
  2318.             this.dropdownContainer.style.display = "flex";
  2319.  
  2320.             // 更新下拉窗口位置
  2321.             this.updateDropdownPosition();
  2322.  
  2323.             // 淡入效果
  2324.             setTimeout(() => {
  2325.                 this.dropdownContainer.style.opacity = "1";
  2326.                 this.dropdownContainer.style.transform = "scale(1)";
  2327.                 this.toggleButton.style.transform = "scale(1.1)";
  2328.             }, 10);
  2329.         },
  2330.  
  2331.         hideDropdown() {
  2332.             // 设置正在关闭状态
  2333.             this.state.isClosing = true;
  2334.  
  2335.             // 添加动画
  2336.             this.dropdownContainer.style.opacity = "0";
  2337.             this.dropdownContainer.style.transform = "scale(0.95)";
  2338.             this.toggleButton.style.transform = "scale(1)";
  2339.  
  2340.             // 等待动画完成后隐藏
  2341.             this.closeTimeout = setTimeout(() => {
  2342.                 if (!this.state.shouldKeepOpen()) {
  2343.                     this.dropdownContainer.style.display = "none";
  2344.                     this.state.isDropdownVisible = false;
  2345.                     this.state.isClosing = false;  // 重置关闭状态
  2346.                 } else {
  2347.                     // 如果此时应该保持打开，则恢复显示
  2348.                     this.state.isClosing = false;  // 重置关闭状态
  2349.                     this.dropdownContainer.style.opacity = "1";
  2350.                     this.dropdownContainer.style.transform = "scale(1)";
  2351.                 }
  2352.             }, 300);
  2353.         },
  2354.  
  2355.         observeThemeChanges() {
  2356.             const observer = new MutationObserver((mutations) => {
  2357.                 mutations.forEach((mutation) => {
  2358.                     if (
  2359.                         mutation.type === "attributes" &&
  2360.                         mutation.attributeName === "data-mode"
  2361.                     ) {
  2362.                         this.isDarkMode =
  2363.                             document.documentElement.getAttribute("data-mode") === "dark";
  2364.                         this.updateStyles();
  2365.                     }
  2366.                 });
  2367.             });
  2368.  
  2369.             observer.observe(document.documentElement, {
  2370.                 attributes: true,
  2371.                 attributeFilter: ["data-mode"],
  2372.             });
  2373.         },
  2374.     };
  2375.  
  2376.     // 初始化应用
  2377.     App.init();
  2378. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址