// ==UserScript==
// @name         全局快捷关键词复制·可折叠增强版
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  可折叠、可拖拽、滚动优化、全局通用快捷关键词复制面板
// @match        *://*/*
// @grant        none
// @run-at       document-idle
// @downloadURL https://update.greasyfork.icu/scripts/575512/%E5%85%A8%E5%B1%80%E5%BF%AB%E6%8D%B7%E5%85%B3%E9%94%AE%E8%AF%8D%E5%A4%8D%E5%88%B6%C2%B7%E5%8F%AF%E6%8A%98%E5%8F%A0%E5%A2%9E%E5%BC%BA%E7%89%88.user.js
// @updateURL https://update.greasyfork.icu/scripts/575512/%E5%85%A8%E5%B1%80%E5%BF%AB%E6%8D%B7%E5%85%B3%E9%94%AE%E8%AF%8D%E5%A4%8D%E5%88%B6%C2%B7%E5%8F%AF%E6%8A%98%E5%8F%A0%E5%A2%9E%E5%BC%BA%E7%89%88.meta.js
// ==/UserScript==

(function() {
    'use strict';

    // —————————— 自定义关键词 ——————————
    const KEYWORDS = [
        "俄乌战争", "伊朗", "巴以冲突", "叙利亚", "中东局势",
        "俄罗斯", "乌克兰", "军事新闻", "地缘政治", "美军动态",
        "北约", "朝鲜", "国际局势", "中国外交", "台海",
        "日本动态", "韩国新闻", "欧盟", "非洲局势", "拉美动态"
    ];

    // —————————— 配置 ——————————
    const CONFIG = {
        panelWidth: 220,
        btnHeight: 32,
        foldable: true,
        defaultFolded: false,
        scrollBarStyle: true
    };

    // 防止重复注入
    if (document.getElementById('quick-copy-panel')) return;

    // —————————— 主容器 ——————————
    const root = document.createElement('div');
    root.id = 'quick-copy-panel';
    root.style.cssText = `
        all: initial;
        position: fixed;
        z-index: 9999999;
        left: 20px;
        bottom: 120px;
        width: ${CONFIG.panelWidth}px;
        font-family: system-ui, sans-serif;
        user-select: none;
    `;
    document.body.appendChild(root);

    // —————————— 折叠开关栏 ——————————
    const bar = document.createElement('div');
    bar.style.cssText = `
        background: #1677ff;
        color: white;
        padding: 10px 12px;
        border-radius: 10px 10px 0 0;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: move;
    `;
    bar.innerHTML = `<span>快捷复制</span><span id="fold-btn">−</span>`;
    root.appendChild(bar);

    // —————————— 内容面板 ——————————
    const panel = document.createElement('div');
    panel.id = 'panel-body';
    panel.style.cssText = `
        background: #ffffff;
        border-radius: 0 0 10px 10px;
        padding: 10px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.15);
        max-height: 320px;
        overflow-y: auto;
        ${CONFIG.scrollBarStyle ? `
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px; }
        ::-webkit-scrollbar-track { background: #f5f5f5; }
        ` : ''}
    `;
    root.appendChild(panel);

    // —————————— 输入框 ——————————
    const input = document.createElement('input');
    input.type = 'text';
    input.style.cssText = `
        width: 100%;
        box-sizing: border-box;
        padding: 8px 10px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        font-size: 14px;
        margin-bottom: 8px;
        outline: none;
    `;
    panel.appendChild(input);

    // —————————— 复制按钮 ——————————
    const copyBtn = document.createElement('button');
    copyBtn.textContent = '复制当前内容';
    copyBtn.style.cssText = `
        width: 100%;
        padding: 8px;
        background: #1677ff;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 14px;
        cursor: pointer;
        margin-bottom: 10px;
    `;
    panel.appendChild(copyBtn);

    // —————————— 关键词按钮列表 ——————————
    const list = document.createElement('div');
    list.style.cssText = `
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    `;
    panel.appendChild(list);

    KEYWORDS.forEach(word => {
        const btn = document.createElement('button');
        btn.textContent = word;
        btn.style.cssText = `
            padding: 6px 10px;
            border: none;
            border-radius: 6px;
            background: #f2f2f2;
            font-size: 13px;
            cursor: pointer;
            white-space: nowrap;
        `;
        btn.onclick = () => {
            input.value = word;
            copyText(word);
        };
        list.appendChild(btn);
    });

    // —————————— 折叠功能 ——————————
    const foldBtn = document.getElementById('fold-btn');
    foldBtn.style.cursor = 'pointer';
    foldBtn.onclick = () => {
        const isHidden = panel.style.display === 'none';
        panel.style.display = isHidden ? 'block' : 'none';
        foldBtn.textContent = isHidden ? '−' : '+';
        bar.style.borderRadius = isHidden ? '10px' : '10px 10px 0 0';
    };

    // —————————— 复制功能（兼容全浏览器） ——————————
    function copyText(text) {
        const textarea = document.createElement('textarea');
        textarea.value = text;
        textarea.style.cssText = 'position:fixed;left:-9999px;top:-9999px;';
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);

        // 轻提示
        const tip = document.createElement('div');
        tip.textContent = `已复制：${text}`;
        tip.style.cssText = `
            position: fixed;
            left: 50%;
            bottom: 80px;
            transform: translateX(-50%);
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 13px;
            z-index: 99999999;
            white-space: nowrap;
        `;
        document.body.appendChild(tip);
        setTimeout(() => tip.remove(), 1200);
    }

    copyBtn.onclick = () => copyText(input.value);

    // —————————— 拖拽功能 ——————————
    let isDrag = false, startX, startY, origLeft, origTop;
    bar.addEventListener('mousedown', e => {
        if (e.target === foldBtn) return;
        isDrag = false;
        startX = e.clientX;
        startY = e.clientY;
        origLeft = root.offsetLeft;
        origTop = root.offsetTop;

        const move = ev => {
            const dx = ev.clientX - startX;
            const dy = ev.clientY - startY;
            if (Math.abs(dx) > 4 || Math.abs(dy) > 4) isDrag = true;
            root.style.left = origLeft + dx + 'px';
            root.style.top = origTop + dy + 'px';
        };
        const up = () => {
            document.removeEventListener('mousemove', move);
            document.removeEventListener('mouseup', up);
        };
        document.addEventListener('mousemove', move);
        document.addEventListener('mouseup', up);
    });

    // 初始化默认折叠
    if (CONFIG.defaultFolded) {
        panel.style.display = 'none';
        foldBtn.textContent = '+';
        bar.style.borderRadius = '10px';
    }
})();