自动翻译工具·油猴脚本

// ==UserScript==
// @name         稳定显示的文本翻译工具
// @namespace    http://tampermonkey.net/
// @version      0.8
// @description  确保翻译图标稳定显示，支持一键翻译和区域选择
// @author       devr_ChangJin
// @match        *://*/*
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// @connect      api-free.deepl.com
// ==/UserScript==

(function() {
    'use strict';

    // 1. 首先通过GM_addStyle添加基础样式，优先级最高
    GM_addStyle(`
        #translator-root {
            position: fixed !important;
            bottom: 20px !important;
            right: 20px !important;
            z-index: 2147483647 !important;
            pointer-events: auto !important;
        }

        #translator-button {
            width: 56px !important;
            height: 56px !important;
            background: #2D3748 !important;
            color: white !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
            font-size: 22px !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
            transition: transform 0.2s ease !important;
        }

        #translator-button:hover {
            transform: scale(1.05) !important;
        }

        #translator-menu {
            position: absolute !important;
            bottom: 66px !important;
            right: 0 !important;
            background: white !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
            padding: 8px 0 !important;
            display: none !important;
            min-width: 160px !important;
            border: none !important;
            margin: 0 !important;
        }

        .translator-menu-item {
            padding: 10px 16px !important;
            cursor: pointer !important;
            color: #2D3748 !important;
            font-size: 14px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            background: transparent !important;
            border: none !important;
            text-align: left !important;
            display: block !important;
        }

        .translator-menu-item:hover {
            background: #F7FAFC !important;
        }

        .translator-menu-item-danger {
            color: #E53E3E !important;
        }

        #translator-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(0,0,0,0.1) !important;
            pointer-events: auto !important;
            z-index: 2147483646 !important;
            display: none !important;
        }

        #translator-selection {
            position: absolute !important;
            border: 2px solid #3182CE !important;
            background: rgba(49, 130, 206, 0.2) !important;
            display: none !important;
            pointer-events: none !important;
        }

        #translator-canvas {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            pointer-events: none !important;
        }

        #translator-notify {
            position: fixed !important;
            bottom: 86px !important;
            right: 20px !important;
            background: rgba(45, 55, 72, 0.9) !important;
            color: white !important;
            padding: 10px 16px !important;
            border-radius: 6px !important;
            z-index: 2147483647 !important;
            font-size: 14px !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
            display: none !important;
        }
    `);