⚡️ 登录即刻解锁：新人礼包

全能集成 1000+ AI工具

核心功能去痕/降重

高通过率 AI检测规避

效率工具智能纠错

AI 论文一般字体推荐器

本工具是一款专业的 AI论文一般字体推荐器，支持根据论文类型学校要求智能匹配学术规范字体。专为解决毕业论文、期刊投稿中的字体规范难题而设计。通过智能算法一键生成，确保您的论文 格式合规。

输入源

1 积分

<div class="p-4 border-t border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-800 shrink-0">
                <button onclick="generateCitation()" id="btn-generate" 
                    class="w-full py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold uppercase tracking-widest rounded shadow-sm transition-all active:scale-[0.98] flex items-center justify-center gap-2">
                    <span>立即生成</span> 
                    <i class="fa-solid fa-bolt text-[10px]"></i>
                </button>
            </div>
        </div>

<div class="flex flex-col h-full relative bg-white dark:bg-gray-800">
            
            
            <div class="h-12 px-5 border-b border-gray-100 dark:border-gray-700 flex justify-between items-center shrink-0">
                <span class="text-[11px] font-bold uppercase text-indigo-500 tracking-widest flex items-center gap-2">
                    <i class="fa-solid fa-wand-magic-sparkles"></i> 结果
                </span>
                
                
                <button onclick="copyResult()" class="group flex items-center gap-1.5 px-2 py-1 bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded text-[10px] font-bold text-gray-500 hover:text-indigo-600 hover:border-indigo-500 transition-all shadow-sm active:scale-95">
                    <i class="fa-regular fa-copy"></i> <span>复制</span>
                </button>
            </div>

<div class="flex-1 p-5 relative overflow-y-auto no-bar bg-gray-50/30 dark:bg-black/10">
                
                <div id="state-empty" class="absolute inset-0 flex flex-col items-center justify-center select-none p-6">
                    <img src="https://www.aigaixie.com/x-img/论文一般字体.jpg" alt="AI论文一般字体推荐器" class="w-full max-w-[260px] h-auto rounded-lg shadow-md mb-6 object-cover hover:shadow-xl transition-all duration-500">
                    <div class="flex items-center gap-2 text-gray-400 bg-white/80 dark:bg-gray-800/80 px-3 py-1.5 rounded-full border border-gray-100 dark:border-gray-700 shadow-sm backdrop-blur-sm">
                         <i class="fa-solid fa-arrow-left-long animate-pulse text-indigo-500"></i>
                         <span class="text-[10px] font-bold uppercase tracking-widest">请在左侧输入以开始</span>
                    </div>
                </div>
                
                <div id="state-loading" class="hidden absolute inset-0 z-20 flex flex-col items-center justify-center bg-white/90 dark:bg-gray-800/90">
                    <i class="fa-solid fa-circle-notch fa-spin text-xl text-indigo-600 mb-2"></i>
                    <span class="text-[10px] font-bold uppercase text-indigo-600 tracking-widest">Processing...</span>
                </div>
                
       <div id="state-result" class="hidden w-full fade-in">
                    <div id="result-content" class=" prose prose-sm dark:prose-invert max-w-none text-sm leading-loose text-gray-700 dark:text-gray-200 p-4 border border-indigo-100 dark:border-indigo-900/30 rounded-lg bg-white dark:bg-gray-900 shadow-sm select-text max-h-[50vh] overflow-y-auto overflow-x-hidden ">
                        
                    </div>
                </div>
            </div>
            
            
            <div class="p-4 border-t border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-800 shrink-0 h-[66px] flex items-center justify-between">
                 <div class="flex items-center gap-3">
                     <span class="text-xs font-bold text-gray-500 dark:text-gray-400">用户评分</span>
                     <div class="flex items-center gap-1" id="stars-container">
                        
                     </div>
                     <div class="flex items-baseline gap-1 ml-1">
                        <span class="text-sm font-bold text-indigo-600 dark:text-indigo-400" id="rating-val">4.9</span>
                        <span class="text-[10px] text-gray-400">/ 5.0</span>
                     </div>
                 </div>
                 <span class="text-[10px] font-medium text-gray-500 dark:text-gray-400 bg-gray-50 dark:bg-gray-700/50 px-2.5 py-1 rounded-full border border-gray-200 dark:border-gray-600">
                    <i class="fa-solid fa-user-group mr-1.5 text-indigo-400"></i><span id="rating-count">66</span> 人已评价
                 </span>
            </div>

</div>
    </div>

<div class="grid md:grid-cols-12 gap-8 pb-12">
        
        <div class="md:col-span-8 space-y-6">
            <section class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                <h2 class="text-sm font-bold text-gray-900 dark:text-white mb-4 border-b border-gray-100 dark:border-gray-700 pb-2">
                    常用论文字体规范
                </h2>
                <div class="grid sm:grid-cols-2 gap-6">
                    <div>
                        <div class="flex items-center gap-2 mb-2">
                            <span class="w-1.5 h-1.5 bg-indigo-600 rounded-full"></span>
                            <h3 class="text-xs font-bold text-gray-700 dark:text-gray-300">中文字体</h3>
                        </div>
                        <p class="text-xs text-gray-500 leading-relaxed pl-3.5">
                            宋体（正文）、黑体（标题）、楷体（摘要）等。
                        </p>
                    </div>
                    <div>
                        <div class="flex items-center gap-2 mb-2">
                            <span class="w-1.5 h-1.5 bg-blue-500 rounded-full"></span>
                            <h3 class="text-xs font-bold text-gray-700 dark:text-gray-300">英文字体</h3>
                        </div>
                        <p class="text-xs text-gray-500 leading-relaxed pl-3.5">
                            Times New Roman（通用）、Arial（表格）等。
                        </p>
                    </div>
                </div>
            </section>
        </div>

<div class="md:col-span-4">
            <section class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6 h-full">
                <h2 class="text-sm font-bold text-gray-900 dark:text-white mb-4 border-b border-gray-100 dark:border-gray-700 pb-2">
                    常见问题
                </h2>
                <div class="space-y-5">
                    <div>
                        <h4 class="text-xs font-bold text-gray-700 dark:text-gray-300 mb-1">字体大小要求？</h4>
                        <p class="text-xs text-gray-500 leading-relaxed">
                            一般正文小四号（12pt），标题四号或小三号。
                        </p>
                    </div>
                    <div>
                        <h4 class="text-xs font-bold text-gray-700 dark:text-gray-300 mb-1">如何选择字体？</h4>
                        <p class="text-xs text-gray-500 leading-relaxed">
                            优先遵循学校/期刊的格式要求。
                        </p>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

// UI References
    const UI = {
        input: document.getElementById('citation-input'),
        charCount: document.getElementById('char-count'),
        btn: document.getElementById('btn-generate'),
        states: {
            empty: document.getElementById('state-empty'),
            loading: document.getElementById('state-loading'),
            result: document.getElementById('state-result')
        },
        content: document.getElementById('result-content')
    };

// Input Listener
    UI.input.addEventListener('input', (e) => {
        UI.charCount.innerText = e.target.value.length + " 字";
    });

function clearInput() {
        if(UI.input.value.length > 0 && !confirm('确定要清空当前内容吗？')) return;
        UI.input.value = '';
        UI.charCount.innerText = "0 字";
        UI.input.focus();
    }

function generateCitation() {
        const text = UI.input.value.trim();
        
        if (text.length < 10) {
            UI.input.classList.add('ring-2', 'ring-red-400', 'border-red-400');
            setTimeout(() => UI.input.classList.remove('ring-2', 'ring-red-400', 'border-red-400'), 500);
            UI.input.focus();
            showToast("请至少输入10个字的论文信息", 'warning');
            return;
        }

// UI Loading State
        UI.btn.disabled = true;
        UI.btn.innerHTML = '<i class="fa-solid fa-circle-notch fa-spin"></i> 处理中...';
        UI.states.empty.classList.add('hidden');
        UI.states.result.classList.add('hidden');
        UI.states.loading.classList.remove('hidden');

const formData = new URLSearchParams();
        formData.append('act', 'generate_citation');
        formData.append('txt', text);

fetch(API_URL, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
                },
                body: formData.toString()
            })
            .then(response => response.json())
            .then(data => {
                if (data.code === 0) {
                    UI.content.innerHTML = data.data.html;
                    UI.states.loading.classList.add('hidden');
                    UI.states.result.classList.remove('hidden');
                    showToast('生成成功', 'success');
                } else if (data.code === 'nologin') {
                    showToast(data.error, 'error');
                } else {
                    showToast(data.error || '生成失败', 'error');
                    UI.states.loading.classList.add('hidden');
                    UI.states.empty.classList.remove('hidden');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                showToast('请求失败，请检查网络', 'error');
                UI.states.loading.classList.add('hidden');
                UI.states.empty.classList.remove('hidden');
            })
            .finally(() => {
                UI.btn.disabled = false;
                UI.btn.innerHTML = '<span>立即生成</span><i class="fa-solid fa-bolt text-[10px]"></i>';
            });
    }

toast.className = `pointer-events-auto flex items-center gap-2 px-4 py-3 rounded-lg shadow-lg transition-all duration-300 opacity-0 translate-y-[-20px] text-white min-w-[200px]`;
        toast.style.backgroundColor = bgColor;
        toast.innerHTML = `<i class="fa-solid ${iconClass}"></i> <span class="text-sm font-medium">${message}</span>`;
        
        container.appendChild(toast);
        
        requestAnimationFrame(() => {
            toast.classList.remove('opacity-0', 'translate-y-[-20px]');
        });
        
        setTimeout(() => {
            toast.classList.add('opacity-0', 'translate-y-[-20px]');
            setTimeout(() => {
                if (toast.parentNode === container) {
                    container.removeChild(toast);
                }
            }, 300);
        }, 3000);
    }

// Rating Logic
    const RATING_API_URL = "https://www.aigaixie.com/schema/api.php";
    const TOOL_SLUG = "x-paper-font-config";
    const starsContainer = document.getElementById('stars-container');
    const ratingValEl = document.getElementById('rating-val');
    const ratingCountEl = document.getElementById('rating-count');

function submitRating(score) {
        if (localStorage.getItem('has_rated_' + TOOL_SLUG)) {
            showToast('您已经评价过了，感谢您的支持！', 'warning');
            return;
        }

// Optimistic UI update (optional)
        const url = `${RATING_API_URL}?action=update&slug=${TOOL_SLUG}&score=${score}`;
        
        fetch(url)
        .then(res => res.json())
        .then(data => {
            if (data.status === 'success') {
                showToast('评价成功，感谢您的反馈！', 'success');
                localStorage.setItem('has_rated_' + TOOL_SLUG, 'true');
                
                // Update UI with new average
                const newData = data.data;
                if (ratingValEl) ratingValEl.innerText = newData.ratingValue;
                if (ratingCountEl) ratingCountEl.innerText = newData.ratingCount;
                renderStars(newData.ratingValue);
            } else {
                if (data.code === 'ALREADY_RATED') {
                     localStorage.setItem('has_rated_' + TOOL_SLUG, 'true');
                     showToast('您已经评价过了，感谢您的支持！', 'warning');
                } else {
                     showToast(data.message || '评价失败', 'error');
                }
            }
        })
        .catch(err => {
            console.error(err);
            showToast('网络请求失败', 'error');
        });
    }

// Initialize Stars
    if (ratingValEl) {
        renderStars(parseFloat(ratingValEl.innerText));
    }

</script>

<footer id="main-footer" class="mt-16 border-t border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900">
    <div class="max-w-[1500px] mx-auto px-4 md:px-8 pt-12 pb-8">

<div class="lg:col-span-4 space-y-6">
                <div>
                    <div class="flex items-center gap-2 mb-3">
                        <img src="https://www.aigaixie.com//style/footer-logo-icon.svg" alt="爱改写" class="w-7 h-7">
                        <span class="text-xl font-bold text-gray-900 dark:text-white tracking-tight">爱改写</span>
                        <span class="text-[10px] bg-gray-100 dark:bg-gray-800 text-gray-500 px-2 py-0.5 rounded border border-gray-200 dark:border-gray-700">Since 2017</span>
                    </div>
                    <p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed text-justify">
                        集 <strong class="text-gray-700 dark:text-gray-300">精准查 AI</strong> 与 <strong class="text-gray-700 dark:text-gray-300">深度去痕</strong> 于一体的智能创作平台。我们致力于消除 AIGC 的机械生硬感，通过算法重构行文逻辑，完美还原 <strong class="text-[#11A683]">亲笔书写质感</strong>。
                    </p>
                </div>

<div class="flex flex-wrap gap-4 text-xs text-gray-500 dark:text-gray-400">
                    <div class="flex items-center gap-2">
                        <i class="fa-solid fa-phone text-gray-300"></i> 185-5201-1365
                    </div>
                    <div class="flex items-center gap-2">
                        <i class="fa-solid fa-location-dot text-gray-300"></i> 无锡惠山惠太商业广场
                    </div>
                </div>
            </div>

<div class="lg:col-span-2">
    <h4 class="font-bold text-gray-900 dark:text-white mb-5 text-sm">核心能力</h4>
    <ul class="space-y-3 text-sm text-gray-500 dark:text-gray-400">
        
        <li>
            <a href="https://www.aigaixie.com/no-plagiarism-reduction/" class="group flex items-center gap-2 hover:text-[#11A683] transition-colors">
                <i class="fa-duotone fa-eraser text-xs text-gray-400 group-hover:text-[#11A683] transition-colors"></i>
                <span>痕迹橡皮擦</span>
            </a>
        </li>

<div class="lg:col-span-3">
                <h4 class="font-bold text-gray-900 dark:text-white mb-5 text-sm flex items-center gap-2">
                    数据安全与隐私
                    <i class="fa-solid fa-shield-check text-[#11A683]"></i>
                </h4>
                <ul class="space-y-3 text-sm text-gray-500 dark:text-gray-400">
                    <li class="flex items-start gap-2">
                        <i class="fa-solid fa-check text-[#11A683] mt-1 text-[10px]"></i>
                        <span><strong>绝无训练：</strong> 您的输入绝不会用于任何模型训练或第三方共享。</span>
                    </li>
                    <li class="flex items-start gap-2">
                        <i class="fa-solid fa-check text-[#11A683] mt-1 text-[10px]"></i>
                        <span><strong>即用即焚：</strong> 文本处理完成后立即从内存释放，不落盘存储。</span>
                    </li>
                    <li class="flex items-start gap-2">
                        <i class="fa-solid fa-check text-[#11A683] mt-1 text-[10px]"></i>
                        <span><strong>加密传输：</strong> 采用行业标准 TLS 加密技术，确保数据交互安全。</span>
                    </li>
                </ul>
            </div>

<div class="mb-4 p-3 rounded-lg border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900 shadow-sm">
                    <div class="text-xs font-bold text-gray-800 dark:text-gray-200 mb-1 flex items-center gap-1">
                        <i class="fa-solid fa-receipt text-gray-400"></i> 支持开票
                    </div>
                    <p class="text-[10px] text-gray-500 leading-tight">
                        累计充值满 <strong>¥200</strong> 即可自助申请增值税电子发票，报销无忧。
                    </p>
                </div>

<div class="flex items-center gap-4">
                    <div class="w-20 h-20 bg-gray-50 p-1 rounded-lg border border-gray-100">
                        <img src="https://www.aigaixie.com//style/wechat-agx.webp" alt="客服" class="w-full h-full object-cover rounded">
                    </div>
                    <div class="text-xs text-gray-500">
                        <p class="font-bold text-gray-900 dark:text-white mb-1">人工客服在线</p>
                        <p>微信扫码咨询</p>
                        <p class="text-[#11A683] mt-1">9:00 - 22:00</p>
                    </div>
                </div>
            </div>
        </div>

<div class="flex flex-wrap justify-center gap-4">
                <span>© 2017-2025 无锡惠智数据科技有限公司</span>
                <a href="/about" class="hover:text-gray-600 dark:hover:text-gray-300 transition-colors">关于我们</a>
                <a href="/privacy" class="hover:text-gray-600 dark:hover:text-gray-300 transition-colors">隐私政策</a>
                <a href="/terms" class="hover:text-gray-600 dark:hover:text-gray-300 transition-colors">服务条款</a>
            </div>

<div class="flex flex-wrap justify-center items-center gap-3 md:gap-6">
                <a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-[#11A683] transition-colors">
                    苏ICP备2023025731号-7
                </a>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32020602001752" target="_blank" class="flex items-center gap-1 hover:text-[#11A683] transition-colors">
                    <img src="https://www.aigaixie.com//style/ghs.png" alt="公安联网备案号" class="w-3 h-3 opacity-60">
                    苏公网安备32020602001752号
                </a>
                <div class="relative group cursor-help">
                    <span class="border-b border-dotted border-gray-600 hover:text-gray-300 transition-colors">AIGC算法备案公示</span>
                    <div class="absolute bottom-full right-0 mb-2 w-64 p-3 bg-gray-900 text-gray-300 rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 text-[10px]">
                        <div class="mb-1"><span class="text-white font-bold">智谱 ChatGLM：</span><br>网信算备110108105858001230019号</div>
                        <div><span class="text-white font-bold">字节豆包：</span><br>网信算备110108823483901230031号</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

</div>
</div>
</div>

// 页面加载时初始化所有功能
    document.addEventListener('DOMContentLoaded', function() {
        // 只初始化一次导航功能
        if (!navInitialized) {
            initNavigation();
            navInitialized = true;
        }

// 初始化主题
        initializeTheme();

// 初始化下拉菜单
        initDropdownMenus();

});

// ===== 导航菜单相关功能 =====
    function initNavigation() {
        // 获取所有导航分组
        const navGroups = document.querySelectorAll('.nav-group');

// 从localStorage加载保存的状态 - 只保存最后打开的组
        const lastOpenGroup = localStorage.getItem('lastOpenGroup');

// 给每个导航分组添加点击事件
        navGroups.forEach(group => {
            const groupId = group.getAttribute('data-group');
            const button = group.querySelector('button');

// 根据保存的状态设置初始状态
            if (groupId && groupId === lastOpenGroup) {
                group.classList.add('open');
            }

// 防止重复添加事件监听器
            if (button && !button.hasAttribute('data-listener-added')) {
                // 点击事件处理
                button.addEventListener('click', function(e) {
                    e.preventDefault();

// 关闭其他所有组
                    navGroups.forEach(otherGroup => {
                        if (otherGroup !== group) {
                            otherGroup.classList.remove('open');
                        }
                    });

// 切换当前组的状态
                    group.classList.toggle('open');

// 更新localStorage - 只保存当前打开的组
                    if (groupId) {
                        const isOpen = group.classList.contains('open');
                        if (isOpen) {
                            localStorage.setItem('lastOpenGroup', groupId);
                        } else {
                            localStorage.removeItem('lastOpenGroup');
                        }
                    }
                });
                button.setAttribute('data-listener-added', 'true');
            }
        });

// 高亮当前页面对应的菜单项
        highlightCurrentPage();
    }

// 高亮当前页面对应的菜单项
    function highlightCurrentPage() {
        const currentPath = window.location.pathname;
        const menuLinks = document.querySelectorAll('.nav-group-content a, .nav-item[href]');

menuLinks.forEach(link => {
            const linkPath = link.getAttribute('href');
            // 检查当前路径是否匹配链接
            if (linkPath && (currentPath === linkPath || (linkPath !== '/' && currentPath.startsWith(linkPath)))) {
                link.classList.add('text-grm-primary');

// 如果在子菜单中，打开父菜单
                const parentGroup = link.closest('.nav-group');
                if (parentGroup) {
                    parentGroup.classList.add('open');

// 更新localStorage
                    const groupId = parentGroup.getAttribute('data-group');
                    if (groupId) {
                        let openGroups = JSON.parse(localStorage.getItem('openNavGroups') || '[]');
                        if (!openGroups.includes(groupId)) {
                            openGroups.push(groupId);
                            localStorage.setItem('openNavGroups', JSON.stringify(openGroups));
                        }
                    }
                }
            }
        });
    }

// ===== 下拉菜单相关功能 =====
    function initDropdownMenus() {
        const dropdownButton = document.getElementById('user-dropdown-button');
        const dropdownMenu = document.getElementById('user-dropdown-menu');
        const dropdownContainer = document.querySelector('.dropdown-container');

if (!dropdownButton || !dropdownMenu || !dropdownContainer) return;

let showTimeout;
        let hideTimeout;
        const delayShow = 300; // 显示延迟时间（毫秒）
        const delayHide = 300; // 隐藏延迟时间（毫秒）

// 鼠标移入按钮时，延迟显示下拉菜单
        dropdownButton.addEventListener('mouseenter', function() {
            clearTimeout(hideTimeout);
            showTimeout = setTimeout(() => {
                dropdownMenu.classList.remove('hidden');
            }, delayShow);
        });

// 鼠标移入菜单时，清除隐藏计时器
        dropdownMenu.addEventListener('mouseenter', function() {
            clearTimeout(hideTimeout);
        });

// 鼠标移出按钮时，如果不是移动到菜单，则延迟隐藏
        dropdownButton.addEventListener('mouseleave', function(event) {
            clearTimeout(showTimeout);

// 检查鼠标是否移动到了下拉菜单
            const toElement = event.relatedTarget;
            if (dropdownMenu.contains(toElement)) return;

hideTimeout = setTimeout(() => {
                dropdownMenu.classList.add('hidden');
            }, delayHide);
        });

// 鼠标移出菜单时，延迟隐藏
        dropdownMenu.addEventListener('mouseleave', function() {
            hideTimeout = setTimeout(() => {
                dropdownMenu.classList.add('hidden');
            }, delayHide);
        });

// 点击按钮时，立即切换菜单显示状态
        dropdownButton.addEventListener('click', function() {
            clearTimeout(showTimeout);
            clearTimeout(hideTimeout);
            dropdownMenu.classList.toggle('hidden');
        });

// 点击页面其他地方时，隐藏菜单
        document.addEventListener('click', function(event) {
            if (!dropdownContainer.contains(event.target)) {
                dropdownMenu.classList.add('hidden');
            }
        });
    }

// 防止重复执行
    if (window.themeSystemInitialized) {
        console.warn('主题系统：已初始化，跳过');
    } else {
        window.themeSystemInitialized = true;

function initializeTheme() {
            const STORAGE_KEY = 'theme';
            const toastId = 'themeToast';
            const switcherId = 'themeSwitcher';
            const html = document.documentElement;
            const hour = new Date().getHours();

function showThemeToast(message, icon) {
                const toast = document.getElementById(toastId);
                if (!toast) return;
                const iconEl = toast.querySelector('i');
                const messageEl = toast.querySelector('div');
                messageEl.innerHTML = message;
                iconEl.className = icon;
                toast.classList.add('show');
                setTimeout(() => toast.classList.remove('show'), 3000);
            }

// ===== 核心修复：applyTheme 函数 =====
            function applyTheme(theme) {
                // 先移除所有状态
                html.classList.remove('light', 'dark');

if (theme === 'dark') {
                    // 强制开启暗色
                    html.classList.add('dark');
                } else if (theme === 'light') {
                    // 强制开启亮色
                    html.classList.add('light');
                } else {
                    // 'system' 模式：根据系统偏好决定是否添加 .dark 类
                    const isSystemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
                    if (isSystemDark) {
                        html.classList.add('dark');
                    }
                    // 不添加 'light' 类，让 dark: 样式在系统为暗色时生效
                }
            }

function setTheme(theme, showToast = true) {
                applyTheme(theme);
                localStorage.setItem(STORAGE_KEY, theme);

if (showToast) {
                    const messages = {
                        dark: {
                            msg: '🌙 护眼模式已开启',
                            desc: '已切换到夜间模式',
                            icon: 'fa-regular fa-moon text-lg'
                        },
                        light: {
                            msg: '☀️ 日间模式已开启',
                            desc: '已切换到日间模式',
                            icon: 'fa-regular fa-sun text-lg'
                        },
                        system: {
                            msg: '🔄 跟随系统主题',
                            desc: '主题将随系统自动切换',
                            icon: 'fa-solid fa-circle-half-stroke text-lg'
                        }
                    };
                    const m = messages[theme];
                    showThemeToast(
                        `<span class="text-sm font-medium">${m.msg}</span><span class="text-xs opacity-90">${m.desc}</span>`,
                        m.icon
                    );
                }

// 更新 UI 高亮
                updateActiveUI(theme);
            }

function updateActiveUI(currentTheme) {
                document.querySelectorAll(`#${switcherId} [data-theme]`).forEach(btn => {
                    const isActive = btn.dataset.theme === currentTheme;
                    const textSpan = btn.querySelector('.theme-text');
                    const icon = btn.querySelector('i');

// 重置所有状态
                    btn.classList.remove('font-medium', 'theme-active');

// 添加空值检查
                    if (textSpan) {
                        textSpan.classList.remove('opacity-100');
                        textSpan.classList.add('opacity-0');
                    }

if (isActive) {
                        // 选中状态：显示文字和特殊样式
                        btn.classList.add('font-medium', 'theme-active');
                        if (textSpan) {
                            textSpan.classList.remove('opacity-0');
                            textSpan.classList.add('opacity-100');
                        }
                    }

// 图标颜色 - 添加空值检查
                    if (icon) {
                        icon.classList.toggle('text-grm-gray-900', isActive);
                        icon.classList.toggle('dark:text-white', isActive);
                    }
                });
            }

// ===== 初始化 =====
            (function init() {
                const saved = localStorage.getItem(STORAGE_KEY);
                const theme = saved || (hour >= 18 || hour < 6 ? 'dark' : 'light');
                setTheme(theme, false);
            })();

// ===== 绑定事件 =====
            const container = document.getElementById(switcherId);
            if (container) {
                container.querySelectorAll('[data-theme]').forEach(btn => {
                    btn.addEventListener('click', () => setTheme(btn.dataset.theme, true));
                });
            }

// ===== 核心：监听系统主题变化 =====
            const media = window.matchMedia('(prefers-color-scheme: dark)');

function handleSystemChange(e) {
                const currentTheme = localStorage.getItem(STORAGE_KEY);
                if (currentTheme === 'system') {
                    // 当系统主题变化，且当前是“系统”模式时
                    // 重新应用主题，根据新的系统偏好设置 .dark 类
                    applyTheme('system');
                    console.log('系统主题已切换为：', e.matches ? '暗色' : '亮色');
                }
            }
            media.addEventListener('change', handleSystemChange);

// 调试信息
            console.log('%c主题系统已加载', 'color: green; font-weight: bold;');
            console.log('当前 localStorage theme:', localStorage.getItem(STORAGE_KEY));
            console.log('当前系统偏好:', media.matches ? '暗色' : '亮色');
            console.log('当前 HTML class:', html.classList.length > 0 ? [...html.classList] : '无');
        }

// 绑定 DOM 事件（只执行一次）
        document.addEventListener('DOMContentLoaded', initializeTheme, {
            once: true
        });
    }

// ===== 侧边栏相关功能 =====
    function toggleSidebar() {
        const sidebar = document.getElementById('sidebar');
        const overlay = document.getElementById('sidebar-overlay');

if (!sidebar || !overlay) return;

if (sidebar.classList.contains('-translate-x-full')) {
            // 显示侧边栏
            sidebar.classList.remove('-translate-x-full');
            overlay.classList.remove('hidden');
            document.body.style.overflow = 'hidden'; // 防止背景滚动
        } else {
            // 隐藏侧边栏
            sidebar.classList.add('-translate-x-full');
            overlay.classList.add('hidden');
            document.body.style.overflow = ''; // 恢复背景滚动
        }
    }

// ===== 窗口调整事件 =====
    window.addEventListener('resize', function() {
        // 处理响应式侧边栏
        if (window.innerWidth >= 768) { // md 断点
            const sidebar = document.getElementById('sidebar');
            const overlay = document.getElementById('sidebar-overlay');
            if (sidebar && overlay) {
                sidebar.classList.remove('-translate-x-full');
                overlay.classList.add('hidden');
                document.body.style.overflow = '';
            }
        }
    });
 
    
</script>

<div id="themeToast"
    class="toast fixed right-4 top-20 flex items-center gap-3 bg-white dark:bg-grm-gray-800 text-grm-gray-800 dark:text-white px-4 py-3 rounded-lg shadow-lg transform translate-x-full transition-all duration-300 z-50">
    <i class="fa-regular fa-moon text-lg"></i>
    <div class="flex flex-col">
        <span class="text-sm font-medium">主题已切换</span>
        <span class="text-xs opacity-90">天色已晚，已为您开启护眼模式</span>
    </div>
</div>

// =======================================================
    //  智能元素选择器 (核心修改)
    // =======================================================
    // 优先找 id="redPasteArea" 的 div，找不到再找普通的 textarea
    var $target = document.getElementById('redPasteArea') || document.querySelector('textarea');

// 辅助函数：判断是不是 contenteditable 的 div
    function isEditableDiv(el) {
        return el.tagName.toLowerCase() === 'div' && el.getAttribute('contenteditable') === 'true';
    }

// 辅助函数：获取内容
    function getContent(el) {
        if (!el) return '';
        // 如果是 div，取 innerHTML (保留格式/换行)，如果是 textarea，取 value
        return isEditableDiv(el) ? el.innerHTML : el.value;
    }

// 辅助函数：设置内容
    function setContent(el, val) {
        if (!el) return;
        if (isEditableDiv(el)) {
            el.innerHTML = val;
        } else {
            el.value = val;
        }
    }

// =======================================================
    //  功能 A：恢复草稿
    // =======================================================
    if ($target) {
        var savedContent = localStorage.getItem(storageKey);
        var currentContent = getContent($target);

// 只有当本地有草稿，且当前输入框看起来是空的(去除空格后)，才恢复
        // 注意：div 的空状态可能包含 <br> 或  ，所以用 innerText 来判断是否真的空
        var isEmpty = isEditableDiv($target) ? ($target.innerText.trim() === '') : ($target.value.trim() === '');

if (savedContent && isEmpty) {
            setContent($target, savedContent);
            console.log('已恢复草稿内容');
        }
    }

// =======================================================
    //  功能 B：监听输入 (未登录时)
    // =======================================================
    if (!isUserLoggedIn && $target) {
        // 监听 input 事件 (contenteditable div 也会触发这个事件)
        $target.addEventListener('input', function() {
            localStorage.setItem(storageKey, getContent(this));
        });
    }

// =======================================================
    //  功能 C：修正登录链接 (通用)
    // =======================================================
    if (!isUserLoggedIn) {
        var loginPathKeyword = 'login'; 
        var links = document.querySelectorAll('a');
        var encodedUrl = encodeURIComponent(window.location.href);

links.forEach(function(link) {
            var href = link.getAttribute('href');
            if (href && href.indexOf(loginPathKeyword) !== -1 && href.indexOf('redirect=') === -1) {
                var separator = href.indexOf('?') !== -1 ? '&' : '?';
                link.setAttribute('href', href + separator + 'redirect=' + encodedUrl);
            }
        });
    }

})();
</script>

</body>

</html>

AI 核心

场景方案

效率工具

AI 论文一般字体推荐器