// ==UserScript==
// @name         Word 编辑器（拖入 docx 在线编辑）
// @namespace    http://tampermonkey.net/
// @version      1.1.0
// @description  点右下角按钮打开 Word 编辑页，把 .docx 拖进去就能在线编辑：富文本工具栏、插入图片可拖动缩放、可添加文件（Word/文本并入内容或作为附件插入）、实时字数统计、导出 docx / HTML、复制、打印。也可直接在任意网页拖入文件。
// @author       xizi
// @match        *://*/*
// @match        file:///*
// @require      https://cdn.bootcdn.net/ajax/libs/mammoth/1.8.0/mammoth.browser.min.js
// @require      https://registry.npmmirror.com/docx/8.5.0/files/build/index.umd.js
// @grant        GM_addStyle
// @grant        GM_setClipboard
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// @grant        unsafeWindow
// @run-at       document-start
// @noframes
// @license      MIT
// @icon         data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI1IiBmaWxsPSIjMTUyMjM4IiBzdHJva2U9IiM1YjlkZmYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTcgOGgxME03IDEyaDEwTTcgMTZoNiIgc3Ryb2tlPSIjOGZjMGZmIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTE1LjIgMTcuNGwxLjMgMS4zIDIuNi0yLjkiIHN0cm9rZT0iIzViOWRmZiIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==
// ==/UserScript==

/*
 * 功能一览
 *   1. 点右下角 📝 按钮 → 进入 Word 编辑页（铺满屏幕）→ 把 .docx 拖进去，或点「选择文件…」。
 *   2. 编辑：富文本工具栏（段落样式、字体/字号/颜色/高亮、加粗斜体下划线删除线、项目符号与编号、
 *      缩进、四种对齐、插入表格/链接/图片/分隔线、清除格式、撤销重做、缩放），底部实时字数统计。
 *   3. 保存：导出标准 .docx（OOXML，Word / WPS 都能打开）、导出 HTML、复制全文、打印，Ctrl+S 快捷保存。
 *   4. 支持拖入 .docx / .docm / .txt / .md / .html；老版二进制 .doc 无法解析，会提示先另存为 .docx。
 *
 * 说明：导入靠 mammoth（docx → 语义化 HTML），导出靠 docx.js（HTML → 标准 OOXML）。
 *      导入时保留标题/列表/表格/粗斜体/图片/超链接等结构，字体字号这类纯视觉样式以编辑器里的实际效果为准。
 */

(function () {
    'use strict';

    /* ============================================================
     * 0. 常量与状态
     * ============================================================ */

    const VERSION = '1.1.0';
    const ROOT_ID = 'wd-editor-root';
    const BALL_ID = 'wd-editor-ball';
    const BANNER_ID = 'wd-editor-banner';
    const TOAST_ID = 'wd-editor-toast';

    const EXT_DOC = ['docx', 'docm'];                       // 主要支持
    const EXT_TEXT = ['txt', 'text', 'md', 'markdown', 'html', 'htm'];   // 纯文本类
    const EXT_BLOCKED = ['doc', 'wps', 'rtf'];              // 老格式，明确提示

    const CDN = {
        mammoth: [
            'https://cdn.bootcdn.net/ajax/libs/mammoth/1.8.0/mammoth.browser.min.js',
            'https://registry.npmmirror.com/mammoth/1.8.0/files/mammoth.browser.min.js',
            'https://cdn.jsdelivr.net/npm/mammoth@1.8.0/mammoth.browser.min.js',
            'https://unpkg.com/mammoth@1.8.0/mammoth.browser.min.js'
        ],
        docx: [
            'https://registry.npmmirror.com/docx/8.5.0/files/build/index.umd.js',
            'https://cdn.jsdelivr.net/npm/docx@8.5.0/build/index.umd.js',
            'https://unpkg.com/docx@8.5.0/build/index.umd.js',
            'https://cdn.staticfile.net/docx/8.5.0/index.umd.js'
        ]
    };

    const DRAFT_KEY = 'word_editor_draft_v1';   // 自动保存的草稿
    const DRAFT_DELAY = 2000;                   // 停止输入 2 秒后写草稿
    const FONT_LIST = [
        { label: '默认字体', value: '' },
        { label: '宋体', value: 'SimSun' },
        { label: '黑体', value: 'SimHei' },
        { label: '楷体', value: 'KaiTi' },
        { label: '仿宋', value: 'FangSong' },
        { label: '微软雅黑', value: 'Microsoft YaHei' },
        { label: 'Times New Roman', value: 'Times New Roman' },
        { label: 'Arial', value: 'Arial' },
        { label: 'Consolas', value: 'Consolas' }
    ];
    const SIZE_LIST = [10, 12, 14, 16, 18, 20, 24, 28, 32, 40, 48];

    const state = {
        fileName: '',
        dirty: false,
        empty: true,        // 还没有文档内容
        draftTimer: 0,
        lastEdit: 0
    };

    const refs = {};        // DOM 引用
    const libs = {};        // 解析库缓存
    const loading = {};     // CDN 加载中的 Promise
    let dragDepth = 0;
    let toastTimer = 0;

    /* ============================================================
     * 1. 小工具
     * ============================================================ */

    function getLib(name) {
        if (libs[name]) return libs[name];
        const key = name === 'mammoth' ? 'mammoth' : 'docx';
        const usable = function (lib) {
            if (!lib) return false;
            if (name === 'docx') {
                // 注意：docx 的 Packer 是个类（typeof 为 function），两种写法都接受
                return !!lib.Packer &&
                    (typeof lib.Packer.toBlob === 'function' || typeof lib.Packer.toBuffer === 'function');
            }
            return typeof lib.convertToHtml === 'function';
        };
        const targets = [];
        try { if (typeof unsafeWindow !== 'undefined' && unsafeWindow) targets.push(unsafeWindow); } catch (e) { /* 忽略 */ }
        targets.push(window);
        try { if (typeof globalThis !== 'undefined' && globalThis && targets.indexOf(globalThis) < 0) targets.push(globalThis); } catch (e) { /* 忽略 */ }
        for (let i = 0; i < targets.length; i++) {
            try {
                if (usable(targets[i] && targets[i][key])) { libs[name] = targets[i][key]; return libs[name]; }
            } catch (e) { /* 忽略 */ }
        }
        // 油猴 @require 里 UMD 有时会把导出挂在 module.exports 上
        try {
            if (typeof module !== 'undefined' && module && module.exports) {
                const m = module.exports;
                if (usable(m)) { libs[name] = m; return m; }
                if (usable(m[key])) { libs[name] = m[key]; return libs[name]; }
                if (usable(m.default && m.default[key])) { libs[name] = m.default[key]; return libs[name]; }
            }
        } catch (e) { /* 忽略 */ }
        /* eslint-disable no-undef */
        try { if (usable(typeof mammoth !== 'undefined' ? mammoth : null)) { libs.mammoth = mammoth; return mammoth; } } catch (e) { /* 忽略 */ }
        try { if (usable(typeof docx !== 'undefined' ? docx : null)) { libs.docx = docx; return docx; } } catch (e) { /* 忽略 */ }
        /* eslint-enable no-undef */
        return null;
    }

    /** 动态插一个 <script>，带超时（避免网络挂起时永远不返回） */
    function injectScript(url, timeoutMs) {
        return new Promise(function (resolve, reject) {
            const s = document.createElement('script');
            let done = false;
            const finish = function (err) {
                if (done) return;
                done = true;
                clearTimeout(timer);
                if (err) reject(err); else resolve(true);
            };
            const timer = setTimeout(function () { finish(new Error('超时: ' + url)); }, timeoutMs);
            s.src = url;
            s.async = true;
            s.onload = function () { finish(null); };
            s.onerror = function () { finish(new Error('加载失败: ' + url)); };
            try {
                (document.head || document.documentElement).appendChild(s);
            } catch (e) { finish(e); }
        });
    }

    /** 解析库兜底加载：@require 失败时按 CDN 列表逐个重试（每个地址都有超时） */
    function ensureLib(name) {
        const ready = getLib(name);
        if (ready) return Promise.resolve(ready);
        if (loading[name]) return loading[name];

        loading[name] = new Promise(function (resolve, reject) {
            const list = CDN[name] || [];
            let i = 0;
            const next = function () {
                if (i >= list.length) {
                    reject(new Error('无法加载 ' + name + ' 库（已试过 ' + list.length + ' 个镜像）'));
                    return;
                }
                const url = list[i++];
                injectScript(url, 8000).then(function () {
                    const lib = getLib(name);
                    lib ? resolve(lib) : next();     // 加载了但没暴露全局，换下一个
                }, function () {
                    next();
                });
            };
            next();
        }).catch(function (err) {
            loading[name] = null;
            throw err;
        });
        return loading[name];
    }

    function extOf(name) {
        const i = String(name || '').lastIndexOf('.');
        return i < 0 ? '' : String(name).slice(i + 1).toLowerCase();
    }

    function baseName(name) {
        return String(name || '未命名文档').replace(/\.[^.]+$/, '') || '未命名文档';
    }

    function escapeHtml(s) {
        return String(s).replace(/[&<>"']/g, function (ch) {
            return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[ch];
        });
    }

    function fmtSize(n) {
        if (n == null) return '';
        const units = ['B', 'KB', 'MB', 'GB'];
        let i = 0;
        let v = Number(n);
        while (v >= 1024 && i < units.length - 1) { v /= 1024; i++; }
        return (i === 0 ? v : v.toFixed(v < 10 ? 2 : 1)) + ' ' + units[i];
    }

    /** 字数统计：中文按字算，英文按单词算 */
    function countWords(text) {
        const s = String(text || '');
        const cjk = (s.match(/[\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff\u3040-\u30ff\uac00-\ud7af]/g) || []).length;
        const words = (s.replace(/[\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff\u3040-\u30ff\uac00-\ud7af]/g, ' ')
            .match(/[A-Za-z0-9_'\u00c0-\u024f]+/g) || []).length;
        return { cjk: cjk, words: words, total: cjk + words };
    }

    function toast(msg, type) {
        let box = document.getElementById(TOAST_ID);
        if (!box) {
            box = document.createElement('div');
            box.id = TOAST_ID;
            (document.body || document.documentElement).appendChild(box);
        }
        box.className = 'wd-toast wd-show' + (type ? ' wd-toast-' + type : '');
        box.innerHTML = escapeHtml(msg).replace(/\n/g, '<br>');
        clearTimeout(toastTimer);
        toastTimer = setTimeout(function () { box.classList.remove('wd-show'); }, type === 'error' ? 6500 : 3200);
    }

    function downloadBlob(blob, filename) {
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = filename;
        a.style.display = 'none';
        (document.body || document.documentElement).appendChild(a);
        a.click();
        setTimeout(function () {
            try { a.remove(); } catch (e) { /* 忽略 */ }
            URL.revokeObjectURL(url);
        }, 4000);
    }

    function copyText(text, okMsg) {
        const done = function () { toast(okMsg || '已复制'); };
        try {
            if (typeof GM_setClipboard === 'function') { GM_setClipboard(text, 'text'); done(); return; }
        } catch (e) { /* 继续尝试 */ }
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(done, function () { fallbackCopy(text, done); });
            return;
        }
        fallbackCopy(text, done);
    }

    function fallbackCopy(text, done) {
        const ta = document.createElement('textarea');
        ta.value = text;
        ta.style.cssText = 'position:fixed;top:-9999px;left:-9999px;opacity:0;';
        (document.body || document.documentElement).appendChild(ta);
        ta.select();
        let ok = false;
        try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
        try { ta.remove(); } catch (e) { /* 忽略 */ }
        if (ok && done) done(); else toast('复制失败，请手动选择后复制', 'error');
    }

    function decodeText(u8) {
        try {
            return new TextDecoder('utf-8', { fatal: true }).decode(u8);
        } catch (e) {
            try { return new TextDecoder('gb18030').decode(u8); } catch (e2) { return new TextDecoder('utf-8').decode(u8); }
        }
    }

    /** 存储：优先用油猴的 GM_*，在普通页面（独立 HTML 版）里退回 localStorage */
    function storeGet(key, def) {
        try { if (typeof GM_getValue === 'function') return GM_getValue(key, def); } catch (e) { /* 继续 */ }
        try {
            const raw = localStorage.getItem(key);
            return raw ? JSON.parse(raw) : def;
        } catch (e) { return def; }
    }

    function storeSet(key, value) {
        try {
            if (typeof GM_setValue === 'function') { GM_setValue(key, value); return; }
        } catch (e) { /* 继续 */ }
        try {
            if (value == null) localStorage.removeItem(key);
            else localStorage.setItem(key, JSON.stringify(value));
        } catch (e) { /* 忽略 */ }
    }

    function bytesFromBase64(b64) {
        const bin = atob(String(b64).replace(/\s+/g, ''));
        const out = new Uint8Array(bin.length);
        for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);
        return out;
    }

    /** 给 Promise 加超时，避免任何一步卡住导致“一直转圈” */
    function withTimeout(promise, ms, label) {
        return new Promise(function (resolve, reject) {
            const timer = setTimeout(function () {
                reject(new Error((label || '操作') + '超时（' + Math.round(ms / 1000) + ' 秒）'));
            }, ms);
            Promise.resolve(promise).then(function (v) {
                clearTimeout(timer);
                resolve(v);
            }, function (e) {
                clearTimeout(timer);
                reject(e);
            });
        });
    }

    /** 保存方式：true = 用内置生成器（不依赖外部库） */
    function preferBuiltin() {
        try {
            if (/[?&]wd=builtin\b/i.test(location.search)) return true;      // 页面上加 ?wd=builtin 可强制用内置生成器
            if (/[?&]wd=lib\b/i.test(location.search)) return false;         // ?wd=lib 强制用外部库
        } catch (e) { /* 忽略 */ }
        return !!storeGet('word_use_builtin', false);
    }

    function rgbToHex(color) {
        const m = String(color).match(/rgba?\((\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
        if (!m) {
            const hex = String(color).trim();
            return /^#[0-9a-f]{3,8}$/i.test(hex) ? hex.slice(0, 7).toUpperCase() : '';
        }
        const to2 = function (n) { return ('0' + Number(n).toString(16)).slice(-2); };
        return ('#' + to2(m[1]) + to2(m[2]) + to2(m[3])).toUpperCase();
    }

    /** 清洗 HTML：去掉脚本、内联事件、javascript: 链接等（内容可能来自任意 docx / html） */
    function sanitizeHtml(html) {
        const box = document.createElement('div');
        box.innerHTML = String(html == null ? '' : html);
        const banned = ['script', 'style', 'iframe', 'frame', 'frameset', 'object', 'embed', 'link', 'meta',
            'base', 'form', 'input', 'button', 'textarea', 'select', 'option', 'audio', 'video', 'source'];
        const walk = function (el) {
            const kids = Array.prototype.slice.call(el.children || []);
            kids.forEach(function (child) {
                const tag = String(child.tagName || '').toLowerCase();
                if (banned.indexOf(tag) >= 0) { child.remove(); return; }
                const attrs = Array.prototype.slice.call(child.attributes || []);
                attrs.forEach(function (attr) {
                    const name = attr.name || '';
                    const value = attr.value || '';
                    if (/^on/i.test(name)) { child.removeAttribute(name); return; }
                    if (name === 'srcdoc') { child.removeAttribute(name); return; }
                    if ((name === 'href' || name === 'src' || name === 'xlink:href') && /^\s*(javascript|vbscript|data:text\/html)/i.test(value)) {
                        child.removeAttribute(name);
                        return;
                    }
                    if (name === 'style' && /expression\s*\(|url\s*\(\s*['"]?\s*javascript:/i.test(value)) {
                        child.removeAttribute(name);
                    }
                });
                walk(child);
            });
        };
        walk(box);
        return box.innerHTML;
    }

    /* ---------------- 简易 Markdown / 纯文本 → HTML ---------------- */

    function inlineMd(text) {
        return escapeHtml(text)
            .replace(/`([^`]+)`/g, '<code>$1</code>')
            .replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
            .replace(/(^|[^*])\*([^*]+)\*/g, '$1<em>$2</em>')
            .replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, '<a href="$2">$1</a>');
    }

    function mdToHtml(md) {
        const lines = String(md).replace(/\r\n?/g, '\n').split('\n');
        const out = [];
        let list = null;
        let para = [];
        const flushPara = function () {
            if (para.length) { out.push('<p>' + inlineMd(para.join(' ')) + '</p>'); para = []; }
        };
        const closeList = function () {
            if (list) { out.push('</' + list + '>'); list = null; }
        };
        lines.forEach(function (line) {
            const l = line.trim();
            if (!l) { flushPara(); closeList(); return; }
            let m;
            if ((m = l.match(/^(#{1,6})\s+(.*)$/))) {
                flushPara(); closeList();
                const lv = m[1].length;
                out.push('<h' + lv + '>' + inlineMd(m[2]) + '</h' + lv + '>');
                return;
            }
            if ((m = l.match(/^>\s?(.*)$/))) {
                flushPara(); closeList();
                out.push('<blockquote><p>' + inlineMd(m[1]) + '</p></blockquote>');
                return;
            }
            if (/^(-{3,}|\*{3,}|_{3,})$/.test(l)) { flushPara(); closeList(); out.push('<hr>'); return; }
            if ((m = l.match(/^[-*+]\s+(.*)$/))) {
                flushPara();
                if (list !== 'ul') { closeList(); out.push('<ul>'); list = 'ul'; }
                out.push('<li>' + inlineMd(m[1]) + '</li>');
                return;
            }
            if ((m = l.match(/^\d+[.)]\s+(.*)$/))) {
                flushPara();
                if (list !== 'ol') { closeList(); out.push('<ol>'); list = 'ol'; }
                out.push('<li>' + inlineMd(m[1]) + '</li>');
                return;
            }
            para.push(l);
        });
        flushPara(); closeList();
        return out.join('');
    }

    function textToHtml(text) {
        const blocks = String(text).replace(/\r\n?/g, '\n').split(/\n{2,}/);
        return blocks.map(function (block) {
            const body = escapeHtml(block).replace(/\n/g, '<br>');
            return '<p>' + (body || '<br>') + '</p>';
        }).join('');
    }

    /* ============================================================
     * 2. 样式
     * ============================================================ */

    const CSS = [
        '#' + ROOT_ID + '{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;',
        'background:rgba(6,8,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);',
        'font:13px/1.55 -apple-system,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#e9edf5;}',
        '#' + ROOT_ID + '.wd-show{display:flex;animation:wd-fade .16s ease-out;}',
        '@keyframes wd-fade{from{opacity:0}to{opacity:1}}',
        '#' + ROOT_ID + ' *{box-sizing:border-box;}',

        '#' + ROOT_ID + ' .wd-panel{display:flex;flex-direction:column;width:min(1500px,97vw);height:min(950px,95vh);overflow:hidden;',
        'background:linear-gradient(180deg,#171b24,#11141b);border:1px solid rgba(255,255,255,.1);border-radius:14px;',
        'box-shadow:0 26px 90px rgba(0,0,0,.62);}',
        '#' + ROOT_ID + '.wd-full .wd-panel{width:100vw;height:100vh;border-radius:0;border:0;}',

        '#' + ROOT_ID + ' .wd-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.08);',
        'background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));flex-wrap:wrap;}',
        '#' + ROOT_ID + ' .wd-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:6px;',
        'background:rgba(91,157,255,.14);border:1px solid rgba(91,157,255,.45);color:#8fc0ff;font-size:10.5px;font-weight:700;letter-spacing:.5px;}',
        '#' + ROOT_ID + ' .wd-fname{font-size:14px;font-weight:600;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}',
        '#' + ROOT_ID + ' .wd-fmeta{color:#8d97a8;font-size:12px;white-space:nowrap;}',
        '#' + ROOT_ID + ' .wd-dirty{color:#f7c66b;font-size:12px;}',
        '#' + ROOT_ID + ' .wd-grow{flex:1 1 auto;}',

        '#' + ROOT_ID + ' .wd-btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#dbe3f0;',
        'border-radius:8px;padding:5px 10px;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap;transition:.15s;}',
        '#' + ROOT_ID + ' .wd-btn:hover{background:rgba(91,157,255,.16);border-color:rgba(91,157,255,.5);color:#d6e8ff;}',
        '#' + ROOT_ID + ' .wd-btn:active{transform:translateY(1px);}',
        '#' + ROOT_ID + ' .wd-btn:disabled{opacity:.45;cursor:not-allowed;}',
        '#' + ROOT_ID + ' .wd-primary{background:rgba(91,157,255,.2);border-color:rgba(91,157,255,.6);color:#d6e8ff;font-weight:600;}',
        '#' + ROOT_ID + ' .wd-close{width:30px;padding:0;height:28px;font-size:14px;}',

        '#' + ROOT_ID + ' .wd-toolbar{display:flex;align-items:center;gap:5px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.08);',
        'background:#12161e;flex-wrap:wrap;}',
        '#' + ROOT_ID + ' .wd-sep{width:1px;height:20px;background:rgba(255,255,255,.12);margin:0 3px;}',
        '#' + ROOT_ID + ' .wd-tb{appearance:none;min-width:30px;height:28px;padding:0 7px;border-radius:7px;border:1px solid transparent;',
        'background:transparent;color:#cbd6e6;font-size:12.5px;cursor:pointer;line-height:1;transition:.14s;}',
        '#' + ROOT_ID + ' .wd-tb:hover{background:rgba(91,157,255,.18);border-color:rgba(91,157,255,.4);color:#d6e8ff;}',
        '#' + ROOT_ID + ' .wd-tb.wd-on{background:rgba(91,157,255,.28);border-color:rgba(91,157,255,.65);color:#fff;}',
        '#' + ROOT_ID + ' .wd-tb b,#' + ROOT_ID + ' .wd-tb i,#' + ROOT_ID + ' .wd-tb u,#' + ROOT_ID + ' .wd-tb s{font-size:13px;}',
        '#' + ROOT_ID + ' .wd-select{height:28px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#1b2130;color:#dbe3f0;',
        'font-size:12px;padding:0 6px;cursor:pointer;max-width:130px;}',
        '#' + ROOT_ID + ' .wd-color{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:7px;',
        'border:1px solid transparent;cursor:pointer;position:relative;}',
        '#' + ROOT_ID + ' .wd-color:hover{background:rgba(91,157,255,.18);border-color:rgba(91,157,255,.4);}',
        '#' + ROOT_ID + ' .wd-color input{width:20px;height:18px;padding:0;border:0;background:none;cursor:pointer;}',
        '#' + ROOT_ID + ' .wd-zoom{display:inline-flex;align-items:center;gap:5px;color:#8d97a8;font-size:12px;}',
        '#' + ROOT_ID + ' .wd-zoom input{width:80px;accent-color:#5b9dff;}',

        '#' + ROOT_ID + ' .wd-body{flex:1 1 auto;display:flex;min-height:0;position:relative;}',
        '#' + ROOT_ID + ' .wd-stage{flex:1 1 auto;overflow:auto;background:#20242c;position:relative;}',
        '#' + ROOT_ID + ' .wd-stage::-webkit-scrollbar{width:12px;height:12px;}',
        '#' + ROOT_ID + ' .wd-stage::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px;border:3px solid #20242c;}',

        // A4 纸面
        '#' + ROOT_ID + ' .wd-page{width:794px;min-height:1123px;margin:22px auto 40px;padding:72px 76px;background:#fff;color:#111;',
        'box-shadow:0 10px 34px rgba(0,0,0,.45);outline:none;zoom:1;',
        'font:16px/1.85 "Times New Roman",SimSun,"宋体",serif;overflow-wrap:break-word;word-break:break-word;}',
        '#' + ROOT_ID + ' .wd-page:empty:before{content:"在这里开始输入…";color:#bbb;}',
        '#' + ROOT_ID + ' .wd-page h1{font-size:26px;margin:.7em 0 .5em;line-height:1.4;}',
        '#' + ROOT_ID + ' .wd-page h2{font-size:21px;margin:.8em 0 .45em;line-height:1.4;}',
        '#' + ROOT_ID + ' .wd-page h3{font-size:18px;margin:.8em 0 .4em;line-height:1.4;}',
        '#' + ROOT_ID + ' .wd-page h4,#' + ROOT_ID + ' .wd-page h5,#' + ROOT_ID + ' .wd-page h6{font-size:16px;margin:.8em 0 .4em;}',
        '#' + ROOT_ID + ' .wd-page p{margin:0 0 .7em;}',
        '#' + ROOT_ID + ' .wd-page ul,#' + ROOT_ID + ' .wd-page ol{margin:.4em 0 .8em;padding-left:2em;}',
        '#' + ROOT_ID + ' .wd-page li{margin:.2em 0;}',
        '#' + ROOT_ID + ' .wd-page table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:14px;}',
        '#' + ROOT_ID + ' .wd-page td,#' + ROOT_ID + ' .wd-page th{border:1px solid #999;padding:5px 8px;vertical-align:top;}',
        '#' + ROOT_ID + ' .wd-page th{background:#f2f4f7;font-weight:600;}',
        '#' + ROOT_ID + ' .wd-page img{max-width:100%;height:auto;}',
        // 可缩放图片：外层是可整体选中/删除的容器，右下角一个拖拽手柄
        '#' + ROOT_ID + ' .wd-page .wd-img{position:relative;display:inline-block;line-height:0;vertical-align:bottom;}',
        '#' + ROOT_ID + ' .wd-page .wd-img > img{display:block;max-width:100%;height:auto;}',
        '#' + ROOT_ID + ' .wd-page .wd-img > .wd-img-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;',
        'border:2px solid #fff;border-radius:3px;background:#5b9dff;box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:nwse-resize;display:none;z-index:2;}',
        '#' + ROOT_ID + ' .wd-page .wd-img.wd-img-on{outline:2px solid #5b9dff;outline-offset:2px;}',
        '#' + ROOT_ID + ' .wd-page .wd-img.wd-img-on > .wd-img-handle{display:block;}',
        // 附件卡片
        '#' + ROOT_ID + ' .wd-page .wd-attach{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid #b8c6da;',
        'border-radius:6px;background:#f4f7fb;font-size:13px;line-height:1.6;color:#1a3b66;vertical-align:middle;max-width:100%;}',
        '#' + ROOT_ID + ' .wd-page .wd-attach a{color:#1a5fb4;text-decoration:underline;cursor:pointer;}',
        '#' + ROOT_ID + ' .wd-page .wd-attach .wd-attach-size{color:#6b7c92;font-size:12px;}',
        '#' + ROOT_ID + ' .wd-page .wd-attach.wd-img-on{outline:2px solid #5b9dff;outline-offset:2px;}',
        // 工具栏里的图片尺寸控件
        '#' + ROOT_ID + ' .wd-imgbar{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid rgba(91,157,255,.35);',
        'border-radius:8px;background:rgba(91,157,255,.08);}',
        '#' + ROOT_ID + ' .wd-imgbar-label{color:#8fc0ff;font-size:12px;}',
        '#' + ROOT_ID + ' .wd-num{width:62px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#0f1420;',
        'color:#dbe3f0;font-size:12px;padding:0 6px;}',
        '#' + ROOT_ID + ' .wd-img{position:relative;}',
        '#' + ROOT_ID + ' .wd-img-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border:2px solid #fff;border-radius:3px;',
        'background:#5b9dff;cursor:nwse-resize;}',
        '#' + ROOT_ID + ' .wd-page blockquote{margin:.6em 0;padding:.2em 0 .2em 12px;border-left:3px solid #c9ced6;color:#555;}',
        '#' + ROOT_ID + ' .wd-page pre{background:#f5f6f8;border:1px solid #e2e5ea;border-radius:6px;padding:10px;font:13px/1.6 Consolas,Monaco,monospace;overflow:auto;}',
        '#' + ROOT_ID + ' .wd-page code{background:#f0f2f5;border-radius:4px;padding:1px 4px;font:13px Consolas,Monaco,monospace;}',
        '#' + ROOT_ID + ' .wd-page a{color:#1a5fb4;text-decoration:underline;}',
        '#' + ROOT_ID + ' .wd-page hr{border:none;border-top:1px solid #c9ced6;margin:14px 0;}',
        '#' + ROOT_ID + ' .wd-page img.wd-sel,#' + ROOT_ID + ' .wd-page table.wd-sel{outline:2px solid #5b9dff;}',

        // 空状态（拖放引导）
        '#' + ROOT_ID + ' .wd-welcome{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;',
        'text-align:center;padding:40px 24px;background:#0d1016;color:#e9edf5;z-index:5;}',
        '#' + ROOT_ID + '.wd-empty .wd-welcome{display:flex;}',
        '#' + ROOT_ID + ' .wd-w-icon{font-size:44px;line-height:1;}',
        '#' + ROOT_ID + ' .wd-w-title{font-size:20px;font-weight:600;color:#e7eef8;}',
        '#' + ROOT_ID + ' .wd-w-sub{font-size:13px;color:#8d97a8;max-width:560px;}',
        '#' + ROOT_ID + ' .wd-w-sub b{color:#a8b6c9;font-weight:600;}',
        '#' + ROOT_ID + ' .wd-w-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:2px;}',
        '#' + ROOT_ID + ' .wd-w-btn{padding:8px 18px;font-size:13px;}',
        '#' + ROOT_ID + ' .wd-w-hint{font-size:12px;color:#6f7f95;}',

        // 加载遮罩 / 状态栏
        '#' + ROOT_ID + ' .wd-loading{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;',
        'background:rgba(8,10,15,.72);z-index:9;font-size:13px;color:#c9d3e2;}',
        '#' + ROOT_ID + ' .wd-loading.wd-on{display:flex;}',
        '#' + ROOT_ID + ' .wd-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(91,157,255,.25);border-top-color:#5b9dff;animation:wd-spin .8s linear infinite;}',
        '@keyframes wd-spin{to{transform:rotate(360deg)}}',
        '#' + ROOT_ID + ' .wd-foot{display:flex;align-items:center;gap:12px;padding:6px 14px;border-top:1px solid rgba(255,255,255,.08);',
        'color:#8d97a8;font-size:12px;background:#12161e;flex-wrap:wrap;}',
        '#' + ROOT_ID + ' .wd-foot b{color:#a8b6c9;font-weight:600;}',

        '#' + ROOT_ID + ' .wd-help{max-width:620px;width:min(620px,92vw);height:auto;padding:22px 24px;line-height:1.9;font-size:13px;color:#dbe3f0;}',
        '#' + ROOT_ID + ' .wd-help h3{margin:0 0 12px;font-size:15px;color:#8fc0ff;}',
        '#' + ROOT_ID + ' .wd-help code{background:rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;font-size:12px;}',
        '#' + ROOT_ID + ' .wd-help ul{margin:6px 0 12px;padding-left:20px;color:#b8c2d2;}',

        // 提示条 / 悬浮按钮 / 轻提示
        '#' + BANNER_ID + '{position:fixed;left:50%;top:16px;transform:translate(-50%,-24px);z-index:2147483600;opacity:0;pointer-events:none;',
        'display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:12px;background:linear-gradient(180deg,#1d2534,#141922);',
        'border:1px solid rgba(91,157,255,.55);box-shadow:0 12px 40px rgba(0,0,0,.5);color:#dbe9ff;',
        'font:13px/1.4 -apple-system,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;transition:opacity .16s,transform .16s;}',
        '#' + BANNER_ID + '.wd-show{opacity:1;transform:translate(-50%,0);}',
        '#' + BANNER_ID + ' .wd-dot{width:9px;height:9px;border-radius:50%;background:#5b9dff;box-shadow:0 0 0 4px rgba(91,157,255,.18);}',
        '#' + BALL_ID + '{position:fixed;right:18px;bottom:74px;z-index:2147483590;width:42px;height:42px;border-radius:50%;cursor:pointer;',
        'display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#1d2534,#12161e);',
        'border:1px solid rgba(91,157,255,.5);box-shadow:0 10px 26px rgba(0,0,0,.45);color:#8fc0ff;font-size:17px;user-select:none;transition:.16s;}',
        '#' + BALL_ID + '.wd-show{display:flex;}',
        '#' + BALL_ID + ':hover{transform:translateY(-2px);border-color:#5b9dff;color:#d6e8ff;}',
        '#' + TOAST_ID + '{position:fixed;left:50%;bottom:34px;transform:translate(-50%,20px);z-index:2147483610;max-width:min(560px,88vw);',
        'padding:10px 16px;border-radius:10px;background:rgba(20,25,34,.96);border:1px solid rgba(91,157,255,.42);color:#dbe6f2;',
        'font:13px/1.6 -apple-system,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.5);',
        'opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;}',
        '#' + TOAST_ID + '.wd-show{opacity:1;transform:translate(-50%,0);}',
        '#' + TOAST_ID + '.wd-toast-error{border-color:rgba(255,120,120,.55);color:#ffdada;}',
        '#' + TOAST_ID + '.wd-toast-ok{border-color:rgba(120,220,150,.5);color:#d8ffe4;}'
    ].join('');

    function injectStyles() {
        try {
            if (typeof GM_addStyle === 'function') { GM_addStyle(CSS); return; }
        } catch (e) { /* 走下面的兜底 */ }
        const style = document.createElement('style');
        style.textContent = CSS;
        (document.head || document.documentElement).appendChild(style);
    }

    /* ============================================================
     * 3. 界面
     * ============================================================ */

    function ensureBanner() {
        if (refs.banner || !document.body) return refs.banner;
        const banner = document.createElement('div');
        banner.id = BANNER_ID;
        banner.innerHTML = '<span class="wd-dot"></span><span>松手即可打开 Word 编辑器</span>';
        document.body.appendChild(banner);
        refs.banner = banner;
        return banner;
    }

    function ensureBall() {
        if (refs.ball || !document.body) return refs.ball;
        const ball = document.createElement('div');
        ball.id = BALL_ID;
        ball.title = '打开 Word 编辑页（拖入或选择 .docx 文件）';
        ball.textContent = '📝';
        ball.addEventListener('click', openEditorPage);
        document.body.appendChild(ball);
        refs.ball = ball;
        return ball;
    }

    function ensureUI() {
        if (refs.root || !document.body) return;
        buildUI();
    }

    function buildUI() {
        if (refs.root) return;
        ensureBanner();
        ensureBall();

        const root = document.createElement('div');
        root.id = ROOT_ID;
        root.innerHTML = [
            '<div class="wd-panel">',
            '  <div class="wd-head">',
            '    <span class="wd-badge">DOCX</span>',
            '    <span class="wd-fname" data-ref="fname">未选择文件</span>',
            '    <span class="wd-fmeta" data-ref="fmeta"></span>',
            '    <span class="wd-dirty" data-ref="dirty"></span>',
            '    <span class="wd-grow"></span>',
            '    <button class="wd-btn wd-primary" data-act="save" title="导出为标准 .docx（Ctrl+S）">保存 docx</button>',
            '    <button class="wd-btn" data-act="html" title="导出为 HTML 文件">导出 HTML</button>',
            '    <button class="wd-btn" data-act="copy" title="复制全文（带格式）">复制</button>',
            '    <button class="wd-btn" data-act="print" title="打印 / 另存为 PDF">打印</button>',
            '    <button class="wd-btn" data-act="full" title="全屏 / 还原">⛶</button>',
            '    <button class="wd-btn wd-close" data-act="close" title="关闭（Esc）">✕</button>',
            '  </div>',
            '  <div class="wd-toolbar">',
            '    <select class="wd-select" data-ref="blockSel" title="段落样式">',
            '      <option value="p">正文</option><option value="h1">标题 1</option><option value="h2">标题 2</option>',
            '      <option value="h3">标题 3</option><option value="blockquote">引用</option><option value="pre">代码块</option>',
            '    </select>',
            '    <select class="wd-select" data-ref="fontSel" title="字体"></select>',
            '    <select class="wd-select" data-ref="sizeSel" title="字号"></select>',
            '    <span class="wd-sep"></span>',
            '    <button class="wd-tb" data-act="bold" title="加粗（Ctrl+B）"><b>B</b></button>',
            '    <button class="wd-tb" data-act="italic" title="斜体（Ctrl+I）"><i>I</i></button>',
            '    <button class="wd-tb" data-act="underline" title="下划线（Ctrl+U）"><u>U</u></button>',
            '    <button class="wd-tb" data-act="strike" title="删除线"><s>S</s></button>',
            '    <label class="wd-color" title="字体颜色">A<input type="color" data-ref="fgColor" value="#111111"></label>',
            '    <label class="wd-color" title="高亮颜色">▨<input type="color" data-ref="hlColor" value="#fff176"></label>',
            '    <span class="wd-sep"></span>',
            '    <button class="wd-tb" data-act="ul" title="项目符号列表">• 列表</button>',
            '    <button class="wd-tb" data-act="ol" title="编号列表">1. 编号</button>',
            '    <button class="wd-tb" data-act="outdent" title="减少缩进">⇤</button>',
            '    <button class="wd-tb" data-act="indent" title="增加缩进">⇥</button>',
            '    <span class="wd-sep"></span>',
            '    <button class="wd-tb" data-act="left" title="左对齐">左</button>',
            '    <button class="wd-tb" data-act="center" title="居中">中</button>',
            '    <button class="wd-tb" data-act="right" title="右对齐">右</button>',
            '    <button class="wd-tb" data-act="justify" title="两端对齐">两端</button>',
            '    <span class="wd-sep"></span>',
            '    <button class="wd-tb" data-act="table" title="插入表格">表格</button>',
            '    <button class="wd-tb" data-act="link" title="插入链接">链接</button>',
            '    <button class="wd-tb" data-act="image" title="插入图片">图片</button>',
            '    <button class="wd-tb" data-act="file" title="添加文件：Word/文本会并入内容，其它文件作为附件插入">📎 文件</button>',
            '    <button class="wd-tb" data-act="hr" title="插入分隔线">─</button>',
            '    <button class="wd-tb" data-act="clear" title="清除格式">清格式</button>',
            '    <span class="wd-grow"></span>',
            '    <span class="wd-imgbar" data-ref="imgbar" hidden>',
            '      <span class="wd-imgbar-label">图片</span>',
            '      <input class="wd-num" data-ref="imgW" type="number" min="10" max="2000" step="1" title="宽度（像素）">',
            '      ×',
            '      <input class="wd-num" data-ref="imgH" type="number" min="10" max="2000" step="1" title="高度（像素）">',
            '      <label class="wd-chk"><input type="checkbox" data-ref="imgLock" checked> 等比</label>',
            '      <button class="wd-tb" data-act="img-reset" title="恢复原始大小">原始</button>',
            '      <button class="wd-tb" data-act="img-del" title="删除这张图片">删除</button>',
            '    </span>',
            '    <button class="wd-tb" data-act="undo" title="撤销（Ctrl+Z）">↶</button>',
            '    <button class="wd-tb" data-act="redo" title="重做（Ctrl+Y）">↷</button>',
            '    <span class="wd-zoom" title="页面缩放">缩放<input type="range" data-ref="zoom" min="60" max="160" step="10" value="100"></span>',
            '  </div>',
            '  <div class="wd-body">',
            '    <div class="wd-stage" data-ref="stage">',
            '      <div class="wd-page" data-ref="page" contenteditable="true" spellcheck="false"></div>',
            '    </div>',
            '    <div class="wd-welcome" data-ref="welcome">',
            '      <div class="wd-w-icon">📝</div>',
            '      <div class="wd-w-title">把 Word 文件拖到这里</div>',
            '      <div class="wd-w-sub">支持 <b>.docx / .docm</b>，也可以拖入 <b>.txt / .md / .html</b>。',
            '        老版二进制 <b>.doc</b> 请先用 Word 或 WPS 另存为 .docx。</div>',
            '      <div class="wd-w-row">',
            '        <button class="wd-btn wd-primary wd-w-btn" data-act="pick">选择文件…</button>',
            '        <button class="wd-btn wd-w-btn" data-act="new">新建空白文档</button>',
            '        <button class="wd-btn wd-w-btn" data-act="restore" hidden>恢复上次草稿</button>',
            '      </div>',
            '      <div class="wd-w-hint">拖放后即可在线编辑 · 图片可拖动缩放 ·「📎 文件」可并入其它文档或插入附件 · Ctrl+S 保存 docx</div>',
            '    </div>',
            '    <div class="wd-loading" data-ref="loading"><div class="wd-spin"></div><div data-ref="loadtext">处理中…</div></div>',
            '  </div>',
            '  <div class="wd-foot" data-ref="foot"></div>',
            '</div>'
        ].join('');
        document.body.appendChild(root);

        root.querySelectorAll('[data-ref]').forEach(function (el) { refs[el.dataset.ref] = el; });
        refs.root = root;
        refs.panel = root.querySelector('.wd-panel');

        // 字体 / 字号下拉
        refs.fontSel.innerHTML = FONT_LIST.map(function (f) {
            return '<option value="' + escapeHtml(f.value) + '">' + escapeHtml(f.label) + '</option>';
        }).join('');
        refs.sizeSel.innerHTML = SIZE_LIST.map(function (s) {
            return '<option value="' + s + '">' + s + ' pt</option>';
        }).join('');

        bindPanelEvents();
        setEmpty(true);
        showDraftButton();
        updateFoot();
        bindGlobalEvents();
    }

    function bindPanelEvents() {
        // 按钮统一走事件委托
        refs.root.addEventListener('click', function (e) {
            const el = e.target && e.target.closest ? e.target.closest('[data-act]') : null;
            if (!el) return;
            onAction(el.dataset.act);
        });

        // 段落样式
        refs.blockSel.addEventListener('change', function () {
            const v = refs.blockSel.value;
            execCmd('formatBlock', false, '<' + v + '>');
            refs.blockSel.selectedIndex = 0;
        });
        refs.fontSel.addEventListener('change', function () {
            const v = refs.fontSel.value;
            if (v) wrapSelection('fontFamily', v);
            refs.fontSel.selectedIndex = 0;
        });
        refs.sizeSel.addEventListener('change', function () {
            wrapSelection('fontSize', refs.sizeSel.value + 'pt');
            refs.sizeSel.selectedIndex = 0;
        });

        // 颜色
        refs.fgColor.addEventListener('change', function () { wrapSelection('color', refs.fgColor.value); });
        refs.hlColor.addEventListener('change', function () { wrapSelection('backgroundColor', refs.hlColor.value); });

        // 缩放
        refs.zoom.addEventListener('input', function () {
            const z = Number(refs.zoom.value) / 100;
            refs.page.style.zoom = z;
        });

        // 编辑区
        refs.page.addEventListener('input', function () {
            state.dirty = true;
            updateHead();
            updateFoot();
            scheduleDraft();
        });
        refs.page.addEventListener('keyup', updateToolbarState);
        refs.page.addEventListener('mouseup', updateToolbarState);
        refs.page.addEventListener('focus', updateToolbarState);
        refs.page.addEventListener('paste', onPasteIntoPage);
        refs.page.addEventListener('drop', function (e) { e.preventDefault(); e.stopPropagation(); });
        refs.page.addEventListener('dragover', function (e) { e.preventDefault(); e.stopPropagation(); });

        // 图片：点选 / 拖手柄缩放 / 删除
        refs.page.addEventListener('click', function (e) {
            const wrap = e.target && e.target.closest ? e.target.closest('.wd-img') : null;
            if (wrap) { selectImage(wrap); return; }
            const attach = e.target && e.target.closest ? e.target.closest('.wd-attach') : null;
            if (attach) { selectImage(attach); return; }
            clearImageSelection();
        });
        refs.page.addEventListener('mousedown', function (e) {
            const handle = e.target && e.target.closest ? e.target.closest('.wd-img-handle') : null;
            if (!handle) return;
            const wrap = handle.closest('.wd-img');
            if (!wrap) return;
            e.preventDefault();
            e.stopPropagation();
            selectImage(wrap);
            const img = wrap.querySelector('img');
            imgDrag = {
                wrap: wrap,
                startX: e.clientX,
                startY: e.clientY,
                w: parseFloat(img.style.width) || img.naturalWidth || 320,
                h: parseFloat(img.style.height) || img.naturalHeight || 200,
                ratio: Number(wrap.dataset.ratio) || ((img.naturalHeight || 1) / (img.naturalWidth || 1)) || 0.66
            };
            document.addEventListener('mousemove', onImageDragMove, true);
            document.addEventListener('mouseup', onImageDragEnd, true);
        });
        refs.page.addEventListener('keydown', function (e) {
            if ((e.key === 'Delete' || e.key === 'Backspace') && (selectedImg || (e.target && e.target.closest && e.target.closest('.wd-img, .wd-attach')))) {
                if (!selectedImg) selectImage(e.target.closest('.wd-img') || e.target.closest('.wd-attach'));
                if (selectedImg) {
                    e.preventDefault();
                    removeSelectedImage();
                }
            }
        });

        // 图片尺寸输入框
        const applyFromInputs = function (changed) {
            if (!selectedImg) return;
            const lock = !refs.imgLock || refs.imgLock.checked;
            const ratio = Number(selectedImg.dataset.ratio) || 0.66;
            const w = Number(refs.imgW.value);
            const h = Number(refs.imgH.value);
            if (changed === 'h') applyImageSize(lock ? h / ratio : w, h);
            else applyImageSize(w, lock ? w * ratio : h);
            markEdited();
        };
        refs.imgW.addEventListener('input', function () { applyFromInputs('w'); });
        refs.imgW.addEventListener('change', function () { applyFromInputs('w'); });
        refs.imgH.addEventListener('input', function () { applyFromInputs('h'); });
        refs.imgH.addEventListener('change', function () { applyFromInputs('h'); });

        // 点遮罩关闭
        refs.root.addEventListener('mousedown', function (e) {
            if (e.target === refs.root) closePanel();
        });
    }

    function onAction(act) {
        if (act === 'close') { closePanel(); return; }
        if (act === 'full') { refs.root.classList.toggle('wd-full'); return; }
        if (act === 'pick') { pickFiles(); return; }
        if (act === 'new') { newDocument(); return; }
        if (act === 'restore') { restoreDraft(); return; }
        if (act === 'save') { saveDocx(); return; }
        if (act === 'html') { exportHtml(); return; }
        if (act === 'copy') { copyAll(); return; }
        if (act === 'print') { printDocument(); return; }
        if (act === 'bold') { execCmd('bold'); return; }
        if (act === 'italic') { execCmd('italic'); return; }
        if (act === 'underline') { execCmd('underline'); return; }
        if (act === 'strike') { execCmd('strikeThrough'); return; }
        if (act === 'ul') { execCmd('insertUnorderedList'); return; }
        if (act === 'ol') { execCmd('insertOrderedList'); return; }
        if (act === 'outdent') { execCmd('outdent'); return; }
        if (act === 'indent') { execCmd('indent'); return; }
        if (act === 'left') { execCmd('justifyLeft'); return; }
        if (act === 'center') { execCmd('justifyCenter'); return; }
        if (act === 'right') { execCmd('justifyRight'); return; }
        if (act === 'justify') { execCmd('justifyFull'); return; }
        if (act === 'table') { insertTable(); return; }
        if (act === 'link') { insertLink(); return; }
        if (act === 'image') { pickImage(); return; }
        if (act === 'file') { pickAnyFile(); return; }
        if (act === 'img-reset') {
            if (!selectedImg) { toast('先点一下要还原的图片'); return; }
            applyImageSize(Number(selectedImg.dataset.ow) || 320, Number(selectedImg.dataset.oh) || 200);
            markEdited();
            return;
        }
        if (act === 'img-del') { removeSelectedImage(); return; }
        if (act === 'hr') { execCmd('insertHorizontalRule'); return; }
        if (act === 'clear') { execCmd('removeFormat'); return; }
        if (act === 'undo') { execCmd('undo'); return; }
        if (act === 'redo') { execCmd('redo'); return; }
    }

    /* ---------------- 状态显示 ---------------- */

    function setEmpty(on) {
        if (!refs.root) return;
        state.empty = !!on;
        refs.root.classList.toggle('wd-empty', !!on);
    }

    function updateHead() {
        if (!refs.root) return;
        refs.fname.textContent = state.fileName || '未选择文件';
        refs.fname.title = state.fileName || '';
        refs.dirty.textContent = state.dirty ? '● 未保存' : (state.empty ? '' : '✓ 已保存');
        refs.dirty.style.color = state.dirty ? '#f7c66b' : '#7ee29a';
    }

    function updateFoot() {
        if (!refs.root) return;
        if (state.empty) {
            refs.foot.innerHTML = '<span>还没有打开文档</span><span class="wd-grow"></span><span>Esc 关闭</span>';
            return;
        }
        const text = refs.page.innerText || '';
        const stat = countWords(text);
        const parts = [];
        parts.push('<span>字数 <b>' + stat.total + '</b>' + (stat.words ? '（中文 ' + stat.cjk + ' · 英文 ' + stat.words + '）' : '') + '</span>');
        parts.push('<span>段落 <b>' + refs.page.querySelectorAll('p,h1,h2,h3,h4,h5,h6,li').length + '</b></span>');
        const tables = refs.page.querySelectorAll('table').length;
        const images = refs.page.querySelectorAll('img').length;
        if (tables) parts.push('<span>表格 <b>' + tables + '</b></span>');
        if (images) parts.push('<span>图片 <b>' + images + '</b></span>');
        parts.push('<span class="wd-grow"></span>');
        parts.push('<span>Ctrl+S 保存 docx · Esc 关闭</span>');
        refs.foot.innerHTML = parts.join('');
    }

    function updateToolbarState() {
        if (!refs.root) return;
        const marks = [['bold', 'bold'], ['italic', 'italic'], ['underline', 'underline'], ['strikeThrough', 'strike']];
        marks.forEach(function (pair) {
            const btn = refs.root.querySelector('[data-act="' + pair[1] + '"]');
            if (!btn) return;
            let on = false;
            try { on = document.queryCommandState(pair[0]); } catch (e) { on = false; }
            btn.classList.toggle('wd-on', !!on);
        });
    }

    function setLoading(on, text) {
        if (!refs.root) return;
        if (text) refs.loadtext.textContent = text;
        refs.loading.classList.toggle('wd-on', !!on);
    }

    function openPanel() {
        ensureUI();
        if (!refs.root) return;
        refs.root.classList.add('wd-show');
    }

    function closePanel() {
        if (!refs.root) return;
        refs.root.classList.remove('wd-show');
        refs.root.classList.remove('wd-full');
        closeHelp();
    }

    /** 按钮入口：打开 Word 编辑页（铺满屏幕的编辑界面） */
    function openEditorPage() {
        ensureUI();
        if (!refs.root) return;
        openPanel();
        refs.root.classList.add('wd-full');
        if (state.empty) {
            setEmpty(true);
            showDraftButton();
        } else {
            setTimeout(function () { try { refs.page.focus(); } catch (e) { /* 忽略 */ } }, 30);
        }
    }

    /* ---------------- 拖放 / 粘贴 / 快捷键 ---------------- */

    /** 同一事件会先后经过 window 和 document，这里保证只处理一次 */
    function firstTime(e) {
        if (!e) return true;
        if (e.__wdSeen) return false;
        try { e.__wdSeen = true; } catch (err) { /* 只读事件对象 */ }
        return true;
    }

    function isFileDrag(e) {
        const dt = e.dataTransfer;
        if (!dt) return false;
        const types = dt.types || [];
        for (let i = 0; i < types.length; i++) if (types[i] === 'Files') return true;
        return false;
    }

    function isAcceptedFile(file) {
        const ext = extOf(file && file.name);
        return EXT_DOC.indexOf(ext) >= 0 || EXT_TEXT.indexOf(ext) >= 0 || EXT_BLOCKED.indexOf(ext) >= 0;
    }

    function showBanner(on) {
        if (on) ensureBanner();
        if (refs.banner) refs.banner.classList.toggle('wd-show', !!on);
    }

    function bindGlobalEvents() {
        const onDragEnter = function (e) {
            if (!firstTime(e) || !isFileDrag(e)) return;
            dragDepth++;
            showBanner(true);
        };
        const onDragOver = function (e) {
            if (!firstTime(e) || !isFileDrag(e)) return;
            e.preventDefault();
            try { e.dataTransfer.dropEffect = 'copy'; } catch (err) { /* 忽略 */ }
        };
        const onDragLeave = function (e) {
            if (!firstTime(e) || !isFileDrag(e)) return;
            dragDepth = Math.max(0, dragDepth - 1);
            if (dragDepth === 0) showBanner(false);
        };
        const onDrop = function (e) {
            if (!firstTime(e) || !isFileDrag(e)) return;
            dragDepth = 0;
            showBanner(false);
            const files = Array.prototype.slice.call((e.dataTransfer && e.dataTransfer.files) || []);
            const hit = files.filter(isAcceptedFile);
            if (!hit.length) return;      // 不认识的文件交还给网页
            e.preventDefault();
            e.stopPropagation();
            openEditorPage();
            loadFile(hit[0]);
        };

        [window, document].forEach(function (target) {
            target.addEventListener('dragenter', onDragEnter, true);
            target.addEventListener('dragover', onDragOver, true);
            target.addEventListener('dragleave', onDragLeave, true);
            target.addEventListener('drop', onDrop, true);
        });

        // 快捷键
        window.addEventListener('keydown', function (e) {
            if (!refs.root || !refs.root.classList.contains('wd-show')) return;
            if (e.key === 'Escape') {
                if (refs.root.querySelector('.wd-help')) { closeHelp(); return; }
                if (selectedImg) { clearImageSelection(); return; }     // 先取消图片选中，再关面板
                closePanel();
                return;
            }
            const mod = e.ctrlKey || e.metaKey;
            if (mod && (e.key === 's' || e.key === 'S')) {
                e.preventDefault();
                e.stopPropagation();
                saveDocx();
            }
        }, true);
    }

    /* ============================================================
     * 4. 打开文件 / 新建 / 草稿
     * ============================================================ */

    function pickFiles() {
        const input = document.createElement('input');
        input.type = 'file';
        input.accept = EXT_DOC.concat(EXT_TEXT, EXT_BLOCKED).map(function (e) { return '.' + e; }).join(',');
        input.style.display = 'none';
        input.addEventListener('change', function () {
            const files = Array.prototype.slice.call(input.files || []);
            try { input.remove(); } catch (e) { /* 忽略 */ }
            if (files.length) loadFile(files[0]);
        });
        (document.body || document.documentElement).appendChild(input);
        input.click();
    }

    async function loadFile(file) {
        if (!file) return;
        const ext = extOf(file.name);

        if (EXT_BLOCKED.indexOf(ext) >= 0) {
            toast('老版 .' + ext + ' 是二进制格式，浏览器里解析不了。\n请先用 Word / WPS 打开，另存为 .docx 再拖进来。', 'error');
            return;
        }
        if (EXT_DOC.indexOf(ext) < 0 && EXT_TEXT.indexOf(ext) < 0) {
            toast('不支持 .' + (ext || '未知') + ' 文件\n支持：.docx / .docm / .txt / .md / .html', 'error');
            return;
        }
        if (state.dirty && !state.empty) {
            let ok = true;
            try { ok = window.confirm('当前文档有未保存的修改，确定用「' + file.name + '」覆盖吗？'); } catch (e) { ok = true; }
            if (!ok) return;
        }

        ensureUI();
        setLoading(true, '正在读取 ' + file.name + ' …');
        try {
            const buf = await file.arrayBuffer();
            let html = '';
            if (EXT_DOC.indexOf(ext) >= 0) {
                const mammoth = await ensureLib('mammoth');
                setLoading(true, '正在解析 Word 文档…');
                const res = await mammoth.convertToHtml({ arrayBuffer: buf });
                html = (res && res.value) || '';
                if (!html.trim()) html = '<p><br></p>';
            } else {
                const text = decodeText(new Uint8Array(buf));
                if (ext === 'html' || ext === 'htm') html = text;
                else if (ext === 'md' || ext === 'markdown') html = mdToHtml(text);
                else html = textToHtml(text);
            }

            refs.page.innerHTML = sanitizeHtml(html);
            wrapImages();
            state.fileName = file.name;
            state.dirty = false;
            setEmpty(false);
            updateHead();
            updateFoot();
            refs.stage.scrollTop = 0;
            setLoading(false);
            clearDraft();
            toast('已打开「' + file.name + '」，可以直接编辑了', 'ok');
        } catch (err) {
            setLoading(false);
            try { console.error('[Word 编辑器] 打开失败', err); } catch (e) { /* 忽略 */ }
            const msg = (err && err.message) || String(err);
            toast('打开失败：' + msg + '\n如果是老版 .doc 或加密文档，请先另存为 .docx。', 'error');
            showDraftButton();
        }
    }

    function newDocument() {
        ensureUI();
        refs.page.innerHTML = '<h1>未命名文档</h1><p><br></p>';
        state.fileName = '未命名文档';
        state.dirty = true;
        setEmpty(false);
        updateHead();
        updateFoot();
        setLoading(false);
        try { refs.page.focus(); } catch (e) { /* 忽略 */ }
        toast('已新建空白文档，直接输入即可；保存时会导出为 .docx');
    }

    /* ---------------- 自动草稿（防止误关丢内容） ---------------- */

    function scheduleDraft() {
        clearTimeout(state.draftTimer);
        state.draftTimer = setTimeout(saveDraft, DRAFT_DELAY);
    }

    function saveDraft() {
        if (!refs.page || state.empty || !state.dirty) return;
        storeSet(DRAFT_KEY, { name: state.fileName, html: refs.page.innerHTML, ts: Date.now() });
        showDraftButton();
    }

    function readDraft() {
        return storeGet(DRAFT_KEY, null);
    }

    function clearDraft() {
        storeSet(DRAFT_KEY, null);
        showDraftButton();
    }

    function showDraftButton() {
        if (!refs.root) return;
        const btn = refs.root.querySelector('[data-act="restore"]');
        if (!btn) return;
        const draft = readDraft();
        btn.hidden = !(draft && draft.html);
    }

    function restoreDraft() {
        const draft = readDraft();
        if (!draft || !draft.html) { toast('没有可恢复的草稿'); return; }
        refs.page.innerHTML = sanitizeHtml(draft.html);
        wrapImages();
        state.fileName = draft.name || '未命名文档';
        state.dirty = true;
        setEmpty(false);
        updateHead();
        updateFoot();
        try { refs.page.focus(); } catch (e) { /* 忽略 */ }
        toast('已恢复上次未保存的草稿（保存后即会覆盖为新的 docx）');
    }

    /* ---------------- 粘贴 / 插入图片 ---------------- */

    function onPasteIntoPage(e) {
        const dt = e.clipboardData;
        if (!dt) return;
        const items = Array.prototype.slice.call(dt.items || []);
        const imgItem = items.filter(function (it) {
            return it.kind === 'file' && String(it.type || '').indexOf('image/') === 0;
        })[0];
        if (imgItem) {
            e.preventDefault();
            const img = imgItem.getAsFile();
            if (img) insertImageFile(img);
            return;
        }
        const files = Array.prototype.slice.call(dt.files || []);
        const doc = files.filter(isAcceptedFile)[0];
        if (doc) { e.preventDefault(); loadFile(doc); }
    }

    /* ---------------- 图片：插入后可缩放 ---------------- */

    const MAX_ATTACH_SIZE = 4 * 1024 * 1024;      // 附件内嵌上限（超过只保留文件名，避免编辑器变慢）
    const IMG_EXT = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'svg'];
    let selectedImg = null;                       // 当前选中的图片容器
    let imgDrag = null;                           // 拖拽缩放状态

    function imgMarkup(src, w, h) {
        return '<span class="wd-img" contenteditable="false" data-ow="' + w + '" data-oh="' + h +
            '" data-ratio="' + (h / w) + '">' +
            '<img src="' + src + '" alt="" style="width:' + w + 'px;height:' + h + 'px">' +
            '<span class="wd-img-handle" contenteditable="false" title="拖动可缩放"></span></span>&nbsp;';
    }

    function insertImageFile(file) {
        const reader = new FileReader();
        reader.onload = function () {
            const src = String(reader.result);
            const probe = new Image();
            const done = function (w, h) {
                const maxW = 480;
                if (w > maxW) { h = Math.round(h * maxW / w); w = maxW; }
                insertHtml(imgMarkup(src, Math.round(w) || 320, Math.round(h) || 200));
                toast('已插入图片：点一下图片，右下角拖动小方块就能缩放', 'ok');
            };
            probe.onload = function () { done(probe.naturalWidth || 320, probe.naturalHeight || 200); };
            probe.onerror = function () { done(320, 200); };
            probe.src = src;
        };
        reader.readAsDataURL(file);
    }

    /** 把普通 <img> 包装成可缩放结构（导入文档里的图片也要能缩放） */
    function wrapImages() {
        if (!refs.page) return;
        const imgs = Array.prototype.slice.call(refs.page.querySelectorAll('img'));
        imgs.forEach(function (img) {
            const parent = img.parentNode;
            if (!parent || (parent.classList && parent.classList.contains('wd-img'))) return;
            const wrap = document.createElement('span');
            wrap.className = 'wd-img';
            wrap.setAttribute('contenteditable', 'false');
            img.parentNode.insertBefore(wrap, img);
            wrap.appendChild(img);
            const handle = document.createElement('span');
            handle.className = 'wd-img-handle';
            handle.setAttribute('contenteditable', 'false');
            wrap.appendChild(handle);

            const setSize = function (w, h) {
                img.style.width = w + 'px';
                img.style.height = h + 'px';
                wrap.dataset.ow = w;
                wrap.dataset.oh = h;
                wrap.dataset.ratio = h / w;
            };
            const nw = Number(img.naturalWidth) || parseInt(img.getAttribute('width'), 10) || 0;
            const nh = Number(img.naturalHeight) || parseInt(img.getAttribute('height'), 10) || 0;
            if (nw && nh) {
                let w = nw;
                let h = nh;
                if (w > 480) { h = Math.round(h * 480 / w); w = 480; }
                setSize(w, h);
            } else {
                setSize(320, 200);
                wrap.dataset.pending = '1';
                img.addEventListener('load', function () {
                    if (wrap.dataset.pending !== '1') return;
                    delete wrap.dataset.pending;
                    let w = img.naturalWidth || 320;
                    let h = img.naturalHeight || 200;
                    if (w > 480) { h = Math.round(h * 480 / w); w = 480; }
                    setSize(w, h);
                });
            }
        });
    }

    /** 导出/打印用 HTML：去掉缩放手柄和选中态 */
    function exportableHtml() {
        const clone = refs.page.cloneNode(true);
        Array.prototype.slice.call(clone.querySelectorAll('.wd-img-handle')).forEach(function (h) {
            if (h.parentNode) h.parentNode.removeChild(h);
        });
        Array.prototype.slice.call(clone.querySelectorAll('.wd-img-on')).forEach(function (n) {
            n.classList.remove('wd-img-on');
        });
        return clone.innerHTML;
    }

    function selectImage(wrap) {
        if (selectedImg === wrap) { updateImgBar(); return; }
        clearImageSelection();
        selectedImg = wrap || null;
        if (selectedImg) {
            selectedImg.classList.add('wd-img-on');
            updateImgBar();
        }
    }

    function clearImageSelection() {
        if (selectedImg) selectedImg.classList.remove('wd-img-on');
        selectedImg = null;
        if (refs.imgbar) refs.imgbar.hidden = true;
    }

    function updateImgBar() {
        if (!refs.imgbar) return;
        const img = selectedImg ? selectedImg.querySelector('img') : null;
        if (!img) { refs.imgbar.hidden = true; return; }     // 附件不显示尺寸控件
        const w = Math.round(parseFloat(img.style.width) || img.naturalWidth || 0);
        const h = Math.round(parseFloat(img.style.height) || img.naturalHeight || 0);
        refs.imgbar.hidden = false;
        refs.imgW.value = w;
        refs.imgH.value = h;
    }

    function applyImageSize(w, h) {
        const img = selectedImg ? selectedImg.querySelector('img') : null;
        if (!img) return;
        w = Math.max(16, Math.min(2000, Math.round(w)));
        h = Math.max(16, Math.min(2000, Math.round(h)));
        img.style.width = w + 'px';
        img.style.height = h + 'px';
        selectedImg.dataset.w = w;
        selectedImg.dataset.h = h;
        refs.imgW.value = w;
        refs.imgH.value = h;
    }

    function removeSelectedImage() {
        if (!selectedImg) return;
        const node = selectedImg;
        clearImageSelection();
        try { node.remove(); } catch (e) { if (node.parentNode) node.parentNode.removeChild(node); }
        markEdited();
        toast('已删除');
    }

    function onImageDragMove(e) {
        if (!imgDrag) return;
        const zoom = (Number(refs.zoom.value) / 100) || 1;
        const dx = (e.clientX - imgDrag.startX) / zoom;
        const dy = (e.clientY - imgDrag.startY) / zoom;
        const keep = !refs.imgLock || refs.imgLock.checked;
        let w = imgDrag.w + dx;
        let h;
        if (keep) h = w * imgDrag.ratio;
        else h = imgDrag.h + dy;
        if (w < 24) { w = 24; if (keep) h = w * imgDrag.ratio; }
        if (h < 24) { h = 24; if (keep) w = h / imgDrag.ratio; }
        applyImageSize(w, h);
        e.preventDefault();
    }

    function onImageDragEnd() {
        if (!imgDrag) return;
        imgDrag = null;
        document.removeEventListener('mousemove', onImageDragMove, true);
        document.removeEventListener('mouseup', onImageDragEnd, true);
        markEdited();
    }

    /* ---------------- 添加文件：图片 / Word 内容 / 附件 ---------------- */

    function pickAnyFile() {
        const input = document.createElement('input');
        input.type = 'file';
        input.style.display = 'none';
        input.addEventListener('change', function () {
            const files = Array.prototype.slice.call(input.files || []);
            try { input.remove(); } catch (e) { /* 忽略 */ }
            if (files.length) addFileToDoc(files[0]);
        });
        (document.body || document.documentElement).appendChild(input);
        input.click();
    }

    /** 按类型分流：图片直接插入并可缩放；Word/文本并入内容；其它文件作为附件插入 */
    async function addFileToDoc(file) {
        if (!file) return;
        const ext = extOf(file.name);
        if (IMG_EXT.indexOf(ext) >= 0) { insertImageFile(file); return; }

        if (EXT_DOC.indexOf(ext) >= 0) {
            setLoading(true, '正在解析 ' + file.name + ' …');
            try {
                const mammoth = await ensureLib('mammoth');
                const buf = await file.arrayBuffer();
                const res = await mammoth.convertToHtml({ arrayBuffer: buf });
                insertHtml(sanitizeHtml((res && res.value) || '<p><br></p>'));
                toast('已把「' + file.name + '」的内容并入当前文档', 'ok');
            } catch (err) {
                toast('插入失败：' + ((err && err.message) || err), 'error');
            } finally {
                setLoading(false);
            }
            return;
        }

        if (EXT_TEXT.indexOf(ext) >= 0) {
            try {
                const text = decodeText(new Uint8Array(await file.arrayBuffer()));
                const html = (ext === 'html' || ext === 'htm') ? text
                    : (ext === 'md' || ext === 'markdown') ? mdToHtml(text) : textToHtml(text);
                insertHtml(sanitizeHtml(html));
                toast('已把「' + file.name + '」的内容并入当前文档', 'ok');
            } catch (err) {
                toast('插入失败：' + ((err && err.message) || err), 'error');
            }
            return;
        }

        insertAttachment(file);
    }

    function insertAttachment(file) {
        if (file.size > MAX_ATTACH_SIZE) {
            insertHtml('<span class="wd-attach" contenteditable="false">📎 ' + escapeHtml(file.name) +
                ' <span class="wd-attach-size">（' + fmtSize(file.size) + '，超过 4 MB 未内嵌内容）</span></span>&nbsp;');
            toast('文件超过 4 MB，只插入了文件名；想带上内容可以改用「导出 HTML」前手动附上', 'error');
            return;
        }
        const reader = new FileReader();
        reader.onload = function () {
            const url = String(reader.result);
            insertHtml('<span class="wd-attach" contenteditable="false" data-name="' + escapeHtml(file.name) +
                '" data-size="' + file.size + '" data-url="' + url + '">📎 ' +
                '<a href="' + url + '" download="' + escapeHtml(file.name) + '" contenteditable="false">' +
                escapeHtml(file.name) + '</a>' +
                '<span class="wd-attach-size">（' + fmtSize(file.size) + '）</span></span>&nbsp;');
            markEdited();
            toast('已插入附件：' + file.name + '（导出 HTML 后可以直接点击下载）', 'ok');
        };
        reader.readAsDataURL(file);
    }

    function pickImage() {
        const input = document.createElement('input');
        input.type = 'file';
        input.accept = 'image/*';
        input.style.display = 'none';
        input.addEventListener('change', function () {
            const files = Array.prototype.slice.call(input.files || []);
            try { input.remove(); } catch (e) { /* 忽略 */ }
            if (files.length) insertImageFile(files[0]);
        });
        (document.body || document.documentElement).appendChild(input);
        input.click();
    }

    /* ============================================================
     * 5. 编辑命令（工具栏）
     * ============================================================ */

    function markEdited() {
        state.dirty = true;
        updateHead();
        updateFoot();
        scheduleDraft();
    }

    function focusPage() {
        try { refs.page.focus(); } catch (e) { /* 忽略 */ }
    }

    function execCmd(cmd, arg, value) {
        if (!refs.page) return;
        setEmpty(false);
        focusPage();
        try { document.execCommand('styleWithCSS', false, false); } catch (e) { /* 忽略 */ }
        try { document.execCommand(cmd, arg === undefined ? false : arg, value === undefined ? null : value); } catch (e) { /* 忽略 */ }
        markEdited();
        updateToolbarState();
    }

    function insertHtml(html) {
        setEmpty(false);
        focusPage();
        let ok = false;
        try { ok = document.execCommand('insertHTML', false, html); } catch (e) { ok = false; }
        if (!ok) {
            const sel = window.getSelection();
            if (sel && sel.rangeCount && refs.page.contains(sel.anchorNode)) {
                const range = sel.getRangeAt(0);
                const tmp = document.createElement('div');
                tmp.innerHTML = html;
                const frag = document.createDocumentFragment();
                while (tmp.firstChild) frag.appendChild(tmp.firstChild);
                range.deleteContents();
                range.insertNode(frag);
            } else {
                refs.page.innerHTML += html;
            }
        }
        markEdited();
    }

    /** 给选中的文字套一个样式 span（字体、字号、颜色、高亮都用它） */
    function wrapSelection(cssProp, cssValue) {
        if (!refs.page) return;
        setEmpty(false);
        const sel = window.getSelection();
        if (!sel || !sel.rangeCount) { toast('先在正文里选中要设置的文字'); return; }
        const range = sel.getRangeAt(0);
        if (!refs.page.contains(range.commonAncestorContainer)) { toast('请先选中编辑区里的文字'); return; }
        if (range.collapsed) { toast('先选中一段文字，再设置字体 / 字号 / 颜色'); return; }
        const span = document.createElement('span');
        span.style[cssProp] = cssValue;
        try {
            span.appendChild(range.extractContents());
            range.insertNode(span);
        } catch (e) {
            toast('设置失败，请重新选中文字再试');
            return;
        }
        sel.removeAllRanges();
        const after = document.createRange();
        after.selectNodeContents(span);
        sel.addRange(after);
        markEdited();
    }

    function insertTable() {
        let rows = 3;
        let cols = 3;
        try {
            const a = window.prompt('表格行数（含表头行）', '3');
            if (a === null) return;
            rows = Math.max(1, Math.min(50, parseInt(a, 10) || 3));
            const b = window.prompt('表格列数', '3');
            if (b === null) return;
            cols = Math.max(1, Math.min(20, parseInt(b, 10) || 3));
        } catch (e) { /* prompt 不可用时用默认 3×3 */ }

        let html = '<table>';
        for (let r = 0; r < rows; r++) {
            html += '<tr>';
            for (let c = 0; c < cols; c++) {
                html += r === 0 ? '<th><br></th>' : '<td><br></td>';
            }
            html += '</tr>';
        }
        html += '</table><p><br></p>';
        insertHtml(html);
    }

    function insertLink() {
        let url = '';
        try { url = window.prompt('请输入链接地址', 'https://'); } catch (e) { url = ''; }
        if (!url || url === 'https://') return;
        if (!/^(https?:|mailto:|tel:|\/|#)/i.test(url)) url = 'https://' + url;

        let selected = '';
        try {
            const sel = window.getSelection();
            selected = sel ? String(sel.toString()) : '';
        } catch (e) { selected = ''; }

        if (selected) {
            execCmd('createLink', false, url);
        } else {
            insertHtml('<a href="' + escapeHtml(url) + '">' + escapeHtml(url) + '</a>');
        }
    }

    /* ============================================================
     * 6. HTML → docx（导出 Word 文档）
     * ============================================================ */

    const NAMED_HIGHLIGHTS = ['yellow', 'green', 'cyan', 'magenta', 'blue', 'red', 'darkblue', 'darkcyan',
        'darkgreen', 'darkmagenta', 'darkred', 'darkyellow', 'darkgray', 'lightgray', 'black', 'white'];
    const SKIP_INLINE = { script: 1, style: 1, noscript: 1, iframe: 1, svg: 1, canvas: 1 };

    function hasBlockChild(el) {
        const kids = Array.prototype.slice.call(el.children || []);
        return kids.some(function (child) {
            const tag = String(child.tagName || '').toLowerCase();
            return ['p', 'div', 'section', 'article', 'ul', 'ol', 'table', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr'].indexOf(tag) >= 0;
        });
    }

    function alignmentOf(el) {
        const ta = String((el.style && el.style.textAlign) || '').toLowerCase();
        if (ta.indexOf('center') >= 0) return 'center';
        if (ta.indexOf('right') >= 0) return 'right';
        if (ta.indexOf('justify') >= 0) return 'both';
        return null;
    }

    function runSizeFromStyle(value) {
        const s = String(value || '').trim().toLowerCase();
        const num = parseFloat(s);
        if (!num) return 0;
        if (s.indexOf('pt') >= 0) return Math.round(num * 2);      // pt -> half-points
        if (s.indexOf('px') >= 0) return Math.round(num * 1.5);    // px -> half-points（96dpi 下 1px = 0.75pt）
        return 0;
    }

    function applyInlineStyle(el, ctx) {
        const st = el.style;
        if (!st) return;
        if (st.fontWeight && (String(st.fontWeight) === 'bold' || parseInt(st.fontWeight, 10) >= 600)) ctx.bold = true;
        if (st.fontStyle === 'italic' || st.fontStyle === 'oblique') ctx.italic = true;
        const deco = String(st.textDecorationLine || st.textDecoration || '');
        if (deco.indexOf('underline') >= 0) ctx.underline = true;
        if (deco.indexOf('line-through') >= 0) ctx.strike = true;
        if (st.color) { const hex = rgbToHex(st.color); if (hex) ctx.color = hex.replace('#', ''); }
        if (st.backgroundColor && st.backgroundColor !== 'transparent' && st.backgroundColor !== 'rgba(0, 0, 0, 0)') {
            const hex = rgbToHex(st.backgroundColor);
            if (hex) ctx.highlight = hex.replace('#', '');
        }
        if (st.fontFamily) ctx.font = String(st.fontFamily).split(',')[0].replace(/["']/g, '').trim();
        if (st.fontSize) { const size = runSizeFromStyle(st.fontSize); if (size) ctx.size = size; }
    }

    /** 生成一个文本 run（中立模型：只存语义和样式，不依赖任何库） */
    function pushRun(out, text, ctx) {
        const run = { type: 'text', text: String(text) };
        if (ctx.bold) run.bold = true;
        if (ctx.italic) run.italic = true;
        if (ctx.underline) run.underline = true;
        if (ctx.strike) run.strike = true;
        if (ctx.color) run.color = String(ctx.color).replace('#', '').toUpperCase();
        if (ctx.font) run.font = ctx.font;
        if (ctx.size) run.size = ctx.size;
        if (ctx.superScript) run.super = true;
        if (ctx.subScript) run.sub = true;
        if (ctx.link) run.link = ctx.link;
        if (ctx.highlight) {
            const hl = String(ctx.highlight).replace('#', '');
            if (NAMED_HIGHLIGHTS.indexOf(hl.toLowerCase()) >= 0) run.highlight = hl.toLowerCase();
            else run.shading = hl.toUpperCase();
        }
        out.push(run);
    }

    /** 图片：转成 { data, type, width, height } 的中立结构 */
    function pushImageRun(out, img) {
        const src = img.getAttribute('src') || '';
        const m = src.match(/^data:image\/(png|jpe?g|gif|bmp);base64,(.+)$/i);
        if (!m) return;
        let type = m[1].toLowerCase();
        if (type === 'jpeg') type = 'jpg';
        let data;
        try { data = bytesFromBase64(m[2]); } catch (e) { return; }

        // 优先用当前显示尺寸（用户缩放过的结果），其次才是原图尺寸
        const styleW = parseFloat((img.style && img.style.width) || '') || 0;
        const styleH = parseFloat((img.style && img.style.height) || '') || 0;
        let w = styleW || parseInt(img.getAttribute('width'), 10) || Number(img.naturalWidth) || 0;
        let h = styleH || parseInt(img.getAttribute('height'), 10) || Number(img.naturalHeight) || 0;
        if (!w || !h) { w = 320; h = 200; }
        const maxW = 900;                      // 只兜住明显异常的尺寸，正常缩放值原样导出
        if (w > maxW) { h = Math.round(h * maxW / w); w = maxW; }
        out.push({
            type: 'image',
            data: data,
            ext: type,
            width: Math.round(w) || 320,
            height: Math.round(h) || 200,
            key: type + ':' + src.length + ':' + src.slice(-48)
        });
    }

    function walkInline(node, ctx, out) {
        const kids = Array.prototype.slice.call(node.childNodes || []);
        kids.forEach(function (child) {
            if (child.nodeType === 3) {
                const text = String(child.data).replace(/\u00a0/g, ' ').replace(/[ \t]*\n[ \t]*/g, ' ');
                if (text) pushRun(out, text, ctx);
                return;
            }
            if (child.nodeType !== 1) return;
            const tag = String(child.tagName || '').toLowerCase();
            if (SKIP_INLINE[tag]) return;
            if (child.classList && child.classList.contains('wd-img-handle')) return;    // 缩放手柄不进文档
            if (child.classList && child.classList.contains('wd-attach')) {
                // 附件：导出 docx 时以「📎 文件名（大小）」的文字形式保留
                const name = (child.dataset && child.dataset.name) || String(child.textContent || '').replace(/\s+/g, ' ').trim();
                const size = Number(child.dataset && child.dataset.size) || 0;
                pushRun(out, '📎 ' + name + (size ? '（' + fmtSize(size) + '）' : ''), {});
                return;
            }
            if (tag === 'br') { out.push({ type: 'break' }); return; }
            if (tag === 'img') { pushImageRun(out, child); return; }

            const next = Object.assign({}, ctx);
            if (tag === 'strong' || tag === 'b') next.bold = true;
            if (tag === 'em' || tag === 'i') next.italic = true;
            if (tag === 'u' || tag === 'ins') next.underline = true;
            if (tag === 's' || tag === 'strike' || tag === 'del') next.strike = true;
            if (tag === 'code' || tag === 'kbd' || tag === 'samp' || tag === 'tt') next.font = 'Consolas';
            if (tag === 'mark') next.highlight = 'yellow';
            if (tag === 'sup') next.superScript = true;
            if (tag === 'sub') next.subScript = true;
            if (tag === 'small') next.size = 18;
            if (tag === 'big') next.size = 32;
            if (tag === 'font') {
                const face = child.getAttribute('face');
                const color = child.getAttribute('color');
                if (face) next.font = face;
                if (color) { const hex = rgbToHex(color); if (hex) next.color = hex.replace('#', ''); }
            }
            if (tag === 'a') {
                const href = child.getAttribute('href');
                if (href && !/^\s*javascript:/i.test(href)) next.link = href;
            }
            applyInlineStyle(child, next);
            walkInline(child, next, out);
        });
    }

    function inlineRuns(node, ctx) {
        const out = [];
        walkInline(node, Object.assign({}, ctx || {}), out);
        return out;
    }

    function collectList(listEl, out, level, ordered) {
        const items = Array.prototype.slice.call(listEl.children || []);
        items.forEach(function (li) {
            if (String(li.tagName || '').toLowerCase() !== 'li') return;
            const runs = [];
            const nested = [];
            Array.prototype.slice.call(li.childNodes || []).forEach(function (child) {
                if (child.nodeType === 1 && /^(ul|ol)$/i.test(String(child.tagName))) { nested.push(child); return; }
                if (child.nodeType === 1 && hasBlockChild(child)) {
                    Array.prototype.slice.call(child.childNodes).forEach(function (inner) {
                        runs.push.apply(runs, inlineRuns(inner, {}));
                    });
                    return;
                }
                runs.push.apply(runs, inlineRuns(child, {}));
            });
            const lv = Math.min(level, 5);
            const block = { type: 'p', runs: runs.length ? runs : [{ type: 'text', text: '' }] };
            if (ordered) block.numbering = lv;
            else block.bullet = lv;
            out.push(block);
            nested.forEach(function (sub) {
                collectList(sub, out, level + 1, /^ol$/i.test(String(sub.tagName)));
            });
        });
    }

    /** 表格 → 中立模型（含合并信息；被 rowSpan 覆盖的位置会补占位格，供内置生成器使用） */
    function modelTable(tableEl) {
        const occupied = {};
        const rows = [];
        const htmlRows = Array.prototype.slice.call(tableEl.rows || tableEl.querySelectorAll('tr'));
        let maxCols = 0;
        htmlRows.forEach(function (tr, r) {
            let c = 0;
            const cells = [];
            Array.prototype.slice.call(tr.cells || tr.children || []).forEach(function (cell) {
                while (occupied[r + ',' + c]) {
                    cells.push({ colspan: 1, rowspan: 1, vMerge: 'continue', placeholder: true, blocks: [] });
                    c++;
                }
                const colspan = Number(cell.colSpan) || 1;
                const rowspan = Number(cell.rowSpan) || 1;
                for (let i = 0; i < rowspan; i++) {
                    for (let j = 0; j < colspan; j++) occupied[(r + i) + ',' + (c + j)] = true;
                }
                const blocks = [];
                Array.prototype.slice.call(cell.childNodes || []).forEach(function (node) {
                    collectBlock(node, blocks, 0);
                });
                cells.push({
                    colspan: colspan,
                    rowspan: rowspan,
                    vMerge: rowspan > 1 ? 'restart' : null,
                    blocks: blocks.length ? blocks : [{ type: 'p', runs: [] }]
                });
                c += colspan;
            });
            if (c > maxCols) maxCols = c;
            rows.push(cells);
        });
        return { type: 'table', rows: rows, cols: maxCols || 1 };
    }

    const BLOCK_TAGS = ['p', 'div', 'section', 'article', 'header', 'footer', 'figure', 'figcaption',
        'dd', 'dt', 'main', 'aside'];

    function collectBlock(node, out, level) {
        if (!node) return;
        if (node.nodeType === 3) {
            const text = String(node.data).replace(/\s+/g, ' ').trim();
            if (text) out.push({ type: 'p', runs: [{ type: 'text', text: text }] });
            return;
        }
        if (node.nodeType !== 1) return;
        const tag = String(node.tagName || '').toLowerCase();
        if (SKIP_INLINE[tag]) return;

        // 附件卡片直接位于正文顶层时，也要当成一行文字输出（不要拆成文字 + data: 链接）
        if (node.classList && node.classList.contains('wd-attach')) {
            const name = (node.dataset && node.dataset.name) || String(node.textContent || '').replace(/\s+/g, ' ').trim();
            const size = Number(node.dataset && node.dataset.size) || 0;
            const runs = [];
            pushRun(runs, '📎 ' + name + (size ? '（' + fmtSize(size) + '）' : ''), {});
            out.push({ type: 'p', runs: runs });
            return;
        }

        if (/^h[1-6]$/.test(tag)) {
            out.push({ type: 'p', heading: Number(tag[1]), runs: inlineRuns(node, {}) });
            return;
        }
        if (tag === 'ul' || tag === 'ol') { collectList(node, out, level, tag === 'ol'); return; }
        if (tag === 'table') { out.push(modelTable(node)); return; }
        if (tag === 'hr') { out.push({ type: 'hr' }); return; }
        if (tag === 'blockquote') {
            if (hasBlockChild(node)) {
                Array.prototype.slice.call(node.childNodes).forEach(function (child) { collectBlock(child, out, level); });
                return;
            }
            out.push({ type: 'p', indent: 720, runs: inlineRuns(node, { italic: true }) });
            return;
        }
        if (tag === 'pre') {
            const lines = String(node.textContent || '').replace(/\r\n?/g, '\n').split('\n');
            lines.forEach(function (line) {
                const runs = [];
                pushRun(runs, line, { font: 'Consolas', size: 20 });
                out.push({ type: 'p', shading: 'F5F6F8', runs: runs });
            });
            if (!lines.length) out.push({ type: 'p', runs: [] });
            return;
        }
        if (tag === 'img') {
            const runs = [];
            pushImageRun(runs, node);
            out.push({ type: 'p', runs: runs });
            return;
        }
        if (BLOCK_TAGS.indexOf(tag) >= 0) {
            if (hasBlockChild(node)) {
                Array.prototype.slice.call(node.childNodes).forEach(function (child) { collectBlock(child, out, level); });
                return;
            }
            const block = { type: 'p', runs: inlineRuns(node, {}) };
            const align = alignmentOf(node);
            if (align) block.align = align;
            out.push(block);
            return;
        }
        // 其余（span / strong / a / 自定义标签等）当行内内容处理
        const runs = inlineRuns(node, {});
        if (runs.length) out.push({ type: 'p', runs: runs });
    }

    /** 把编辑器内容解析成中立文档模型（后面两条生成路线都基于它） */
    function htmlToModel() {
        const blocks = [];
        Array.prototype.slice.call(refs.page.childNodes || []).forEach(function (node) {
            collectBlock(node, blocks, 0);
        });
        if (!blocks.length) blocks.push({ type: 'p', runs: [] });
        return { blocks: blocks };
    }

    /* ---------------- 路线一：用 docx.js 生成（样式还原更好） ---------------- */

    function runsToDocx(runs, dx) {
        const out = [];
        (runs || []).forEach(function (run) {
            if (run.type === 'image') {
                try {
                    out.push(new dx.ImageRun({
                        data: run.data,
                        transformation: { width: run.width, height: run.height },
                        type: run.ext
                    }));
                } catch (e) { /* 不支持的图片格式直接跳过 */ }
                return;
            }
            if (run.type === 'break') { out.push(new dx.TextRun({ text: '', break: 1 })); return; }
            const opts = { text: run.text == null ? '' : run.text };
            if (run.bold) opts.bold = true;
            if (run.italic) opts.italics = true;
            if (run.underline) opts.underline = {};
            if (run.strike) opts.strike = true;
            if (run.color) opts.color = run.color;
            if (run.font) opts.font = run.font;
            if (run.size) opts.size = run.size;
            if (run.super) opts.superScript = true;
            if (run.sub) opts.subScript = true;
            if (run.highlight) opts.highlight = run.highlight;
            else if (run.shading) opts.shading = { type: dx.ShadingType.CLEAR, fill: run.shading };
            if (run.link) opts.style = 'Hyperlink';
            const textRun = new dx.TextRun(opts);
            if (run.link) out.push(new dx.ExternalHyperlink({ children: [textRun], link: run.link }));
            else out.push(textRun);
        });
        return out;
    }

    function blockToDocx(block, dx) {
        if (block.type === 'table') {
            const rows = block.rows.map(function (row) {
                const cells = row.filter(function (cell) { return !cell.placeholder; }).map(function (cell) {
                    const opts = { children: blocksToDocx(cell.blocks, dx) };
                    if (cell.colspan > 1) opts.columnSpan = cell.colspan;
                    if (cell.rowspan > 1) opts.rowSpan = cell.rowspan;
                    return new dx.TableCell(opts);
                });
                return new dx.TableRow({ children: cells });
            });
            return new dx.Table({ rows: rows, width: { size: 100, type: dx.WidthType.PERCENTAGE } });
        }
        if (block.type === 'hr') {
            return new dx.Paragraph({
                text: '',
                border: { bottom: { style: dx.BorderStyle.SINGLE, size: 6, color: 'C9CED6', space: 1 } },
                spacing: { after: 160 }
            });
        }
        const runs = runsToDocx(block.runs, dx);
        const opts = { children: runs.length ? runs : [new dx.TextRun('')] };
        if (block.heading) opts.heading = dx.HeadingLevel['HEADING_' + Math.min(block.heading, 3)];
        if (block.align) {
            opts.alignment = block.align === 'center' ? dx.AlignmentType.CENTER
                : block.align === 'right' ? dx.AlignmentType.RIGHT
                    : block.align === 'both' ? dx.AlignmentType.JUSTIFIED
                        : dx.AlignmentType.LEFT;
        }
        if (block.indent) opts.indent = { left: block.indent };
        if (block.shading) opts.shading = { type: dx.ShadingType.CLEAR, fill: block.shading };
        if (typeof block.numbering === 'number') opts.numbering = { reference: 'wd-numbering', level: Math.min(block.numbering, 5) };
        else if (typeof block.bullet === 'number') opts.bullet = { level: Math.min(block.bullet, 5) };
        return new dx.Paragraph(opts);
    }

    function blocksToDocx(blocks, dx) {
        const out = [];
        (blocks || []).forEach(function (block) {
            const node = blockToDocx(block, dx);
            if (node) out.push(node);
        });
        return out.length ? out : [new dx.Paragraph('')];
    }

    async function packWithDocxLib(model, dx) {
        const levels = [0, 1, 2, 3, 4, 5].map(function (lv) {
            return {
                level: lv,
                format: 'decimal',
                text: '%' + (lv + 1) + '.',
                alignment: dx.AlignmentType.START,
                style: { paragraph: { indent: { left: 720 * (lv + 1), hanging: 360 } } }
            };
        });
        const doc = new dx.Document({
            creator: 'Word 编辑器（用户脚本）',
            title: baseName(state.fileName),
            description: '由浏览器内的 Word 编辑器生成',
            numbering: { config: [{ reference: 'wd-numbering', levels: levels }] },
            sections: [{
                properties: { page: { margin: { top: 1440, right: 1440, bottom: 1440, left: 1440 } } },
                children: blocksToDocx(model.blocks, dx)
            }]
        });
        if (typeof dx.Packer.toBlob === 'function') return dx.Packer.toBlob(doc);
        const buf = await dx.Packer.toBuffer(doc);
        return new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
    }

    /* ---------------- 路线二：内置生成器（零依赖，直接写 OOXML + ZIP） ----------------
     * 外部库加载不了时用它兜底，保证“保存 docx”永远能用。
     */

    const W_NS = 'http://schemas.openxmlformats.org/wordprocessingml/2006/main';
    const R_NS2 = 'http://schemas.openxmlformats.org/officeDocument/2006/relationships';
    const WP_NS = 'http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing';
    const A_NS = 'http://schemas.openxmlformats.org/drawingml/2006/main';
    const PIC_NS = 'http://schemas.openxmlformats.org/drawingml/2006/picture';
    const REL_BASE = 'http://schemas.openxmlformats.org/officeDocument/2006/relationships/';
    const XML_HEAD = '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';

    let picSeq = 0;
    let crcTable = null;

    function xmlEscape(s) {
        return String(s == null ? '' : s)
            .replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f]/g, '')
            .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;').replace(/'/g, '&apos;');
    }

    function makeRelSet() {
        const images = [];
        const links = [];
        let counter = 2;                     // rId1=styles, rId2=numbering
        const nextId = function () { counter++; return 'rId' + counter; };
        return {
            images: images,
            links: links,
            imageRid: function (run) {
                const key = run.key || ('img:' + run.data.length + ':' + run.width);
                for (let i = 0; i < images.length; i++) if (images[i].key === key) return images[i].rid;
                const rid = nextId();
                const item = { key: key, rid: rid, name: 'image' + (images.length + 1) + '.' + run.ext, run: run };
                images.push(item);
                return rid;
            },
            linkRid: function (url) {
                for (let i = 0; i < links.length; i++) if (links[i].url === url) return links[i].rid;
                const rid = nextId();
                links.push({ url: url, rid: rid });
                return rid;
            }
        };
    }

    function builtinRunXml(run, rels) {
        if (run.type === 'image') {
            const rid = rels.imageRid(run);
            const cx = Math.round(run.width * 9525);      // px → EMU
            const cy = Math.round(run.height * 9525);
            picSeq++;
            const id = picSeq;
            return '<w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0">' +
                '<wp:extent cx="' + cx + '" cy="' + cy + '"/>' +
                '<wp:docPr id="' + id + '" name="Picture ' + id + '"/>' +
                '<wp:cNvGraphicFramePr><a:graphicFrameLocks noChangeAspect="1"/></wp:cNvGraphicFramePr>' +
                '<a:graphic><a:graphicData uri="' + PIC_NS + '">' +
                '<pic:pic><pic:nvPicPr><pic:cNvPr id="' + id + '" name="Picture ' + id + '"/><pic:cNvPicPr/></pic:nvPicPr>' +
                '<pic:blipFill><a:blip r:embed="' + rid + '"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill>' +
                '<pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="' + cx + '" cy="' + cy + '"/></a:xfrm>' +
                '<a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr>' +
                '</pic:pic></a:graphicData></a:graphic>' +
                '</wp:inline></w:drawing></w:r>';
        }
        if (run.type === 'break') return '<w:r><w:br/></w:r>';

        const rPr = [];
        if (run.link) rPr.push('<w:rStyle w:val="Hyperlink"/>');
        if (run.font) {
            rPr.push('<w:rFonts w:ascii="' + xmlEscape(run.font) + '" w:hAnsi="' + xmlEscape(run.font) +
                '" w:eastAsia="' + xmlEscape(run.font) + '"/>');
        }
        if (run.bold) rPr.push('<w:b/>');
        if (run.italic) rPr.push('<w:i/>');
        if (run.strike) rPr.push('<w:strike/>');
        if (run.color) rPr.push('<w:color w:val="' + xmlEscape(run.color) + '"/>');
        if (run.size) rPr.push('<w:sz w:val="' + run.size + '"/><w:szCs w:val="' + run.size + '"/>');
        if (run.highlight) rPr.push('<w:highlight w:val="' + xmlEscape(run.highlight) + '"/>');
        if (run.underline) rPr.push('<w:u w:val="single"/>');
        if (!run.highlight && run.shading) rPr.push('<w:shd w:val="clear" w:color="auto" w:fill="' + xmlEscape(run.shading) + '"/>');
        if (run.super) rPr.push('<w:vertAlign w:val="superscript"/>');
        else if (run.sub) rPr.push('<w:vertAlign w:val="subscript"/>');

        const r = '<w:r>' + (rPr.length ? '<w:rPr>' + rPr.join('') + '</w:rPr>' : '') +
            '<w:t xml:space="preserve">' + xmlEscape(run.text) + '</w:t></w:r>';
        return run.link ? '<w:hyperlink r:id="' + rels.linkRid(run.link) + '">' + r + '</w:hyperlink>' : r;
    }

    function builtinTableXml(block, rels) {
        const colCount = block.cols || (block.rows[0] ? block.rows[0].length : 1) || 1;
        const colW = Math.max(600, Math.floor(9360 / colCount));
        const grid = '<w:tblGrid>' + new Array(colCount).fill('<w:gridCol w:w="' + colW + '"/>').join('') + '</w:tblGrid>';
        const borders = '<w:tblBorders>' + ['top', 'left', 'bottom', 'right', 'insideH', 'insideV'].map(function (side) {
            return '<w:' + side + ' w:val="single" w:sz="6" w:space="0" w:color="999999"/>';
        }).join('') + '</w:tblBorders>';
        const rows = block.rows.map(function (row) {
            const cells = row.map(function (cell) {
                const tcPr = [];
                if (cell.colspan > 1) tcPr.push('<w:gridSpan w:val="' + cell.colspan + '"/>');
                if (cell.vMerge === 'restart') tcPr.push('<w:vMerge w:val="restart"/>');
                else if (cell.vMerge === 'continue') tcPr.push('<w:vMerge/>');
                tcPr.push('<w:tcW w:w="0" w:type="auto"/>');
                const inner = cell.placeholder
                    ? '<w:p/>'
                    : builtinBlocksXml(cell.blocks && cell.blocks.length ? cell.blocks : [{ type: 'p', runs: [] }], rels);
                return '<w:tc><w:tcPr>' + tcPr.join('') + '</w:tcPr>' + inner + '</w:tc>';
            }).join('');
            return '<w:tr>' + cells + '</w:tr>';
        }).join('');
        return '<w:tbl><w:tblPr><w:tblW w:w="5000" w:type="pct"/>' + borders +
            '<w:tblLayout w:type="fixed"/></w:tblPr>' + grid + rows + '</w:tbl>';
    }

    function builtinBlockXml(block, rels) {
        if (block.type === 'table') return builtinTableXml(block, rels);
        if (block.type === 'hr') {
            return '<w:p><w:pPr><w:pBdr><w:bottom w:val="single" w:sz="6" w:space="1" w:color="C9CED6"/></w:pBdr></w:pPr></w:p>';
        }
        const pPr = [];
        if (block.heading) pPr.push('<w:pStyle w:val="Heading' + Math.min(block.heading, 3) + '"/>');
        if (typeof block.numbering === 'number') {
            pPr.push('<w:numPr><w:ilvl w:val="' + Math.min(block.numbering, 5) + '"/><w:numId w:val="1"/></w:numPr>');
        } else if (typeof block.bullet === 'number') {
            pPr.push('<w:numPr><w:ilvl w:val="' + Math.min(block.bullet, 5) + '"/><w:numId w:val="2"/></w:numPr>');
        }
        if (block.align) pPr.push('<w:jc w:val="' + block.align + '"/>');
        if (block.indent) pPr.push('<w:ind w:left="' + block.indent + '"/>');
        if (block.shading) pPr.push('<w:shd w:val="clear" w:color="auto" w:fill="' + xmlEscape(block.shading) + '"/>');
        const runs = (block.runs || []).map(function (run) { return builtinRunXml(run, rels); }).join('');
        return '<w:p>' + (pPr.length ? '<w:pPr>' + pPr.join('') + '</w:pPr>' : '') + runs + '</w:p>';
    }

    function builtinBlocksXml(blocks, rels) {
        const xml = (blocks || []).map(function (block) { return builtinBlockXml(block, rels); }).join('');
        return xml || '<w:p/>';
    }

    function builtinStylesXml() {
        const heading = function (lv, size) {
            return '<w:style w:type="paragraph" w:styleId="Heading' + lv + '"><w:name w:val="heading ' + lv + '"/>' +
                '<w:basedOn w:val="Normal"/><w:qFormat/><w:pPr><w:outlineLvl w:val="' + (lv - 1) + '"/>' +
                '<w:spacing w:before="240" w:after="120"/></w:pPr>' +
                '<w:rPr><w:b/><w:sz w:val="' + size + '"/><w:szCs w:val="' + size + '"/></w:rPr></w:style>';
        };
        return XML_HEAD + '<w:styles xmlns:w="' + W_NS + '">' +
            '<w:docDefaults><w:rPrDefault><w:rPr>' +
            '<w:rFonts w:ascii="Times New Roman" w:hAnsi="Times New Roman" w:eastAsia="SimSun"/>' +
            '<w:sz w:val="24"/><w:szCs w:val="24"/></w:rPr></w:rPrDefault>' +
            '<w:pPrDefault><w:pPr><w:spacing w:line="360" w:lineRule="auto" w:after="120"/></w:pPr></w:pPrDefault>' +
            '</w:docDefaults>' +
            '<w:style w:type="paragraph" w:default="1" w:styleId="Normal"><w:name w:val="Normal"/><w:qFormat/></w:style>' +
            heading(1, 36) + heading(2, 32) + heading(3, 28) +
            '<w:style w:type="character" w:styleId="Hyperlink"><w:name w:val="Hyperlink"/>' +
            '<w:rPr><w:color w:val="1A5FB4"/><w:u w:val="single"/></w:rPr></w:style>' +
            '</w:styles>';
    }

    function builtinNumberingXml() {
        const makeLevels = function (ordered) {
            let xml = '';
            for (let lv = 0; lv < 6; lv++) {
                xml += '<w:lvl w:ilvl="' + lv + '"><w:start w:val="1"/>' +
                    '<w:numFmt w:val="' + (ordered ? 'decimal' : 'bullet') + '"/>' +
                    '<w:lvlText w:val="' + (ordered ? '%' + (lv + 1) + '.' : '\u2022') + '"/>' +
                    '<w:lvlJc w:val="left"/>' +
                    '<w:pPr><w:ind w:left="' + (720 * (lv + 1)) + '" w:hanging="360"/></w:pPr>' +
                    (ordered ? '' : '<w:rPr><w:rFonts w:ascii="Symbol" w:hAnsi="Symbol" w:hint="default"/></w:rPr>') +
                    '</w:lvl>';
            }
            return xml;
        };
        return XML_HEAD + '<w:numbering xmlns:w="' + W_NS + '">' +
            '<w:abstractNum w:abstractNumId="0">' + makeLevels(true) + '</w:abstractNum>' +
            '<w:abstractNum w:abstractNumId="1">' + makeLevels(false) + '</w:abstractNum>' +
            '<w:num w:numId="1"><w:abstractNumId w:val="0"/></w:num>' +
            '<w:num w:numId="2"><w:abstractNumId w:val="1"/></w:num>' +
            '</w:numbering>';
    }

    function builtinContentTypesXml(rels) {
        const exts = {};
        rels.images.forEach(function (img) { exts[img.run.ext] = true; });
        const mime = { png: 'image/png', jpg: 'image/jpeg', gif: 'image/gif', bmp: 'image/bmp' };
        let xml = XML_HEAD + '<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">' +
            '<Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/>' +
            '<Default Extension="xml" ContentType="application/xml"/>';
        Object.keys(exts).forEach(function (ext) {
            xml += '<Default Extension="' + ext + '" ContentType="' + (mime[ext] || 'image/png') + '"/>';
        });
        xml += '<Override PartName="/word/document.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"/>' +
            '<Override PartName="/word/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml"/>' +
            '<Override PartName="/word/numbering.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml"/>' +
            '</Types>';
        return xml;
    }

    function builtinDocRelsXml(rels) {
        let xml = XML_HEAD + '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">' +
            '<Relationship Id="rId1" Type="' + REL_BASE + 'styles" Target="styles.xml"/>' +
            '<Relationship Id="rId2" Type="' + REL_BASE + 'numbering" Target="numbering.xml"/>';
        rels.images.forEach(function (img) {
            xml += '<Relationship Id="' + img.rid + '" Type="' + REL_BASE + 'image" Target="media/' + img.name + '"/>';
        });
        rels.links.forEach(function (link) {
            xml += '<Relationship Id="' + link.rid + '" Type="' + REL_BASE + 'hyperlink" Target="' +
                xmlEscape(link.url) + '" TargetMode="External"/>';
        });
        return xml + '</Relationships>';
    }

    function crc32(u8) {
        if (!crcTable) {
            crcTable = new Int32Array(256);
            for (let i = 0; i < 256; i++) {
                let c = i;
                for (let k = 0; k < 8; k++) c = (c & 1) ? (0xEDB88320 ^ (c >>> 1)) : (c >>> 1);
                crcTable[i] = c;
            }
        }
        let crc = -1;
        for (let i = 0; i < u8.length; i++) crc = (crc >>> 8) ^ crcTable[(crc ^ u8[i]) & 0xFF];
        return (crc ^ -1) >>> 0;
    }

    /** 写一个 ZIP（store 模式，docx 允许不压缩） */
    function zipArchive(files) {
        const enc = new TextEncoder();
        const parts = [];
        const central = [];
        let offset = 0;

        files.forEach(function (file) {
            const nameBytes = enc.encode(file.name);
            const data = file.data instanceof Uint8Array ? file.data : enc.encode(String(file.data));
            const crc = crc32(data);

            const local = new Uint8Array(30 + nameBytes.length);
            const lv = new DataView(local.buffer);
            lv.setUint32(0, 0x04034b50, true);
            lv.setUint16(4, 20, true);
            lv.setUint16(6, 0x0800, true);      // 文件名用 UTF-8
            lv.setUint16(8, 0, true);           // 不压缩
            lv.setUint16(10, 0, true);
            lv.setUint16(12, 0x21, true);       // 1980-01-01
            lv.setUint32(14, crc, true);
            lv.setUint32(18, data.length, true);
            lv.setUint32(22, data.length, true);
            lv.setUint16(26, nameBytes.length, true);
            lv.setUint16(28, 0, true);
            local.set(nameBytes, 30);
            parts.push(local, data);

            const cd = new Uint8Array(46 + nameBytes.length);
            const cv = new DataView(cd.buffer);
            cv.setUint32(0, 0x02014b50, true);
            cv.setUint16(4, 20, true);
            cv.setUint16(6, 20, true);
            cv.setUint16(8, 0x0800, true);
            cv.setUint16(10, 0, true);
            cv.setUint16(12, 0, true);
            cv.setUint16(14, 0x21, true);
            cv.setUint32(16, crc, true);
            cv.setUint32(20, data.length, true);
            cv.setUint32(24, data.length, true);
            cv.setUint16(28, nameBytes.length, true);
            cv.setUint16(30, 0, true);
            cv.setUint16(32, 0, true);
            cv.setUint16(34, 0, true);
            cv.setUint16(36, 0, true);
            cv.setUint32(38, 0, true);
            cv.setUint32(42, offset, true);
            cd.set(nameBytes, 46);
            central.push(cd);

            offset += local.length + data.length;
        });

        const centralSize = central.reduce(function (n, c) { return n + c.length; }, 0);
        const eocd = new Uint8Array(22);
        const ev = new DataView(eocd.buffer);
        ev.setUint32(0, 0x06054b50, true);
        ev.setUint16(8, files.length, true);
        ev.setUint16(10, files.length, true);
        ev.setUint32(12, centralSize, true);
        ev.setUint32(16, offset, true);

        const all = parts.concat(central, [eocd]);
        const total = all.reduce(function (n, c) { return n + c.length; }, 0);
        const out = new Uint8Array(total);
        let pos = 0;
        all.forEach(function (chunk) { out.set(chunk, pos); pos += chunk.length; });
        return out;
    }

    /** 生成 docx（不依赖任何外部库） */
    function writeDocxBuiltin(model) {
        picSeq = 0;
        const rels = makeRelSet();
        const bodyXml = builtinBlocksXml(model.blocks, rels);
        const documentXml = XML_HEAD +
            '<w:document xmlns:w="' + W_NS + '" xmlns:r="' + R_NS2 + '" xmlns:wp="' + WP_NS +
            '" xmlns:a="' + A_NS + '" xmlns:pic="' + PIC_NS + '">' +
            '<w:body>' + bodyXml +
            '<w:sectPr><w:pgSz w:w="11906" w:h="16838"/>' +
            '<w:pgMar w:top="1440" w:right="1440" w:bottom="1440" w:left="1440" w:header="720" w:footer="720" w:gutter="0"/>' +
            '</w:sectPr></w:body></w:document>';

        const files = [
            { name: '[Content_Types].xml', data: builtinContentTypesXml(rels) },
            { name: '_rels/.rels', data: XML_HEAD + '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">' +
                '<Relationship Id="rId1" Type="' + REL_BASE + 'officeDocument" Target="word/document.xml"/></Relationships>' },
            { name: 'word/document.xml', data: documentXml },
            { name: 'word/_rels/document.xml.rels', data: builtinDocRelsXml(rels) },
            { name: 'word/styles.xml', data: builtinStylesXml() },
            { name: 'word/numbering.xml', data: builtinNumberingXml() }
        ];
        rels.images.forEach(function (img) {
            files.push({ name: 'word/media/' + img.name, data: img.run.data });
        });

        return new Blob([zipArchive(files)], {
            type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
        });
    }

    /* ============================================================
     * 7. 保存 / 导出 / 打印
     * ============================================================ */

    async function saveDocx() {
        ensureUI();
        if (state.empty) { toast('还没有内容可以保存：先拖入 .docx，或点「新建空白文档」'); return; }
        setLoading(true, '正在整理文档内容…');
        let useBuiltin = preferBuiltin();
        try {
            const model = htmlToModel();
            let blob = null;

            if (!useBuiltin) {
                try {
                    setLoading(true, '正在加载 Word 生成库…');
                    const dx = await withTimeout(ensureLib('docx'), 20000, '加载 Word 生成库');
                    setLoading(true, '正在生成 Word 文档…');
                    blob = await withTimeout(packWithDocxLib(model, dx), 60000, '生成 Word 文档');
                } catch (err) {
                    try { console.warn('[Word 编辑器] 外部生成库不可用，自动改用内置生成器：', err); } catch (e) { /* 忽略 */ }
                    useBuiltin = true;
                }
            }

            if (!blob) {
                setLoading(true, '正在用内置生成器生成 Word 文档…');
                blob = await withTimeout(
                    Promise.resolve().then(function () { return writeDocxBuiltin(model); }),
                    60000, '生成 Word 文档'
                );
            }
            if (!blob || !blob.size) throw new Error('生成的文档是空的');

            const name = baseName(state.fileName) + '.docx';
            downloadBlob(blob, name);
            state.dirty = false;
            updateHead();
            clearDraft();
            toast('已保存为 ' + name + (useBuiltin ? '（内置生成器）' : '') + '，Word / WPS 都能打开', 'ok');
        } catch (err) {
            try { console.error('[Word 编辑器] 保存失败', err); } catch (e) { /* 忽略 */ }
            toast('保存失败：' + ((err && err.message) || err) +
                '\n可以改用「导出 HTML」先留存内容，或在油猴菜单里切换保存方式后重试。', 'error');
        } finally {
            setLoading(false);
        }
    }

    function exportHtml() {
        ensureUI();
        if (state.empty) { toast('还没有内容可以导出'); return; }
        const html = [
            '<!doctype html><html lang="zh-CN"><head><meta charset="utf-8">',
            '<title>' + escapeHtml(baseName(state.fileName)) + '</title>',
            '<style>body{max-width:794px;margin:40px auto;padding:0 24px;font:16px/1.85 "Times New Roman",SimSun,serif;color:#111}',
            'table{border-collapse:collapse;width:100%}td,th{border:1px solid #999;padding:5px 8px}img{max-width:100%}',
            'blockquote{border-left:3px solid #ccc;margin:8px 0;padding-left:12px;color:#555}',
            'pre{background:#f5f6f8;padding:10px;font:13px Consolas,Monaco,monospace}code{background:#f0f2f5;padding:1px 4px}</style>',
            '</head><body>', exportableHtml(), '</body></html>'
        ].join('');
        const name = baseName(state.fileName) + '.html';
        downloadBlob(new Blob([html], { type: 'text/html;charset=utf-8' }), name);
        toast('已导出 ' + name + '（保留排版，浏览器直接打开即可）', 'ok');
    }

    function copyAll() {
        ensureUI();
        if (state.empty) { toast('还没有内容可以复制'); return; }
        const html = exportableHtml();
        const text = refs.page.innerText || '';
        try {
            if (navigator.clipboard && navigator.clipboard.write && typeof ClipboardItem === 'function') {
                const item = new ClipboardItem({
                    'text/html': new Blob([html], { type: 'text/html' }),
                    'text/plain': new Blob([text], { type: 'text/plain' })
                });
                navigator.clipboard.write([item]).then(function () {
                    toast('已复制全文（含格式，可直接粘贴进 Word）', 'ok');
                }, function () { copyText(text, '已复制纯文本'); });
                return;
            }
        } catch (e) { /* 退回纯文本 */ }
        copyText(text, '已复制纯文本');
    }

    function printDocument() {
        ensureUI();
        if (state.empty) { toast('还没有内容可以打印'); return; }
        let win = null;
        try { win = window.open('', '_blank'); } catch (e) { win = null; }
        if (!win) { toast('打印窗口被浏览器拦住了，请允许本页弹出窗口后重试', 'error'); return; }
        const html = [
            '<!doctype html><html><head><meta charset="utf-8">',
            '<title>' + escapeHtml(baseName(state.fileName)) + '</title>',
            '<style>@page{margin:18mm}body{font:16px/1.85 "Times New Roman",SimSun,serif;color:#111;margin:0}',
            'table{border-collapse:collapse;width:100%}td,th{border:1px solid #999;padding:5px 8px}img{max-width:100%}',
            'blockquote{border-left:3px solid #ccc;padding-left:12px;color:#555}pre{background:#f5f5f5;padding:8px}</style>',
            '</head><body>', exportableHtml(), '</body></html>'
        ].join('');
        try {
            win.document.open();
            win.document.write(html);
            win.document.close();
            setTimeout(function () {
                try { win.focus(); win.print(); } catch (e) { /* 用户可手动打印 */ }
            }, 350);
        } catch (e) {
            toast('打印失败：' + ((e && e.message) || e), 'error');
        }
    }

    /* ============================================================
     * 8. 帮助 / 菜单 / 初始化
     * ============================================================ */

    function openHelp() {
        ensureUI();
        closeHelp();
        if (!refs.root) return;
        const box = document.createElement('div');
        box.className = 'wd-panel wd-help';
        box.innerHTML = [
            '<h3>Word 编辑器 · 使用说明</h3>',
            '<ul>',
            '  <li>点右下角 📝 按钮 → 进入 Word 编辑页 → 把 <code>.docx</code> 拖进去，或点「选择文件…」。</li>',
            '  <li>也可以直接在任意网页上拖入 <code>.docx</code>，会自动打开编辑页。</li>',
            '  <li>编辑完点「保存 docx」（或 <code>Ctrl+S</code>）导出为标准 Word 文档，Word / WPS 都能打开。</li>',
            '  <li>保存有两套生成器：默认用 docx.js（样式还原更好）；如果网络不通或保存报错，会自动改用内置生成器，也可以在油猴菜单里手动切换。</li>',
            '  <li>另外支持导出 HTML、复制全文（含格式）、打印 / 另存为 PDF。</li>',
            '  <li>图片：插入后点一下图片，拖它右下角的小方块即可缩放；工具栏右侧能直接输入宽高、恢复原始尺寸或删除（取消勾选「等比」可以自由变形）。</li>',
            '  <li>「📎 文件」按钮：选图片＝插入图片；选 Word / txt / md / html＝把该文件内容并入当前文档；选其它文件＝作为附件卡片插入（导出 HTML 后可以直接点击下载）。</li>',
            '  <li>支持 <code>.docx / .docm / .txt / .md / .html</code>；老版 <code>.doc</code> 是二进制格式，请先另存为 .docx。</li>',
            '</ul>',
            '<div style="color:#8d97a8">导入会保留标题、列表、表格、粗斜体、图片、超链接等结构；字体字号这类纯视觉样式以编辑器里的实际效果为准。',
            '编辑过程中会自动存一份草稿，误关页面后可在引导页点「恢复上次草稿」。</div>',
            '<button class="wd-btn" data-act="help-close" style="margin-top:14px">知道了</button>'
        ].join('');
        refs.root.appendChild(box);
        refs.root.classList.add('wd-show');
        box.addEventListener('click', function (e) {
            const btn = e.target && e.target.closest ? e.target.closest('[data-act="help-close"]') : null;
            if (btn || e.target === box) closeHelp();
        });
    }

    function closeHelp() {
        const box = refs.root ? refs.root.querySelector('.wd-help') : null;
        if (box) box.remove();
    }

    function updateBallVisibility() {
        const ball = ensureBall();
        if (!ball) return;
        const hidden = !!storeGet('word_hide_ball', false);
        ball.classList.toggle('wd-show', !hidden);
    }

    function toggleBall() {
        const ball = ensureBall();
        if (!ball) return;
        const hidden = !!storeGet('word_hide_ball', false);
        const next = !hidden;
        storeSet('word_hide_ball', next);
        ball.classList.toggle('wd-show', !next);
        toast(next ? '悬浮按钮已隐藏（油猴菜单里可以再打开）' : '悬浮按钮已显示');
    }

    /** 在“外部库生成”和“内置生成器”之间切换（保存失败或想完全离线时用内置） */
    function toggleSaveMode() {
        const next = !preferBuiltin();
        storeSet('word_use_builtin', next);
        toast(next ? '保存方式：内置生成器（不依赖任何外部库，推荐网络不通时使用）'
            : '保存方式：外部库 docx.js（样式还原更好）');
    }

    /** body 就绪后执行（脚本在 document-start 运行，那时还没有 body） */
    function onReady(fn) {
        if (document.body) { fn(); return; }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', function handler() {
                document.removeEventListener('DOMContentLoaded', handler);
                fn();
            });
        } else {
            fn();
        }
    }

    function init() {
        injectStyles();
        bindGlobalEvents();

        if (typeof GM_registerMenuCommand === 'function') {
            GM_registerMenuCommand('📝 打开 Word 编辑页', openEditorPage);
            GM_registerMenuCommand('📄 选择 Word 文件（.docx）…', pickFiles);
            GM_registerMenuCommand('🛠 保存方式：外部库 / 内置生成器（点击切换）', toggleSaveMode);
            GM_registerMenuCommand('💡 使用说明', openHelp);
            GM_registerMenuCommand('👁 显示 / 隐藏 悬浮按钮', toggleBall);
        }

        const api = {
            version: VERSION,
            open: openEditorPage,
            close: closePanel,
            help: openHelp,
            openFile: loadFile,
            newDocument: newDocument,
            save: saveDocx
        };
        try { (typeof unsafeWindow !== 'undefined' ? unsafeWindow : window).WordEditor = api; } catch (e) { /* 忽略 */ }
        try { window.WordEditor = api; } catch (e) { /* 忽略 */ }

        onReady(function () {
            buildUI();
            updateBallVisibility();
        });
    }

    init();
})();