<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="再吃一口烤南瓜"/>
    <meta name="keywords" content="kaonangua,烤南瓜,博客"/>
    <meta name="author" content="烤南瓜"/>
    <link rel="icon" href="/favicon.ico"/>
    
    <title>404 - 页面未找到 - 烤南瓜</title>

    <!-- TailwindCSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        'hexo-background-gray': '#f5f5f5',
                        'hexo-black-gray': '#1e1e1e'
                    }
                }
            }
        }
    </script>

    <!-- 在渲染前立即恢复深色模式，避免页面闪烁 -->
    <script>
        (function () {
            var m = document.cookie.match(/(?:^|;\s*)theme=(\w+)/);
            if (m && m[1] === 'dark') {
                document.documentElement.classList.add('dark');
            }
        })();
    </script>

    <!-- FontAwesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>

    <!-- 自定义样式 -->
    <link rel="stylesheet" href="/static/css/hexo.css"/>

    <!-- Twikoo 评论 - 直接加载，非懒加载 -->
    <script src="https://s4.zstatic.net/npm/twikoo@1.6.44/dist/twikoo.min.js"></script>
    
</head>
<body class="dark:bg-black scroll-smooth font-sans">

<!-- 顶部导航 -->
<header id="top-nav"
        class="fixed top-0 w-full z-40 transition-all duration-200 bg-white dark:bg-hexo-black-gray shadow-md">
    <div class="max-w-7xl mx-auto px-4 flex items-center justify-between h-16">
        <!-- Logo / 站点名 -->
        <a href="/" class="flex items-center space-x-2 font-bold text-lg text-gray-800 dark:text-gray-100">
            <img src="https://img.kaonangua.com/notion-img/32458f23037d89711d1940877da0d521.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp" alt="logo" class="w-8 h-8 rounded-full"/>
            <span>烤南瓜</span>
        </a>

        <!-- 桌面导航：固定四项（首页 / 搜索 / 关于 / 归档） -->
        <nav class="hidden md:flex items-center space-x-1">
            <a href="/"
               class="nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 inline-flex items-center">
                <i class="fas fa-home mr-2" aria-hidden="true"></i>首页
            </a>
            <a href="/search"
               class="nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 inline-flex items-center">
                <i class="fas fa-search mr-2" aria-hidden="true"></i>搜索
            </a>
            <a href="/about"
               class="nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 inline-flex items-center">
                <i class="fas fa-address-card mr-2" aria-hidden="true"></i>关于
            </a>
            <a href="/archive"
               class="nav-link px-3 py-2 rounded-md text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 inline-flex items-center">
                <i class="fas fa-archive mr-2" aria-hidden="true"></i>归档
            </a>
        </nav>

        <!-- 移动端菜单按钮 -->
        <button id="mobile-menu-btn" class="md:hidden text-gray-700 dark:text-gray-200"
                onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">
            <i class="fas fa-bars text-xl"></i>
        </button>
    </div>

    <!-- 移动端菜单：与桌面同一套四项 -->
    <div id="mobile-menu" class="hidden md:hidden bg-white dark:bg-hexo-black-gray border-t dark:border-gray-700">
        <div class="px-2 pt-2 pb-3 space-y-1">
            <a href="/"
               class="flex items-center px-3 py-2 rounded-md text-base font-medium text-gray-700 dark:text-gray-200">
                <i class="fas fa-home mr-3 w-5 text-center" aria-hidden="true"></i>首页
            </a>
            <a href="/search"
               class="flex items-center px-3 py-2 rounded-md text-base font-medium text-gray-700 dark:text-gray-200">
                <i class="fas fa-search mr-3 w-5 text-center" aria-hidden="true"></i>搜索
            </a>
            <a href="/about"
               class="flex items-center px-3 py-2 rounded-md text-base font-medium text-gray-700 dark:text-gray-200">
                <i class="fas fa-address-card mr-3 w-5 text-center" aria-hidden="true"></i>关于
            </a>
            <a href="/archive"
               class="flex items-center px-3 py-2 rounded-md text-base font-medium text-gray-700 dark:text-gray-200">
                <i class="fas fa-archive mr-3 w-5 text-center" aria-hidden="true"></i>归档
            </a>
        </div>
    </div>
</header>

<!-- 外层保留 id，避免 decorate 时子页替换掉带 fragment 的节点导致样式锚点丢失 -->
<div id="layout-header-slot">
    <div></div>
</div>

<!-- 主区块 -->
<!-- pt-16：与固定顶栏 h-16 对齐；带大图 headerSlot 的页面由 hexo.css 压回与原先 py-8 一致的上内边距 -->
<!-- scroll-mt-16：与固定导航 h-16 一致，程序化滚动时主栏与侧栏从同一基线进入视口 -->
<main id="wrapper" class="scroll-mt-16 bg-hexo-background-gray dark:bg-black w-full pt-16 pb-8 md:px-8 lg:px-24 min-h-screen relative">
    <div id="container-inner"
         class="w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10">

        <!-- 主内容区 -->
        <div class="pt-4 w-full max-w-4xl h-full overflow-hidden">
    <div class="text-center py-32">
        <div class="text-gray-300 dark:text-gray-600 mb-6">
            <i class="fas fa-ghost text-8xl"></i>
        </div>
        <h2 class="inline-block border-r-2 border-gray-400 dark:border-gray-600 mr-4 pr-4 text-4xl font-bold text-gray-800 dark:text-gray-200">
            404
        </h2>
        <p class="inline-block text-lg text-gray-500 dark:text-gray-400">页面未找到</p>
        <div class="mt-8">
            <a href="/"
               class="px-6 py-3 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition">
                <i class="fas fa-home mr-2"></i>返回首页
            </a>
        </div>
    </div>
</div>

        <!-- 右侧栏 -->
        <div id="sideRight" class="hidden lg:block lg:w-72 lg:pt-4 shrink-0">
    <div class="sticky top-20 space-y-3">

        <!-- 站长信息卡（紧凑版） -->
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-200">
            <div class="flex items-center p-4 space-x-3">
                <img src="https://img.kaonangua.com/notion-img/32458f23037d89711d1940877da0d521.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                     alt="avatar" class="w-14 h-14 rounded-full ring-2 ring-gray-100 dark:ring-gray-700 object-cover shrink-0"/>
                <div class="flex-1 min-w-0">
                    <h3 class="font-bold text-base dark:text-gray-100 truncate">烤南瓜</h3>
                    <p class="text-xs text-gray-500 dark:text-gray-400 truncate">再吃一口烤南瓜</p>
                </div>
            </div>
            <!-- 统计 + 社交 -->
            <div class="flex items-center justify-between px-4 pb-3">
                <div class="flex items-center space-x-4 text-xs text-gray-500 dark:text-gray-400">
                    <a href="/archive" class="flex flex-col items-center group transition-colors">
                        <span class="font-bold text-sm text-gray-800 dark:text-gray-200 group-hover:text-blue-500 transition-colors">8</span>
                        <span class="group-hover:text-blue-500 transition-colors">文章</span>
                    </a>
                    <a href="/category" class="flex flex-col items-center group transition-colors">
                        <span class="font-bold text-sm text-gray-800 dark:text-gray-200 group-hover:text-blue-500 transition-colors">3</span>
                        <span class="group-hover:text-blue-500 transition-colors">分类</span>
                    </a>
                    <a href="/tag" class="flex flex-col items-center group transition-colors">
                        <span class="font-bold text-sm text-gray-800 dark:text-gray-200 group-hover:text-blue-500 transition-colors">4</span>
                        <span class="group-hover:text-blue-500 transition-colors">标签</span>
                    </a>
                </div>
                <div class="flex items-center space-x-2">
                    
                        <button type="button" title="微信公众号" aria-label="微信公众号"
                                class="wechat-qr-open text-gray-400 hover:text-[#07C160] dark:hover:text-[#07C160] transition cursor-pointer bg-transparent border-0 p-0 leading-none">
                            <i class="fab fa-weixin text-lg pointer-events-none" aria-hidden="true"></i>
                        </button>
                    
                    <a href="mailto:kaonangua@163.com"
                       class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition">
                        <i class="fas fa-envelope text-lg"></i>
                    </a>
                </div>
            </div>
        </div>

        <!-- 公告 — 对齐 NotionNext Announcement 组件：渲染页面正文而非 summary -->
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl p-3 shadow-sm">
            <h3 class="font-bold text-gray-800 dark:text-gray-100 mb-1.5 text-sm">
                <i class="fas fa-bullhorn mr-1.5 text-xs"></i>公告
            </h3>
            <div class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed notice-content text-center"><p id='1287cf66-3820-81bb-9efd-ec79e3d38ac2'>🎉没有任何公告🎉</p></div>
        </div>

        <!-- 最新文章 -->
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl p-3 shadow-sm">
            <h3 class="font-bold text-gray-800 dark:text-gray-100 mb-2 text-sm">
                <i class="fas fa-history mr-1.5 text-xs"></i>最新文章
            </h3>
            <div class="space-y-2">
                <a href="/notion-add-proxy"
                   class="flex items-center space-x-2.5 group">
                    <img src="https://img.kaonangua.com/blog/bg.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                         alt="" class="w-14 h-9 rounded object-cover shrink-0"/>
                    <div class="min-w-0 flex-1">
                        <p class="text-xs text-gray-700 dark:text-gray-300 truncate group-hover:text-blue-500 transition">Windows系统Notion APP访问加速</p>
                        <p class="text-xs text-gray-400">2026-03-20</p>
                    </div>
                </a><a href="/change-google-account-area"
                   class="flex items-center space-x-2.5 group">
                    <img src="https://img.kaonangua.com/blog/bg.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                         alt="" class="w-14 h-9 rounded object-cover shrink-0"/>
                    <div class="min-w-0 flex-1">
                        <p class="text-xs text-gray-700 dark:text-gray-300 truncate group-hover:text-blue-500 transition">怎样修改谷歌账号地区信息</p>
                        <p class="text-xs text-gray-400">2026-03-01</p>
                    </div>
                </a><a href="/make-progress"
                   class="flex items-center space-x-2.5 group">
                    <img src="https://img.kaonangua.com/blog/bg.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                         alt="" class="w-14 h-9 rounded object-cover shrink-0"/>
                    <div class="min-w-0 flex-1">
                        <p class="text-xs text-gray-700 dark:text-gray-300 truncate group-hover:text-blue-500 transition">怎样快速进步？</p>
                        <p class="text-xs text-gray-400">2026-02-12</p>
                    </div>
                </a>
            </div>
            
        </div>

    </div>


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

<!-- 移动端底部导航（仅在移动端显示） -->
<section class="lg:hidden px-4 pb-8 bg-hexo-background-gray dark:bg-black">
    <div class="space-y-3 max-w-4xl mx-auto">
        <!-- 站长卡片（简洁版） -->
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl p-4 shadow-sm flex items-center space-x-4">
            <img src="https://img.kaonangua.com/notion-img/32458f23037d89711d1940877da0d521.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                 alt="avatar" class="w-12 h-12 rounded-full object-cover shrink-0"/>
            <div class="flex-1 min-w-0">
                <h3 class="font-bold text-sm dark:text-gray-100">烤南瓜</h3>
                <p class="text-xs text-gray-500 dark:text-gray-400 truncate">再吃一口烤南瓜</p>
                <div class="flex items-center justify-between mt-1">
                    <div class="flex items-center space-x-3 text-xs text-gray-400">
                        <a href="/archive" class="hover:text-blue-500 transition-colors">
                            <span class="font-bold text-gray-700 dark:text-gray-300">8</span> 文章
                        </a>
                        <a href="/category" class="hover:text-blue-500 transition-colors">
                            <span class="font-bold text-gray-700 dark:text-gray-300">3</span> 分类
                        </a>
                        <a href="/tag" class="hover:text-blue-500 transition-colors">
                            <span class="font-bold text-gray-700 dark:text-gray-300">4</span> 标签
                        </a>
                    </div>
                    <div class="flex items-center space-x-2">
                        
                            <button type="button" title="微信公众号" aria-label="微信公众号"
                                    class="wechat-qr-open text-gray-400 hover:text-[#07C160] dark:hover:text-[#07C160] transition cursor-pointer bg-transparent border-0 p-0 leading-none">
                                <i class="fab fa-weixin text-base pointer-events-none" aria-hidden="true"></i>
                            </button>
                        
                        <a href="mailto:kaonangua@163.com"
                           class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition">
                            <i class="fas fa-envelope text-base"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 公告 — 对齐 NotionNext Announcement 组件 -->
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl p-3 shadow-sm">
            <h3 class="font-bold text-gray-800 dark:text-gray-100 mb-1.5 text-sm">
                <i class="fas fa-bullhorn mr-1.5 text-xs"></i>公告
            </h3>
            <div class="text-xs text-gray-600 dark:text-gray-400 notice-content text-center"><p id='1287cf66-3820-81bb-9efd-ec79e3d38ac2'>🎉没有任何公告🎉</p></div>
        </div>

        <!-- 最新文章 -->
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl p-3 shadow-sm">
            <h3 class="font-bold text-gray-800 dark:text-gray-100 mb-2 text-sm">
                <i class="fas fa-history mr-1.5 text-xs"></i>最新文章
            </h3>
            <div class="space-y-2">
                <a href="/notion-add-proxy"
                   class="flex items-center space-x-2.5 group">
                    <img src="https://img.kaonangua.com/blog/bg.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                         alt="" class="w-14 h-9 rounded object-cover shrink-0"/>
                    <div class="min-w-0 flex-1">
                        <p class="text-xs text-gray-700 dark:text-gray-300 truncate group-hover:text-blue-500 transition">Windows系统Notion APP访问加速</p>
                        <p class="text-xs text-gray-400">2026-03-20</p>
                    </div>
                </a><a href="/change-google-account-area"
                   class="flex items-center space-x-2.5 group">
                    <img src="https://img.kaonangua.com/blog/bg.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                         alt="" class="w-14 h-9 rounded object-cover shrink-0"/>
                    <div class="min-w-0 flex-1">
                        <p class="text-xs text-gray-700 dark:text-gray-300 truncate group-hover:text-blue-500 transition">怎样修改谷歌账号地区信息</p>
                        <p class="text-xs text-gray-400">2026-03-01</p>
                    </div>
                </a><a href="/make-progress"
                   class="flex items-center space-x-2.5 group">
                    <img src="https://img.kaonangua.com/blog/bg.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp"
                         alt="" class="w-14 h-9 rounded object-cover shrink-0"/>
                    <div class="min-w-0 flex-1">
                        <p class="text-xs text-gray-700 dark:text-gray-300 truncate group-hover:text-blue-500 transition">怎样快速进步？</p>
                        <p class="text-xs text-gray-400">2026-02-12</p>
                    </div>
                </a>
            </div>
            
        </div>
    </div>
</section>

<!-- 微信公众号二维码弹窗 -->

    <div id="wechat-qr-modal" class="hidden fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50"
         role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="wechat-qr-title">
        <div class="bg-white dark:bg-hexo-black-gray rounded-xl shadow-xl max-w-sm w-full p-4 relative"
             onclick="event.stopPropagation()">
            <button type="button" id="wechat-qr-close"
                    class="absolute top-2 right-2 w-8 h-8 flex items-center justify-center rounded-lg text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-gray-400 text-xl leading-none"
                    aria-label="关闭">&times;</button>
            <h3 id="wechat-qr-title" class="text-center text-sm font-bold text-gray-800 dark:text-gray-100 mb-3 pr-6">微信公众号</h3>
            <img src="https://img.kaonangua.com/blog/0c6e162a327246f10d65b3114b0be00.jpg?x-oss-process=image/resize,p_100/quality,q_60/format,webp" alt="微信公众号二维码"
                 class="w-full max-h-[70vh] object-contain rounded-lg mx-auto block"/>
        </div>
    </div>
    <script>
        (function () {
            var modal = document.getElementById('wechat-qr-modal');
            var openBtns = document.querySelectorAll('.wechat-qr-open');
            var closeBtn = document.getElementById('wechat-qr-close');
            if (!modal || !openBtns.length) return;
            function openModal() {
                modal.classList.remove('hidden');
                modal.setAttribute('aria-hidden', 'false');
                document.body.style.overflow = 'hidden';
            }
            function closeModal() {
                modal.classList.add('hidden');
                modal.setAttribute('aria-hidden', 'true');
                document.body.style.overflow = '';
            }
            openBtns.forEach(function (btn) {
                btn.addEventListener('click', openModal);
            });
            if (closeBtn) closeBtn.addEventListener('click', closeModal);
            modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });
            document.addEventListener('keydown', function (e) {
                if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal();
            });
        })();
    </script>


<!-- 悬浮按钮区 -->
<div class="fixed right-4 bottom-4 z-50 flex flex-col space-y-2">
    <!-- 回到顶部 -->
    <button id="btn-to-top"
            onclick="window.scrollTo({top:0, behavior:'smooth'})"
            data-tooltip="回到顶部"
            class="hexo-tooltip hidden w-10 h-10 bg-white dark:bg-hexo-black-gray shadow-lg rounded-full text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 transition items-center justify-center">
        <i class="fas fa-arrow-up"></i>
    </button>

    <!-- 跳转评论 -->
    <button onclick="(function(){var el=document.getElementById('comment-title')||document.getElementById('comment-container');if(!el)return;var offset=72;var top=el.getBoundingClientRect().top+window.pageYOffset-offset;window.scrollTo({top:Math.max(top,0),behavior:'smooth'});})()"
            data-tooltip="跳转评论"
            class="hexo-tooltip w-10 h-10 bg-white dark:bg-hexo-black-gray shadow-lg rounded-full text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 transition flex items-center justify-center">
        <i class="fas fa-comment"></i>
    </button>

    <!-- 暗色模式 -->
    <button id="btn-dark-mode"
            data-tooltip="深色模式"
            class="hexo-tooltip w-10 h-10 bg-white dark:bg-hexo-black-gray shadow-lg rounded-full text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 transition flex items-center justify-center">
        <i class="fas fa-moon dark:hidden"></i>
        <i class="fas fa-sun hidden dark:inline"></i>
    </button>

    <!-- 脚本必须放在 th:fragment 内部，否则 Thymeleaf th:replace 不会引入 -->
    <script>
        // 回到顶部按钮：滚动超过 300px 时显示
        (function () {
            var btn = document.getElementById('btn-to-top');
            if (!btn) return;
            window.addEventListener('scroll', function () {
                if (window.scrollY > 300) {
                    btn.classList.remove('hidden');
                    btn.classList.add('flex');
                } else {
                    btn.classList.add('hidden');
                    btn.classList.remove('flex');
                }
            });
        })();

        // 暗色模式切换 + tooltip 文字联动 + cookie 持久化
        (function () {
            var btn = document.getElementById('btn-dark-mode');
            if (!btn) return;

            function updateTooltip() {
                var isDark = document.documentElement.classList.contains('dark');
                btn.setAttribute('data-tooltip', isDark ? '浅色模式' : '深色模式');
            }

            updateTooltip();

            btn.addEventListener('click', function () {
                document.documentElement.classList.toggle('dark');
                var isDark = document.documentElement.classList.contains('dark');
                document.cookie = 'theme=' + (isDark ? 'dark' : 'light') + ';path=/;max-age=31536000;SameSite=Lax';
                updateTooltip();
            });
        })();
    </script>
</div>

<!-- 页脚 -->
<footer class="relative z-10 bg-white dark:bg-hexo-black-gray border-t dark:border-gray-800">
    <div class="max-w-6xl mx-auto px-4 py-3">
        <!-- 上方区域：版权 + 技术支持 -->
        <div class="flex flex-col items-center text-sm space-y-1 text-gray-500 dark:text-gray-400">
            <!-- 版权信息 -->
            <div class="flex items-center space-x-1">
                <i class="far fa-copyright text-xs"></i>
                <span>2021</span>
                <span>-</span>
                <span>2026</span>
                <a href="/" class="hover:text-blue-500 transition ml-1">烤南瓜</a>
            </div>

            <!-- 备案信息 -->
            <div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-xs text-gray-400 dark:text-gray-500">
                <!-- ICP 备案 -->
                <a href="https://beian.miit.gov.cn/" target="_blank"
                   class="hover:text-blue-500 transition inline-flex items-center">
                    <i class="fas fa-shield-alt mr-1"></i>
                    <span>陕ICP备2022012820号-2</span>
                </a>
                <!-- 公安备案 -->
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank"
                   class="hover:text-blue-500 transition inline-flex items-center">
                    <img src="/static/gongan.png" class="inline-block mr-1 w-3.5 h-3.5"/>
                    <span>陕公网安备61011302002012号</span>
                </a>
            </div>
        </div>
    </div>
</footer>

<!-- 代码块复制功能（对齐 NotionNext PrismMac） -->
<script>
    function copyNotionCode(btn) {
        var code = btn.closest('.notion-code').querySelector('code').textContent;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(code).then(function() {
                showCopied(btn);
            }).catch(function() {
                fallbackCopy(code, btn);
            });
        } else {
            fallbackCopy(code, btn);
        }
    }
    function fallbackCopy(text, btn) {
        var ta = document.createElement('textarea');
        ta.value = text;
        ta.style.position = 'fixed';
        ta.style.left = '-9999px';
        document.body.appendChild(ta);
        ta.select();
        try { document.execCommand('copy'); showCopied(btn); }
        catch(e) { /* ignore */ }
        document.body.removeChild(ta);
    }
    function showCopied(btn) {
        btn.innerHTML = '<i class="fas fa-check"></i>';
        btn.classList.add('copied');
        setTimeout(function() {
            btn.innerHTML = '<i class="fas fa-copy"></i>';
            btn.classList.remove('copied');
        }, 2000);
    }

    /**
     * 处理 Notion 页面引用跳转：
     * - 同页块：仅滚动，不改 URL
     * - 跨页：新窗口打开，当前页 URL 不变
     */
    function handleNotionPageMention(el, event) {
        if (event) {
            event.preventDefault();
        }
        if (!el) {
            return false;
        }
        var href = el.getAttribute('data-mention-href') || '';
        var anchorId = el.getAttribute('data-mention-anchor') || '';
        var openInNewTab = (el.getAttribute('data-mention-new-tab') || '').toLowerCase() === 'true';

        if (openInNewTab) {
            if (href) {
                window.open(href, '_blank', 'noopener,noreferrer');
            }
            return false;
        }

        if (anchorId) {
            var target = document.getElementById(anchorId);
            if (target) {
                // 预留固定导航高度偏移，避免标题被遮挡
                var offset = 72;
                var top = target.getBoundingClientRect().top + window.pageYOffset - offset;
                window.scrollTo({ top: Math.max(top, 0), behavior: 'smooth' });
            }
        }
        return false;
    }
</script>

</body>
</html>
