{% extends "pydata_sphinx_theme/layout.html" %}

{# 模块 1：动态控制侧边栏折叠按钮 #}
{% block extrahead %}
    {{ super() }}
    {% if theme_enable_collapse_sidebar | string | lower == 'false' %}
        <style>
            .sidebar-primary-item.pst-sidebar-collapse,
            #pst-collapse-sidebar-button {
                display: none !important;
                visibility: hidden !important;
                height: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                pointer-events: none !important;
            }
        </style>
    {% endif %}
{% endblock extrahead %}

{# 模块 2：MkDocs-Material 零跳动滚动引擎 #}
{% block footer %}
    {{ super() }}

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const footer = document.querySelector(".bd-footer");
            if (!footer) return;

            // 1. 寻找最佳挂载点（沿用你的原始设计，优先拉长正文区，绝不挤压 Flex 宽度）
            const targetContainer = document.querySelector(".bd-article-container") ||
                                    document.querySelector(".bd-content") ||
                                    document.querySelector(".bd-main") ||
                                    document.body;

            // 2. 将 Footer 降维转移到 Body 末尾，脱离 Sphinx 布局束缚
            if (footer.parentNode !== document.body) {
                document.body.appendChild(footer);
            }

            // 3. 注入幽灵占位符：给正文区垫高，为侧边栏创造出足够长的“不触底”防跳轨道！
            const spacer = document.createElement("div");
            spacer.id = "zcnote-footer-spacer";
            spacer.style.cssText = "width: 100%; display: block; clear: both; pointer-events: none; flex-shrink: 0;";
            targetContainer.appendChild(spacer);

            let ticking = false;
            const root = document.documentElement;

            // 渲染同步引擎
            function updateLayout() {
                // Read Phase
                const footerHeight = footer.offsetHeight;
                const footerTop = footer.getBoundingClientRect().top;
                const viewportHeight = window.innerHeight; // 获取真实视口高度

                // Write Phase 1: 动态注入真实的视口高度（解决移动端地址栏伸缩抖动）
                root.style.setProperty('--zcnote-vh', `${viewportHeight}px`);

                // Write Phase 2: 物理撑开正文轨道，高度与 Footer 完全一致
                if (spacer.style.height !== `${footerHeight}px`) {
                    spacer.style.height = `${footerHeight}px`;
                }

                // Write Phase 3: 计算重叠高度，裁短侧边栏
                let overlap = Math.max(0, viewportHeight - footerTop);
                root.style.setProperty('--zcnote-footer-overlap', `${overlap}px`);

                ticking = false;
            }

            function requestTick() {
                if (!ticking) {
                    window.requestAnimationFrame(updateLayout);
                    ticking = true;
                }
            }

            window.addEventListener("scroll", requestTick, { passive: true });
            window.addEventListener("resize", requestTick, { passive: true });

            if (window.ResizeObserver) {
                const ro = new ResizeObserver(() => requestTick());
                ro.observe(footer);
                ro.observe(document.body);
            }

            requestTick();
        });
    </script>
{% endblock %}