// ==UserScript==
// @name         重庆市法治理论知识考试平台-安装引导脚本
// @namespace    https://doc.zhanyc.cn/
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAADFGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMTUzMkVEREQ5QjExMUYxOTQ5OURBODJDNEIyM0M3NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMTUzMkVEQ0Q5QjExMUYxOTQ5OURBODJDNEIyM0M3NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjAyNCBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9IjRCOUZGNEQ5OEMyRjgxQzBFNTdEOEM1OUUyNjI4MjY3IiBzdFJlZjpkb2N1bWVudElEPSI0QjlGRjREOThDMkY4MUMwRTU3RDhDNTlFMjYyODI2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvmthkEAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADAFBMVEVHcEy1U16nZW2SREyqSk6kNEKYT1WuTlaMPEOWOkPLmZ+kP0H22tvNpKijREe2h4rLkZWmNUPs0NO4YmbZsLTQhIbguLyKNz3FcnSxeXmxWl/tyMerVFmMW2SFMjeFKDCTLy+JLDSKHSKMHySLHiOOHyWRIiiQISeJHCGSIymPICaIGiCNHSSIICGUJCqfNjqYKS+hNzyjOj6YJiydMziqQkehMjieMDanQESLLyqKHCOVJSybMTakPUOTKS6QHCqEICKUICiZLzSnO0CXIimkNTqbKS6oPUKiPUGWLDCEJiyoNDyRLC+YLjGdLjSbJDH/9PH9//6CGh2SKCr/+/6cKzGeJjKdICnixMOoQ0aFFhubLTL/5u2pMDaaHiSJJS6YKjSRICKeOj6RHSWIGB2MFyGNGRuFFyOkNz6YNjGsOUCLISeUGSB3Hh3/+Pq5b3qWPD2LKiWWKC2sSU2tRkiFHR2tPkWPJSqnKDOQHCH09fD/+/eBJSSYRUmEHCiSKzh7FBqSIiyROTSeODSjISmMIyClR0mgJy6BERX3//yiLTOiRULu//WcKCekLjyLMTqgSFKhVVizU1ehXmKwSk/bqauzQkmNJCagGS3yt7mrVGO0TFKSJiXw//79//buz8383Ob05OB+Hh2XIx6UMS6VJTV6JyfRlJeQP0R5KzGJOD2WGS2JLDLhnp3Wm52wXWr/++7Bcnbt6uaeMzuTMTb+7+uhOETh4+GbPEeBMDaEIhamSlOwOkZ2HSWIICmJEBesZGfgtLT3u8WaFB+mECi+foPJhY2ti4nz1dXGs7TXt7Tq29rw0t3Cm5VyEhOrPU+xLUCSEBqzJjfNw7qpHjT+2trKeH7q+fGWU1Xz8uHVtLzOp6f+8fe5Z26YZGjm5daSHiuNFyadLi6LS0mIPUR/ECPd0sn/4tvf//L9zMnjucKNDyfyw8rEjZG0ZHP95uLp/v7VwsHdkZWqcG2PXl3jvcxzNjTp9vbQ+O6uJh+yV1yac3i5x8jO29H/0NTk7u3OKF6uAAAAInRSTlMAi3malauQkKKlRaAFOppXTakPfi5bJqdtZYQYioOst6+znEAuZQAAB+lJREFUSMfV12dUU2kaB3AFFhdWxMXuOLO7INEACemECUFSIJCEEAKYhDQh9E6QXqWHXqVKkw7SFBuKIE1B7F3UsY9dp8/2G7gXENn9Omf+3+45+Z3nfd9773OfrFjxu80XOrpqamorwayaj4aGxqqVK7U3/i+3YfPWoqKqsJKqqpKSkrCwsL1A8HihkMGg0TBA0tdsW7t6Gbded11RenoYnognEolkWyDAj9GmQCwsLKhUe3s7GJp8XG39Z1BHrSAsPVuIJzIiVModiErhcCCzs7Pk8zP2dKqvXQK1t6ZXCfH4vXgGg6GqSQYqotHoT6xEymeZMddsWOxWa68L27+fiMczaBgaQ7WnBWUBKBQKpVAocnOrow3ZIVraiza7PhiAEQw8EYMBKs5JU1MCwQwIRySahSRSdVpaWZl/JLtVZx7qrf07PmJvOhEvJJOFQlsacJQ+QFECYc6KVBaoqdAvw1GNXVGDanrzp1NsG7E3O54sJLrbkt2PqFZ6+DAON1dQZG+DQmGxJCRS7oL18HTZLd8drw3JLQMlRCH50n7GYQv37OyQ40eP+uDsfVMkaF+UJJWuWikSCYfB4GDS7NZAT47aQAkDkO5kfIQfi8U6bCEiWBNSfKXVTpYcloT+mbTU+gK8I4X4/TQh+WiILcNPIrl82c+PJcni2NtLRO7pTG9SFgmAi6WbTSJ4UzcPRJzCEIXobHdcHiuPQ1WYAdIFZfk48n5FS3H+dqQKAhKKW0ai2pxcV3XKD2Mr9EkxtabZxhd+H5LMthQROPDGuCFx7I2xI7PwE7lHc05uLfLzo4UQaSnWNHRIYdeLs11D+TILgo1vcvG5mJ4WzOwSAbEDjBe9SX1Obiuy9hP6YlgpKdYcu4KWG85Bb8Za2agsV+o7cczz255QLUgioiG5qsiMtrfRNC/Z19ovrymk8J9BQf8O7jSwieIXiB2vPb0KQjgk06Kh1a7CY3x8rHGmVwnJidevSpKDLzjPTCfnHpTyi4/lDOOjrggPHTruinWC5DcI8z8vkgScaRbOnczaTXdK7hLXBQ9GRQU2dV9wPltwuv1tf2xpvDcdkvsWpBBtbU3A4bIt/Y/EtyY6/Jo9XV/fH3vsjrjOWelc11/HvZVTPyYLMALzzWKJtiZY4HwVeb3DgreVv8ZN1D98qPzl4Ys65YeYqTvn3te/vzFuSl9GElUvFNWCmsHqra2Jre19cLfuJu1UXuie7inHNwPMn9qYg968kycNwSxIDTKOQOBQqawsOfOH8zGOM+eP3eiNSr0yMlLwsKYiYqThzOho6uPGebkLYf4HUNoCLxTHnuqCsrdnF96LCTqm/Pik2bw91A4428n4xoNRqZbtbbwMEzBLpZ39HhlbMlreW8/tc5wM4Ze/9u+oBM72UkIA6fSDc6XHR5eRGDMOBygYJbVBsZkhN+9NxXx8d/n6LuaJBxeczxdfJCUVvuJyS9sNwCyWHBcXQLphs6KjKZ5mweeUOTU1Od/2vBc7Oztye3p6gIucOxPLSZGLi43CzsnJRhp1ubx8TNx/rfblvWuC57G3bvWdnxRMCgQfBaXBn8s1aECiFHZ2BnS+w6NnR88HCW7nXR29/iy474Cytrsp8Zl3kyyho3w7mEXSFGiLWJKlWzR2n6z5pwfHuPdOJMl3yC6djY2ZLE58LYPxA1zDq6uXlUBvgzvlUijUmxWC5479bzsRbGbzRCy3tDJ//MVQcuaZ6tCGi/pgFuSfcAosFgl3euxmdPg7MbfmgDjYMzWVXvWvmtr7Dt7f3+F2uXtJoz3gy0qSSiL0kf75tycEP/ffz8xFmB8Kqp/O7yjPn/42ZrggIUGWsIw0Q1LodJgRqcyJnirv7I2tvQ2/3jEu7pluhUu9QrPvOvfdrTyTcRLap2eczV+gmiQKhQKDoQwNo6UenWN93PtJ7HcXHCu6E16Xd3gn/KNPGdSV6HERko/ibP4GSgtAyncgKcYGbvSdrV3/EQcPHJpSHqj78e6rH18JBG+mbikFlYON0GofNVR/BcrGSCRdbgiXG0cqkFbxFR9mgitrlUrHnz8cAKJUzoiVytgWZtK8DHTbBEq2PxIrN4FRjJzcvHiFL39xHn860R8knuk/JxguHe9u++FaDHe41Xv+hALTtMCn74gVDEVRyTIPr8julzmxLW1Pug7d7GwODLQi8UfinpYGBbUwHXaC2RVYrQH2+BArfyxFjjQxhHlJbQq+41YMBSZFyuIQoexQHk9foZ9UWXF2KIkOya8DRevA70q6FQJJoWBNIhVufM+L7YmBcZbSEa9QfkCAHI5oaPaiD55ua0sIWJCYzXNyo6aH1Ms3Canq4qoOZWgw2zT8oXfjazBG+jxeeHg4T5/5FTRTadJSD2aaeoISajeGS6WrMWInwkDfw5CpCX2z12pJrniJdu74FM5LaJU8fQNXV2PjTP8TCzORpoKf4RoJQUhAzwwkEf7GmZmeJt5MzYWxRmdTxBmj0Nk9GpqYLJXGYMLDgZL+Mpm69ooFqq3OcwoH4byE7vy85BmbJDQ0t+t+Mr1t2VYWOge3z2epRLgawxJOP9mit2RE/auvao//V2Z67GNu2vDZoKrz5fEjJp4BbmknrcBAJ2OFQFjxeDyrABjzxJc6ywy4elvU4vPZlmzz3WAcwOxTRSEinNikqau3/FC9er2umqa6uhaYPy6Ouqam7sbf/O/CfwHji2sWQDD9FQAAAABJRU5ErkJggg==
// @version      1.0
// @description  注意，这是一个安装引导脚本，本身不具备自动答题功能！这是自动答题辅助软件安装引导工具，协助用户一步一步完成安装
// @author       zfk
// @match        *://.cqsdx.cn/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// @grant        GM_openInTab
// @run-at       document-idle
// @require      https://m.zhanyc.cn/jquery-2.2.4.min.js
// @antifeature  payment
// @license      Creative Commons
// ==/UserScript==

(function () {
    'use strict';

    let $ = jQuery || unsafeWindow.jQuery || window.jQuery;

    // 配置项
    const CONFIG = {
        docUrl: "https://doc.zhanyc.cn/pages/cqspfks/",
        downloadLinks: {
            baidu: "https://pan.baidu.com/s/1dfrXWIMKyy8jhyfE6CD_0w?pwd=wbj4",
            quark: "https://pan.quark.cn/s/e33d5bde97ed?pwd=wn6P"
        },
        videoUrl: "https://www.capcut.cn/share/7705449728254743870?t=1",
        guideImages: {
            step1: "https://doc.zhanyc.cn/img/course/cqspfks/103.jpg",
            step2: "https://doc.zhanyc.cn/img/course/cqspfks/104.jpg",
            step3: "https://doc.zhanyc.cn/img/course/cqspfks/105.jpg"
        },
        storageKey: "cqspfks_install_guide_completed"
    };

    // 步骤定义
    const STEPS = [
        {
            id: 0,
            title: "欢迎使用",
            content: `
                <div style="text-align:center;padding:20px 0;">
                    <h2 style="color:#333;margin-bottom:15px;">欢迎使用考试自动答题辅助软件</h2>
                    <p style="color:#666;font-size:14px;line-height:1.8;">
                        本工具将协助您完成自动答题软件的安装<br>
                        整个过程需要安装两个程序：<br>
                        <strong>① 电脑EXE程序</strong> + <strong>② 谷歌浏览器扩展程序</strong>
                    </p>
                    <p style="color:#999;font-size:12px;margin-top:20px;">
                        预计安装时间：3-5分钟
                    </p>
                </div>
            `
        },
        {
            id: 1,
            title: "下载程序",
            content: `
                <div style="padding:15px 0;">
                    <h3 style="color:#333;margin-bottom:15px;">第一步：下载安装程序</h3>
                    <p style="color:#666;font-size:14px;margin-bottom:15px;">
                        请选择以下任一网盘下载所需程序：
                    </p>
                    <div style="background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:15px;margin-bottom:20px;">
                        <p style="color:#d46b08;font-size:14px;margin:0;line-height:1.8;">
                            <strong>【谷歌浏览器扩展程序v20XXXXXX.zip】</strong>和<strong>【电脑程序v20XXXXXX.7z】</strong>这两个程序必须，选择最新版本下载即可。其他文件根据教学视频选择性下载即可。
                        </p>
                    </div>
                    <div style="background:#f5f7fa;border-radius:8px;padding:20px;margin-bottom:15px;">
                        <div style="margin-bottom:15px;">
                            <strong style="color:#333;">📦 百度网盘</strong>
                            <div style="margin-top:8px;">
                                <a href="${CONFIG.downloadLinks.baidu}" target="_blank"
                                   style="display:inline-block;padding:8px 20px;background:#1890ff;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;">
                                    点击下载
                                </a>
                            </div>
                            <div style="margin-top:5px;color:#999;font-size:12px;">
                                提取码：wbj4
                            </div>
                        </div>
                        <div style="border-top:1px dashed #ddd;padding-top:15px;">
                            <strong style="color:#333;">📦 夸克网盘</strong>
                            <div style="margin-top:8px;">
                                <a href="${CONFIG.downloadLinks.quark}" target="_blank"
                                   style="display:inline-block;padding:8px 20px;background:#1890ff;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;">
                                    点击下载
                                </a>
                            </div>
                            <div style="margin-top:5px;color:#999;font-size:12px;">
                                提取码：wn6P
                            </div>
                        </div>
                    </div>
                    <p style="color:#e6a23c;font-size:13px;">
                        ⚠️ 下载完成后，请解压文件再进行下一步安装
                    </p>
                </div>
            `
        },
        {
            id: 2,
            title: "安装EXE程序",
            content: `
                <div style="padding:15px 0;">
                    <h3 style="color:#333;margin-bottom:15px;">第二步：安装电脑EXE程序</h3>
                    <p style="color:#666;font-size:14px;margin-bottom:15px;">
                        <strong>【电脑程序v20XXXXXX.7z】</strong>下载完毕后，解压到电脑文件夹中即完成安装，安装后运行安装目录下的<strong>【cqfzks.exe】</strong>启动运行即可
                    </p>
                    <div style="background:#f5f7fa;border-radius:8px;padding:15px;margin-bottom:15px;">
                        <ol style="color:#666;font-size:14px;line-height:2;margin-left:20px;">
                            <li>解压下载的电脑程序压缩包</li>
                            <li>将解压后的文件夹放到合适的位置</li>
                            <li>双击运行文件夹中的 <code style="background:#e8e8e8;padding:2px 6px;border-radius:3px;">cqfzks.exe</code></li>
                            <li>程序启动成功后即可进行下一步</li>
                        </ol>
                    </div>
                    <div style="text-align:center;">
                        <a href="${CONFIG.videoUrl}" target="_blank"
                           style="display:inline-block;padding:10px 25px;background:#52c41a;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;">
                            📺 观看安装视频教程
                        </a>
                    </div>
                    <p style="color:#e6a23c;font-size:13px;margin-top:15px;">
                        ⚠️ 请确保EXE程序安装成功后再进行下一步
                    </p>
                </div>
            `
        },
        {
            id: 3,
            title: "安装浏览器扩展",
            content: `
                <div style="padding:15px 0;">
                    <h3 style="color:#333;margin-bottom:15px;">第三步：安装谷歌浏览器扩展程序</h3>
                    <p style="color:#666;font-size:14px;margin-bottom:15px;">
                        按照以下步骤安装浏览器扩展：
                    </p>
                    <div style="background:#f5f7fa;border-radius:8px;padding:15px;margin-bottom:15px;">
                        <ol style="color:#666;font-size:14px;line-height:2;margin-left:20px;">
                            <li>打开谷歌浏览器（Chrome）</li>
                            <li>在地址栏输入 <code style="background:#e8e8e8;padding:2px 6px;border-radius:3px;">chrome://extensions/</code> 回车</li>
                            <li>打开右上角的"开发者模式"开关</li>
                            <li>点击"加载已解压的扩展程序"</li>
                            <li>选择下载并解压后的扩展文件夹</li>
                            <li>确认扩展程序已启用</li>
                        </ol>
                    </div>
                    <div style="text-align:center;">
                        <a href="${CONFIG.videoUrl}" target="_blank"
                           style="display:inline-block;padding:10px 25px;background:#52c41a;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;">
                            📺 观看安装视频教程
                        </a>
                    </div>
                    <p style="color:#999;font-size:13px;margin-top:15px;text-align:center;">
                        Edge或者其他浏览器请观察视频自行对照安装
                    </p>
                </div>
            `
        },
        {
            id: 4,
            title: "使用说明",
            content: `
                <div style="padding:15px 0;">
                    <h3 style="color:#333;margin-bottom:15px;">第四步：开始使用自动答题</h3>
                    <p style="color:#666;font-size:14px;margin-bottom:15px;">
                        安装完成后，按照以下步骤使用自动答题功能：
                    </p>
                    <div style="background:#f5f7fa;border-radius:8px;padding:15px;margin-bottom:15px;">
                        <ol style="color:#666;font-size:14px;line-height:2;margin-left:20px;">
                            <li>打开考试平台网站并登录</li>
                            <li>进入<code style="background:#e8e8e8;padding:2px 6px;border-radius:3px;">考试页面</code></li>
                            <li>点击浏览器右上角的扩展程序图标</li>
                            <li>点击【开始答题】按钮</li>
                            <li>等待自动答题完成</li>
                        </ol>
                    </div>
                    <div style="text-align:center;margin-bottom:15px;">
                        <img src="${CONFIG.guideImages.step1}" style="max-width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);" />
                    </div>
                    <div style="text-align:center;margin-bottom:15px;">
                        <img src="${CONFIG.guideImages.step2}" style="max-width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);" />
                    </div>
                    <div style="text-align:center;">
                        <img src="${CONFIG.guideImages.step3}" style="max-width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);" />
                    </div>
                </div>
            `
        },
        {
            id: 5,
            title: "安装完成",
            content: `
                <div style="text-align:center;padding:30px 0;">
                    <div style="font-size:60px;margin-bottom:20px;">✅</div>
                    <h2 style="color:#52c41a;margin-bottom:15px;">安装引导完成！</h2>
                    <p style="color:#666;font-size:14px;line-height:1.8;margin-bottom:20px;">
                        您已完成所有安装步骤<br>
                        现在可以进入考试页面使用自动答题功能了
                    </p>
                    <div style="background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;padding:15px;margin:20px 0;">
                        <p style="color:#52c41a;font-size:14px;margin:0;">
                            💡 提示：如需重新查看安装引导，可点击脚本菜单中的"重新查看安装引导"
                        </p>
                    </div>
                    <a href="${CONFIG.docUrl}" target="_blank"
                       style="display:inline-block;padding:10px 25px;background:#1890ff;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;margin-top:10px;">
                        📖 查看完整使用说明
                    </a>
                </div>
            `
        }
    ];

    // 样式
    const STYLES = `
        .guide-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.6);
            z-index: 999999;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }
        .guide-container {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
            width: 600px;
            max-width: 90vw;
            max-height: 85vh;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .guide-header {
            padding: 20px 25px;
            border-bottom: 1px solid #e8e8e8;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .guide-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin: 0;
        }
        .guide-close {
            width: 32px;
            height: 32px;
            border: none;
            background: #f5f5f5;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            color: #999;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .guide-close:hover {
            background: #e8e8e8;
            color: #333;
        }
        .guide-progress {
            padding: 15px 25px;
            background: #fafafa;
            border-bottom: 1px solid #e8e8e8;
        }
        .progress-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .progress-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1;
            position: relative;
        }
        .progress-step::after {
            content: '';
            position: absolute;
            top: 12px;
            left: 50%;
            width: 100%;
            height: 2px;
            background: #e8e8e8;
            z-index: 0;
        }
        .progress-step:last-child::after {
            display: none;
        }
        .progress-step.completed::after {
            background: #52c41a;
        }
        .progress-dot {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #e8e8e8;
            color: #999;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 600;
            z-index: 1;
            transition: all 0.3s;
        }
        .progress-step.active .progress-dot {
            background: #1890ff;
            color: #fff;
            box-shadow: 0 0 0 4px rgba(24, 144, 255, 0.2);
        }
        .progress-step.completed .progress-dot {
            background: #52c41a;
            color: #fff;
        }
        .progress-label {
            font-size: 11px;
            color: #999;
            margin-top: 6px;
            white-space: nowrap;
        }
        .progress-step.active .progress-label {
            color: #1890ff;
            font-weight: 500;
        }
        .progress-step.completed .progress-label {
            color: #52c41a;
        }
        .guide-content {
            flex: 1;
            overflow-y: auto;
            padding: 20px 25px;
        }
        .guide-footer {
            padding: 15px 25px;
            border-top: 1px solid #e8e8e8;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .guide-btn {
            padding: 10px 24px;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
        }
        .guide-btn-prev {
            background: #f5f5f5;
            color: #666;
        }
        .guide-btn-prev:hover {
            background: #e8e8e8;
        }
        .guide-btn-prev:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        .guide-btn-next {
            background: #1890ff;
            color: #fff;
        }
        .guide-btn-next:hover {
            background: #40a9ff;
        }
        .guide-btn-finish {
            background: #52c41a;
            color: #fff;
        }
        .guide-btn-finish:hover {
            background: #73d13d;
        }
        .guide-step-info {
            font-size: 13px;
            color: #999;
        }
    `;

    // 当前步骤
    let currentStep = 0;

    // 初始化
    function init() {
        // 添加样式
        GM_addStyle(STYLES);

        // 注册菜单命令
        GM_registerMenuCommand("重新查看安装引导", showGuide);
        GM_registerMenuCommand("查看使用说明", () => {
            GM_openInTab(CONFIG.docUrl, { active: true });
        });

        // 检查是否已完成安装引导
        const isCompleted = GM_getValue(CONFIG.storageKey, false);
        if (!isCompleted) {
            // 延迟显示，避免页面加载时干扰
            setTimeout(showGuide, 1000);
        }
    }

    // 显示引导弹窗
    function showGuide() {
        currentStep = 0;
        renderGuide();
    }

    // 渲染引导界面
    function renderGuide() {
        // 移除已存在的弹窗
        $('.guide-overlay').remove();

        const step = STEPS[currentStep];
        const totalSteps = STEPS.length;
        const isFirstStep = currentStep === 0;
        const isLastStep = currentStep === totalSteps - 1;

        // 构建进度条
        let progressBarHtml = '<div class="progress-bar">';
        STEPS.forEach((s, index) => {
            let stepClass = 'progress-step';
            if (index < currentStep) stepClass += ' completed';
            if (index === currentStep) stepClass += ' active';

            progressBarHtml += `
                <div class="${stepClass}">
                    <div class="progress-dot">${index < currentStep ? '✓' : index + 1}</div>
                    <div class="progress-label">${s.title}</div>
                </div>
            `;
        });
        progressBarHtml += '</div>';

        // 构建按钮
        let prevBtn = isFirstStep
            ? '<button class="guide-btn guide-btn-prev" disabled>上一步</button>'
            : '<button class="guide-btn guide-btn-prev" id="guidePrevBtn">上一步</button>';

        let nextBtn;
        if (isLastStep) {
            nextBtn = '<button class="guide-btn guide-btn-finish" id="guideFinishBtn">完成</button>';
        } else {
            nextBtn = '<button class="guide-btn guide-btn-next" id="guideNextBtn">下一步</button>';
        }

        // 构建HTML
        const html = `
            <div class="guide-overlay">
                <div class="guide-container">
                    <div class="guide-header">
                        <h3 class="guide-title">安装引导 - ${step.title}</h3>
                        <button class="guide-close" id="guideCloseBtn">&times;</button>
                    </div>
                    <div class="guide-progress">
                        ${progressBarHtml}
                    </div>
                    <div class="guide-content">
                        ${step.content}
                    </div>
                    <div class="guide-footer">
                        ${prevBtn}
                        <span class="guide-step-info">${currentStep + 1} / ${totalSteps}</span>
                        ${nextBtn}
                    </div>
                </div>
            </div>
        `;

        // 添加到页面
        $('body').append(html);

        // 绑定事件
        $('#guideCloseBtn').on('click', closeGuide);
        $('#guidePrevBtn').on('click', prevStep);
        $('#guideNextBtn').on('click', nextStep);
        $('#guideFinishBtn').on('click', finishGuide);

        // 阻止点击穿透
        $('.guide-overlay').on('click', function (e) {
            if (e.target === this) {
                closeGuide();
            }
        });
    }

    // 上一步
    function prevStep() {
        if (currentStep > 0) {
            currentStep--;
            renderGuide();
        }
    }

    // 下一步
    function nextStep() {
        if (currentStep < STEPS.length - 1) {
            currentStep++;
            renderGuide();
        }
    }

    // 完成引导
    function finishGuide() {
        GM_setValue(CONFIG.storageKey, true);
        closeGuide();
    }

    // 关闭引导
    function closeGuide() {
        $('.guide-overlay').fadeOut(200, function () {
            $(this).remove();
        });
    }

    // 启动
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
        init();
    } else {
        document.addEventListener('DOMContentLoaded', init);
    }

})();