// ==UserScript==
// @name         小雅答答答
// @license      MIT
// @version      1.32
// @description  小雅平台学习助手 📖，智能整理归纳学习资料 📚，辅助完成练习 💪，并提供便捷的查阅和修改功能 📝！
// @author       Yi
// @match        https://*.ai-augmented.com/*
// @icon           https://www.ai-augmented.com/static/logo3.1dbbea8f.png
// @grant        none
// @run-at       document-end
// @require      https://update.greasyfork.icu/scripts/517782/1485790/docx.js
// @require      https://update.greasyfork.icu/scripts/517783/1485791/FileSaverminjs.js
// @require      https://update.greasyfork.icu/scripts/515732/1477483/av-min.js
// @homepageURL https://zygame1314.site
// @namespace https://greasyfork.org/users/1268039
// @downloadURL https://update.greasyfork.icu/scripts/517280/%E5%B0%8F%E9%9B%85%E7%AD%94%E7%AD%94%E7%AD%94.user.js
// @updateURL https://update.greasyfork.icu/scripts/517280/%E5%B0%8F%E9%9B%85%E7%AD%94%E7%AD%94%E7%AD%94.meta.js
// ==/UserScript==

(function () {
    'use strict';

    let isActivated = false;
    const activationTime = localStorage.getItem('activationTime');
    if (activationTime) {
        const currentTime = Date.now();
        const elapsed = currentTime - parseInt(activationTime, 10);
        if (elapsed < 14400000) {
            isActivated = true;
        } else {
            localStorage.removeItem('isActivated');
            localStorage.removeItem('activationTime');
        }
    }

    const {
        Document,
        Packer,
        Paragraph,
        HeadingLevel,
        AlignmentType,
        ImageRun,
        TextRun
    } = window.docx;

    let autoFetchEnabled = localStorage.getItem('autoFetchEnabled') === 'true';
    let autoFillEnabled = localStorage.getItem('autoFillEnabled') === 'true';
    let isProcessing = false;
    let debounceTimer = null;

    function addButtons() {
        const container = document.createElement('div');
        container.style.cssText = `
            position: fixed;
            top: 150px;
            left: 150px;
            z-index: 9999;
        `;

        const mainBall = document.createElement('div');
        mainBall.style.cssText = `
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(145deg, #6366F1, #4F46E5);
            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
            cursor: move;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            transition: transform 0.3s ease;
            user-select: none;
        `;
        mainBall.innerHTML = '✨';

        const buttons = [
            { icon: '🕷️', text: '获取答案/激活脚本', onClick: () => getAndStoreAnswers(), color: '#EF4444' },
            { icon: '✍️', text: '填写答案', onClick: () => fillAnswers(), color: '#3B82F6' },
            { icon: '🖋️', text: '查看/编辑答案', onClick: () => showAnswerEditor(), color: '#F97316' },
            { icon: '📄', text: '导出作业', onClick: () => exportHomework(), color: '#8B5CF6' },
            { icon: '🧭', text: '使用指南', onClick: () => showTutorial(), color: '#6366F1' },
            {
                icon: autoFetchEnabled ? '🔄' : '⭕',
                text: '自动获取',
                onClick: () => {
                    autoFetchEnabled = !autoFetchEnabled;
                    localStorage.setItem('autoFetchEnabled', autoFetchEnabled);
                    buttons[5].ball.innerHTML = autoFetchEnabled ? '🔄' : '⭕';
                    buttons[5].ball.style.background = autoFetchEnabled ? '#22c55e' : '#94a3b8';
                },
                color: autoFetchEnabled ? '#22c55e' : '#94a3b8'
            },
            {
                icon: autoFillEnabled ? '🔄' : '⭕',
                text: '自动填写',
                onClick: () => {
                    autoFillEnabled = !autoFillEnabled;
                    localStorage.setItem('autoFillEnabled', autoFillEnabled);
                    buttons[6].ball.innerHTML = autoFillEnabled ? '🔄' : '⭕';
                    buttons[6].ball.style.background = autoFillEnabled ? '#22c55e' : '#94a3b8';
                },
                color: autoFillEnabled ? '#22c55e' : '#94a3b8'
            },

            ...(localStorage.getItem('activationCode') === 'ILOVEXIAOYA' ? [
                {
                    icon: '⚡',
                    text: '创建补交',
                    onClick: () => enableMakeup(),
                    color: 'linear-gradient(145deg, #22c55e, #16a34a)',
                    special: true
                },
                {
                    icon: '🔥',
                    text: '上传补交',
                    onClick: () => submitHomework(),
                    color: 'linear-gradient(145deg, #22c55e, #16a34a)',
                    special: true
                }
            ] : [])
        ];

        let isExpanded = false;
        const functionBalls = [];

        buttons.forEach((btn, index) => {
            const ball = document.createElement('div');
            ball.style.cssText = `
                position: absolute;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background: ${btn.special ? btn.color : btn.color};
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-size: 20px;
                cursor: pointer;
                transition: all 0.3s ease;
                opacity: 0;
                transform: scale(0);
                transform-origin: center center;
                box-shadow: ${btn.special ? '0 2px 12px rgba(34, 197, 94, 0.5)' : '0 2px 8px rgba(0,0,0,0.2)'};
                ${btn.special ? 'animation: pulse 2s infinite;' : ''}
            `;
            ball.innerHTML = btn.icon;
            btn.ball = ball;

            const style = document.createElement('style');
            style.textContent = `
                @keyframes pulse {
                    0% {
                        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
                    }
                    70% {
                        box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
                    }
                    100% {
                        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
                    }
                }
            `;
            document.head.appendChild(style);

            ball.addEventListener('mouseenter', () => {
                const currentTransform = ball.style.transform;
                if (currentTransform.includes('translate')) {
                    ball.style.transform = currentTransform.replace('scale(1)', 'scale(1.1)');
                }

                const tooltip = document.createElement('div');
                const ballRect = ball.getBoundingClientRect();
                const viewportWidth = window.innerWidth;

                const showOnLeft = ballRect.right > viewportWidth - 100;
                const left = showOnLeft ? (ballRect.left - 100) : (ballRect.right + 10);

                tooltip.style.cssText = `
                    position: fixed;
                    left: ${left}px;
                    top: ${ballRect.top + ballRect.height / 2}px;
                    transform: translateY(-50%);
                    padding: 6px 12px;
                    background: rgba(0,0,0,0.8);
                    color: white;
                    border-radius: 4px;
                    font-size: 14px;
                    white-space: nowrap;
                    pointer-events: none;
                    z-index: 100000;
                `;
                tooltip.textContent = btn.text;
                document.body.appendChild(tooltip);

                ball.tooltip = tooltip;
            });

            ball.addEventListener('mouseleave', () => {
                const currentTransform = ball.style.transform;
                if (currentTransform.includes('translate')) {
                    ball.style.transform = currentTransform.replace('scale(1.1)', 'scale(1)');
                }
                if (ball.tooltip) {
                    document.body.removeChild(ball.tooltip);
                    ball.tooltip = null;
                }
            });

            ball.addEventListener('click', (e) => {
                e.stopPropagation();
                btn.onClick();
            });

            functionBalls.push(ball);
            container.appendChild(ball);
        });

        function toggleButtons() {
            isExpanded = !isExpanded;
            const radius = 120;

            functionBalls.forEach((ball, index) => {
                if (isExpanded) {
                    const angle = (2 * Math.PI / functionBalls.length) * index;
                    const x = Math.cos(angle) * radius;
                    const y = Math.sin(angle) * radius;

                    ball.style.transform = `translate(${x}px, ${y}px) scale(1)`;
                    ball.style.opacity = '1';
                } else {
                    ball.style.transform = 'translate(0, 0) scale(0)';
                    ball.style.opacity = '0';
                }
            });

            mainBall.style.transform = isExpanded ? 'rotate(180deg)' : 'rotate(0)';
        }

        mainBall.addEventListener('click', (e) => {
            if (!hasDragged) {
                e.stopPropagation();
                toggleButtons();
            }
        });

        let isDragging = false;
        let currentX;
        let currentY;
        let initialX;
        let initialY;
        let dragStartX;
        let dragStartY;
        const DRAG_THRESHOLD = 5;
        let hasDragged = false;

        mainBall.addEventListener('mousedown', dragStart);
        document.addEventListener('mousemove', drag);
        document.addEventListener('mouseup', dragEnd);
        mainBall.addEventListener('touchstart', dragStart, { passive: false });
        document.addEventListener('touchmove', drag, { passive: false });
        document.addEventListener('touchend', dragEnd);

        let touchStartTime = 0;
        let touchStartX = 0;
        let touchStartY = 0;

        function dragStart(e) {
            if (e.type === 'mousedown') {
                initialX = e.clientX - container.offsetLeft;
                initialY = e.clientY - container.offsetTop;
                dragStartX = e.clientX;
                dragStartY = e.clientY;
            } else if (e.type === 'touchstart') {
                e.preventDefault();
                const touch = e.touches[0];
                initialX = touch.clientX - container.offsetLeft;
                initialY = touch.clientY - container.offsetTop;
                dragStartX = touch.clientX;
                dragStartY = touch.clientY;
                touchStartTime = Date.now();
                touchStartX = touch.clientX;
                touchStartY = touch.clientY;
            }

            if (e.target === mainBall) {
                isDragging = true;
                hasDragged = false;
            }
        }

        function drag(e) {
            if (isDragging) {
                e.preventDefault();
                let clientX, clientY;

                if (e.type === 'mousemove') {
                    clientX = e.clientX;
                    clientY = e.clientY;
                } else if (e.type === 'touchmove') {
                    const touch = e.touches[0];
                    clientX = touch.clientX;
                    clientY = touch.clientY;
                }

                currentX = clientX - initialX;
                currentY = clientY - initialY;

                const dragDistance = Math.sqrt(
                    Math.pow(clientX - dragStartX, 2) +
                    Math.pow(clientY - dragStartY, 2)
                );

                if (dragDistance > DRAG_THRESHOLD) {
                    hasDragged = true;
                }

                currentX = Math.min(Math.max(0, currentX), window.innerWidth - container.offsetWidth);
                currentY = Math.min(Math.max(0, currentY), window.innerHeight - container.offsetHeight);

                container.style.left = currentX + 'px';
                container.style.top = currentY + 'px';
            }
        }

        function dragEnd(e) {
            if (e.type === 'touchend' && !hasDragged) {
                const touchEndTime = Date.now();
                const touchDuration = touchEndTime - touchStartTime;

                if (touchDuration < 200) {
                    e.stopPropagation();
                    toggleButtons();
                }
            }

            initialX = currentX;
            initialY = currentY;
            isDragging = false;
        }

        container.appendChild(mainBall);
        document.body.appendChild(container);
    }

    function createProgressBar() {
        const style = document.createElement('style');
        style.textContent = `
            .answer-progress {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 6px;
                background: rgba(0, 0, 0, 0.05);
                z-index: 10000;
                opacity: 0;
                transition: opacity 0.4s ease;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                pointer-events: none;
            }

            .answer-progress-bar {
                height: 100%;
                background: linear-gradient(90deg, #60a5fa, #818cf8);
                width: 0%;
                transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border-radius: 0 3px 3px 0;
                box-shadow: 0 0 8px rgba(96, 165, 250, 0.5);
            }

            .answer-progress-text {
                position: fixed;
                top: 12px;
                right: 20px;
                transform: translateY(-10px);
                background: #4f46e5;
                color: white;
                padding: 6px 12px;
                border-radius: 6px;
                font-size: 13px;
                opacity: 0;
                transition: all 0.4s ease;
                box-shadow: 0 2px 6px rgba(79, 70, 229, 0.3);
                font-weight: bold;
                pointer-events: none;
            }
        `;
        document.head.appendChild(style);

        const progressContainer = document.createElement('div');
        progressContainer.className = 'answer-progress';

        const progressBar = document.createElement('div');
        progressBar.className = 'answer-progress-bar';

        const progressText = document.createElement('div');
        progressText.className = 'answer-progress-text';

        progressContainer.appendChild(progressBar);
        document.body.appendChild(progressContainer);
        document.body.appendChild(progressText);

        return {
            show: () => {
                progressContainer.style.opacity = '1';
                progressText.style.opacity = '1';
                progressText.style.transform = 'translateY(0)';
            },
            hide: () => {
                progressContainer.style.opacity = '0';
                progressText.style.opacity = '0';
                progressText.style.transform = 'translateY(-10px)';
                setTimeout(() => {
                    progressContainer.remove();
                    progressText.remove();
                }, 300);
            },
            update: (current, total, action = '正在填写') => {
                const percent = (current / total) * 100;
                progressBar.style.width = percent + '%';
                progressText.textContent = `${action}: ${current}/${total} 题`;
            }
        };
    }

    addButtons();

    class NotificationAnimator {
        static animations = {
            fadeSlide: {
                enter: {
                    initial: {
                        opacity: '0',
                        transform: 'translateY(-20px)'
                    },
                    final: {
                        opacity: '1',
                        transform: 'translateY(0)'
                    }
                },
                exit: {
                    initial: {
                        opacity: '1',
                        transform: 'translateY(0)'
                    },
                    final: {
                        opacity: '0',
                        transform: 'translateY(-20px)'
                    }
                }
            },
            scale: {
                enter: {
                    initial: {
                        opacity: '0',
                        transform: 'scale(0.8)'
                    },
                    final: {
                        opacity: '1',
                        transform: 'scale(1)'
                    }
                },
                exit: {
                    initial: {
                        opacity: '1',
                        transform: 'scale(1)'
                    },
                    final: {
                        opacity: '0',
                        transform: 'scale(0.8)'
                    }
                }
            },
            slideRight: {
                enter: {
                    initial: {
                        opacity: '0',
                        transform: 'translateX(-100%)'
                    },
                    final: {
                        opacity: '1',
                        transform: 'translateX(0)'
                    }
                },
                exit: {
                    initial: {
                        opacity: '1',
                        transform: 'translateX(0)'
                    },
                    final: {
                        opacity: '0',
                        transform: 'translateX(100%)'
                    }
                }
            }
        };

        static applyAnimation(element, animationType, isEnter) {
            const animation = this.animations[animationType];
            if (!animation) return;

            const { initial, final } = isEnter ? animation.enter : animation.exit;

            Object.assign(element.style, {
                transition: 'all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)',
                ...initial
            });

            requestAnimationFrame(() => {
                Object.assign(element.style, final);
            });
        }
    }

    function getNotificationContainer() {
        let container = document.getElementById('notification-container');
        if (!container) {
            container = document.createElement('div');
            container.id = 'notification-container';
            container.style.cssText = `
                position: fixed;
                top: 20px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 10000;
                max-height: calc(100vh - 40px);
                overflow-y: auto;
                pointer-events: none;
                display: flex;
                flex-direction: column;
                align-items: center;
                opacity: 0;
                transition: opacity 0.3s ease;
            `;
            document.body.appendChild(container);

            container.offsetHeight;
            container.style.opacity = '1';
        }
        return container;
    }

    function showNotification(message, options = {}) {
        const {
            type = 'info',
            duration = 3000,
            keywords = [],
            animation = 'fadeSlide'
        } = options;

        const highlightColors = {
            success: '#ffba08',
            error: '#14b8a6',
            warning: '#8b5cf6',
            info: '#f472b6'
        };

        const highlightColor = highlightColors[type] || highlightColors.info;

        const highlightStyle = `
            color: ${highlightColor};
            font-weight: bold;
            border-bottom: 2px solid ${highlightColor}50;
            transition: all 0.3s ease;
            border-radius: 3px;
        `;

        const highlightedMessage = keywords.reduce((msg, keyword) => {
            if (keyword && keyword.trim()) {
                const regex = new RegExp(keyword.trim(), 'g');
                return msg.replace(regex, `<span style="${highlightStyle}"
                onmouseover="this.style.backgroundColor='${highlightColor}15'; this.style.borderBottomColor='${highlightColor}'"
                onmouseout="this.style.backgroundColor='transparent'; this.style.borderBottomColor='${highlightColor}50'"
            >${keyword}</span>`);
            }
            return msg;
        }, message);

        const notification = document.createElement('div');
        notification.style.position = 'relative';
        notification.style.marginBottom = '10px';
        notification.style.padding = '15px 20px';
        notification.style.borderRadius = '12px';
        notification.style.color = '#333';
        notification.style.fontSize = '16px';
        notification.style.fontWeight = 'bold';
        notification.style.boxShadow = '0 8px 16px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.06)';
        notification.style.pointerEvents = 'auto';
        notification.style.opacity = '0';
        notification.style.transform = 'translateY(-20px)';
        notification.style.transition = 'all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)';
        notification.style.display = 'flex';
        notification.style.alignItems = 'center';
        notification.style.backdropFilter = 'blur(8px)';

        const typeStyles = {
            success: {
                background: 'linear-gradient(145deg, rgba(104, 214, 156, 0.95), rgba(89, 186, 134, 0.95))',
                icon: '🎉'
            },
            error: {
                background: 'linear-gradient(145deg, rgba(248, 113, 113, 0.95), rgba(220, 38, 38, 0.95))',
                icon: '❌'
            },
            warning: {
                background: 'linear-gradient(145deg, rgba(251, 191, 36, 0.95), rgba(245, 158, 11, 0.95))',
                icon: '⚠️'
            },
            info: {
                background: 'linear-gradient(145deg, rgba(96, 165, 250, 0.95), rgba(59, 130, 246, 0.95))',
                icon: 'ℹ️'
            }
        };

        const currentType = typeStyles[type] || typeStyles.info;
        notification.style.background = currentType.background;
        notification.style.color = type === 'info' || type === 'success' ? '#fff' : '#000';

        const progressBar = document.createElement('div');
        progressBar.style.position = 'absolute';
        progressBar.style.bottom = '0';
        progressBar.style.left = '0';
        progressBar.style.height = '4px';
        progressBar.style.width = '100%';
        progressBar.style.background = 'rgba(255, 255, 255, 0.3)';
        progressBar.style.borderRadius = '0 0 12px 12px';
        progressBar.style.transition = `width ${duration}ms cubic-bezier(0.4, 0, 0.2, 1)`;

        const icon = document.createElement('span');
        icon.style.marginRight = '12px';
        icon.style.fontSize = '20px';
        icon.textContent = currentType.icon;
        icon.style.filter = 'saturate(1.2)';

        const messageContainer = document.createElement('div');
        messageContainer.innerHTML = highlightedMessage;
        messageContainer.style.flex = '1';
        messageContainer.style.fontWeight = 'bold';

        const closeBtn = document.createElement('span');
        closeBtn.textContent = '×';
        closeBtn.style.marginLeft = '12px';
        closeBtn.style.fontSize = '24px';
        closeBtn.style.cursor = 'pointer';
        closeBtn.style.opacity = '0.8';
        closeBtn.style.transition = 'opacity 0.2s';
        closeBtn.addEventListener('mouseover', () => {
            closeBtn.style.opacity = '1';
        });
        closeBtn.addEventListener('mouseout', () => {
            closeBtn.style.opacity = '0.8';
        });

        notification.appendChild(icon);
        notification.appendChild(messageContainer);
        notification.appendChild(closeBtn);
        notification.appendChild(progressBar);

        const container = getNotificationContainer();

        container.appendChild(notification);

        requestAnimationFrame(() => {
            notification.style.opacity = '1';
            notification.style.transform = 'translateY(0)';
            requestAnimationFrame(() => {
                progressBar.style.width = '0';
            });
        });

        requestAnimationFrame(() => {
            requestAnimationFrame(() => {
                NotificationAnimator.applyAnimation(notification, animation, true);
            });
        });

        function hideNotification(notification) {
            NotificationAnimator.applyAnimation(notification, animation, false);
            setTimeout(() => {
                container.removeChild(notification);
                if (container.children.length === 0) {
                    document.body.removeChild(container);
                }
            }, 300);
        }

        closeBtn.addEventListener('click', (e) => {
            e.stopPropagation();
            hideNotification(notification);
        });

        notification.addEventListener('click', () => {
            hideNotification(notification);
        });

        if (duration > 0) {
            setTimeout(() => {
                if (container.contains(notification)) {
                    hideNotification(notification);
                }
            }, duration);
        }
    }

    function showConfirmNotification(message, options = {}) {
        const {
            animation = 'scale'
        } = options;

        return new Promise((resolve) => {
            const container = getNotificationContainer();
            const notification = document.createElement('div');

            notification.style.cssText = `
                position: relative;
                margin-bottom: 10px;
                padding: 15px 20px;
                border-radius: 12px;
                color: #333;
                font-size: 16px;
                font-weight: bold;
                box-shadow: 0 8px 16px rgba(0,0,0,0.08);
                pointer-events: auto;
                opacity: 0;
                transform: translateY(-20px);
                transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                display: flex;
                flex-direction: column;
                gap: 10px;
                background: linear-gradient(145deg, rgba(251, 191, 36, 0.95), rgba(245, 158, 11, 0.95));
                backdrop-filter: blur(8px);
            `;

            const messageDiv = document.createElement('div');
            messageDiv.textContent = message;

            const buttonContainer = document.createElement('div');
            buttonContainer.style.cssText = `
                display: flex;
                gap: 10px;
                justify-content: flex-end;
            `;

            const confirmBtn = document.createElement('button');
            confirmBtn.textContent = '确认';
            confirmBtn.style.cssText = `
                padding: 6px 12px;
                border: none;
                border-radius: 6px;
                background: #4f46e5;
                color: white;
                cursor: pointer;
                font-weight: bold;
                transition: all 0.2s ease;
            `;

            const cancelBtn = document.createElement('button');
            cancelBtn.textContent = '取消';
            cancelBtn.style.cssText = `
                padding: 6px 12px;
                border: none;
                border-radius: 6px;
                background: #ef4444;
                color: white;
                cursor: pointer;
                font-weight: bold;
                transition: all 0.2s ease;
            `;

            [confirmBtn, cancelBtn].forEach(btn => {
                btn.onmouseover = () => btn.style.filter = 'brightness(110%)';
                btn.onmouseout = () => btn.style.filter = 'brightness(100%)';
            });

            buttonContainer.appendChild(confirmBtn);
            buttonContainer.appendChild(cancelBtn);

            notification.appendChild(messageDiv);
            notification.appendChild(buttonContainer);
            container.appendChild(notification);

            requestAnimationFrame(() => {
                notification.style.opacity = '1';
                notification.style.transform = 'translateY(0)';
            });

            requestAnimationFrame(() => {
                requestAnimationFrame(() => {
                    NotificationAnimator.applyAnimation(notification, animation, true);
                });
            });

            const hideNotification = (result) => {
                NotificationAnimator.applyAnimation(notification, animation, false);
                setTimeout(() => {
                    container.removeChild(notification);
                    resolve(result);
                }, 300);
            };

            confirmBtn.onclick = () => hideNotification(true);
            cancelBtn.onclick = () => hideNotification(false);
        });
    }

    function getDeviceFingerprint() {
        const screenInfo = `${window.screen.width}x${window.screen.height}x${window.screen.colorDepth}`;
        const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
        const language = navigator.language;
        const platform = navigator.platform;

        return `${screenInfo}-${timeZone}-${language}-${platform}`;
    }

    function generateActivationCode(timestamp) {
        const deviceInfo = getDeviceFingerprint();
        const raw = deviceInfo + timestamp;

        let hash = 0;
        for (let i = 0; i < raw.length; i++) {
            const char = raw.charCodeAt(i);
            hash = ((hash << 5) - hash) + char;
            hash = hash & hash;
        }

        return Math.abs(hash).toString(36).toUpperCase().slice(0, 8);
    }

    function verifyActivationCode(userCode) {
        const currentTimestamp = Math.floor(Date.now() / (1000 * 3600 * 4));
        const currentCode = generateActivationCode(currentTimestamp);
        const previousCode = generateActivationCode(currentTimestamp - 1);

        return userCode === currentCode || userCode === previousCode;
    }

    function promptActivationCode() {
        const modalOverlay = document.createElement('div');
        modalOverlay.style.position = 'fixed';
        modalOverlay.style.top = '0';
        modalOverlay.style.left = '0';
        modalOverlay.style.width = '100%';
        modalOverlay.style.height = '100%';
        modalOverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.75)';
        modalOverlay.style.zIndex = '9999';
        modalOverlay.style.display = 'flex';
        modalOverlay.style.alignItems = 'center';
        modalOverlay.style.justifyContent = 'center';
        modalOverlay.style.opacity = '0';
        modalOverlay.style.transition = 'opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
        modalOverlay.style.backdropFilter = 'blur(8px)';

        const modalContainer = document.createElement('div');
        modalContainer.style.backgroundColor = '#ffffff';
        modalContainer.style.padding = '40px';
        modalContainer.style.borderRadius = '20px';
        modalContainer.style.boxShadow = '0 20px 50px rgba(0,0,0,0.15), 0 0 20px rgba(0,0,0,0.1)';
        modalContainer.style.width = '420px';
        modalContainer.style.maxWidth = '90%';
        modalContainer.style.textAlign = 'center';
        modalContainer.style.position = 'relative';
        modalContainer.style.transform = 'scale(0.8) translateY(20px)';
        modalContainer.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
        modalContainer.style.border = '1px solid rgba(255, 255, 255, 0.1)';

        const modalHeader = document.createElement('div');
        modalHeader.style.marginBottom = '30px';
        modalHeader.style.position = 'relative';

        const icon = document.createElement('div');
        icon.innerHTML = `<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path>
        </svg>`;
        icon.style.marginBottom = '15px';
        icon.style.color = '#4CAF50';

        const closeButton = document.createElement('button');
        closeButton.innerHTML = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="18" y1="6" x2="6" y2="18"></line>
            <line x1="6" y1="6" x2="18" y2="18"></line>
        </svg>`;
        closeButton.style.position = 'absolute';
        closeButton.style.top = '16px';
        closeButton.style.right = '16px';
        closeButton.style.padding = '8px';
        closeButton.style.border = 'none';
        closeButton.style.background = 'transparent';
        closeButton.style.cursor = 'pointer';
        closeButton.style.color = '#9e9e9e';
        closeButton.style.transition = 'all 0.2s ease';
        closeButton.style.display = 'flex';
        closeButton.style.alignItems = 'center';
        closeButton.style.justifyContent = 'center';
        closeButton.style.width = '32px';
        closeButton.style.height = '32px';
        closeButton.style.borderRadius = '8px';

        closeButton.addEventListener('mouseenter', () => {
            closeButton.style.background = '#f5f5f5';
            closeButton.style.color = '#666';
            closeButton.style.transform = 'rotate(90deg)';
        });

        closeButton.addEventListener('mouseleave', () => {
            closeButton.style.background = 'transparent';
            closeButton.style.color = '#9e9e9e';
            closeButton.style.transform = 'rotate(0deg)';
        });

        closeButton.addEventListener('mousedown', () => {
            closeButton.style.transform = 'rotate(90deg) scale(0.9)';
        });

        closeButton.addEventListener('mouseup', () => {
            closeButton.style.transform = 'rotate(90deg) scale(1)';
        });

        const title = document.createElement('h2');
        title.textContent = '输入激活码';
        title.style.fontSize = '24px';
        title.style.fontWeight = '600';
        title.style.color = '#333';
        title.style.margin = '0 0 8px 0';

        const subtitle = document.createElement('p');
        subtitle.textContent = '请输入激活码以继续使用完整功能';
        subtitle.style.color = '#666';
        subtitle.style.fontSize = '14px';
        subtitle.style.margin = '0';

        const infoMessage = document.createElement('p');
        infoMessage.innerHTML = '激活码免费获取，主要用于防滥用，请移步<a href="https://zygame1314.site" target="_blank" style="color: #4CAF50; text-decoration: none;">我的主页</a>';
        infoMessage.style.color = '#666';
        infoMessage.style.fontSize = '14px';
        infoMessage.style.margin = '10px 0 0 0';

        const tipMessage = document.createElement('p');
        tipMessage.innerHTML = '据说只要表达对小雅的爱，就可以用上测试功能哦~';
        tipMessage.style.color = '#666';
        tipMessage.style.fontSize = '14px';
        tipMessage.style.margin = '10px 0 0 0';

        const inputContainer = document.createElement('div');
        inputContainer.style.position = 'relative';
        inputContainer.style.marginTop = '25px';

        const input = document.createElement('input');
        input.type = 'text';
        input.placeholder = '请输入激活码';
        input.style.width = '100%';
        input.style.padding = '15px 20px';
        input.style.border = '2px solid #e0e0e0';
        input.style.borderRadius = '12px';
        input.style.fontSize = '16px';
        input.style.backgroundColor = '#f8f9fa';
        input.style.transition = 'all 0.3s ease';
        input.style.boxSizing = 'border-box';
        input.style.outline = 'none';

        input.addEventListener('focus', () => {
            input.style.border = '2px solid #4CAF50';
            input.style.backgroundColor = '#ffffff';
            input.style.boxShadow = '0 0 0 4px rgba(76, 175, 80, 0.1)';
        });

        input.addEventListener('blur', () => {
            input.style.border = '2px solid #e0e0e0';
            input.style.backgroundColor = '#f8f9fa';
            input.style.boxShadow = 'none';
        });

        const confirmButton = document.createElement('button');
        confirmButton.textContent = '激活';
        confirmButton.style.width = '100%';
        confirmButton.style.padding = '15px';
        confirmButton.style.marginTop = '20px';
        confirmButton.style.border = 'none';
        confirmButton.style.borderRadius = '12px';
        confirmButton.style.backgroundColor = '#4CAF50';
        confirmButton.style.color = '#fff';
        confirmButton.style.fontSize = '16px';
        confirmButton.style.fontWeight = '600';
        confirmButton.style.cursor = 'pointer';
        confirmButton.style.transition = 'all 0.3s ease';
        confirmButton.style.transform = 'translateY(0)';
        confirmButton.style.boxShadow = '0 4px 12px rgba(76, 175, 80, 0.2)';

        let isLoading = false;
        const setLoadingState = (loading) => {
            isLoading = loading;
            if (loading) {
                confirmButton.innerHTML = '<span class="loading"></span>验证中...';
                confirmButton.style.backgroundColor = '#45a049';
                confirmButton.disabled = true;
            } else {
                confirmButton.textContent = '激活';
                confirmButton.style.backgroundColor = '#4CAF50';
                confirmButton.disabled = false;
            }
        };

        const style = document.createElement('style');
        style.textContent = `
            .loading {
                display: inline-block;
                width: 20px;
                height: 20px;
                border: 3px solid rgba(255,255,255,.3);
                border-radius: 50%;
                border-top-color: #fff;
                animation: spin 1s ease-in-out infinite;
                margin-right: 8px;
                vertical-align: middle;
            }
            @keyframes spin {
                to { transform: rotate(360deg); }
            }
        `;
        document.head.appendChild(style);

        modalHeader.appendChild(icon);
        modalHeader.appendChild(title);
        modalHeader.appendChild(subtitle);
        modalHeader.appendChild(infoMessage);
        modalHeader.appendChild(tipMessage);
        modalContainer.appendChild(modalHeader);
        modalContainer.appendChild(closeButton);
        inputContainer.appendChild(input);
        modalContainer.appendChild(inputContainer);
        modalContainer.appendChild(confirmButton);
        modalOverlay.appendChild(modalContainer);
        document.body.appendChild(modalOverlay);

        requestAnimationFrame(() => {
            modalOverlay.style.opacity = '1';
            modalContainer.style.transform = 'scale(1) translateY(0)';
        });

        function closeModal() {
            modalOverlay.style.opacity = '0';
            modalContainer.style.transform = 'scale(0.8) translateY(20px)';
            setTimeout(() => {
                document.body.removeChild(modalOverlay);
                document.head.removeChild(style);
            }, 400);
        }

        closeButton.addEventListener('click', () => {
            closeModal();
            showNotification('请输入激活码。', { type: 'warning', keywords: ['激活码'], animation: 'scale' });
        });

        modalOverlay.addEventListener('click', (e) => {
            if (e.target === modalOverlay) {
                closeModal();
                showNotification('请输入激活码。', { type: 'warning', keywords: ['激活码'], animation: 'scale' });
            }
        });

        confirmButton.addEventListener('click', () => {
            const userCode = input.value.trim();
            if (userCode) {
                setLoadingState(true);

                setTimeout(() => {
                    if (userCode === 'ILOVEXIAOYA') {
                        isActivated = true;
                        localStorage.setItem('isActivated', 'true');
                        localStorage.setItem('activationTime', Date.now().toString());
                        localStorage.setItem('activationCode', userCode);
                        showNotification('🌟 授权成功！欢迎回来！页面将于2s后刷新以激活隐藏功能！', {
                            type: 'success',
                            keywords: ['超级权限', '授权成功'],
                            duration: 2000,
                            animation: 'scale'
                        });
                        closeModal();
                        setTimeout(() => {
                            location.reload();
                        }, 2000);
                        getAndStoreAnswers();
                    } else if (verifyActivationCode(userCode)) {
                        isActivated = true;
                        localStorage.setItem('isActivated', 'true');
                        localStorage.setItem('activationTime', Date.now().toString());
                        showNotification('激活成功！', { type: 'success', keywords: ['激活', '成功'], animation: 'scale' });
                        closeModal();
                        getAndStoreAnswers();
                    } else {
                        setLoadingState(false);
                        input.style.border = '2px solid #ff4444';
                        input.style.backgroundColor = '#fff8f8';
                        showNotification('激活码不正确或已过期，请重试。', {
                            type: 'error',
                            keywords: ['激活码', '不正确', '过期'],
                            animation: 'scale'
                        });
                        input.focus();
                    }
                }, 500);
            } else {
                input.style.border = '2px solid #ff4444';
                input.style.backgroundColor = '#fff8f8';
                showNotification('请输入激活码。', { type: 'warning', keywords: ['激活码'], animation: 'fadeSlide' });
                input.focus();
            }
        });

        input.addEventListener('keypress', (e) => {
            if (e.key === 'Enter' && !isLoading) {
                confirmButton.click();
            }
        });
    }

    let taskNoticesCache = {
        groupId: null,
        data: null,
        timestamp: null,
        CACHE_DURATION: 5 * 60 * 1000
    };

    async function getTaskNotices(groupId) {
        const now = Date.now();
        if (
            taskNoticesCache.groupId === groupId &&
            taskNoticesCache.data &&
            (now - taskNoticesCache.timestamp) < taskNoticesCache.CACHE_DURATION
        ) {
            return taskNoticesCache.data;
        }

        try {
            const response = await fetch(
                `${window.location.origin}/api/jx-stat/group/task/queryTaskNotices?group_id=${groupId}&role=1`,
                {
                    headers: {
                        'authorization': `Bearer ${getToken()}`,
                        'content-type': 'application/json; charset=utf-8'
                    }
                }
            );

            const data = await response.json();
            if (!data.success) {
                throw new Error('获取作业信息失败');
            }

            taskNoticesCache = {
                groupId,
                data: data.data,
                timestamp: now,
                CACHE_DURATION: taskNoticesCache.CACHE_DURATION
            };

            return data.data;
        } catch (error) {
            console.error('获取任务信息失败:', error);
            return null;
        }
    }

    async function checkAssignmentStatus(groupId, nodeId) {
        try {
            const data = await getTaskNotices(groupId);
            if (!data) return null;

            const tasks = data.student_tasks || [];
            const task = tasks.find(t => t.node_id === nodeId);

            if (task) {
                const endTime = new Date(task.end_time);
                const now = new Date();
                const isExpired = now > endTime;
                const isCompleted = task.finish === 2;

                return {
                    isExpired,
                    isCompleted,
                    canSubmitAfterExpired: task.is_allow_after_submitted,
                    endTime,
                    status: isCompleted ? '已完成' : (isExpired ? '已截止' : '进行中')
                };
            }

            throw new Error('未找到作业信息');
        } catch (error) {
            console.error('检查作业状态失败:', error);
            return null;
        }
    }

    async function createRecord(paperId, groupId, token, forceCreate = false) {
        try {
            const currentUrl = window.location.href;
            const nodeId = getNodeIDFromUrl(currentUrl);

            if (!forceCreate) {
                const status = await checkAssignmentStatus(groupId, nodeId);
                if (status) {
                    if (status.isCompleted) {
                        showNotification(`该作业已完成，将不会创建答题记录，仅可查看答案。`, {
                            type: 'warning',
                            keywords: ['已完成'],
                            animation: 'scale'
                        });
                        return null;
                    }
                    if (status.isExpired) {
                        if (!status.canSubmitAfterExpired) {
                            showNotification(`作业已于 ${status.endTime.toLocaleString()} 截止，且不允许补交，仅可查看答案。`, {
                                type: 'warning',
                                keywords: ['截止', '不允许补交'],
                                animation: 'fadeSlide'
                            });
                            return null;
                        }
                        showNotification(`作业已于 ${status.endTime.toLocaleString()} 截止，但允许补交。`, {
                            type: 'info',
                            keywords: ['截止', '允许补交'],
                            animation: 'slideRight'
                        });
                    }
                }
            }

            const response = await fetch(`${window.location.origin}/api/jx-iresource/survey/createRecord`, {
                method: 'POST',
                headers: {
                    'accept': '*/*',
                    'authorization': `Bearer ${token}`,
                    'content-type': 'application/json; charset=UTF-8'
                },
                body: JSON.stringify({
                    paper_id: paperId,
                    group_id: groupId
                }),
                credentials: 'include'
            });

            const data = await response.json();
            if (!data.success) {
                throw new Error(data.message || '创建记录失败');
            }
            return data.data.id;

        } catch (error) {
            console.error('创建记录请求失败:', error);
            throw error;
        }
    }

    async function getAndStoreAnswers() {
        if (!isActivated) {
            promptActivationCode();
            return;
        }

        const taskElement = document.querySelector('#xy_app_content > div.ta-frame > div.ta_panel.ta_panel_group.ta_group > section > section > main > div > div.group-resource-header.flex_panel.hor > div.flex_align_center > div.entry_task_btn');
        if (!taskElement) {
            showNotification('请确保在作业页面操作！', {
                type: 'warning',
                keywords: ['作业页面'],
                animation: 'scale'
            });
            return;
        }

        const token = getToken();
        if (!token) {
            showNotification('无法获取token，请确保已登录。', {
                type: 'error',
                keywords: ['token', '登录'],
                animation: 'fadeSlide'
            });
            return;
        }

        const currentUrl = window.location.href;
        const node_id = getNodeIDFromUrl(currentUrl);
        const group_id = getGroupIDFromUrl(currentUrl);

        if (!node_id || !group_id) {
            showNotification('无法获取必要参数，请确保在正确的页面。', {
                type: 'error',
                keywords: ['参数'],
                animation: 'slideRight'
            });
            return;
        }

        try {
            const resourceData = await fetch(
                `${window.location.origin}/api/jx-iresource/resource/queryResource?node_id=${node_id}`,
                {
                    headers: {
                        'authorization': `Bearer ${token}`,
                        'content-type': 'application/json; charset=utf-8'
                    },
                    credentials: 'include'
                }
            ).then(res => res.json());

            if (!resourceData.success) {
                throw new Error('获取试卷资源失败');
            }

            const paperId = resourceData.data.resource.id;
            const recordId = await createRecord(paperId, group_id, token);

            localStorage.setItem('recordId', recordId || '');
            localStorage.setItem('groupId', group_id);
            localStorage.setItem('paperId', paperId);
            localStorage.setItem('assignmentTitle', resourceData.data.resource.title || '作业答案');
            localStorage.setItem('answerData', JSON.stringify(resourceData.data.resource.questions));

            showNotification('答案数据获取成功！', { type: 'success', keywords: ['答案', '获取'], animation: 'slideRight' });
            return true;

        } catch (error) {
            console.error('获取数据失败:', error);
            showNotification('获取数据失败，请查看控制台。', {
                type: 'error',
                keywords: ['获取', '失败'],
                animation: 'scale'
            });
            return false;
        }
    }

    async function fillAnswers() {
        const answerData = JSON.parse(localStorage.getItem('answerData'));
        const recordId = localStorage.getItem('recordId');
        const groupId = localStorage.getItem('groupId');
        const paperId = localStorage.getItem('paperId');

        if (!answerData || !recordId || !groupId || !paperId) {
            showNotification('缺少必要数据，请先获取答案或检查作业状态。', {
                type: 'error',
                keywords: ['数据', '获取', '检查'],
                animation: 'scale'
            });
            return;
        }

        const token = getToken();
        if (!token) {
            showNotification('无法获取token。', {
                type: 'error',
                keywords: ['token'],
                animation: 'slideRight'
            });
            return;
        }

        const progress = createProgressBar();
        progress.show();

        try {
            let completedCount = 0;
            const totalQuestions = answerData.length;

            const batchSize = 10;
            for (let i = 0; i < answerData.length; i += batchSize) {
                const batch = answerData.slice(i, i + batchSize);

                await Promise.all(batch.map(async question => {
                    await submitAnswer(question, recordId, groupId, paperId, token);
                    completedCount++;
                    progress.update(completedCount, totalQuestions);
                }));
            }

            progress.hide();

            showNotification('答案填写完成！页面将于0.5s后刷新。', {
                type: 'success',
                keywords: ['答案', '填写', '刷新'],
                animation: 'slideRight'
            });

            setTimeout(() => {
                location.reload();
            }, 500);
        } catch (error) {
            progress.hide();
            console.error('填写答案失败:', error);
            showNotification('填写答案失败，请查看控制台。', {
                type: 'error',
                keywords: ['填写', '失败'],
                animation: 'scale'
            });
        }
    }

    async function submitAnswer(question, recordId, groupId, paperId, token) {
        let answer;
        let extAnswer = '';

        switch (question.type) {
            case 1: {
                answer = [question.answer_items.find(item => item.answer_checked === 2)?.id];
                break;
            }
            case 2: {
                answer = question.answer_items.filter(item => item.answer_checked === 2).map(item => item.id);
                break;
            }
            case 4: {
                const fillObject = {};
                question.answer_items.forEach(item => {
                    fillObject[item.id] = item.answer;
                });
                answer = [fillObject];
                break;
            }
            case 5: {
                answer = [question.answer_items.find(item => item.answer_checked === 2)?.id];
                break;
            }
            case 6: {
                answer = [question.answer_items[0].answer];
                break;
            }
            case 9: {
                if (question.subQuestions && question.subQuestions.length > 0) {
                    for (const subQuestion of question.subQuestions) {
                        await submitAnswer(subQuestion, recordId, groupId, paperId, token);
                    }
                }
                return;
            }
            case 12: {
                answer = question.answer_items
                    .sort((a, b) => parseInt(a.answer) - parseInt(b.answer))
                    .map(item => item.id);
                break;
            }
            case 13: {
                const matchObject = {};
                question.answer_items
                    .filter(item => !item.is_target_opt && item.answer)
                    .forEach(item => {
                        matchObject[item.id] = item.answer;
                    });
                if (Object.keys(matchObject).length > 0) {
                    answer = [matchObject];
                } else {
                    return;
                }
                break;
            }
            default:
                return;
        }

        const requestBody = {
            record_id: recordId,
            question_id: question.id,
            answer: answer,
            ext_answer: extAnswer,
            group_id: groupId,
            paper_id: paperId,
            is_try: 0
        };

        return fetch(`${window.location.origin}/api/jx-iresource/survey/answer`, {
            method: 'POST',
            headers: {
                'accept': '*/*',
                'authorization': `Bearer ${token}`,
                'content-type': 'application/json; charset=UTF-8'
            },
            body: JSON.stringify(requestBody)
        });
    }

    async function enableMakeup() {
        try {
            const taskElement = document.querySelector('#xy_app_content > div.ta-frame > div.ta_panel.ta_panel_group.ta_group > section > section > main > div > div.group-resource-header.flex_panel.hor > div.flex_align_center > div.entry_task_btn');
            if (!taskElement) {
                showNotification('请确保在作业页面操作！', {
                    type: 'warning',
                    keywords: ['作业页面'],
                    animation: 'scale'
                });
                return;
            }

            const currentUrl = window.location.href;
            const node_id = getNodeIDFromUrl(currentUrl);
            const group_id = getGroupIDFromUrl(currentUrl);

            if (!node_id || !group_id) {
                showNotification('无法获取当前课程信息，请确保在正确的页面', {
                    type: 'error',
                    keywords: ['课程信息'],
                    animation: 'fadeSlide'
                });
                return;
            }

            const token = getToken();
            if (!token) {
                showNotification('获取token失败，请重新登录', {
                    type: 'error',
                    keywords: ['token', '登录'],
                    animation: 'slideRight'
                });
                return;
            }

            const resourceData = await fetch(
                `${window.location.origin}/api/jx-iresource/resource/queryResource?node_id=${node_id}`,
                {
                    headers: {
                        'authorization': `Bearer ${token}`,
                        'content-type': 'application/json; charset=utf-8'
                    }
                }
            ).then(res => res.json());

            if (!resourceData.success) {
                throw new Error('获取试卷资源失败');
            }

            const paperId = resourceData.data.resource.id;

            const status = await checkAssignmentStatus(group_id, node_id);
            if (status) {
                if (status.isCompleted) {
                    const confirmed = await showConfirmNotification(
                        `该作业已完成，创建补交记录将导致状态变为"正在答题"。是否继续？`,
                        {
                            type: 'warning',
                            keywords: ['已完成', '补交记录'],
                            animation: 'scale'
                        }
                    );
                    if (!confirmed) return;
                }
                if (status.isExpired && !status.canSubmitAfterExpired) {
                    showNotification(`作业已于 ${status.endTime.toLocaleString()} 截止，且教师设置不允许补交。`, {
                        type: 'error',
                        keywords: ['截止', '不允许'],
                        animation: 'slideRight'
                    });
                    return;
                }
            }

            const recordId = await createRecord(paperId, group_id, token, true);

            if (recordId) {
                localStorage.setItem('recordId', recordId);
                localStorage.setItem('groupId', group_id);
                localStorage.setItem('paperId', paperId);
                localStorage.setItem('assignmentTitle', resourceData.data.resource.title || '作业答案');
                localStorage.setItem('answerData', JSON.stringify(resourceData.data.resource.questions));

                showNotification('已创建新的答题记录，可以开始补交了。', {
                    type: 'success',
                    keywords: ['补交', '记录'],
                    animation: 'slideRight'
                });
            }

        } catch (error) {
            console.error('创建失败:', error);
            showNotification(`创建记录失败，请刷新页面重试。`, {
                type: 'error',
                keywords: ['创建', '失败'],
                animation: 'scale'
            });
        }
    }

    async function submitHomework() {
        const recordId = localStorage.getItem('recordId');
        const groupId = localStorage.getItem('groupId');

        if (!recordId || !groupId) {
            showNotification('未找到记录，请先创建记录并填写答案。', {
                type: 'error',
                keywords: ['记录', '创建记录'],
                animation: 'scale'
            });
            return;
        }

        const confirmed = await showConfirmNotification(
            '确定要提交补交作业吗？提交后将覆盖先前数据。',
            {
                type: 'warning',
                keywords: ['提交', '补交作业', '覆盖'],
                animation: 'scale'
            }
        );

        if (!confirmed) return;

        try {
            const token = getToken();
            if (!token) {
                showNotification('无法获取令牌，请确保已登录。', {
                    type: 'error',
                    keywords: ['令牌', '登录'],
                    animation: 'scale'
                });
                return;
            }

            const response = await fetch(`${window.location.origin}/api/jx-iresource/survey/submit`, {
                method: 'POST',
                headers: {
                    'accept': '*/*',
                    'authorization': `Bearer ${token}`,
                    'content-type': 'application/json; charset=UTF-8'
                },
                body: JSON.stringify({
                    record_id: recordId,
                    group_id: groupId
                }),
                credentials: 'include'
            });

            const result = await response.json();

            if (result.success) {
                showNotification('作业提交成功！1s后刷新。', {
                    type: 'success',
                    keywords: ['作业', '提交', '成功'],
                    animation: 'scale'
                });
                setTimeout(() => {
                    location.reload();
                }, 1000);
            } else {
                throw new Error(result.message || '提交失败');
            }

        } catch (error) {
            console.error('提交作业失败:', error);
            showNotification(`提交失败，补交记录已失效，请创建新记录。`, {
                type: 'error',
                keywords: ['提交', '失败', '记录'],
                animation: 'fadeSlide'
            });
        }
    }

    function getToken() {
        const cookies = document.cookie.split('; ');
        for (let cookie of cookies) {
            const [name, value] = cookie.split('=');
            if (name.includes('prd-access-token')) {
                return value;
            }
        }
        return null;
    }

    function parseRichText(content) {
        try {
            let jsonContent = JSON.parse(content);
            let text = '';
            jsonContent.blocks.forEach((block) => {
                text += block.text + '\n';
            });
            return text.trim();
        } catch (e) {
            return content;
        }
    }

    function parseRichTextForDisplay(content) {
        try {
            let jsonContent = JSON.parse(content);
            let result = '';

            jsonContent.blocks.forEach((block) => {
                if (block.type === 'atomic' && block.data && block.data.type === 'IMAGE') {
                    let imageSrc = block.data.src;
                    let fileIdMatch = imageSrc.match(/\/cloud\/file_access\/(\d+)/);

                    if (fileIdMatch && fileIdMatch[1]) {
                        let fileId = fileIdMatch[1];
                        let randomParam = Date.now();
                        let imageUrl = `${window.location.origin}/api/jx-oresource/cloud/file_access/${fileId}?random=${randomParam}`;

                        result += `
                            <div style="margin: 10px 0;">
                                <img src="${imageUrl}"
                                     alt="选项图片"
                                     style="max-width: 100%;
                                            height: auto;
                                            border-radius: 8px;
                                            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                                            transition: transform 0.3s ease;"
                                     onmouseover="this.style.transform='scale(1.02)'"
                                     onmouseout="this.style.transform='scale(1)'"
                                     onerror="this.onerror=null; this.src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PjxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iMS41Ij48L2NpcmNsZT48cG9seWxpbmUgcG9pbnRzPSIyMSAxNSAxNiAxMCA1IDIxIj48L3BvbHlsaW5lPjwvc3ZnPg=='"/>
                            </div>`;
                    } else {
                        result += '<div style="color:#666;font-style:italic;">[图片加载失败]</div>';
                    }
                } else {
                    result += block.text.replace(/\n/g, '<br>');
                }
            });

            return result;
        } catch (e) {
            return content;
        }
    }

    function getNodeIDFromUrl(url) {
        let nodeId = null;
        let urlObj = new URL(url);
        let pathParts = urlObj.pathname.split('/').filter(part => part);

        nodeId = pathParts[pathParts.length - 1];
        return nodeId;
    }

    function getGroupIDFromUrl(url) {
        const match = url.match(/mycourse\/(\d+)/);
        return match ? match[1] : null;
    }

    function addKeyboardShortcuts() {
        document.addEventListener('keydown', function (e) {
            if (e.ctrlKey && e.shiftKey && !e.altKey) {
                switch (e.key.toLowerCase()) {
                    case 'a':
                        e.preventDefault();
                        getAndStoreAnswers();
                        break;
                    case 'f':
                        e.preventDefault();
                        fillAnswers();
                        break;
                    case 'e':
                        e.preventDefault();
                        showAnswerEditor();
                        break;
                    case 'q':
                        e.preventDefault();
                        exportHomework();
                        break;
                    default:
                        break;
                }
            }
        });
    }

    addKeyboardShortcuts();

    function showTutorial() {
        const style = document.createElement('style');
        style.textContent = `
            @keyframes modalFadeIn {
                from { opacity: 0; transform: scale(0.8); }
                to { opacity: 1; transform: scale(1); }
            }

            @keyframes floatAnimation {
                0% { transform: translateY(0px); }
                50% { transform: translateY(-10px); }
                100% { transform: translateY(0px); }
            }

            .highlight-text {
                background: linear-gradient(120deg, rgba(255,223,186,0.6) 0%, rgba(255,223,186,0) 100%);
                padding: 0 4px;
            }

            .feature-icon {
                display: inline-block;
                width: 24px;
                height: 24px;
                margin-right: 8px;
                vertical-align: middle;
                animation: floatAnimation 3s ease-in-out infinite;
            }
        `;
        document.head.appendChild(style);

        let modalOverlay = document.createElement('div');
        modalOverlay.style.position = 'fixed';
        modalOverlay.style.top = '0';
        modalOverlay.style.left = '0';
        modalOverlay.style.width = '100%';
        modalOverlay.style.height = '100%';
        modalOverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.65)';
        modalOverlay.style.zIndex = '10000';
        modalOverlay.style.display = 'flex';
        modalOverlay.style.alignItems = 'center';
        modalOverlay.style.justifyContent = 'center';
        modalOverlay.style.opacity = '0';
        modalOverlay.style.backdropFilter = 'blur(5px)';
        modalOverlay.style.transition = 'opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1)';

        let modalContent = document.createElement('div');
        modalContent.style.backgroundColor = '#fff';
        modalContent.style.borderRadius = '16px';
        modalContent.style.width = '90%';
        modalContent.style.maxWidth = '680px';
        modalContent.style.maxHeight = '85vh';
        modalContent.style.overflowY = 'auto';
        modalContent.style.padding = '32px';
        modalContent.style.boxShadow = '0 20px 50px rgba(0, 0, 0, 0.2)';
        modalContent.style.position = 'relative';
        modalContent.style.transform = 'scale(0.8)';
        modalContent.style.opacity = '0';
        modalContent.style.animation = 'modalFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards';
        modalContent.style.background = 'linear-gradient(135deg, #fff 0%, #f8f9fa 100%)';

        let closeButton = document.createElement('button');
        closeButton.innerHTML = '×';
        closeButton.style.position = 'absolute';
        closeButton.style.top = '20px';
        closeButton.style.right = '20px';
        closeButton.style.fontSize = '28px';
        closeButton.style.border = 'none';
        closeButton.style.background = 'none';
        closeButton.style.cursor = 'pointer';
        closeButton.style.color = '#666';
        closeButton.style.width = '40px';
        closeButton.style.height = '40px';
        closeButton.style.borderRadius = '50%';
        closeButton.style.transition = 'all 0.3s ease';

        closeButton.onmouseover = () => {
            closeButton.style.backgroundColor = '#f0f0f0';
            closeButton.style.transform = 'rotate(90deg)';
        };
        closeButton.onmouseout = () => {
            closeButton.style.backgroundColor = 'transparent';
            closeButton.style.transform = 'rotate(0deg)';
        };

        closeButton.onclick = () => {
            modalContent.style.transform = 'scale(0.8)';
            modalContent.style.opacity = '0';
            modalOverlay.style.opacity = '0';
            setTimeout(() => document.body.removeChild(modalOverlay), 400);
        };

        let tutorialContent = document.createElement('div');
        tutorialContent.innerHTML = `
            <h2 style="margin: 0 0 24px 0; color: #1a1a1a; font-weight: 700; font-size: 28px;
                    background: linear-gradient(120deg, #2b5876 0%, #4e4376 100%);
                    -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
                ✨ 使用指南
            </h2>

            <p style="color: #444; line-height: 1.8; font-size: 16px;">
                欢迎使用 <span class="highlight-text" style="font-weight: 600;">小雅答答答</span> 答题助手！
                这里有一些可能帮得上你的信息～
            </p>

            <div style="margin: 32px 0; padding: 20px; background: #f8f9fa; border-radius: 12px; border-left: 4px solid #4e4376;">
                <h3 style="margin: 0 0 16px 0; color: #2b5876; display: flex; align-items: center;">
                    <span class="feature-icon">🎯</span> 核心功能
                </h3>
                <ol style="padding-left: 24px; color: #444; line-height: 1.8; margin: 0;">
                    <li><strong>获取答案</strong> - 答案在手，底气满满</li>
                    <li><strong>填写答案</strong> - 智能填写，快速完成</li>
                    <li><strong>编辑答案</strong> - 调整内容，应对自如</li>
                    <li><strong>导出作业</strong> - 一键导出，便捷保存</li>
                    <li><strong>使用指南</strong> - 随时查看，贴心帮助</li>
                </ol>
            </div>

            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 32px 0;">
                <div style="padding: 24px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);">
                    <h3 style="margin: 0 0 16px 0; color: #2b5876; display: flex; align-items: center;">
                        <span class="feature-icon">📝</span> 支持题型
                    </h3>
                    <ul style="padding-left: 20px; color: #444; line-height: 1.8; margin: 0;">
                        <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">单选题、多选题、填空题、判断题、简答题、数组题、排序题、匹配题</li>
                        <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">剩余题型可查看解析（如果有）</li>
                    </ul>
                </div>

                <div style="padding: 24px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);">
                    <h3 style="margin: 0 0 16px 0; color: #2b5876; display: flex; align-items: center;">
                        <span class="feature-icon">⌨️</span> 快捷键
                    </h3>
                    <ul style="padding-left: 20px; color: #444; line-height: 1.8; margin: 0;">
                        <li><strong>Ctrl + Shift + A</strong>: 获取答案</li>
                        <li><strong>Ctrl + Shift + F</strong>: 填写答案</li>
                        <li><strong>Ctrl + Shift + E</strong>: 编辑答案</li>
                        <li><strong>Ctrl + Shift + Q</strong>: 导出作业</li>
                    </ul>
                </div>
            </div>

            <div style="margin: 32px 0; padding: 24px; background: #ffffff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
                <h3 style="margin: 0 0 20px 0; color: #2b5876; display: flex; align-items: center; font-size: 18px;">
                    <span class="feature-icon" style="margin-right: 8px;">💡</span> 使用提示
                </h3>
                <ul style="padding-left: 20px; color: #555; line-height: 1.8; margin: 0;">
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">请确保已登录并有权限获取题目答案</li>
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">必须定位至作业资源才能获取到答案</li>
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">获取答案后需进入答题页面再点击填写</li>
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">部分题型可能需要手动检查</li>
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">清空答案会刷新页面，请注意保存信息</li>
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">AI答题能力有限，建议仅用于简答题，复杂题目请谨慎使用</li>
                    <li style="border-bottom: 1px solid #edf0f2; padding: 12px 0;">若需将导出的作业导入其他题库软件，请先手动打开并随意编辑保存一次，以确保图片等内容能被正确识别</li>
                </ul>

                <div style="margin-top: 20px; padding: 16px; background: #fff2f0; border: 1px solid #ffccc7; border-radius: 8px;">
                    <div style="color: #ff4d4f; font-weight: bold; margin-bottom: 12px;">
                        ⚠️ 补交功能使用警告：
                    </div>
                    <ul style="padding-left: 20px; margin: 0; color: #cf1322;">
                        <li style="padding: 12px; margin-bottom: 8px; background: #fff6f6; border-radius: 6px; border-left: 3px solid #ff7875;">
                            <span style="color: #ff4d4f; font-weight: bold;">⚠️ 前提条件：</span>老师允许作业可以补交
                        </li>

                        <li style="padding: 12px; margin-bottom: 8px; background: #fff6f6; border-radius: 6px;">
                            ❌ 大型作业和不支持的题型无法编辑！
                        </li>

                        <li style="padding: 12px; margin-bottom: 8px; background: #fff6f6; border-radius: 6px;">
                            ⚠️ 使用补交后作业将被标记为"不完全的未完成"状态，只能通过脚本编辑
                        </li>

                        <li style="padding: 12px; margin-bottom: 8px; background: #fff6f6; border-radius: 6px;">
                            <div style="margin-bottom: 8px;">📝 已完成作业误创建补交记录的处理方案（也许你是故意的）：</div>
                            <div style="padding-left: 12px;">1. 放置不管 → 会变为"正在答题"状态</div>
                            <div style="padding-left: 12px;">2. 重新补交 → 会增加"补交"标签</div>
                            <div style="padding-left: 12px;">3. 覆盖了原有答案 → 简单题型可以用脚本编辑补救，复杂题型（比如附件题）就寄咯</div>
                        </li>

                        <li style="padding: 12px; margin-bottom: 8px; background: #fff6f6; border-radius: 6px;">
                            ⚠️ 仅支持通过脚本的"上传补交作业"功能提交补交数据，无法通过小雅直接提交。
                        </li>

                        <li style="padding: 12px; background: linear-gradient(to right, #ffd6e7, #fff6f6); border-radius: 6px; font-weight: 500; text-align: center;">
                            💝 我怎么没看到补交？那是因为你还不够爱小雅～
                        </li>
                    </ul>
                </div>
            </div>

            <div style="margin-top: 32px; padding: 24px; background: #fff; border-radius: 12px; border: 1px dashed #4e4376;">
                <h3 style="margin: 0 0 16px 0; color: #2b5876; display: flex; align-items: center;">
                    <span class="feature-icon">🤝</span> 需要帮助？
                </h3>
                <p style="color: #444; line-height: 1.8; margin: 0;">
                    发送邮件至 <a href="mailto:zygame1314@gmail.com"
                            style="color: #4e4376; text-decoration: none; border-bottom: 1px dashed #4e4376;">
                        zygame1314@gmail.com
                    </a>
                    或访问
                    <a href="https://zygame1314.site" target="_blank"
                    style="color: #4e4376; text-decoration: none; border-bottom: 1px dashed #4e4376;">
                        我的个人主页
                    </a>
                </p>
            </div>

            <p style="margin: 32px 0 0 0; text-align: center; color: #666;">别太依赖脚本哦，多动脑才是真本事！😉</p>
            <p style="color: #999; font-size: 14px; text-align: center; margin-top: 10px;">
                版权 © zygame1314 保留所有权利。
            </p>
        `;

        tutorialContent.style.fontSize = '16px';
        tutorialContent.style.lineHeight = '1.6';

        modalContent.style.scrollbarWidth = 'thin';
        modalContent.style.scrollbarColor = '#4e4376 #f1f1f1';

        const scrollbarStyles = `
            .tutorial-modal::-webkit-scrollbar {
                width: 8px;
            }
            .tutorial-modal::-webkit-scrollbar-track {
                background: #f1f1f1;
                border-radius: 4px;
            }
            .tutorial-modal::-webkit-scrollbar-thumb {
                background: #4e4376;
                border-radius: 4px;
            }
        `;
        style.textContent += scrollbarStyles;
        modalContent.classList.add('tutorial-modal');

        modalContent.appendChild(closeButton);
        modalContent.appendChild(tutorialContent);
        modalOverlay.appendChild(modalContent);
        document.body.appendChild(modalOverlay);

        setTimeout(() => {
            modalOverlay.style.opacity = '1';
        }, 10);
    }

    function getQuestionType(typeCode) {
        const typeMap = {
            1: "单选题",
            2: "多选题",
            4: "填空题",
            5: "判断题",
            6: "简答题",
            9: "数组题",
            12: "排序题",
            13: "匹配题"
        };
        return typeMap[typeCode] || "未知题型";
    }

    function createAIButton(answerInput, question) {
        let aiButton = document.createElement('button');
        aiButton.innerHTML = '<span class="icon">🤖</span><span class="text">AI辅助</span>';
        aiButton.className = 'ai-assist-btn';
        aiButton.title = '使用 AI 生成答案建议';

        const style = document.createElement('style');
        style.textContent = `
            .ai-assist-btn {
                position: absolute;
                bottom: -5px;
                padding: 8px 16px;
                background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
                color: white;
                border: none;
                border-radius: 8px;
                cursor: pointer;
                font-size: 14px;
                font-weight: 500;
                display: flex;
                align-items: center;
                gap: 6px;
                transition: all 0.2s ease;
                box-shadow: 0 2px 4px rgba(79, 70, 229, 0.1);
            }

            .ai-assist-btn:hover {
                transform: translateY(-1px);
                background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);
                box-shadow: 0 4px 8px rgba(79, 70, 229, 0.2);
            }

            .ai-assist-btn:active {
                transform: translateY(1px);
            }

            .ai-assist-btn.loading {
                background: #6b7280;
                cursor: not-allowed;
                opacity: 0.8;
            }

            .ai-assist-btn .icon {
                font-size: 16px;
            }

            .ai-assist-btn.loading .icon {
                animation: spin 1s linear infinite;
            }

            @keyframes spin {
                from { transform: rotate(0deg); }
                to { transform: rotate(360deg); }
            }
        `;
        document.head.appendChild(style);

        let isLoading = false;

        aiButton.onclick = async () => {
            if (isLoading) return;

            try {
                isLoading = true;
                aiButton.className = 'ai-assist-btn loading';
                aiButton.innerHTML = '<span class="icon">🧠</span><span class="text">生成中...</span>';

                const questionType = getQuestionType(question.type);

                const response = await fetch(`${window.location.origin}/api/jx-oresource/assistant/chat`, {
                    method: "POST",
                    headers: {
                        "content-type": "application/json",
                        "authorization": `Bearer ${getToken()}`
                    },
                    body: JSON.stringify({
                        ask_key: "create_answer_analysis",
                        ask_object: {
                            type: questionType,
                            title: question.title,
                            content: parseRichTextToPlainText(question.title),
                            answer: answerInput.value,
                            multilingual_description: `
                            请按照以下要求生成【${questionType}】的答案:
                            1. 使用简体中文
                            2. 答案要清晰准确，符合题目要求
                            3. 适当使用专业术语
                            4. 分点论述，层次分明
                            5. 避免废话和重复内容
                            6. 请直接输出纯文本，不要使用特殊格式
                            7. 如需分点，使用数字加顿号格式
                            8. 根据【${questionType}】的特点组织答案结构
                            `
                        },
                        token: localStorage.getItem('XY_GLOBAL_CONFIG') ?
                            JSON.parse(localStorage.getItem('XY_GLOBAL_CONFIG')).xy_ai_token :
                            null
                    })
                });

                const data = await response.json();
                if (data.success) {
                    answerInput.value = data.data;
                    answerInput.focus();
                    answerInput.dispatchEvent(new Event('input', { bubbles: true }));
                    showNotification(`AI已生成${questionType}答案建议，请检查修改`, {
                        type: 'success',
                        keywords: ['AI', questionType, '建议'],
                        animation: 'scale'
                    });
                } else {
                    throw new Error(data.message || '请求失败');
                }
            } catch (error) {
                console.error('AI请求失败:', error);
                showNotification('AI生成失败: ' + error.message, {
                    type: 'error',
                    keywords: ['AI', '失败'],
                    animation: 'scale'
                });
            } finally {
                isLoading = false;
                aiButton.className = 'ai-assist-btn';
                aiButton.innerHTML = '<span class="icon">🤖</span><span class="text">AI辅助</span>';
            }
        };

        return aiButton;
    }

    function showAnswerEditor() {
        let storedData = localStorage.getItem('answerData');
        if (!storedData) {
            showNotification('未找到存储的答案数据，请先点击"获取答案"按钮。', {
                type: 'error',
                keywords: ['存储', '答案', '获取'],
                animation: 'fadeSlide'
            });
            return;
        }

        let answerData = JSON.parse(storedData);
        let overlay = document.createElement('div');
        let modalContainer = document.createElement('div');
        let resizeHandle = document.createElement('div');
        let dragHandle = document.createElement('div');
        let closeButton = document.createElement('button');
        let modalContentWrapper = document.createElement('div');
        let title = document.createElement('h2');
        let saveButton = document.createElement('button');

        overlay.style.position = 'fixed';
        overlay.style.top = '0';
        overlay.style.left = '0';
        overlay.style.width = '100%';
        overlay.style.height = '100%';
        overlay.style.backgroundColor = 'transparent';
        overlay.style.pointerEvents = 'none';
        overlay.style.zIndex = '9999';
        overlay.style.opacity = '0';
        overlay.style.transition = 'opacity 0.3s ease-in-out';

        modalContainer.id = 'modal-container';
        modalContainer.style.cssText = `
            position: fixed;
            top: 50%;
            left: 50%;
            z-index: 10000;
            width: 90%;
            max-width: 800px;
            height: 85vh;
            min-width: 400px;
            background-color: #ffffff;
            border-radius: 20px;
            padding: 48px 32px 32px 32px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            flex-direction: column;
        `;

        resizeHandle.style.cssText = `
            position: absolute;
            right: 2px;
            bottom: 2px;
            width: 20px;
            height: 20px;
            cursor: nw-resize;
            border-radius: 0 0 18px 0;
            background: linear-gradient(135deg,
                transparent 25%,
                #e2e8f0 25%,
                #e2e8f0 37%,
                #6366f1 37%,
                #6366f1 50%,
                transparent 50%,
                transparent 62%,
                #6366f1 62%,
                #6366f1 75%,
                transparent 75%
            );
            opacity: 0.6;
        `;

        resizeHandle.addEventListener('mouseenter', () => {
            resizeHandle.style.opacity = '1';
            resizeHandle.style.transform = 'scale(1.1)';
        });

        resizeHandle.addEventListener('mouseleave', () => {
            resizeHandle.style.opacity = '0.6';
            resizeHandle.style.transform = 'scale(1)';
        });

        let isResizing = false;
        let originalWidth, originalHeight, originalX, originalY;

        resizeHandle.addEventListener('mousedown', (e) => {
            isResizing = true;
            const rect = modalContainer.getBoundingClientRect();
            originalWidth = rect.width;
            originalHeight = rect.height;
            originalX = e.clientX;
            originalY = e.clientY;

            modalContainer.style.transform = 'none';
            modalContainer.style.top = rect.top + 'px';
            modalContainer.style.left = rect.left + 'px';

            e.preventDefault();
        });

        document.addEventListener('mousemove', (e) => {
            if (!isResizing) return;

            const newWidth = originalWidth + (e.clientX - originalX);
            const newHeight = originalHeight + (e.clientY - originalY);

            const minWidth = 400;
            const minHeight = 300;

            if (newWidth >= minWidth) {
                modalContainer.style.width = newWidth + 'px';
            }
            if (newHeight >= minHeight) {
                modalContainer.style.height = newHeight + 'px';
            }
        });

        document.addEventListener('mouseup', () => {
            isResizing = false;
        });

        dragHandle.style.cssText = `
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 48px;
            cursor: move;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            background: linear-gradient(to right, rgba(243, 244, 246, 0.95), rgba(243, 244, 246, 0.5));
            border-radius: 20px 20px 0 0;
            user-select: none;
            transition: all 0.3s ease;
        `;

        dragHandle.innerHTML = `
            <div style="display: flex; align-items: center; gap: 8px; color: #6b7280; font-size: 13px;">
                <svg width="16" height="16" viewBox="0 0 24 24" style="opacity: 0.6;">
                    <path d="M8 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM8 12a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM8 18a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM14 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM14 12a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM14 18a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM20 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM20 12a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM20 18a2 2 0 1 0-4 0 2 2 0 0 0 4 0z"
                        fill="currentColor"/>
                </svg>
                <span>点击此处拖动窗口</span>
            </div>
        `;

        dragHandle.onmouseover = () => {
            dragHandle.style.background = 'linear-gradient(to right, rgba(243, 244, 246, 1), rgba(243, 244, 246, 0.8))';
            dragHandle.style.transform = 'translateY(1px)';
        };

        dragHandle.onmouseout = () => {
            dragHandle.style.background = 'linear-gradient(to right, rgba(243, 244, 246, 0.95), rgba(243, 244, 246, 0.5))';
            dragHandle.style.transform = 'translateY(0)';
        };

        let isDragging = false;
        let currentX;
        let currentY;
        let initialX;
        let initialY;

        function onDragStart(e) {
            if (e.target !== dragHandle) return;
            isDragging = true;

            const point = e.touches ? e.touches[0] : e;
            const rect = modalContainer.getBoundingClientRect();
            initialX = point.clientX - rect.left;
            initialY = point.clientY - rect.top;

            modalContainer.style.transition = 'none';
            modalContainer.style.transform = 'none';
            modalContainer.style.left = `${rect.left}px`;
            modalContainer.style.top = `${rect.top}px`;
        }

        function onDragMove(e) {
            if (!isDragging) return;
            e.preventDefault();

            const point = e.touches ? e.touches[0] : e;
            currentX = point.clientX - initialX;
            currentY = point.clientY - initialY;

            const maxX = window.innerWidth - modalContainer.offsetWidth;
            const maxY = window.innerHeight - modalContainer.offsetHeight;

            currentX = Math.min(Math.max(0, currentX), maxX);
            currentY = Math.min(Math.max(0, currentY), maxY);

            modalContainer.style.left = `${currentX}px`;
            modalContainer.style.top = `${currentY}px`;
        }

        function onDragEnd() {
            isDragging = false;
            modalContainer.style.transition = 'opacity 0.3s ease';
        }

        dragHandle.addEventListener('mousedown', onDragStart, false);
        dragHandle.addEventListener('touchstart', onDragStart, { passive: false });
        document.addEventListener('mousemove', onDragMove, false);
        document.addEventListener('touchmove', onDragMove, { passive: false });
        document.addEventListener('mouseup', onDragEnd, false);
        document.addEventListener('touchend', onDragEnd, false);

        function cleanup() {
            dragHandle.removeEventListener('mousedown', onDragStart);
            dragHandle.removeEventListener('touchstart', onDragStart);
            document.removeEventListener('mousemove', onDragMove);
            document.removeEventListener('touchmove', onDragMove);
            document.removeEventListener('mouseup', onDragEnd);
            document.removeEventListener('touchend', onDragEnd);
        }

        closeButton.onclick = () => {
            cleanup();
            closeModal();
        };

        overlay.onclick = (e) => {
            if (e.target === overlay) {
                cleanup();
                closeModal();
            }
        };

        modalContentWrapper.id = 'modal-content-wrapper';
        modalContentWrapper.style.cssText = `
            display: flex;
            gap: 20px;
            flex: 1;
            overflow: hidden;
        `;

        closeButton.style.cssText = `
            position: absolute;
            top: 6px;
            right: 8px;
            width: 36px;
            height: 36px;
            font-size: 24px;
            border: none;
            background: #f3f4f6;
            border-radius: 50%;
            cursor: pointer;
            color: #666;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            line-height: 1;
            z-index: 100;
        `;
        closeButton.innerHTML = '×';

        const closeModal = () => {
            modalContainer.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
            modalContainer.style.transform = 'none';
            modalContainer.style.left = '50%';
            modalContainer.style.top = '50%';

            requestAnimationFrame(() => {
                overlay.style.opacity = '0';
                modalContainer.style.opacity = '0';
                modalContainer.style.transform = 'translate(-50%, -50%) scale(0.95)';
            });

            setTimeout(() => {
                document.body.removeChild(overlay);
                document.body.removeChild(modalContainer);
            }, 400);
        };

        closeButton.onmouseover = () => {
            closeButton.style.background = '#e5e7eb';
            closeButton.style.color = '#000';
            closeButton.style.transform = 'rotate(90deg) scale(1.1)';
        };

        closeButton.onmouseout = () => {
            closeButton.style.background = '#f3f4f6';
            closeButton.style.color = '#666';
            closeButton.style.transform = 'rotate(0deg) scale(1)';
        };

        closeButton.onclick = (e) => {
            e.stopPropagation();
            cleanup();
            closeModal();
        };

        title.style.cssText = `
            margin: 20px 0 28px 0;
            color: #111827;
            font-size: 24px;
            font-weight: 600;
            text-align: center;
        `;
        title.textContent = '查看/编辑答案';

        saveButton.style.cssText = `
            width: 100%;
            margin-bottom: 24px;
            padding: 12px 24px;
            font-size: 16px;
            border: none;
            border-radius: 12px;
            background-color: #4f46e5;
            color: #ffffff;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.1), 0 2px 4px -1px rgba(79, 70, 229, 0.06);
        `;
        saveButton.textContent = '保存修改';

        saveButton.onmouseover = () => {
            saveButton.style.backgroundColor = '#4338ca';
            saveButton.style.transform = 'translateY(-1px)';
            saveButton.style.boxShadow = '0 6px 8px -1px rgba(79, 70, 229, 0.1), 0 4px 6px -1px rgba(79, 70, 229, 0.06)';
        };
        saveButton.onmouseout = () => {
            saveButton.style.backgroundColor = '#4f46e5';
            saveButton.style.transform = 'translateY(0)';
            saveButton.style.boxShadow = '0 4px 6px -1px rgba(79, 70, 229, 0.1), 0 2px 4px -1px rgba(79, 70, 229, 0.06)';
        };

        saveButton.onclick = () => {
            localStorage.setItem('answerData', JSON.stringify(answerData));
            showNotification('答案已保存，旧答案已被替换', {
                type: 'success',
                keywords: ['答案', '保存', '替换'],
                animation: 'scale'
            });
            closeModal();
        };

        let tocContainer = document.createElement('div');
        tocContainer.id = 'toc-container';
        tocContainer.style.cssText = `
            width: 230px;
            position: sticky;
            max-height: 680px;
            overflow-y: auto;
            padding: 16px;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            background: #f9fafb;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        `;

        tocContainer.addEventListener('mouseenter', () => {
            tocContainer.style.borderColor = '#d1d5db';
            tocContainer.style.boxShadow = '0 4px 6px rgba(0,0,0,0.05)';
        });

        tocContainer.addEventListener('mouseleave', () => {
            tocContainer.style.borderColor = '#e5e7eb';
            tocContainer.style.boxShadow = '0 1px 3px rgba(0,0,0,0.1)';
        });

        let tocTitle = document.createElement('h3');
        tocTitle.textContent = '目录';
        tocTitle.style.cssText = `
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 12px;
            color: #111827;
        `;

        let tocList = document.createElement('ul');
        tocList.style.cssText = `
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        `;

        let tocLinks = [];
        let questionContainers = [];

        answerData.forEach((_, index) => {
            let tocItem = document.createElement('li');
            let tocLink = document.createElement('a');
            tocLink.textContent = `${index + 1}`;
            tocLink.href = '#';
            tocLink.style.cssText = `
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                background-color: #f3f4f6;
                border-radius: 8px;
                color: #1f2937;
                font-size: 16px;
                font-weight: 600;
                text-decoration: none;
                transition: background-color 0.2s ease;
            `;

            tocLink.isActive = false;

            tocLink.onmouseover = () => {
                if (!tocLink.isActive) {
                    tocLink.style.backgroundColor = '#e5e7eb';
                }
            };

            tocLink.onmouseout = () => {
                if (!tocLink.isActive) {
                    tocLink.style.backgroundColor = '#f3f4f6';
                }
            };

            tocLink.onclick = (e) => {
                e.preventDefault();
                let targetQuestion = document.getElementById(`question_${index}`);
                if (targetQuestion) {
                    targetQuestion.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            };

            tocItem.appendChild(tocLink);
            tocList.appendChild(tocItem);
            tocLinks.push(tocLink);
        });

        tocContainer.appendChild(tocTitle);
        tocContainer.appendChild(tocList);

        let content = document.createElement('div');
        content.style.cssText = `
            flex: 1;
            display: grid;
            gap: 20px;
            overflow-y: auto;
            padding-right: 16px;
        `;

        answerData.forEach((question, index) => {
            let questionContainer = document.createElement('div');
            questionContainer.id = `question_${index}`;
            questionContainer.style.padding = '24px';
            questionContainer.style.backgroundColor = '#ffffff';
            questionContainer.style.borderRadius = '16px';
            questionContainer.style.border = '1px solid #e5e7eb';
            questionContainer.style.transition = 'box-shadow 0.3s ease, margin-top 0.3s ease';
            questionContainer.style.marginTop = '0';
            questionContainer.style.boxShadow = '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)';

            questionContainer.onmouseover = () => {
                questionContainer.style.boxShadow = '0 8px 16px rgba(0, 0, 0, 0.1)';
            };

            questionContainer.onmouseout = () => {
                questionContainer.style.boxShadow = '0 1px 3px rgba(0, 0, 0, 0.1)';
            };

            let questionTitle = document.createElement('div');
            questionTitle.innerHTML = `<strong>题目 ${index + 1}：</strong> ${parseRichTextForDisplay(question.title)}`;
            questionTitle.style.marginBottom = '16px';
            questionTitle.style.color = '#111827';
            questionTitle.style.fontSize = '16px';
            questionTitle.style.lineHeight = '1.5';

            questionContainer.appendChild(questionTitle);

            if ([1, 2, 5].includes(question.type)) {
                let optionsContainer = document.createElement('div');
                optionsContainer.style.display = 'grid';
                optionsContainer.style.gap = '16px';

                question.answer_items.forEach((item, idx) => {
                    let optionLabel = document.createElement('label');
                    optionLabel.style.display = 'flex';
                    optionLabel.style.alignItems = 'center';
                    optionLabel.style.padding = '16px';
                    optionLabel.style.backgroundColor = '#ffffff';
                    optionLabel.style.borderRadius = '12px';
                    optionLabel.style.cursor = 'pointer';
                    optionLabel.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                    optionLabel.style.position = 'relative';
                    optionLabel.style.border = '1px solid #e5e7eb';
                    optionLabel.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';

                    optionLabel.onmouseover = () => {
                        optionLabel.style.backgroundColor = '#f8fafc';
                        optionLabel.style.transform = 'translateY(-1px)';
                        optionLabel.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.08)';
                    };

                    optionLabel.onmouseout = () => {
                        optionLabel.style.backgroundColor = '#ffffff';
                        optionLabel.style.transform = 'translateY(0)';
                        optionLabel.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                    };

                    let optionInput = document.createElement('input');
                    optionInput.type = question.type === 2 ? 'checkbox' : 'radio';
                    optionInput.name = `question_${question.id}`;
                    optionInput.value = item.id;
                    optionInput.checked = item.answer_checked === 2;
                    optionInput.style.display = 'none';

                    let customCheckbox = document.createElement('span');
                    customCheckbox.style.width = '44px';
                    customCheckbox.style.height = '24px';
                    customCheckbox.style.backgroundColor = optionInput.checked ? '#6366f1' : '#e5e7eb';
                    customCheckbox.style.borderRadius = '24px';
                    customCheckbox.style.position = 'relative';
                    customCheckbox.style.marginRight = '16px';
                    customCheckbox.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
                    customCheckbox.style.boxShadow = optionInput.checked ?
                        'inset 0 2px 4px rgba(99, 102, 241, 0.2)' :
                        'inset 0 2px 4px rgba(0, 0, 0, 0.05)';

                    let toggleCircle = document.createElement('span');
                    toggleCircle.style.width = '20px';
                    toggleCircle.style.height = '20px';
                    toggleCircle.style.backgroundColor = '#ffffff';
                    toggleCircle.style.borderRadius = '50%';
                    toggleCircle.style.position = 'absolute';
                    toggleCircle.style.top = '2px';
                    toggleCircle.style.left = optionInput.checked ? '22px' : '2px';
                    toggleCircle.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
                    toggleCircle.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.1)';
                    toggleCircle.style.transform = optionInput.checked ? 'scale(1.1)' : 'scale(1)';

                    let icon = document.createElement('span');
                    icon.style.position = 'absolute';
                    icon.style.top = '50%';
                    icon.style.left = '50%';
                    icon.style.transform = 'translate(-50%, -50%)';
                    icon.style.transition = 'all 0.3s ease';
                    icon.innerHTML = optionInput.checked ?
                        '<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="3"><polyline points="20 6 9 17 4 12"></polyline></svg>' :
                        '';

                    toggleCircle.appendChild(icon);
                    customCheckbox.appendChild(toggleCircle);

                    optionLabel.onclick = () => {
                        if (question.type !== 2) {
                            question.answer_items.forEach(item => {
                                item.answer_checked = 1;
                            });
                            item.answer_checked = 2;

                            let siblingInputs = optionsContainer.querySelectorAll(`input[name="question_${question.id}"]`);
                            siblingInputs.forEach(sibling => {
                                sibling.checked = false;
                                let siblingToggle = sibling.nextSibling;
                                siblingToggle.style.backgroundColor = '#e5e7eb';
                                siblingToggle.style.boxShadow = 'inset 0 2px 4px rgba(0, 0, 0, 0.05)';
                                let siblingCircle = siblingToggle.firstChild;
                                siblingCircle.style.left = '2px';
                                siblingCircle.style.transform = 'scale(1)';
                                siblingCircle.firstChild.innerHTML = '';
                            });
                            optionInput.checked = true;
                        } else {
                            optionInput.checked = !optionInput.checked;
                            item.answer_checked = optionInput.checked ? 2 : 1;
                        }

                        if (optionInput.checked) {
                            customCheckbox.style.backgroundColor = '#6366f1';
                            customCheckbox.style.boxShadow = 'inset 0 2px 4px rgba(99, 102, 241, 0.2)';
                            toggleCircle.style.left = '22px';
                            toggleCircle.style.transform = 'scale(1.1)';
                            icon.innerHTML = '<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="3"><polyline points="20 6 9 17 4 12"></polyline></svg>';
                        } else {
                            customCheckbox.style.backgroundColor = '#e5e7eb';
                            customCheckbox.style.boxShadow = 'inset 0 2px 4px rgba(0, 0, 0, 0.05)';
                            toggleCircle.style.left = '2px';
                            toggleCircle.style.transform = 'scale(1)';
                            icon.innerHTML = '';
                        }
                    };

                    let optionText = document.createElement('span');
                    optionText.innerHTML = question.type === 5 ?
                        (idx === 0 ? '正确' : '错误') :
                        parseRichTextForDisplay(item.value);
                    optionText.style.color = '#1f2937';
                    optionText.style.flex = '1';
                    optionText.style.fontSize = '15px';
                    optionText.style.fontWeight = '500';

                    optionLabel.appendChild(optionInput);
                    optionLabel.appendChild(customCheckbox);
                    optionLabel.appendChild(optionText);
                    optionsContainer.appendChild(optionLabel);
                });

                questionContainer.appendChild(questionTitle);
                questionContainer.appendChild(optionsContainer);
            } else if ([4, 6].includes(question.type)) {
                let inputContainer = document.createElement('div');
                inputContainer.style.position = 'relative';
                inputContainer.style.width = '100%';
                inputContainer.style.marginTop = '8px';
                inputContainer.style.paddingBottom = '40px';

                let answerInput = document.createElement('textarea');
                answerInput.style.width = '100%';
                answerInput.style.minHeight = '160px';
                answerInput.style.maxHeight = '400px';
                answerInput.style.padding = '16px';
                answerInput.style.paddingTop = '24px';
                answerInput.style.border = '1px solid #e5e7eb';
                answerInput.style.borderRadius = '12px';
                answerInput.style.resize = 'vertical';
                answerInput.style.fontSize = '15px';
                answerInput.style.lineHeight = '1.6';
                answerInput.style.color = '#1f2937';
                answerInput.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                answerInput.style.backgroundColor = '#ffffff';
                answerInput.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                answerInput.style.outline = 'none';
                answerInput.style.display = 'block';
                answerInput.style.boxSizing = 'border-box';
                answerInput.style.overflow = 'auto';

                let floatingLabel = document.createElement('label');
                floatingLabel.textContent = '在这里输入答案';
                floatingLabel.style.position = 'absolute';
                floatingLabel.style.left = '16px';
                floatingLabel.style.top = '2px';
                floatingLabel.style.color = '#9ca3af';
                floatingLabel.style.fontSize = '15px';
                floatingLabel.style.fontWeight = '500';
                floatingLabel.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                floatingLabel.style.pointerEvents = 'none';
                floatingLabel.style.transformOrigin = 'left top';
                floatingLabel.style.backgroundColor = '#ffffff';
                floatingLabel.style.padding = '0 4px';

                let charCount = document.createElement('div');
                charCount.style.position = 'absolute';
                charCount.style.right = '16px';
                charCount.style.bottom = '8px';
                charCount.style.fontSize = '12px';
                charCount.style.color = '#9ca3af';
                charCount.style.pointerEvents = 'none';

                answerInput.onfocus = () => {
                    answerInput.style.borderColor = '#6366f1';
                    answerInput.style.backgroundColor = '#ffffff';
                    answerInput.style.boxShadow = '0 4px 6px rgba(99, 102, 241, 0.1)';

                    floatingLabel.style.transform = 'translateY(-20px) scale(0.85)';
                    floatingLabel.style.color = '#6366f1';
                };

                answerInput.onblur = () => {
                    answerInput.style.borderColor = '#e5e7eb';
                    answerInput.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';

                    if (!answerInput.value) {
                        floatingLabel.style.transform = 'translateY(0) scale(1)';
                        floatingLabel.style.color = '#9ca3af';
                    }
                };

                answerInput.oninput = () => {
                    let length = answerInput.value.length;
                    charCount.textContent = `${length} 个字符`;
                    question.answer_items[0].answer = answerInput.value;
                };

                answerInput.value = question.answer_items.map(item => parseRichTextForDisplay(item.answer)).join('\n---\n');
                if (answerInput.value) {
                    floatingLabel.style.transform = 'translateY(-20px) scale(0.85)';
                    floatingLabel.style.color = '#6366f1';
                    charCount.textContent = `${answerInput.value.length} 个字符`;
                }

                let decorativeLine = document.createElement('div');
                decorativeLine.style.position = 'absolute';
                decorativeLine.style.left = '16px';
                decorativeLine.style.right = '16px';
                decorativeLine.style.bottom = '40px';
                decorativeLine.style.height = '1px';
                decorativeLine.style.background = 'linear-gradient(to right, #e5e7eb 50%, transparent)';
                decorativeLine.style.opacity = '0.5';

                inputContainer.appendChild(answerInput);
                inputContainer.appendChild(createAIButton(answerInput, question));
                inputContainer.appendChild(floatingLabel);
                inputContainer.appendChild(charCount);
                inputContainer.appendChild(decorativeLine);

                questionContainer.appendChild(questionTitle);
                questionContainer.appendChild(inputContainer);
            } else if (question.type === 9) {
                if (question.subQuestions && question.subQuestions.length > 0) {
                    let subQuestionsContainer = document.createElement('div');
                    subQuestionsContainer.style.display = 'flex';
                    subQuestionsContainer.style.flexDirection = 'column';
                    subQuestionsContainer.style.gap = '24px';
                    subQuestionsContainer.style.marginTop = '20px';
                    subQuestionsContainer.style.padding = '20px';
                    subQuestionsContainer.style.backgroundColor = '#f8fafc';
                    subQuestionsContainer.style.borderRadius = '12px';
                    subQuestionsContainer.style.border = '1px solid #e2e8f0';

                    let subQuestionTitle = document.createElement('div');
                    subQuestionTitle.textContent = '子题目:';
                    subQuestionTitle.style.fontSize = '16px';
                    subQuestionTitle.style.fontWeight = '600';
                    subQuestionTitle.style.color = '#475569';
                    subQuestionTitle.style.marginBottom = '16px';

                    subQuestionsContainer.appendChild(subQuestionTitle);

                    question.subQuestions.forEach((subQuestion, subIndex) => {
                        let subQuestionBox = document.createElement('div');
                        subQuestionBox.style.padding = '20px';
                        subQuestionBox.style.backgroundColor = '#ffffff';
                        subQuestionBox.style.borderRadius = '10px';
                        subQuestionBox.style.border = '1px solid #e5e7eb';
                        subQuestionBox.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';

                        let subQuestionHeader = document.createElement('div');
                        subQuestionHeader.innerHTML = `<strong>${subIndex + 1}. </strong>${parseRichTextForDisplay(subQuestion.title)}`;
                        subQuestionHeader.style.marginBottom = '16px';
                        subQuestionHeader.style.color = '#1e293b';
                        subQuestionHeader.style.fontSize = '15px';

                        subQuestionBox.appendChild(subQuestionHeader);

                        if ([1, 2, 5].includes(subQuestion.type)) {
                            let optionsContainer = document.createElement('div');
                            optionsContainer.style.display = 'grid';
                            optionsContainer.style.gap = '16px';

                            subQuestion.answer_items.forEach((item, idx) => {
                                let optionLabel = document.createElement('label');
                                optionLabel.style.display = 'flex';
                                optionLabel.style.alignItems = 'center';
                                optionLabel.style.padding = '16px';
                                optionLabel.style.backgroundColor = '#ffffff';
                                optionLabel.style.borderRadius = '12px';
                                optionLabel.style.cursor = 'pointer';
                                optionLabel.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                                optionLabel.style.position = 'relative';
                                optionLabel.style.border = '1px solid #e5e7eb';
                                optionLabel.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';

                                optionLabel.onmouseover = () => {
                                    optionLabel.style.backgroundColor = '#f8fafc';
                                    optionLabel.style.transform = 'translateY(-1px)';
                                    optionLabel.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.08)';
                                };

                                optionLabel.onmouseout = () => {
                                    optionLabel.style.backgroundColor = '#ffffff';
                                    optionLabel.style.transform = 'translateY(0)';
                                    optionLabel.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                                };

                                let optionInput = document.createElement('input');
                                optionInput.type = subQuestion.type === 2 ? 'checkbox' : 'radio';
                                optionInput.name = `question_${subQuestion.id}`;
                                optionInput.value = item.id;
                                optionInput.checked = item.answer_checked === 2;
                                optionInput.style.display = 'none';

                                let customCheckbox = document.createElement('span');
                                customCheckbox.style.width = '44px';
                                customCheckbox.style.height = '24px';
                                customCheckbox.style.backgroundColor = optionInput.checked ? '#6366f1' : '#e5e7eb';
                                customCheckbox.style.borderRadius = '24px';
                                customCheckbox.style.position = 'relative';
                                customCheckbox.style.marginRight = '16px';
                                customCheckbox.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
                                customCheckbox.style.boxShadow = optionInput.checked ?
                                    'inset 0 2px 4px rgba(99, 102, 241, 0.2)' :
                                    'inset 0 2px 4px rgba(0, 0, 0, 0.05)';

                                let toggleCircle = document.createElement('span');
                                toggleCircle.style.width = '20px';
                                toggleCircle.style.height = '20px';
                                toggleCircle.style.backgroundColor = '#ffffff';
                                toggleCircle.style.borderRadius = '50%';
                                toggleCircle.style.position = 'absolute';
                                toggleCircle.style.top = '2px';
                                toggleCircle.style.left = optionInput.checked ? '22px' : '2px';
                                toggleCircle.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
                                toggleCircle.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.1)';
                                toggleCircle.style.transform = optionInput.checked ? 'scale(1.1)' : 'scale(1)';

                                let icon = document.createElement('span');
                                icon.style.position = 'absolute';
                                icon.style.top = '50%';
                                icon.style.left = '50%';
                                icon.style.transform = 'translate(-50%, -50%)';
                                icon.style.transition = 'all 0.3s ease';
                                icon.innerHTML = optionInput.checked ?
                                    '<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="3"><polyline points="20 6 9 17 4 12"></polyline></svg>' :
                                    '';

                                toggleCircle.appendChild(icon);
                                customCheckbox.appendChild(toggleCircle);

                                optionLabel.onclick = () => {
                                    if (subQuestion.type !== 2) {
                                        subQuestion.answer_items.forEach(answerItem => {
                                            answerItem.answer_checked = 1;
                                        });
                                        item.answer_checked = 2;

                                        let siblingInputs = optionsContainer.querySelectorAll(`input[name="question_${subQuestion.id}"]`);
                                        siblingInputs.forEach(sibling => {
                                            sibling.checked = false;
                                            let siblingToggle = sibling.nextSibling;
                                            siblingToggle.style.backgroundColor = '#e5e7eb';
                                            siblingToggle.style.boxShadow = 'inset 0 2px 4px rgba(0, 0, 0, 0.05)';
                                            let siblingCircle = siblingToggle.firstChild;
                                            siblingCircle.style.left = '2px';
                                            siblingCircle.style.transform = 'scale(1)';
                                            siblingCircle.firstChild.innerHTML = '';
                                        });
                                        optionInput.checked = true;
                                    } else {
                                        optionInput.checked = !optionInput.checked;
                                        item.answer_checked = optionInput.checked ? 2 : 1;
                                    }

                                    if (optionInput.checked) {
                                        customCheckbox.style.backgroundColor = '#6366f1';
                                        customCheckbox.style.boxShadow = 'inset 0 2px 4px rgba(99, 102, 241, 0.2)';
                                        toggleCircle.style.left = '22px';
                                        toggleCircle.style.transform = 'scale(1.1)';
                                        icon.innerHTML = '<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="3"><polyline points="20 6 9 17 4 12"></polyline></svg>';
                                    } else {
                                        customCheckbox.style.backgroundColor = '#e5e7eb';
                                        customCheckbox.style.boxShadow = 'inset 0 2px 4px rgba(0, 0, 0, 0.05)';
                                        toggleCircle.style.left = '2px';
                                        toggleCircle.style.transform = 'scale(1)';
                                        icon.innerHTML = '';
                                    }
                                };

                                let optionText = document.createElement('span');
                                optionText.innerHTML = subQuestion.type === 5 ?
                                    (idx === 0 ? '正确' : '错误') :
                                    parseRichTextForDisplay(item.value);
                                optionText.style.color = '#1f2937';
                                optionText.style.flex = '1';
                                optionText.style.fontSize = '15px';
                                optionText.style.fontWeight = '500';

                                optionLabel.appendChild(optionInput);
                                optionLabel.appendChild(customCheckbox);
                                optionLabel.appendChild(optionText);
                                optionsContainer.appendChild(optionLabel);
                            });

                            subQuestionBox.appendChild(subQuestionHeader);
                            subQuestionBox.appendChild(optionsContainer);
                        } else if ([4, 6].includes(subQuestion.type)) {
                            let inputContainer = document.createElement('div');
                            inputContainer.style.position = 'relative';
                            inputContainer.style.width = '100%';
                            inputContainer.style.marginTop = '8px';
                            inputContainer.style.paddingBottom = '40px';

                            let answerInput = document.createElement('textarea');
                            answerInput.style.width = '100%';
                            answerInput.style.minHeight = '160px';
                            answerInput.style.maxHeight = '400px';
                            answerInput.style.padding = '16px';
                            answerInput.style.paddingTop = '24px';
                            answerInput.style.border = '1px solid #e5e7eb';
                            answerInput.style.borderRadius = '12px';
                            answerInput.style.resize = 'vertical';
                            answerInput.style.fontSize = '15px';
                            answerInput.style.lineHeight = '1.6';
                            answerInput.style.color = '#1f2937';
                            answerInput.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                            answerInput.style.backgroundColor = '#ffffff';
                            answerInput.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                            answerInput.style.outline = 'none';
                            answerInput.style.display = 'block';
                            answerInput.style.boxSizing = 'border-box';
                            answerInput.style.overflow = 'auto';

                            let floatingLabel = document.createElement('label');
                            floatingLabel.textContent = '在这里输入答案';
                            floatingLabel.style.position = 'absolute';
                            floatingLabel.style.left = '16px';
                            floatingLabel.style.top = '16px';
                            floatingLabel.style.color = '#9ca3af';
                            floatingLabel.style.fontSize = '15px';
                            floatingLabel.style.fontWeight = '500';
                            floatingLabel.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                            floatingLabel.style.pointerEvents = 'none';
                            floatingLabel.style.transformOrigin = 'left top';
                            floatingLabel.style.backgroundColor = '#ffffff';
                            floatingLabel.style.padding = '0 4px';

                            let charCount = document.createElement('div');
                            charCount.style.position = 'absolute';
                            charCount.style.right = '16px';
                            charCount.style.bottom = '8px';
                            charCount.style.fontSize = '12px';
                            charCount.style.color = '#9ca3af';
                            charCount.style.pointerEvents = 'none';

                            answerInput.onfocus = () => {
                                answerInput.style.borderColor = '#6366f1';
                                answerInput.style.backgroundColor = '#ffffff';
                                answerInput.style.boxShadow = '0 4px 6px rgba(99, 102, 241, 0.1)';

                                floatingLabel.style.transform = 'translateY(-20px) scale(0.85)';
                                floatingLabel.style.color = '#6366f1';
                            };

                            answerInput.onblur = () => {
                                answerInput.style.borderColor = '#e5e7eb';
                                answerInput.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';

                                if (!answerInput.value) {
                                    floatingLabel.style.transform = 'translateY(0) scale(1)';
                                    floatingLabel.style.color = '#9ca3af';
                                }
                            };

                            answerInput.oninput = () => {
                                let length = answerInput.value.length;
                                charCount.textContent = `${length} 个字符`;
                                question.answer_items[0].answer = answerInput.value;
                            };

                            answerInput.value = subQuestion.answer_items.map(item =>
                                parseRichTextForDisplay(item.answer)).join('\n---\n');
                            if (answerInput.value) {
                                floatingLabel.style.transform = 'translateY(-20px) scale(0.85)';
                                floatingLabel.style.color = '#6366f1';
                                charCount.textContent = `${answerInput.value.length} 个字符`;
                            }

                            let decorativeLine = document.createElement('div');
                            decorativeLine.style.position = 'absolute';
                            decorativeLine.style.left = '16px';
                            decorativeLine.style.right = '16px';
                            decorativeLine.style.bottom = '40px';
                            decorativeLine.style.height = '1px';
                            decorativeLine.style.background = 'linear-gradient(to right, #e5e7eb 50%, transparent)';
                            decorativeLine.style.opacity = '0.5';

                            inputContainer.appendChild(answerInput);
                            inputContainer.appendChild(createAIButton(answerInput, question));
                            inputContainer.appendChild(floatingLabel);
                            inputContainer.appendChild(charCount);
                            inputContainer.appendChild(decorativeLine);

                            subQuestionBox.appendChild(subQuestionHeader);
                            subQuestionBox.appendChild(inputContainer);
                        }
                        if (subQuestion.description && subQuestion.description !== '{}') {
                            let toggleDescriptionContainer = document.createElement('div');
                            toggleDescriptionContainer.style.cssText = `
                                margin: 24px 0;
                                position: relative;
                            `;

                            let toggleDescriptionButton = document.createElement('button');
                            toggleDescriptionButton.style.cssText = `
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                font-size: 16px;
                                color: #2563eb;
                                background: #fff;
                                border: 1px solid #e5e7eb;
                                border-bottom: none;
                                border-radius: 8px;
                                border-bottom-left-radius: 0;
                                border-bottom-right-radius: 0;
                                cursor: pointer;
                                padding: 12px 16px;
                                width: 100%;
                                transition: background-color 0.3s, box-shadow 0.3s;
                                position: relative;
                            `;
                            toggleDescriptionButton.innerHTML = `
                                <span style="display: flex; align-items: center;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" style="display: inline-block; margin-right: 8px; transition: transform 0.3s; transform-origin: center;" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd" d="M1.5 5.5l6 6 6-6H1.5z"/>
                                    </svg>
                                    <span>查看解析</span>
                                </span>
                            `;

                            let descriptionContainer = document.createElement('div');
                            descriptionContainer.style.cssText = `
                                max-height: 0;
                                overflow: hidden;
                                transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
                                background-color: #f9fafb;
                                border: 1px solid #e5e7eb;
                                border-top: none;
                                border-radius: 8px;
                                border-top-left-radius: 0;
                                border-top-right-radius: 0;
                                margin-top: 0;
                            `;

                            let descriptionContent = document.createElement('div');
                            descriptionContent.style.cssText = `
                                padding: 24px;
                                color: #111827;
                                font-size: 16px;
                                line-height: 1.8;
                            `;
                            descriptionContent.innerHTML = parseRichTextForDisplay(subQuestion.description);

                            let isDescriptionVisible = false;
                            toggleDescriptionButton.onclick = () => {
                                isDescriptionVisible = !isDescriptionVisible;
                                let svgIcon = toggleDescriptionButton.querySelector('svg');
                                let textLabel = toggleDescriptionButton.querySelector('span > span');

                                if (isDescriptionVisible) {
                                    descriptionContainer.style.maxHeight = descriptionContent.scrollHeight + 'px';
                                    svgIcon.style.transform = 'rotate(180deg)';
                                    textLabel.textContent = '收起解析';
                                    toggleDescriptionButton.style.backgroundColor = '#ebf5ff';
                                    toggleDescriptionButton.style.boxShadow = 'inset 0 3px 6px rgba(0,0,0,0.1)';
                                } else {
                                    descriptionContainer.style.maxHeight = '0';
                                    svgIcon.style.transform = 'rotate(0deg)';
                                    textLabel.textContent = '查看解析';
                                    toggleDescriptionButton.style.backgroundColor = '#fff';
                                    toggleDescriptionButton.style.boxShadow = 'none';
                                }
                            };

                            descriptionContainer.appendChild(descriptionContent);
                            toggleDescriptionContainer.appendChild(toggleDescriptionButton);
                            toggleDescriptionContainer.appendChild(descriptionContainer);
                            subQuestionBox.appendChild(toggleDescriptionContainer);
                        }
                        subQuestionsContainer.appendChild(subQuestionBox);
                    });
                    questionContainer.appendChild(subQuestionsContainer);
                }
            } else if (question.type === 12) {
                question.answer_items.sort((a, b) => {
                    return parseInt(a.answer) - parseInt(b.answer);
                });

                let sortableContainer = document.createElement('div');
                sortableContainer.style.display = 'flex';
                sortableContainer.style.flexDirection = 'column';
                sortableContainer.style.gap = '12px';
                sortableContainer.style.marginTop = '16px';

                question.answer_items.forEach((item, index) => {
                    let sortableItem = document.createElement('div');
                    sortableItem.setAttribute('draggable', 'true');
                    sortableItem.dataset.id = item.id;
                    sortableItem.dataset.index = index;

                    sortableItem.style.display = 'flex';
                    sortableItem.style.alignItems = 'center';
                    sortableItem.style.padding = '16px';
                    sortableItem.style.backgroundColor = '#ffffff';
                    sortableItem.style.borderRadius = '12px';
                    sortableItem.style.border = '1px solid #e5e7eb';
                    sortableItem.style.cursor = 'move';
                    sortableItem.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
                    sortableItem.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                    sortableItem.style.userSelect = 'none';

                    let orderNumber = document.createElement('div');
                    orderNumber.textContent = index + 1;
                    orderNumber.style.width = '28px';
                    orderNumber.style.height = '28px';
                    orderNumber.style.borderRadius = '50%';
                    orderNumber.style.backgroundColor = '#6366f1';
                    orderNumber.style.color = '#ffffff';
                    orderNumber.style.display = 'flex';
                    orderNumber.style.alignItems = 'center';
                    orderNumber.style.justifyContent = 'center';
                    orderNumber.style.marginRight = '16px';
                    orderNumber.style.fontWeight = '600';
                    orderNumber.style.fontSize = '14px';
                    orderNumber.style.flexShrink = '0';

                    let dragHandle = document.createElement('div');
                    dragHandle.innerHTML = `
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#9ca3af" stroke-width="2">
                            <circle cx="8" cy="6" r="2" />
                            <circle cx="8" cy="12" r="2" />
                            <circle cx="8" cy="18" r="2" />
                            <circle cx="16" cy="6" r="2" />
                            <circle cx="16" cy="12" r="2" />
                            <circle cx="16" cy="18" r="2" />
                        </svg>
                    `;
                    dragHandle.style.marginRight = '12px';
                    dragHandle.style.flexShrink = '0';
                    dragHandle.style.opacity = '0.5';
                    dragHandle.style.transition = 'opacity 0.2s ease';

                    let itemText = document.createElement('div');
                    itemText.innerHTML = parseRichTextForDisplay(item.value);
                    itemText.style.flex = '1';
                    itemText.style.color = '#1f2937';
                    itemText.style.fontSize = '15px';
                    itemText.style.fontWeight = '500';

                    sortableItem.ondragstart = (e) => {
                        e.stopPropagation();
                        sortableItem.style.opacity = '0.6';
                        sortableItem.style.transform = 'scale(1.02)';
                        e.dataTransfer.setData('text/plain', sortableItem.dataset.index);
                        sortableItem.style.backgroundColor = '#f8fafc';
                    };

                    sortableItem.ondragend = (e) => {
                        e.stopPropagation();
                        sortableItem.style.opacity = '1';
                        sortableItem.style.transform = 'scale(1)';
                        sortableItem.style.backgroundColor = '#ffffff';
                    };

                    sortableItem.ondragover = (e) => {
                        e.preventDefault();
                        e.stopPropagation();
                        sortableItem.style.transform = 'scale(1.02)';
                        sortableItem.style.borderColor = '#6366f1';
                        sortableItem.style.boxShadow = '0 4px 6px rgba(99, 102, 241, 0.1)';
                    };

                    sortableItem.ondragleave = (e) => {
                        e.preventDefault();
                        e.stopPropagation();
                        sortableItem.style.transform = 'scale(1)';
                        sortableItem.style.borderColor = '#e5e7eb';
                        sortableItem.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                    };

                    sortableItem.ondrop = (e) => {
                        e.preventDefault();
                        e.stopPropagation();
                        const fromIndex = parseInt(e.dataTransfer.getData('text/plain'));
                        const toIndex = parseInt(sortableItem.dataset.index);

                        if (fromIndex !== toIndex) {
                            const items = Array.from(sortableContainer.children);
                            const movingItem = items[fromIndex];
                            const targetItem = items[toIndex];

                            if (fromIndex < toIndex) {
                                targetItem.parentNode.insertBefore(movingItem, targetItem.nextSibling);
                            } else {
                                targetItem.parentNode.insertBefore(movingItem, targetItem);
                            }

                            const newOrder = Array.from(sortableContainer.children).map((item, idx) => {
                                item.querySelector('div:nth-child(2)').textContent = idx + 1;
                                item.dataset.index = idx;
                                return item.dataset.id;
                            });

                            newOrder.forEach((id, idx) => {
                                const answerItem = question.answer_items.find(item => item.id === id);
                                if (answerItem) {
                                    answerItem.answer = (idx + 1).toString();
                                }
                            });
                        }

                        sortableItem.style.transform = 'scale(1)';
                        sortableItem.style.borderColor = '#e5e7eb';
                        sortableItem.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                    };

                    sortableItem.onmouseover = () => {
                        sortableItem.style.backgroundColor = '#f8fafc';
                        sortableItem.style.transform = 'translateY(-1px)';
                        sortableItem.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.08)';
                        dragHandle.style.opacity = '1';
                    };

                    sortableItem.onmouseout = () => {
                        sortableItem.style.backgroundColor = '#ffffff';
                        sortableItem.style.transform = 'translateY(0)';
                        sortableItem.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.05)';
                        dragHandle.style.opacity = '0.5';
                    };

                    sortableItem.appendChild(dragHandle);
                    sortableItem.appendChild(orderNumber);
                    sortableItem.appendChild(itemText);
                    sortableContainer.appendChild(sortableItem);
                });

                questionContainer.appendChild(questionTitle);
                questionContainer.appendChild(sortableContainer);
            } else if (question.type === 13) {
                let matchingContainer = document.createElement('div');
                matchingContainer.style.display = 'flex';
                matchingContainer.style.flexDirection = 'column';
                matchingContainer.style.gap = '16px';
                matchingContainer.style.marginTop = '20px';
                matchingContainer.style.padding = '16px';
                matchingContainer.style.backgroundColor = '#f8fafc';
                matchingContainer.style.borderRadius = '16px';

                let leftItems = question.answer_items.filter(item => !item.is_target_opt);
                let rightItems = question.answer_items.filter(item => item.is_target_opt);

                let leftLetters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
                let rightLetters = 'abcdefghijklmnopqrstuvwxyz';

                let rightItemMap = {};
                rightItems.forEach((rightItem, idx) => {
                    rightItemMap[rightItem.id] = {
                        letter: rightLetters[idx],
                        content: rightItem.value
                    };
                });

                leftItems.forEach((leftItem, idx) => {
                    let matchItem = document.createElement('div');
                    matchItem.style.display = 'flex';
                    matchItem.style.flexDirection = 'column';
                    matchItem.style.padding = '20px';
                    matchItem.style.backgroundColor = '#ffffff';
                    matchItem.style.borderRadius = '12px';
                    matchItem.style.border = '1px solid #e2e8f0';
                    matchItem.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
                    matchItem.style.transition = 'all 0.3s ease';
                    matchItem.style.position = 'relative';

                    let headerContainer = document.createElement('div');
                    headerContainer.style.display = 'flex';
                    headerContainer.style.alignItems = 'flex-start';
                    headerContainer.style.marginBottom = '16px';

                    let leftLetter = leftLetters[idx];
                    let leftLabel = document.createElement('div');
                    leftLabel.textContent = leftLetter + '.';
                    leftLabel.style.marginRight = '12px';
                    leftLabel.style.fontWeight = '600';
                    leftLabel.style.color = '#6366f1';
                    leftLabel.style.fontSize = '16px';
                    leftLabel.style.width = '24px';

                    let leftContent = document.createElement('div');
                    leftContent.innerHTML = parseRichTextForDisplay(leftItem.value);
                    leftContent.style.flex = '1';
                    leftContent.style.color = '#1e293b';
                    leftContent.style.fontSize = '15px';
                    leftContent.style.fontWeight = '500';
                    leftContent.style.lineHeight = '1.6';

                    let chipContainer = document.createElement('div');
                    chipContainer.style.display = 'flex';
                    chipContainer.style.flexWrap = 'wrap';
                    chipContainer.style.gap = '8px';
                    chipContainer.style.marginTop = '12px';
                    chipContainer.style.minHeight = '36px';

                    let selectedAnswers = [];
                    if (leftItem.answer) {
                        if (Array.isArray(leftItem.answer)) {
                            selectedAnswers = leftItem.answer;
                        } else if (typeof leftItem.answer === 'string') {
                            selectedAnswers = leftItem.answer.split(',').filter(id => id);
                        } else {
                            selectedAnswers = [leftItem.answer];
                        }
                    }

                    const updateChips = () => {
                        chipContainer.innerHTML = '';
                        selectedAnswers.forEach(ansId => {
                            if (rightItemMap[ansId]) {
                                let chip = document.createElement('div');
                                chip.style.display = 'flex';
                                chip.style.alignItems = 'center';
                                chip.style.padding = '6px 12px';
                                chip.style.backgroundColor = '#eef2ff';
                                chip.style.border = '1px solid #e0e7ff';
                                chip.style.borderRadius = '8px';
                                chip.style.color = '#4f46e5';
                                chip.style.fontSize = '14px';
                                chip.style.fontWeight = '500';
                                chip.style.cursor = 'default';
                                chip.style.transition = 'all 0.2s ease';

                                let chipText = document.createElement('span');
                                let rightLetter = rightItemMap[ansId].letter;
                                chipText.innerHTML = `${rightLetter}. ${parseRichTextForDisplay(rightItemMap[ansId].content)}`;
                                chipText.style.marginRight = '8px';

                                let removeIcon = document.createElement('span');
                                removeIcon.innerHTML = `
                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                        <line x1="18" y1="6" x2="6" y2="18"></line>
                                        <line x1="6" y1="6" x2="18" y2="18"></line>
                                    </svg>
                                `;
                                removeIcon.style.cursor = 'pointer';
                                removeIcon.style.display = 'flex';
                                removeIcon.style.alignItems = 'center';
                                removeIcon.style.padding = '2px';
                                removeIcon.style.borderRadius = '4px';
                                removeIcon.style.transition = 'all 0.2s ease';

                                removeIcon.onmouseover = () => {
                                    removeIcon.style.backgroundColor = '#e0e7ff';
                                };
                                removeIcon.onmouseout = () => {
                                    removeIcon.style.backgroundColor = 'transparent';
                                };

                                removeIcon.onclick = (e) => {
                                    e.stopPropagation();
                                    chip.style.opacity = '0';
                                    chip.style.transform = 'scale(0.8)';
                                    setTimeout(() => {
                                        selectedAnswers = selectedAnswers.filter(id => id !== ansId);
                                        updateChips();
                                        leftItem.answer = selectedAnswers.join(',');

                                        if (checkboxesMap[ansId]) {
                                            checkboxesMap[ansId].checked = false;
                                        }
                                    }, 200);
                                };

                                chip.appendChild(chipText);
                                chip.appendChild(removeIcon);
                                chipContainer.appendChild(chip);
                            }
                        });
                    };
                    updateChips();

                    let dropdownButton = document.createElement('button');
                    dropdownButton.innerHTML = `
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 8px;">
                            <line x1="12" y1="5" x2="12" y2="19"></line>
                            <line x1="5" y1="12" x2="19" y2="12"></line>
                        </svg>
                        添加匹配项
                    `;
                    dropdownButton.style.display = 'flex';
                    dropdownButton.style.alignItems = 'center';
                    dropdownButton.style.justifyContent = 'center';
                    dropdownButton.style.marginTop = '16px';
                    dropdownButton.style.padding = '10px 16px';
                    dropdownButton.style.backgroundColor = '#4f46e5';
                    dropdownButton.style.color = '#ffffff';
                    dropdownButton.style.border = 'none';
                    dropdownButton.style.borderRadius = '8px';
                    dropdownButton.style.cursor = 'pointer';
                    dropdownButton.style.transition = 'all 0.2s ease';
                    dropdownButton.style.fontSize = '14px';
                    dropdownButton.style.fontWeight = '500';
                    dropdownButton.style.width = '100%';

                    dropdownButton.onmouseover = () => {
                        dropdownButton.style.backgroundColor = '#4338ca';
                        dropdownButton.style.transform = 'translateY(-1px)';
                    };
                    dropdownButton.onmouseout = () => {
                        dropdownButton.style.backgroundColor = '#4f46e5';
                        dropdownButton.style.transform = 'translateY(0)';
                    };

                    let dropdownList = document.createElement('div');
                    dropdownList.style.position = 'absolute';
                    dropdownList.style.top = '100%';
                    dropdownList.style.left = '0';
                    dropdownList.style.width = '100%';
                    dropdownList.style.maxHeight = '300px';
                    dropdownList.style.overflowY = 'auto';
                    dropdownList.style.border = '1px solid #e2e8f0';
                    dropdownList.style.borderRadius = '12px';
                    dropdownList.style.backgroundColor = '#ffffff';
                    dropdownList.style.boxShadow = '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)';
                    dropdownList.style.zIndex = '1000';
                    dropdownList.style.marginTop = '8px';
                    dropdownList.style.display = 'none';
                    dropdownList.style.opacity = '0';
                    dropdownList.style.transform = 'scaleY(0.9) translateY(-10px)';
                    dropdownList.style.transformOrigin = 'top';
                    dropdownList.style.transition = 'all 0.2s cubic-bezier(0.16, 1, 0.3, 1)';

                    dropdownList.style.scrollbarWidth = 'thin';
                    dropdownList.style.scrollbarColor = '#cbd5e1 #f8fafc';

                    let checkboxesMap = {};
                    rightItems.forEach((rightItem, rIdx) => {
                        let dropdownOption = document.createElement('div');
                        dropdownOption.style.padding = '12px 16px';
                        dropdownOption.style.cursor = 'pointer';
                        dropdownOption.style.display = 'flex';
                        dropdownOption.style.alignItems = 'center';
                        dropdownOption.style.transition = 'all 0.2s ease';
                        dropdownOption.style.position = 'relative';
                        dropdownOption.style.borderBottom = rIdx < rightItems.length - 1 ? '1px solid #f1f5f9' : 'none';

                        dropdownOption.onmouseover = () => {
                            dropdownOption.style.backgroundColor = '#f8fafc';
                        };

                        dropdownOption.onmouseout = () => {
                            dropdownOption.style.backgroundColor = '#ffffff';
                        };

                        let rightLetter = rightLetters[rIdx];

                        let checkbox = document.createElement('input');
                        checkbox.type = 'checkbox';
                        checkbox.style.marginRight = '12px';
                        checkbox.style.width = '16px';
                        checkbox.style.height = '16px';
                        checkbox.style.accentColor = '#4f46e5';
                        checkbox.checked = selectedAnswers.includes(rightItem.id.toString());
                        checkboxesMap[rightItem.id] = checkbox;

                        let optionContent = document.createElement('div');
                        optionContent.style.flex = '1';
                        optionContent.style.display = 'flex';
                        optionContent.style.alignItems = 'center';
                        optionContent.innerHTML = `
                            <span style="font-weight:600; color:#6366f1; margin-right:12px; font-size:14px;">
                                ${rightLetter}.
                            </span>
                            <span style="color:#1e293b; font-size:14px; font-weight:500;">
                                ${parseRichTextForDisplay(rightItem.value)}
                            </span>
                        `;

                        dropdownOption.appendChild(checkbox);
                        dropdownOption.appendChild(optionContent);
                        dropdownOption.title = parseRichTextForDisplay(rightItem.value);

                        checkbox.onchange = (e) => {
                            e.stopPropagation();
                            if (checkbox.checked) {
                                selectedAnswers.push(rightItem.id.toString());
                            } else {
                                selectedAnswers = selectedAnswers.filter(id => id !== rightItem.id.toString());
                            }
                            updateChips();
                            leftItem.answer = selectedAnswers.join(',');
                        };

                        dropdownOption.onclick = (e) => {
                            if (e.target !== checkbox) {
                                checkbox.checked = !checkbox.checked;
                                checkbox.dispatchEvent(new Event('change'));
                            }
                        };

                        dropdownList.appendChild(dropdownOption);
                    });

                    dropdownButton.onclick = (e) => {
                        e.stopPropagation();
                        if (dropdownList.style.display === 'none') {
                            dropdownList.style.display = 'block';
                            requestAnimationFrame(() => {
                                dropdownList.style.opacity = '1';
                                dropdownList.style.transform = 'scaleY(1) translateY(0)';
                            });
                        } else {
                            dropdownList.style.opacity = '0';
                            dropdownList.style.transform = 'scaleY(0.9) translateY(-10px)';
                            setTimeout(() => {
                                dropdownList.style.display = 'none';
                            }, 200);
                        }
                    };

                    document.addEventListener('click', (e) => {
                        if (!matchItem.contains(e.target)) {
                            dropdownList.style.opacity = '0';
                            dropdownList.style.transform = 'scaleY(0.9) translateY(-10px)';
                            setTimeout(() => {
                                dropdownList.style.display = 'none';
                            }, 200);
                        }
                    });

                    headerContainer.appendChild(leftLabel);
                    headerContainer.appendChild(leftContent);
                    matchItem.appendChild(headerContainer);
                    matchItem.appendChild(chipContainer);
                    matchItem.appendChild(dropdownButton);
                    matchItem.appendChild(dropdownList);
                    matchingContainer.appendChild(matchItem);
                });

                questionContainer.appendChild(questionTitle);
                questionContainer.appendChild(matchingContainer);
            } else {
                let notSupportedMessage = document.createElement('div');
                notSupportedMessage.style.padding = '20px';
                notSupportedMessage.style.backgroundColor = '#fff3cd';
                notSupportedMessage.style.border = '1px solid #ffeeba';
                notSupportedMessage.style.borderRadius = '8px';
                notSupportedMessage.style.color = '#856404';
                notSupportedMessage.style.fontSize = '15px';
                notSupportedMessage.style.marginTop = '16px';
                notSupportedMessage.style.textAlign = 'center';
                notSupportedMessage.innerHTML = `
                    <svg style="width: 24px; height: 24px; margin-bottom: 8px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="12" y1="8" x2="12" y2="12"></line>
                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
                    </svg>
                    <p style="margin: 0;">该题型暂不支持查看答案</p>
                `;
                questionContainer.appendChild(questionTitle);
                questionContainer.appendChild(notSupportedMessage);
            }

            if (question.description && question.description !== '{}') {
                let toggleDescriptionContainer = document.createElement('div');
                toggleDescriptionContainer.style.cssText = `
                    margin: 24px 0;
                    position: relative;
                `;

                let toggleDescriptionButton = document.createElement('button');
                toggleDescriptionButton.style.cssText = `
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 16px;
                    color: #2563eb;
                    background: #fff;
                    border: 1px solid #e5e7eb;
                    border-bottom: none;
                    border-radius: 8px;
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0;
                    cursor: pointer;
                    padding: 12px 16px;
                    width: 100%;
                    transition: background-color 0.3s, box-shadow 0.3s;
                    position: relative;
                `;
                toggleDescriptionButton.innerHTML = `
                    <span style="display: flex; align-items: center;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" style="display: inline-block; margin-right: 8px; transition: transform 0.3s; transform-origin: center;" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M1.5 5.5l6 6 6-6H1.5z"/>
                        </svg>
                        <span>查看解析</span>
                    </span>
                `;

                let descriptionContainer = document.createElement('div');
                descriptionContainer.style.cssText = `
                    max-height: 0;
                    overflow: hidden;
                    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
                    background-color: #f9fafb;
                    border: 1px solid #e5e7eb;
                    border-top: none;
                    border-radius: 8px;
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                    margin-top: 0;
                `;

                let descriptionContent = document.createElement('div');
                descriptionContent.style.cssText = `
                    padding: 24px;
                    color: #111827;
                    font-size: 16px;
                    line-height: 1.8;
                `;
                descriptionContent.innerHTML = parseRichTextForDisplay(question.description);

                descriptionContainer.appendChild(descriptionContent);

                let isDescriptionVisible = false;

                toggleDescriptionButton.onclick = () => {
                    isDescriptionVisible = !isDescriptionVisible;
                    let svgIcon = toggleDescriptionButton.querySelector('svg');
                    let textLabel = toggleDescriptionButton.querySelector('span > span');

                    if (isDescriptionVisible) {
                        descriptionContainer.style.maxHeight = descriptionContent.scrollHeight + 'px';
                        svgIcon.style.transform = 'rotate(180deg)';
                        textLabel.textContent = '收起解析';
                        toggleDescriptionButton.style.backgroundColor = '#ebf5ff';
                        toggleDescriptionButton.style.boxShadow = 'inset 0 3px 6px rgba(0,0,0,0.1)';
                    } else {
                        descriptionContainer.style.maxHeight = '0';
                        svgIcon.style.transform = 'rotate(0deg)';
                        textLabel.textContent = '查看解析';
                        toggleDescriptionButton.style.backgroundColor = '#fff';
                        toggleDescriptionButton.style.boxShadow = 'none';
                    }
                };

                toggleDescriptionContainer.appendChild(toggleDescriptionButton);
                toggleDescriptionContainer.appendChild(descriptionContainer);

                questionContainer.appendChild(toggleDescriptionContainer);
            }

            content.appendChild(questionContainer);
            questionContainers.push(questionContainer);
        });

        modalContainer.appendChild(resizeHandle);
        modalContainer.appendChild(dragHandle);
        modalContainer.appendChild(closeButton);
        modalContainer.appendChild(title);
        modalContainer.appendChild(saveButton);
        modalContainer.appendChild(modalContentWrapper);

        modalContentWrapper.appendChild(tocContainer);
        modalContentWrapper.appendChild(content);

        document.body.appendChild(overlay);
        document.body.appendChild(modalContainer);

        document.addEventListener('keydown', (e) => {
            if (e.key === 'Escape') {
                closeModal();
            }
        });

        function updateCurrentQuestionHighlight() {
            const contentRect = content.getBoundingClientRect();
            const viewportTop = contentRect.top;
            const viewportHeight = contentRect.height;
            const viewportCenter = viewportTop + (viewportHeight / 2);

            let currentQuestionIndex = -1;
            let minDistance = Infinity;

            questionContainers.forEach((qc, index) => {
                const qcRect = qc.getBoundingClientRect();
                const qcCenter = qcRect.top + (qcRect.height / 2);
                const distance = Math.abs(qcCenter - viewportCenter);

                if (distance < minDistance) {
                    minDistance = distance;
                    currentQuestionIndex = index;
                }
            });

            if (currentQuestionIndex !== -1) {
                tocLinks.forEach((tocLink, idx) => {
                    if (idx === currentQuestionIndex) {
                        tocLink.isActive = true;
                        tocLink.style.backgroundColor = '#6366f1';
                        tocLink.style.color = '#ffffff';
                        tocLink.style.transform = 'scale(1.05)';
                        tocLink.style.boxShadow = '0 4px 6px -1px rgba(99, 102, 241, 0.1)';
                    } else {
                        tocLink.isActive = false;
                        tocLink.style.backgroundColor = '#f3f4f6';
                        tocLink.style.color = '#1f2937';
                        tocLink.style.transform = 'scale(1)';
                        tocLink.style.boxShadow = 'none';
                    }
                });
            }
        }

        content.addEventListener('scroll', () => {
            requestAnimationFrame(updateCurrentQuestionHighlight);
        });

        setTimeout(updateCurrentQuestionHighlight, 100);

        requestAnimationFrame(() => {
            overlay.style.opacity = '1';
            modalContainer.style.transform = 'translate(-50%, -50%) scale(1)';
            modalContainer.style.opacity = '1';
            updateCurrentQuestionHighlight();
        });
    }

    async function exportHomework() {
        console.log('exportHomework function called');

        let storedData = localStorage.getItem('answerData');
        if (!storedData) {
            console.error('未找到存储的答案数据，请先获取并存储答案。');
            showNotification('未找到存储的答案数据，请先点击"获取答案"按钮。', {
                type: 'error',
                keywords: ['存储', '答案', '获取'],
                animation: 'fadeSlide'
            });
            return;
        }

        const answerData = JSON.parse(storedData);
        let assignmentTitle = localStorage.getItem('assignmentTitle') || '作业答案';

        const progress = createProgressBar();
        progress.show();
        let completedCount = 0;
        const totalQuestions = answerData.length;

        try {
            const docContent = [];

            showNotification('开始导出作业...', {
                type: 'info',
                keywords: ['导出', '开始'],
                animation: 'scale'
            });

            docContent.push(
                new Paragraph({
                    text: assignmentTitle,
                    heading: HeadingLevel.TITLE,
                    alignment: AlignmentType.CENTER,
                    spacing: { after: 400 },
                }),
                new Paragraph({
                    text: `导出时间：${new Date().toLocaleString()}`,
                    alignment: AlignmentType.CENTER,
                    spacing: { after: 400 },
                })
            );

            for (let index = 0; index < answerData.length; index++) {
                const question = answerData[index];

                const questionNumber = `${index + 1}、`;

                const titleRuns = await parseRichTextContent(question.title);
                const titleParagraph = new Paragraph({
                    children: [
                        new TextRun({
                            text: questionNumber,
                            bold: true,
                        }),
                        ...titleRuns,
                    ],
                });
                docContent.push(titleParagraph);

                switch (question.type) {
                    case 1:
                    case 2:
                        {
                            const options = question.answer_items.map((item, idx) => {
                                const optionLetter = String.fromCharCode(65 + idx);
                                return {
                                    letter: optionLetter,
                                    content: item.value,
                                };
                            });

                            for (const option of options) {
                                const optionRuns = await parseRichTextContent(option.content);
                                const optionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: `${option.letter}. `,
                                            bold: true,
                                        }),
                                        ...optionRuns,
                                    ],
                                });
                                docContent.push(optionParagraph);
                            }

                            const correctOptions = question.answer_items
                                .map((item, idx) => item.answer_checked === 2 ? String.fromCharCode(65 + idx) : null)
                                .filter(item => item !== null)
                                .join('');

                            docContent.push(
                                new Paragraph({
                                    text: `答案：${correctOptions}`,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }
                    case 5:
                        {
                            const isCorrect = question.answer_items.some(item => item.answer_checked === 2 && (item.value === '正确' || item.value.toLowerCase() === 'true'));
                            const answerText = isCorrect ? '对' : '错';

                            docContent.push(
                                new Paragraph({
                                    text: `答案：${answerText}`,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }
                    case 4:
                        {
                            const blankCount = question.answer_items.length;
                            let blanks = '';
                            for (let i = 0; i < blankCount; i++) {
                                blanks += '（____）';
                            }

                            docContent.push(
                                new Paragraph({
                                    text: blanks,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            const answers = question.answer_items.map(item => parseRichTextToPlainText(item.answer)).join('|');
                            docContent.push(
                                new Paragraph({
                                    text: `答案：${answers}`,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }
                    case 6:
                        {
                            const answers = question.answer_items.map(item => parseRichTextToPlainText(item.answer)).join('；');
                            docContent.push(
                                new Paragraph({
                                    text: `答案：${answers}`,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }

                    case 9:
                        {
                            if (question.subQuestions && question.subQuestions.length > 0) {
                                for (let subIndex = 0; subIndex < question.subQuestions.length; subIndex++) {
                                    const subQuestion = question.subQuestions[subIndex];

                                    const subQuestionNumber = `${index + 1}.${subIndex + 1}、`;
                                    const subTitleRuns = await parseRichTextContent(subQuestion.title);
                                    docContent.push(
                                        new Paragraph({
                                            children: [
                                                new TextRun({
                                                    text: subQuestionNumber,
                                                    bold: true,
                                                }),
                                                ...subTitleRuns
                                            ],
                                            spacing: { before: 200 }
                                        })
                                    );

                                    switch (subQuestion.type) {
                                        case 1:
                                        case 2: {
                                            for (const [idx, item] of question.answer_items.entries()) {
                                                const optionLetter = String.fromCharCode(65 + idx);

                                                const optionRuns = await parseRichTextContent(item.value);

                                                const optionParagraph = new Paragraph({
                                                    children: [
                                                        new TextRun({
                                                            text: `${optionLetter}. `,
                                                            bold: true,
                                                        }),
                                                        ...optionRuns,
                                                    ],
                                                });
                                                docContent.push(optionParagraph);
                                            }

                                            const correctOptions = question.answer_items
                                                .map((item, idx) => item.answer_checked === 2 ? String.fromCharCode(65 + idx) : null)
                                                .filter(item => item !== null)
                                                .join('');

                                            docContent.push(
                                                new Paragraph({
                                                    text: `答案：${correctOptions}`,
                                                    spacing: { before: 100, after: 100 },
                                                })
                                            );
                                            break;
                                        }
                                        case 4: {
                                            const blankCount = subQuestion.answer_items.length;
                                            let blanks = '';
                                            for (let i = 0; i < blankCount; i++) {
                                                blanks += '（____）';
                                            }

                                            docContent.push(
                                                new Paragraph({
                                                    text: blanks,
                                                    spacing: { before: 100, after: 100 }
                                                })
                                            );

                                            const answers = subQuestion.answer_items
                                                .map(item => parseRichTextToPlainText(item.answer))
                                                .join('|');

                                            docContent.push(
                                                new Paragraph({
                                                    text: `答案：${answers}`,
                                                    spacing: { before: 100, after: 100 }
                                                })
                                            );
                                            break;
                                        }
                                        case 5: {
                                            const isCorrect = subQuestion.answer_items
                                                .some(item => item.answer_checked === 2 &&
                                                    (item.value === '正确' || item.value.toLowerCase() === 'true'));
                                            const answerText = isCorrect ? '对' : '错';

                                            docContent.push(
                                                new Paragraph({
                                                    text: `答案：${answerText}`,
                                                    spacing: { before: 100, after: 100 }
                                                })
                                            );
                                            break;
                                        }
                                        case 6: {
                                            const answers = subQuestion.answer_items
                                                .map(item => parseRichTextToPlainText(item.answer))
                                                .join('；');

                                            docContent.push(
                                                new Paragraph({
                                                    text: `答案：${answers}`,
                                                    spacing: { before: 100, after: 100 }
                                                })
                                            );
                                            break;
                                        }
                                    }

                                    if (subQuestion.description && subQuestion.description !== '{}') {
                                        const descriptionRuns = await parseRichTextContent(subQuestion.description);
                                        docContent.push(
                                            new Paragraph({
                                                children: [
                                                    new TextRun({
                                                        text: '解析：',
                                                        bold: true
                                                    }),
                                                    ...descriptionRuns
                                                ],
                                                spacing: { before: 100, after: 100 }
                                            })
                                        );
                                    }

                                    docContent.push(
                                        new Paragraph({
                                            text: '',
                                            spacing: { after: 200 }
                                        })
                                    );
                                }
                            }
                            break;
                        }
                    case 12:
                        {
                            const options = question.answer_items.map((item, idx) => {
                                const optionLetter = String.fromCharCode(65 + idx);
                                return {
                                    letter: optionLetter,
                                    content: item.value,
                                    originalIndex: idx,
                                };
                            });

                            for (const option of options) {
                                const optionRuns = await parseRichTextContent(option.content);
                                const optionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: `${option.letter}. `,
                                            bold: true,
                                        }),
                                        ...optionRuns,
                                    ],
                                });
                                docContent.push(optionParagraph);
                            }

                            const sortedItems = question.answer_items.slice().sort((a, b) => parseInt(a.answer) - parseInt(b.answer));

                            const answerLetters = sortedItems.map(item => {
                                const originalIndex = question.answer_items.indexOf(item);
                                return String.fromCharCode(65 + originalIndex);
                            }).join('');

                            docContent.push(
                                new Paragraph({
                                    text: `答案：${answerLetters}`,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }
                    case 13:
                        {
                            const leftItems = question.answer_items.filter(item => !item.is_target_opt);
                            const rightItems = question.answer_items.filter(item => item.is_target_opt);

                            docContent.push(new Paragraph({ text: "左侧选项：" }));
                            leftItems.forEach((leftItem, index) => {
                                const leftContent = parseRichTextToPlainText(leftItem.value);
                                docContent.push(new Paragraph({
                                    text: `左${index + 1}：${leftContent}`,
                                }));
                            });

                            docContent.push(new Paragraph({ text: "右侧选项：" }));
                            rightItems.forEach((rightItem, index) => {
                                const rightContent = parseRichTextToPlainText(rightItem.value);
                                docContent.push(new Paragraph({
                                    text: `右${index + 1}：${rightContent}`,
                                }));
                            });

                            const answerText = '答案：' + leftItems.map((leftItem, leftIndex) => {
                                const leftOptionNumber = `左${leftIndex + 1}`;
                                const matchedRightIds = leftItem.answer ? leftItem.answer.toString().split(',') : [];
                                const matchedRightNumbers = matchedRightIds.map((id) => {
                                    const rightIndex = rightItems.findIndex(item => item.id === id);
                                    return rightIndex >= 0 ? `右${rightIndex + 1}` : '';
                                }).join('、');
                                return `${leftOptionNumber} - ${matchedRightNumbers}`;
                            }).join('|');

                            docContent.push(
                                new Paragraph({
                                    text: answerText,
                                    spacing: { before: 100, after: 100 },
                                })
                            );

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }

                    default:
                        {
                            docContent.push(new Paragraph({
                                text: "该题型暂不支持查看答案。",
                                spacing: { before: 100, after: 100 },
                            }));

                            if (question.description && question.description !== '{}') {
                                const descriptionRuns = await parseRichTextContent(question.description);
                                const descriptionParagraph = new Paragraph({
                                    children: [
                                        new TextRun({
                                            text: '解析：',
                                            bold: true,
                                        }),
                                        ...descriptionRuns,
                                    ],
                                    spacing: { before: 100, after: 100 },
                                });
                                docContent.push(descriptionParagraph);
                            }

                            break;
                        }
                }

                completedCount++;
                progress.update(completedCount, totalQuestions, '正在导出');

                docContent.push(new Paragraph({ text: "", spacing: { after: 200 } }));
            }

            const doc = new Document({
                creator: "小雅答答答",
                description: `导出的作业答案 - ${assignmentTitle}`,
                title: assignmentTitle,
                numbering: {
                    config: [
                        {
                            reference: "default",
                            levels: [
                                {
                                    level: 0,
                                    format: "decimal",
                                    text: "%1.",
                                    alignment: AlignmentType.START,
                                },
                            ],
                        },
                    ],
                },
                styles: {
                    default: {
                        document: {
                            run: {
                                font: "Microsoft YaHei",
                                size: 24,
                            },
                        },
                    },
                    paragraphStyles: [
                        {
                            id: "Normal",
                            name: "Normal",
                            run: {
                                font: "Microsoft YaHei",
                                size: 24,
                            },
                            paragraph: {
                                spacing: { line: 360, before: 0, after: 0 },
                            },
                        },
                        {
                            id: "Heading1",
                            name: "Heading 1",
                            basedOn: "Normal",
                            next: "Normal",
                            quickFormat: true,
                            run: {
                                font: "Microsoft YaHei",
                                size: 32,
                                bold: true,
                            },
                            paragraph: {
                                spacing: { before: 240, after: 120 },
                            },
                        },
                    ],
                },
                sections: [
                    {
                        properties: {
                            page: {
                                margin: { top: 720, right: 720, bottom: 720, left: 720 },
                                size: {
                                    width: 11906,
                                    height: 16838,
                                },
                            },
                        },
                        children: docContent,
                    },
                ],
                compatibility: {
                    doNotExpandShiftReturn: true,
                    useWord2013TrackBottomHyphenation: true,
                    compatibilityMode: 15,
                    useFELayout: true,
                },
                settings: {
                    compatibility: {
                        useFELayout: true,
                        useNormalStyleForList: true,
                        doNotUseIndentAsNumberingTabStop: true,
                        balanceSingleByteDoubleByteWidth: true
                    }
                }
            });

            await Packer.toBlob(doc).then((blob) => {
                let safeTitle = assignmentTitle.replace(/[\\/:*?"<>|]/g, '_');
                window.saveAs(blob, `${safeTitle}.docx`);

                progress.hide();

                showNotification('作业导出成功,如需导入其他题库，请手动编辑保存一次以确保被准确识别。', {
                    type: 'success',
                    keywords: ['导出', '成功', '题库'],
                    animation: 'fadeSlide'
                });
            }).catch((error) => {
                progress.hide();
                console.error('导出失败：', error);
                showNotification('导出失败，请查看控制台日志。', {
                    type: 'error',
                    keywords: ['导出', '失败', '日志'],
                    animation: 'scale'
                });
            });

        } catch (error) {
            progress.hide();
            console.error('导出作业时出错:', error);
            showNotification('导出失败，请查看控制台日志。', {
                type: 'error',
                keywords: ['导出', '失败', '日志'],
                animation: 'scale'
            });
        }
    }

    async function parseRichTextContent(content) {
        let result = [];
        try {
            let jsonContent = JSON.parse(content);

            for (const block of jsonContent.blocks) {
                if (block.type === 'atomic' && block.data && block.data.type === 'IMAGE') {
                    let imageSrc = block.data.src;
                    let fileIdMatch = imageSrc.match(/\/cloud\/file_access\/(\d+)/);
                    if (fileIdMatch && fileIdMatch[1]) {
                        let fileId = fileIdMatch[1];
                        let randomParam = Date.now();
                        let imageUrl = `${window.location.origin}/api/jx-oresource/cloud/file_access/${fileId}?random=${randomParam}`;
                        const imageData = await fetchImageData(imageUrl);
                        if (imageData) {
                            const imageSize = await getImageSize(imageData);
                            if (imageSize) {
                                let { width, height } = imageSize;
                                const maxWidth = 500;
                                if (width > maxWidth) {
                                    const ratio = maxWidth / width;
                                    width = maxWidth;
                                    height = height * ratio;
                                }
                                result.push(
                                    new ImageRun({
                                        data: imageData,
                                        transformation: {
                                            width: width,
                                            height: height,
                                        },
                                    })
                                );
                            } else {
                                result.push(new TextRun('[无法加载图片]'));
                            }
                        } else {
                            result.push(new TextRun('[无法加载图片]'));
                        }
                    } else {
                        result.push(new TextRun('[无法解析图片链接]'));
                    }
                } else if (block.text) {
                    result.push(new TextRun({
                        text: block.text,
                        font: "Microsoft YaHei",
                        eastAsia: "Microsoft YaHei"
                    }));
                }
            }

        } catch (e) {
            const sanitizedContent = content.replace(/[\x00-\x1F\x7F\u200B-\u200D\uFEFF]/g, '');
            if (sanitizedContent) {
                result.push(new TextRun({
                    text: sanitizedContent,
                    font: "Microsoft YaHei"
                }));
            }
        }
        return result;
    }

    function parseRichTextToPlainText(content) {
        try {
            let jsonContent = JSON.parse(content);
            let result = '';
            jsonContent.blocks.forEach((block) => {
                result += block.text + '\n';
            });
            return result.trim();
        } catch (e) {
            return content;
        }
    }

    async function getImageSize(imageData) {
        return new Promise((resolve, reject) => {
            const blob = new Blob([imageData]);
            const url = URL.createObjectURL(blob);
            const img = new Image();
            img.onload = function () {
                const width = img.width;
                const height = img.height;
                URL.revokeObjectURL(url);
                resolve({ width, height });
            };
            img.onerror = function () {
                URL.revokeObjectURL(url);
                reject(new Error('Cannot load image'));
            };
            img.src = url;
        });
    }

    async function fetchImageData(url) {
        try {
            const response = await fetch(url, {
                method: 'GET'
            });

            if (response.ok) {
                const blob = await response.blob();
                return await blob.arrayBuffer();
            } else {
                console.error('获取图片失败：', response.statusText);
                return null;
            }
        } catch (error) {
            console.error('fetchImageData Error:', error);
            return null;
        }
    }

    function checkAndExecuteAuto() {
        if (isProcessing) {
            return;
        }

        if (debounceTimer) {
            clearTimeout(debounceTimer);
        }

        debounceTimer = setTimeout(async () => {
            const taskElement = document.querySelector('#xy_app_content > div.ta-frame > div.ta_panel.ta_panel_group.ta_group > section > section > main > div > div.group-resource-header.flex_panel.hor > div.flex_align_center > div.entry_task_btn');

            if (taskElement && autoFetchEnabled) {
                if (!isActivated) {
                    showNotification('请先激活后再使用自动功能', {
                        type: 'warning',
                        keywords: ['激活', '自动功能'],
                        animation: 'slideRight'
                    });
                    debounceTimer = null;
                    return;
                }

                try {
                    isProcessing = true;
                    showNotification('正在自动获取答案...', {
                        type: 'info',
                        keywords: ['自动', '获取', '答案'],
                        animation: 'fadeSlide'
                    });

                    await getAndStoreAnswers();

                    if (autoFillEnabled) {
                        await new Promise(resolve => setTimeout(resolve, 1000));
                        await fillAnswers();
                    }
                } catch (error) {
                    console.error('自动执行出错:', error);
                } finally {
                    isProcessing = false;
                    debounceTimer = null;
                }
            } else {
                debounceTimer = null;
            }
        }, 500);
    }

    function detectPageChange() {
        let lastUrl = location.href;
        const observer = new MutationObserver(() => {
            if (location.href !== lastUrl) {
                lastUrl = location.href;
                isProcessing = false;
                if (debounceTimer) {
                    clearTimeout(debounceTimer);
                    debounceTimer = null;
                }
                setTimeout(() => {
                    checkAndExecuteAuto();
                }, 1000);
            }
        });

        observer.observe(document, {
            subtree: true,
            childList: true
        });

        checkAndExecuteAuto();
    }

    detectPageChange();

})();