☰

Steam 文本内容翻译

在 Steam 网页上的常见文本内容如简介、评论、新闻、讨论、聊天消息等文本右上角加上了翻译按钮，一键翻译外文。可通过右键点击按钮可重新翻译或切换翻译引擎。支持 WattToolkit 工具箱。

// ==UserScript==
// @name         Steam 文本内容翻译
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  在 Steam 网页上的常见文本内容如简介、评论、新闻、讨论、聊天消息等文本右上角加上了翻译按钮，一键翻译外文。可通过右键点击按钮可重新翻译或切换翻译引擎。支持 WattToolkit 工具箱。
// @author       羽
// @match        *://*.steampowered.com/*
// @match        *://steamcommunity.com/*
// @grant        GM_xmlhttpRequest

// @connect      translate.google.com
// @connect      translate.googleapis.com
// @connect      fanyi.baidu.com
// @connect      ifanyi.iciba.com
// @connect      translate.alibaba.com
// @connect      m.youdao.com
// @connect      dict.youdao.com
// @connect      fanyi.youdao.com
// @connect      transmart.qq.com

// @require      https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/base64.min.js

// @license      MIT License

// ==/UserScript==

(function() {
    'use strict';

    // 添加目标语言和API的全局配置
    const TARGET_LANGUAGES = {
        "中文": "zh-CN",
        "英语": "en",
        "日语": "ja",
        "韩语": "ko",
        "法语": "fr",
        "德语": "de",
        "西班牙语": "es",
        "俄语": "ru"
    };

    const TRANSLATION_APIS = {
        "Google翻译": "google",
        "百度翻译": "baidu",
        "金山词霸": "iciba",
        "有道词典-mobile": "youdao_m",
        "腾讯AI": "tencentai"
    };

    // 需要添加翻译功能的控件类名列表
    const targetClasses = [
        'profile_summary noexpand', // 用户简介
        'game_description_snippet', // 游戏简介
        'curator_review', // 游戏简介（推荐流）
        'recommendation',    // 游戏简介（推荐流卡片）
        'game_area_description',    // 游戏介绍
        'devnotes',     // 开发者说明
        'review_area_content',  // 游戏评论详情
        'blotter_group_announcement_content',  // 公告
        'workshop_item_row', // 创意工坊mod简介
        'workshopItemDescription',  // 创意工坊mod介绍
        'commentthread_comment_text',   // 创意工坊回复/游戏评论回复/讨论回复
        'apphub_CardContentMain',   // 新闻卡片简讯
        'workshopItemCollectionContainer',  // 指南简讯
        'guideTopContent',  // 指南主题
        'guide subSections',    // 指南内容
        'A_A2B6fTn_MPLlGCmsLtd _3NW5vEM9HgfQrgR4W-Xy_s',    // 新闻内容
        'EventDetailsBody',  // 活动页面
        'achieveTxt', // 成就
    ];
    // 需要添加翻译功能的CSS选择器列表
    const targetSelectors = {
        // 选择class为rightcol内的class为content的元素
        'rightcol': ['content'],    // 游戏评论
        'shortcol': ['content'],    // 游戏短评
        'forum_op': ['content', 'topic'],   // 讨论会话
        'ChatMessageBlock': ['msg'],    // 聊天消息
        '_1h5cJPC1IYFGDEMbRAWSNy': ['_1M8-Pa3b3WboayCgd5VBJT','_2g3JjlrRkzgUWXF57w3leW'],   // 更新记录简讯
        'announcement detailBox': ['headline','bodytext'],  // 创意工坊主页
    };
    const ignoredClasses = [
        'AppSummaryWidgetCtn',  // 介绍中的游戏卡片

    ]

    // 存储原始内容的键
    const ORIGINAL_CONTENT_KEY = 'original-content';
    // 存储翻译内容的键
    const TRANSLATED_CONTENT_KEY = 'translated-content';
    // 标记控件是否已添加翻译按钮
    const BUTTON_ADDED_KEY = 'translation-button-added';
    // 标记控件当前状态
    const TRANSLATION_STATE_KEY = 'translation-state';

    // 获取保存的设置或使用默认值
    let targetLanguage = localStorage.getItem('translation-target-language') || 'zh-CN';
    let translationApi = localStorage.getItem('translation-api') || 'iciba';


    // 初始化函数
    function init() {
        // 定期检查页面上的目标控件
        setInterval(checkForTargetElements, 2000);
        // 立即执行一次检查
        checkForTargetElements();
    }

    // 检查页面上的目标控件
    function checkForTargetElements() {
        // 处理类名列表
        targetClasses.forEach(className => {
            const elements = document.getElementsByClassName(className);
            for (let i = 0; i < elements.length; i++) {
                const element = elements[i];
                if (!element.getAttribute(BUTTON_ADDED_KEY)) {
                    addTranslationButton(element);
                    element.setAttribute(BUTTON_ADDED_KEY, 'true');
                    element.setAttribute(TRANSLATION_STATE_KEY, 'original');
                }
            }
        });
        
        // 处理CSS选择器列表
        Object.entries(targetSelectors).forEach(([selector, includes]) => {
            const elements = document.getElementsByClassName(selector);
            for (let i = 0; i < elements.length; i++) {
                const element = elements[i];
                // 检查元素是否包含所有指定的子元素
                const hasAllIncludes = includes.every(className => 
                    Array.from(element.children).some(child => 
                        child.classList.contains(className)
                    )
                );
                
                if (!element.getAttribute(BUTTON_ADDED_KEY) && hasAllIncludes) {
                    addTranslationButton(element, includes);
                    element.setAttribute(BUTTON_ADDED_KEY, 'true');
                    element.setAttribute(TRANSLATION_STATE_KEY, 'original');
                }
            }
        });
    }

    // 为控件添加翻译按钮
    function addTranslationButton(element, includes=null) {
        // 检查控件内容是否为空
        if (!element.textContent.trim()) {
            return; 
        }
        // 保存原始内容的深拷贝
        const originalContent = element.cloneNode(true);
        element.setAttribute(ORIGINAL_CONTENT_KEY, 'saved');
        element._originalContent = originalContent;

        // 创建按钮容器，设置为绝对定位
        const buttonContainer = document.createElement('div');
        buttonContainer.className = 'translation-button-container';

        // 创建翻译按钮
        const translateButton = document.createElement('button');
        translateButton.textContent = '翻译';
        translateButton.className = 'translation-toggle-button';
        translateButton.title = '左键点击翻译，右键点击可重新翻译/设置。';

        // 添加按钮点击事件
        translateButton.addEventListener('click', function(event) {
            event.stopPropagation(); // 阻止事件冒泡
            toggleTranslation(element, translateButton, includes);
        });
        // 添加右键菜单事件
        translateButton.addEventListener('contextmenu', function(event) {
            event.stopPropagation(); // 阻止事件冒泡
            showContextMenu(event, element, translateButton);
        });

        // 将按钮添加到容器中
        buttonContainer.appendChild(translateButton);

        // 确保元素有相对定位，以便正确放置按钮
        const originalPosition = window.getComputedStyle(element).position;
        if (originalPosition === 'static') {
            element.style.position = 'relative';
        }

        // 将按钮容器添加到元素中
        element.appendChild(buttonContainer);

        // 添加样式
        addStyles();
    }

    // 创建右键菜单
    function createContextMenu(element, button) {
        // 检查是否已存在菜单
        let menu = document.querySelector('.translation-context-menu');
        if (!menu) {
            menu = document.createElement('div');
            menu.className = 'translation-context-menu';
            document.body.appendChild(menu);
        }
        
        // 清空菜单内容
        menu.innerHTML = '';
        
        // 添加菜单项
        const retranslateItem = document.createElement('div');
        retranslateItem.className = 'translation-context-menu-item';
        retranslateItem.textContent = '重新翻译';
        retranslateItem.addEventListener('click', function() {
            retranslate(element, button);
            hideContextMenu();
        });
        menu.appendChild(retranslateItem);
        
        // 添加分隔线
        const separator = document.createElement('div');
        separator.className = 'translation-context-menu-separator';
        menu.appendChild(separator);
        
        // 添加设置菜单项
        const settingsItem = document.createElement('div');
        settingsItem.className = 'translation-context-menu-item';
        settingsItem.textContent = '翻译设置';
        settingsItem.addEventListener('click', function() {
            showTranslationSettings();
            hideContextMenu();
        });
        menu.appendChild(settingsItem);
        
        return menu;
    }
    
    // 显示右键菜单
    function showContextMenu(event, element, button) {
        event.preventDefault();
        
        const menu = createContextMenu(element, button);
        
        // 设置菜单位置
        menu.style.left = `${event.pageX}px`;
        menu.style.top = `${event.pageY}px`;
        menu.style.display = 'block';
        
        // 点击其他区域关闭菜单
        const closeMenuHandler = function(e) {
            if (!menu.contains(e.target)) {
                hideContextMenu();
                document.removeEventListener('click', closeMenuHandler);
            }
        };
        
        setTimeout(() => {
            document.addEventListener('click', closeMenuHandler);
        }, 0);
    }
    
    // 隐藏右键菜单
    function hideContextMenu() {
        const menu = document.querySelector('.translation-context-menu');
        if (menu) {
            menu.style.display = 'none';
        }
    }

    // 显示翻译设置
    function showTranslationSettings() {
        // 检查是否已存在设置面板
        let settingsPanel = document.getElementById('translation-settings-panel');
        if (settingsPanel) {
            settingsPanel.style.display = 'block';
            // 重置数据
            document.getElementById('translation-target-language').value = targetLanguage;
            document.getElementById('translation-api').value = translationApi;
            return;
        }
        
        // 创建设置面板
        settingsPanel = document.createElement('div');
        settingsPanel.id = 'translation-settings-panel';
        settingsPanel.className = 'translation-settings-panel';
        
        // 添加标题
        const title = document.createElement('h3');
        title.textContent = '翻译设置';
        title.className = 'translation-settings-title';
        settingsPanel.appendChild(title);
        
        // 添加关闭按钮
        const closeButton = document.createElement('button');
        closeButton.textContent = '×';
        closeButton.className = 'translation-settings-close-btn';
        closeButton.addEventListener('click', function() {
            settingsPanel.style.display = 'none';
        });
        settingsPanel.appendChild(closeButton);
        
        // 添加设置选项
        const settingsContent = document.createElement('div');
        settingsContent.className = 'translation-settings-content';
        settingsContent.innerHTML = `
            <div class="translation-settings-option">
                <label>目标语言：</label>
                <select id="translation-target-language">
                    ${Object.entries(TARGET_LANGUAGES).map(([name, value]) => 
                        `<option value="${value}"${value === targetLanguage ? ' selected' : ''}>${name}</option>`
                    ).join('')}
                </select>
            </div>
            <div class="translation-settings-option">
                <label>翻译API：</label>
                <select id="translation-api">
                    ${Object.entries(TRANSLATION_APIS)
                        .map(([name, value]) => 
                            `<option value="${value}"${value === translationApi ? ' selected' : ''}>${name}</option>`
                        ).join('')}
                </select>
            </div>
        `;
        settingsPanel.appendChild(settingsContent);
        
        // 添加保存按钮
        const saveButton = document.createElement('button');
        saveButton.textContent = '保存设置';
        saveButton.className = 'translation-settings-save-btn';
        saveButton.addEventListener('click', function() {
            // 保存设置逻辑
            targetLanguage = document.getElementById('translation-target-language').value;
            translationApi = document.getElementById('translation-api').value;
            
            // 保存到localStorage
            localStorage.setItem('translation-target-language', targetLanguage);
            localStorage.setItem('translation-api', translationApi);
            
            settingsPanel.style.display = 'none';
        });
        settingsPanel.appendChild(saveButton);
        
        // 添加到页面
        document.body.appendChild(settingsPanel);
        
        if (targetLanguage) {
            document.getElementById('translation-target-language').value = targetLanguage;
        }
        
        if (translationApi) {
            document.getElementById('translation-api').value = translationApi;
        }
        
        // 确保样式已添加
        addStyles();
    }

    // 切换翻译状态
    function toggleTranslation(element, button, includes=null) {
        const currentState = element.getAttribute(TRANSLATION_STATE_KEY);
        if (button.classList.contains('error')) {
            button.classList.remove('error'); 
            button.title = '左键点击翻译，右键点击可重新翻译/设置。';
            element._translatedContent = null;
        }

        if (currentState === 'original') {
            // 如果已经有翻译内容，直接显示
            if (element._translatedContent) {
                showTranslatedContent(element);
                button.textContent = '原文';
                element.setAttribute(TRANSLATION_STATE_KEY, 'translated');
            } else {
                // 否则进行翻译
                button.textContent = '翻译中...';
                button.disabled = true;

                // 先移除翻译按钮，避免其文本被收集
                const buttonContainer = element.querySelector('.translation-button-container');
                if (buttonContainer) {
                    element.removeChild(buttonContainer);
                }
                // 仅翻译目标元素
                const nonTargetElements = [];
                let targetElements = [];
                if (includes) {
                    // 保存目标元素和非目标元素
                    Array.from(element.children).forEach((child, index) => {
                        if (includes.some(className => child.classList.contains(className))) {
                            targetElements.push(child);
                        } else if (!child.classList.contains('translation-button-container')) {
                            nonTargetElements.push({
                                element: child,
                                parent: child.parentNode,
                                nextSibling: child.nextSibling,
                                index: index
                            });
                            child.parentNode.removeChild(child);
                        }
                    });
                } else if (ignoredClasses && ignoredClasses.length > 0){
                    // 当没有指定includes时，排除ignoredClasses
                    const ignoredElements = element.querySelectorAll(
                        ignoredClasses.map(className => '.' + className).join(',')
                    );
                    ignoredElements.forEach(el => {
                        el.setAttribute('data-skip-translation', 'true');
                    });
                }

                // 收集所有文本节点
                // const textNodeInfos = collectTextNodes(element);
                // const textsToTranslate = textNodeInfos.map(info => info.node.nodeValue.trim()).filter(text => text.length > 0);
                // 收集所有文本节点（仅从目标元素中收集）
                const textNodeInfos = includes ? 
                    targetElements.flatMap(el => collectTextNodes(el)) :
                    collectTextNodes(element);
                const textsToTranslate = textNodeInfos.map(info => info.node.nodeValue.trim()).filter(text => text.length > 0);

                // 按原始顺序恢复元素
                nonTargetElements.sort((a, b) => a.index - b.index).forEach(info => {
                    info.parent.insertBefore(info.element, info.nextSibling);
                });
                // 重新添加按钮
                if (buttonContainer) {
                    element.appendChild(buttonContainer);
                }

                if (textsToTranslate.length > 0) {
                    // 将所有文本分批翻译，避免超出API限制
                    translateTextBatches(textsToTranslate, function(translatedTexts, success) {
                        // 创建翻译内容的深拷贝
                        const translatedContent = element._originalContent.cloneNode(true);

                        // 再次移除翻译按钮

                        // 获取翻译后的文本节点信息
                        // const translatedNodeInfos = collectTextNodes(translatedContent);
                        // 获取翻译后的文本节点信息（仅从目标元素获取）
                        const translatedTargetElements = includes ?
                            Array.from(translatedContent.children)
                                .filter(child => includes.some(className => child.classList.contains(className))) :
                            [translatedContent];
                        
                        const translatedNodeInfos = translatedTargetElements.flatMap(el => collectTextNodes(el));

                        // 按照原始顺序替换文本
                        let translatedIndex = 0;
                        textNodeInfos.forEach((originalInfo, i) => {
                            if (i >= translatedNodeInfos.length) return;
                            
                            const originalText = originalInfo.node.nodeValue.trim();
                            if (originalText.length > 0 && translatedIndex < translatedTexts.length) {
                                translatedNodeInfos[i].node.nodeValue = translatedNodeInfos[i].node.nodeValue.replace(
                                    translatedNodeInfos[i].node.nodeValue.trim(),
                                    translatedTexts[translatedIndex]
                                );
                                translatedIndex++;
                            }
                        });

                        // 保存翻译内容
                        element._translatedContent = translatedContent;

                        // 显示翻译内容
                        showTranslatedContent(element);

                        button.textContent = '原文';
                        button.disabled = false;
                        element.setAttribute(TRANSLATION_STATE_KEY, 'translated');
                        if(!success){
                            button.textContent = '翻译错误';
                            button.classList.add('error');
                            button.title = '左键点击翻译，右键点击可重新翻译/设置。\n翻译错误可尝试重新翻译，或者切换翻译引擎。';
                        }
                    });
                } else {
                    button.textContent = '翻译';
                    button.disabled = false;
                }
            }
        } else {
            // 恢复原文
            showOriginalContent(element);
            button.textContent = '翻译';
            element.setAttribute(TRANSLATION_STATE_KEY, 'original');
        }
    }

    // 分批翻译文本，处理长文本
    function translateTextBatches(texts, callback) {
        const MAX_BATCH_SIZE = 1000; // 每批最大字符数
        const batches = [];
        let currentBatch = [];
        let currentSize = 0;

        // 将文本分成多个批次
        for (let i = 0; i < texts.length; i++) {
            const text = texts[i];
            if (currentSize + text.length > MAX_BATCH_SIZE && currentBatch.length > 0) {
                batches.push(currentBatch);
                currentBatch = [text];
                currentSize = text.length;
            } else {
                currentBatch.push(text);
                currentSize += text.length;
            }
        }

        if (currentBatch.length > 0) {
            batches.push(currentBatch);
        }

        const results = new Array(texts.length);
        let totalSuccess = true;
        let completedBatches = 0;

        // 翻译每个批次
        batches.forEach((batch, batchIndex) => {
            const batchText = batch.join('\n');

            translateText(batchText, function(translatedText, success) {
                let textIndex = 0;
                // 空值检查
                if (!translatedText) {
                    console.error('翻译返回空值:', {
                        batchText,
                        batchIndex,
                        translationApi
                    });
                    results[textIndex] = batchText; // 使用原文
                    success = false;
                } else {
                    // 分割翻译结果
                    const translatedParts = translatedText.split('\n');
                    
                    // 将结果放入正确的位置
                    for (let i = 0; i < batchIndex; i++) {
                        textIndex += batches[i].length;
                    }

                    for (let i = 0; i < Math.min(batch.length, translatedParts.length); i++) {
                        results[textIndex + i] = translatedParts[i];
                    }
                }
                
                totalSuccess = totalSuccess && success;
                completedBatches++;

                // 所有批次都完成后，返回结果
                if (completedBatches === batches.length) {
                    callback(results, totalSuccess);
                }
            });
        });
    }

    // 显示翻译内容
    function showTranslatedContent(element) {
        if (!element._translatedContent) return;

        // 保存当前的按钮容器
        const buttonContainer = element.querySelector('.translation-button-container');

        // 清空当前内容
        while (element.firstChild) {
            element.removeChild(element.firstChild);
        }

        // 添加翻译内容的所有子节点
        const fragment = document.createDocumentFragment();
        Array.from(element._translatedContent.childNodes).forEach(node => {
            fragment.appendChild(node.cloneNode(true));
        });

        element.appendChild(fragment);

        // 重新添加按钮容器
        if (buttonContainer) {
            element.appendChild(buttonContainer);
        }
    }

    // 显示原始内容
    function showOriginalContent(element) {
        if (!element._originalContent) return;

        // 保存当前的按钮容器
        const buttonContainer = element.querySelector('.translation-button-container');

        // 清空当前内容
        while (element.firstChild) {
            element.removeChild(element.firstChild);
        }

        // 添加原始内容的所有子节点
        const fragment = document.createDocumentFragment();
        Array.from(element._originalContent.childNodes).forEach(node => {
            fragment.appendChild(node.cloneNode(true));
        });

        element.appendChild(fragment);

        // 重新添加按钮容器
        if (buttonContainer) {
            element.appendChild(buttonContainer);
        }
    }

    // 重新翻译功能
    function retranslate(element, button) {
        // 如果当前是翻译状态，则重新触发翻译
        if (element.getAttribute(TRANSLATION_STATE_KEY) === 'translated') {
            // 先切换回原文
            toggleTranslation(element, button);
        }
        // 清除已有的翻译内容
        element._translatedContent = null;
        // 再触发翻译
        toggleTranslation(element, button);
    }

    // 收集元素中的所有文本节点
    function collectTextNodes(element) {
        const textNodes = [];
        const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, null, false);

        let node;
        while (node = walker.nextNode()) {
            const parent = node.parentNode;
            // 检查是否为需要跳过的元素或其子元素
            const shouldSkip = parent && (
                parent.tagName === 'SCRIPT' ||
                parent.tagName === 'STYLE' ||
                parent.closest('.translation-button-container') ||
                ignoredClasses.some(className => 
                    parent.classList.contains(className) || 
                    parent.closest('.' + className)
                )
            );
            
            if (parent && !shouldSkip) {
                const index = Array.from(parent.childNodes).indexOf(node);
                textNodes.push({
                    node: node,
                    parent: parent,
                    index: index
                });
            }
        }

        return textNodes;
    }
    

    // 翻译文本
    async function translateText(text, callback) {
        // console.log('翻译文本:', text);
        if (!text.trim()) {
            callback('',false);
            return;
        }
        
        try {
            let result;
            switch (translationApi) {
                case 'google':
                    result = await translate_gg(text, targetLanguage); break; 
                case 'baidu':
                    result = await translate_baidu(text, targetLanguage); break;
                case 'youdao_m':
                    result = await translate_youdao_mobile(text, targetLanguage); break;
                case 'iciba':
                    result = await translate_iciba(text, targetLanguage); break;
                case 'tencentai':
                    result = await translate_tencentai(text, targetLanguage); break;
                default:
                    result = await translate_gg(text, targetLanguage); break;
            }
            
            callback(result, true);
        } catch (error) {
            console.error('翻译出错:', error);
            callback(text, false); // 出错时返回原文
        }
    }

    //--谷歌翻译--start
    async function translate_gg(raw,targetLanguage='zh-CN') {
        const options = {
            method: "GET",
            url: `https://translate.google.com/translate_a/t?client=gtx&sl=auto&tl=zh-CN&q=` + encodeURIComponent(raw),
            anonymous: true,
            nocache: true,
        }
        return await BaseTranslate('谷歌翻译', raw, options, res => JSON.parse(res)[0][0])
    }
    //--百度翻译--start
    async function translate_baidu(raw, lang='zh') {
        if (!lang) {
            lang = await check_lang(raw);
        }
        if (lang == 'zh-CN') lang = 'zh';
        const options = {
            method: "POST",
            url: 'https://fanyi.baidu.com/ait/text/translate',
            data: JSON.stringify({ query: raw, from: lang, to: "zh" }),
            headers: {
                "referer": 'https://fanyi.baidu.com',
                'Content-Type': 'application/json',
                'Origin': 'https://fanyi.baidu.com',
                'accept': 'text/event-stream',
            },
        }
        return await BaseTranslate('百度翻译', raw, options, res => res.split('\n').filter(item => item.startsWith('data: ')).map(item => JSON.parse(item.slice(6))).find(item => item.data.list).data.list.map(item => item.dst).join('\n'))
    }
    async function check_lang(raw) {
        let t = Date.now();
        const options = {
            method: "POST",
            url: 'https://fanyi.baidu.com/langdetect',
            data: 'query=' + encodeURIComponent(raw.replace(/[\uD800-\uDBFF]$/, "").slice(0, 50)),
            headers: {
                "Content-Type": "application/x-www-form-urlencoded",
            }
        }
        const res = await Request(options);
        //console.log(`语言加载完毕，耗时${Date.now()-t}ms`)
        try {
            return JSON.parse(res.responseText).lan
        } catch (err) {
            console.log(err);
            return
        }
    }
    //--腾讯AI翻译--start
    function guid() {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            let r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }
    async function translate_tencentai(raw,targetLanguage='zh') {
        if(targetLanguage=='zh-CN') targetLanguage='zh';
        const data = {
            "header": {
                "fn": "auto_translation",
                "client_key": `browser-chrome-121.0.0-Windows_10-${guid()}-${Date.now()}`,
                "session": "",
                "user": ""
            },
            "type": "plain",
            "model_category": "normal",
            "text_domain": "",
            "source": {
                "lang": "auto",
                "text_list": [raw]
            },
            "target": {
                "lang": targetLanguage
            }
        }
        const options = {
            method: 'POST',
            url: 'https://transmart.qq.com/api/imt',
            data: JSON.stringify(data),
            headers: {
                'Content-Type': 'application/json',
                'Host': 'transmart.qq.com',
                'Origin': 'https://transmart.qq.com',
                'Referer': 'https://transmart.qq.com/'
            },
            anonymous: true,
            nocache: true,
        }
        return await BaseTranslate('腾讯AI翻译', raw, options, res => JSON.parse(res).auto_translation[0])
    }
    //--有道翻译m--start
    async function translate_youdao_mobile(raw, targetLanguage='') {
        const options = {
            method: "POST",
            url: 'http://m.youdao.com/translate',
            data: "inputtext=" + encodeURIComponent(raw) + "&type=AUTO",
            anonymous: true,
            headers: {
                "Content-Type": "application/x-www-form-urlencoded"
            }
        }
        return await BaseTranslate('有道翻译mobile', raw, options, res => /id="translateResult">\s*?<li>([\s\S]*?)<\/li>\s*?<\/ul/.exec(res)[1])
    }
    //--爱词霸翻译--start
    async function translate_iciba(raw, targetLanguage='zh') {
        if(targetLanguage=='zh-CN') targetLanguage='zh';
        const sign = CryptoJS.MD5("6key_web_fanyiifanyiweb8hc9s98e" + raw.replace(/(^\s*)|(\s*$)/g, "")).toString().substring(0, 16)
        const options = {
            method: "POST",
            url: `https://ifanyi.iciba.com/index.php?c=trans&m=fy&client=6&auth_user=key_web_fanyi&sign=${sign}`,
            data: `from=auto&t=${targetLanguage}&q=` + encodeURIComponent(raw),
            headers: {
                "Content-Type": "application/x-www-form-urlencoded",
            },
        }
        return await BaseTranslate('爱词霸翻译', raw, options, res => JSON.parse(res).content.out)
    }
    

    // 基础请求
    async function BaseTranslate(name, raw, options, processer) {
        const toDo = async () => {
            try {
                const { responseText } = await Request(options);
                // 响应内容检查
                if (!responseText) {
                    throw new Error('翻译API返回空响应');
                }
                // 处理器结果检查
                const result = await processer(responseText);
                if (!result) {
                    throw new Error('翻译处理器返回空结果');
                }
                queueMicrotask(() => sessionStorage.setItem(`${name}-${raw}`, result));
                return result;
            } catch (err) {
                console.error('翻译请求详细错误:', {
                    name,
                    raw,
                    error: err,
                    responseText: err.responseText,
                    api: translationApi
                });
                throw err;
            }
        };
        
        return await PromiseRetryWrap(toDo, { 
            RetryTimes: 3, 
            ErrProcesser: (err) => {
                console.error('翻译重试失败:', err);
                throw err; // 抛出错误而不是返回原文
            }
        });
    }
    // 基础请求函数
    function Request(options) {
        return new Promise((resolve, reject) => {
            const timeout = options.timeout || 10000; // 默认10秒超时
            const controller = new AbortController();
            const timeoutId = setTimeout(() => controller.abort(), timeout);
    
            GM_xmlhttpRequest({
                ...options,
                signal: controller.signal,
                onload: (response) => {
                    clearTimeout(timeoutId);
                    resolve(response);
                },
                onerror: (error) => {
                    clearTimeout(timeoutId);
                    reject(error);
                },
                ontimeout: () => {
                    clearTimeout(timeoutId);
                    reject(new Error('请求超时'));
                }
            });
        });
    }

    // 重试包装函数
    async function PromiseRetryWrap(func, { RetryTimes = 3, ErrProcesser = null, baseDelay = 1000 } = {}) {
        let lastError;
        
        for (let i = 0; i < RetryTimes; i++) {
            try {
                return await func();
            } catch (error) {
                lastError = error;
                if (i < RetryTimes - 1) {
                    // 使用指数退避策略，延迟时间随重试次数增加
                    const delay = baseDelay * Math.pow(2, i);
                    await new Promise(resolve => setTimeout(resolve, delay));
                }
            }
        }
        
        return ErrProcesser ? ErrProcesser(lastError) : Promise.reject(lastError);
    }

    // 添加全局样式
    function addStyles() {
        // 检查是否已添加样式
        if (document.getElementById('translation-button-styles')) {
            return;
        }

        const styleElement = document.createElement('style');
        styleElement.id = 'translation-button-styles';
        styleElement.textContent = `
            .translation-button-container {
                top: 0;
                right: 0;
                position: absolute;
                z-index: 9999;
                pointer-events: none; /* 容器本身不接收点击事件 */
            }

            .translation-toggle-button {
                padding: 1px 5px;
                font-size: 12px;
                cursor: pointer;
                background-color: rgba(40, 80, 107, 0.3); 
                color: rgba(96, 182, 231, 0.3);
                border: none;
                border-radius: 4px;
                transition: all 0.3s ease;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
                pointer-events: auto; /* 按钮可以接收点击事件 */
                transform-origin: center;
            }
            .translation-toggle-button:hover {
                background-color: rgba(40, 80, 107, 1); /* 悬停时不透明 */
                box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
                color: rgba(96, 182, 231, 1);
            }
            .translation-toggle-button:active {
                transform: scale(0.95); /* 点击时缩小效果 */
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
                background-color: rgba(102, 192, 244, 0.7);
                color: white;
            }
            .translation-toggle-button:disabled {
                background-color: rgba(102, 192, 244, 0.5);
                cursor: not-allowed;
                color: rgba(27, 40, 56, 1);
            }
            .translation-toggle-button.error {
                background-color: rgba(200, 51, 51, 0.7);
                color: rgba(243, 236, 236, 0.7);
            }
            .translation-toggle-button.error:hover {
                background-color: rgba(200, 51, 51, 1);
                color: rgb(245, 234, 234);
            }

            /* 右键菜单样式 */
            .translation-context-menu {
                position: absolute;
                background-color: rgba(72, 101, 130, 0.9);
                border: 1px solid #2a4b62;
                border-radius: 4px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
                color: #d6d8db;
                padding: 2px;
                z-index: 10000;
                min-width: 50px;
                display: none;
            }
            
            .translation-context-menu-item {
                padding: 1px 5px;
                cursor: pointer;
                font-size: 13px;
                transition: background-color 0.2s;
            }
            
            .translation-context-menu-item:hover {
                background-color: rgb(30, 47, 68);
            }
            
            .translation-context-menu-separator {
                height: 1px;
                background-color: #8b9fb4;
                margin: 2px;
            }

            /* 设置面板样式 */
            .translation-settings-panel {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: rgba( 33, 49, 68, 0.9);
                padding: 20px;
                border-radius: 8px;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
                z-index: 10001;
                min-width: 300px;
            }
            
            .translation-settings-title {
                margin: 0 0 15px 0;
                border-bottom: 1px solid #eee;
                padding-bottom: 10px;
            }
            
            .translation-settings-close-btn {
                position: absolute;
                top: 10px;
                right: 10px;
                background: none;
                border: none;
                font-size: 20px;
                cursor: pointer;
                color: #999;
            }
            
            .translation-settings-content {
                margin-bottom: 15px;
            }
            
            .translation-settings-option {
                margin-bottom: 10px;
            }
            
            .translation-settings-option label {
                display: block;
                margin-bottom: 5px;
            }
            
            .translation-settings-option select {
                width: 100%;
                padding: 5px;
                background-color: #7d90a4;
            }
            
            .translation-settings-save-btn {
                padding: 8px 15px;
                background-color: #486582;
                color: white;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                margin-top: 15px;
            }
            
            .translation-settings-save-btn:hover {
                background-color: #6E8FAF;
            }

            /* 按钮定位调整 */
            .commentthread_comment_text {
                overflow-y: unset;
            }
            .blotter_group_announcement_content,
            .review_area_content {
                overflow: unset;
            }
            .game_area_description .translation-button-container {
                top: 0;
                bottom: unset;
            }
            .workshopItemDescription .translation-button-container,
            .commentthread_comment_content .translation-button-container {
                top: unset;
                right: 30px;
                bottom: 100%; 
            }
            .apphub_CardContentMain .translation-button-container {
                top: 5px;
                right: 5px; 
                bottom: unset;
            }
            .EventDetailsBody .translation-button-container,
            .workshopItemCollectionContainer .translation-button-container {
                top: 5px;
                right: 100px; 
                bottom: unset;
            }
            .announcement .translation-button-container,
            .ChatMessageBlock .translation-button-container{
                top: 5px;
                right: 15px;
                bottom: unset;
            }
            .subSections .translation-button-container {
                top: 15px;
                right: 5px;
                bottom: unset;
            }
            .guideTopContent .translation-button-container {
                top: 8px;
                right: 160px; 
                bottom: unset;
            }
            .forum_op .translation-button-container {
                top: 50px;
                right: 12px; 
                bottom: unset;
            }
            .rightcol .translation-button-container {
                top: 60px;
                right: 10px; 
                bottom: unset;
            }
            .profile_summary .translation-button-container,
            .devnotes .translation-button-container,
            .shortcol .translation-button-container {
                top: 0;
                right: 10px; 
                bottom: unset;
            }
            .game_description_snippet .translation-button-container{
                top: 0;
                right: 3px; 
                bottom: unset;
            }
            .recommendation .translation-button-container {
                top: 12px;
                right: 80px;
                bottom: unset; 
            }
            .curator_review .translation-button-container {
                top: 0;
                right: unset;
                bottom: unset; 
            }
            .blotter_group_announcement_content .translation-button-container{
                top: -30px;
                right: 10px;
                bottom: unset;
            }
            .review_area_content .translation-button-container,
            ._3NW5vEM9HgfQrgR4W-Xy_s .translation-button-container {
                top: -22px;
                right: 0;
                bottom: unset; 
            }

        `;

        document.head.appendChild(styleElement);
    }

    // 启动脚本
    init();
})();