<th:block th:fragment="footer">
    <th:block th:with="customJsVersion='1.2.5-9'">

        <!-- 奇遇容器 -->
        <div class="center-img-container" id="centerImgContainer">
            <img class="center-img" id="targetImg">
        </div>

        <!-- 登录容器 -->
        <div class="custom-login-modal" id="customLoginModal">
            <div class="login-modal-content login-modern-card">
                <button class="close-modal-btn" id="closeLoginModal">&times;</button>
                <form class="login-modern-form">
                    <p class="login-modern-title">日记簿署名</p>
                    <div class="login-modern-input-wrapper">
                        <i class="ri-user-line login-modern-icon"></i>
                        <input type="text" id="customUsername" class="login-modern-input" autocomplete="username"
                            placeholder="执笔人">
                    </div>
                    <div class="login-modern-input-wrapper">
                        <i class="ri-lock-line login-modern-icon"></i>
                        <input type="password" id="customPassword" class="login-modern-input"
                            autocomplete="current-password" placeholder="心上锁">
                    </div>
                    <button type="button" class="login-modern-submit" id="customLoginBtn">
                        落 款
                    </button>
                </form>
            </div>
        </div>

        <!-- 退出登录 -->
        <div id="pixarNoticeWrapper" class="pixar-notice-wrapper">
            <div class="pixar-notice-card" role="article" aria-labelledby="pixarNoticeUsername">

                <div class="pixar-notice-header">
                    <div class="pixar-notice-avatar"></div>
                    <p class="pixar-notice-username" id="pixarNoticeUsername">阿年的日记簿</p>
                </div>

                <div class="pixar-notice-image-area">
                    <p class="pixar-notice-caption">
                        您确定要退出登录吗？<br>
                        请注意：<br>
                        未保存的内容将会被清空！
                    </p>
                </div>

                <div class="pixar-notice-actions">

                    <!-- 关闭按钮 -->
                    <button class="pixar-notice-btn pixar-notice-btn-close" aria-label="Close"
                        onclick="hidePixarCard()">
                        <i class="ri-close-line"></i>
                    </button>

                    <!-- 确认按钮 -->
                    <button class="pixar-notice-btn pixar-notice-btn-confirm" aria-label="Confirm"
                        onclick="confirmPixarAction()">
                        <i class="ri-check-line"></i>
                    </button>

                </div>

            </div>
        </div>

        <!-- 删除确认弹窗 -->
        <div class="moments-modal-overlay" id="momentsDeleteModal" style="display: none;">
            <div class="moments-card-widget">
                <div class="moments-card-header">
                    <!-- 新增这一层包裹 -->
                    <div class="moments-header-row">
                        <div class="moments-icon-wrapper">
                            <svg aria-hidden="true" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
                                    stroke-linejoin="round" stroke-linecap="round"></path>
                            </svg>
                        </div>
                        <div class="moments-text-content">
                            <span class="moments-title-text"></span>
                            <p class="moments-message-text"></p>
                        </div>
                    </div>
                    <div class="moments-button-group">
                        <button class="moments-btn-cancel" type="button" id="momentsCancelBtn">取消</button>
                        <button class="moments-btn-confirm" type="button" id="momentsConfirmBtn">确认</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- <script th:if="${pluginFinder.available('plugin-douban')}"
            th:src="@{/plugins/plugin-douban/assets/static/db.min.js(v=${customJsVersion})}" class="pjax"></script> -->
        <script th:src="@{/assets/libs/axios/axios.min.js(v=${customJsVersion})}" id="axios.min-js"></script>
        <script th:src="@{/assets/libs/jsencrypt/jsencrypt.min.js(v=${customJsVersion})}"
            id="jsencrypt.min-js"></script>
        <script th:src="@{/assets/libs/jquery/jquery.min.js(v=${customJsVersion})}" id="jquery.min-js"></script>
        <script th:src="@{/assets/libs/qrious/qrious.min.js(v=${customJsVersion})}"></script>
        <script th:src="@{/assets/libs/uikit/uikit.min.js(v=${customJsVersion})}" id="uikit.js-js"></script>
        <script th:src="@{/assets/libs/jquery/jquery.cookie.js(v=${customJsVersion})}" id="jquery.cookie-js"></script>
        <script th:src="@{/assets/libs/fancybox/jquery.fancybox.min.js(v=${customJsVersion})}"
            id="fancybox.js-js"></script>
        <script th:src="@{/assets/libs/jquery/jquery.form.js(v=${customJsVersion})}" id="jquery.form-js"></script>
        <script th:src="@{/assets/libs/jquery/jquery.validate.js(v=${customJsVersion})}"
            id="jquery.validate-js"></script>
        <script th:src="@{/assets/libs/message/coco-message.js(v=${customJsVersion})}" id="mesage-js"></script>
        <script th:src="@{/assets/libs/lazyload/lazyload.min.js(v=${customJsVersion})}" id="lazyload-js"></script>
        <script th:src="@{/assets/libs/nprogress/nprogress.js(v=${customJsVersion})}" id="nprogress-js"></script>
        <script th:src="@{/assets/libs/pjax/pjax.min.js(v=${customJsVersion})}" id="pjax-js"></script>
        <script th:src="@{/assets/js/moment-push.js(v=${customJsVersion})}" id="moment-push-js"></script>
        <script th:src="@{/assets/js/poster.js(v=${customJsVersion})}" id="poster-js"></script>
        <script th:src="@{/assets/js/pixplayer.js(v=${customJsVersion})}" id="pixplayer.js-js"></script>
        <script th:src="@{/assets/js/pix.js(v=${customJsVersion})}" id="pix-js"></script>
        <script th:src="@{/assets/js/app.js(v=${customJsVersion})}" id="app-js"></script>
        <script th:src="@{/assets/js/anian.js(v=${customJsVersion})}" id="anian-js"></script>

        <link rel="prefetch" href="/upload/ma-shan-zheng.woff2" crossorigin="anonymous">
        <link rel="prefetch" href="/upload/mu-yao-sui-xin-shou-xie-ti.woff2" crossorigin="anonymous">
        <link rel="prefetch" href="/themes/theme-pix/assets/img/loading.webp">

    </th:block>

    <!-- 自定义js -->
    <script type="text/javascript" th:if="${not #strings.isEmpty(theme.config.custom.code_js)}"
        th:utext="${theme.config.custom.code_js}">
        </script>

    <th:block th:if="${not #strings.isEmpty(theme.config.custom.footer_html)}"
        th:utext="${theme.config.custom.footer_html}"> </th:block>
</th:block>