// ==UserScript==
// @name         NodeSeek Enhance
// @namespace    http://www.nodeseek.com/
// @version      1.3
// @description  【NodeSeek增强脚本】全面增强 NodeSeek/DeepFlood 论坛体验。核心功能：自动签到（支持随机/固定鸡腿）、无缝翻页（帖子列表和评论自动加载）、快捷回复（浮动编辑器）、代码高亮（支持亮色/暗色主题）、图片滑动查看。内容管理：屏蔽用户/帖子/分类（支持关键词和正则）、帖子排序（按回复数/查看数/已访问置底）、隐藏元素（页脚/分类标签/帖子信息/推荐轮播/用户统计面板）。界面优化：紧凑模式（1-4列多栏布局，自定义间距/字体/头像大小）、自定义背景图（支持URL/本地上传）、Header/Frame透明度（支持模糊和饱和度）、字体排版自定义（标题/Tag/元数据/内容）、已访问链接标记（可隐藏/置底）、默认头像替换（自动识别系统头像）。增强功能：用户卡片扩展（显示@我/私信/回复通知）、等级标签显示（楼主等级和统计信息）、浏览历史记录（下拉菜单快速访问）、键盘快捷键（左右箭头翻页、Ctrl+Enter提交）、强制新标签页打开帖子、自动跳转外部链接、平滑滚动、即时页面预加载。设置管理：可视化设置面板（集成到导航栏）、设置导入导出、一键恢复默认样式。支持深色模式自动适配。
// @author       bbb
// @match        *://www.nodeseek.com/*
// @match        *://www.deepflood.com/*
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACz0lEQVR4Ae3B32tVdQAA8M85u7aVHObmzJVD0+ssiphstLEM62CBlCBEIAYhUoGGD/kiRUo+9CIEElFZgZJFSApBVhCUX2WFrVQKf5Qy26SgdK4pN7eZu+cbtyfJ/gLx83HD9SAhlEyXupiPhUSTeonRfNw1ws2aRJeN5jHcolFhJJ9M8Zj99piDTnv12SjzfzIb9dmrC7Pttt8ykjDVLsu8ZZ1GH1oqeDofJLtJh4fMEw3Y72jlCuEO2+W+sNJFr3vOZ1YIi8NIGA29hDWhGgZDJ2Rt2ZvZSBazmMUsZsPZ1qwVQmcYDNWwhtAbRsNIWJx6WLPDfgxNVkm9nR8hm+XduLba7F9RtcXztmUzyY/YJrUqNPvBYc0eSS3CwXxMl4WG7CarsyEuvU2HOkRNujSw3PosxR6DFurKxx3E/akFohPo0aDfEO61os5LdrtLVWG1TzxokifdiSH9GnTjuGhBqsWE39GOo3kVi8wsmeVW00SJ200zA9r0kFcdQzv+MKElVW/S+L5EE86pmUth3BV/SzCOCUjMVXMWzfsSYybVl1SlSlESkagpuOI1nzshFX1gyAF1UKhJEKOkJFVNXVBv+pJoBK1qBkh86z1/SaR+9o5zEgoDaloxsiSart6F1Bkl83ESHWEKvvEbqZJETaokgSH9hCk6cBLtSs6kDqEb/cZ0K+MnO0X/VdhRGUBZjzH9uA+HUl+a0BvmO+J7bVZSKWz1kehqhfe9oWalNoccDmW9JnyV+toxsy3PK3aY9Gx4gMp567ziV4WawpCXra+MEhZ5xqTtecVycxzXlxA22OK4ZYbt9LjvrM5PkNUp6zVPdNpBv1QKwt126Paxp8zwqXu8kG8pYZdHlT2Rvxo2aVG2ObyYn65UnXLKVULZZrP02ZRfCms1OmAXCSHRYqrLzuZFaDFV6s/8omuERs0Kl/LzITVTvTHDeXTD9eAftAsSYhXYOWUAAAAASUVORK5CYII=
// @require      https://s4.zstatic.net/ajax/libs/layui/2.9.9/layui.min.js
// @resource     highlightStyle https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/styles/atom-one-light.min.css
// @resource     highlightStyle_dark https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css
// @grant        GM_xmlhttpRequest
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_deleteValue
// @grant        GM_notification
// @grant        GM_getResourceURL
// @grant        GM_addElement
// @grant        GM_addStyle
// @grant        GM_openInTab
// @grant        unsafeWindow
// @run-at       document-start
// @license      GPL-3.0 License
// @downloadURL https://update.greasyfork.icu/scripts/555408/NodeSeek%20Enhance.user.js
// @updateURL https://update.greasyfork.icu/scripts/555408/NodeSeek%20Enhance.meta.js
// ==/UserScript==

(function () {
    'use strict';

    const { version, author, name, icon } = GM_info.script;

    const BASE_URL = location.origin;

    const SITE_MAP = {
        "www.nodeseek.com": { code: "ns", name: "NodeSeek", url: "https://www.nodeseek.com/" },
        "www.deepflood.com": { code: "df", name: "DeepFlood", url: "https://www.deepflood.com/" }
    };

    const DEFAULT_COMPACT_MODE = Object.freeze({
        enabled: true,
        columns: 1,
        padding: "6px 10px",
        avatarSize: 26,
        titleFontSize: 13,
        infoFontSize: 10,
        marginBottom: 2
    });

    const COMPACT_MODE_STYLE_ID = 'nsx-compact-mode-style';
    const CUSTOM_BACKGROUND_STYLE_ID = 'nsx-custom-background-style';
    const VISITED_LINK_STYLE_ID = 'nsx-visited-links-style';
    const HEADER_OPACITY_STYLE_ID = 'nsx-header-opacity-style';
    const FRAME_OPACITY_STYLE_ID = 'nsx-frame-opacity-style';
    const TYPOGRAPHY_STYLE_IDS = {
        title: 'nsx-typography-title-style',
        tag: 'nsx-typography-tag-style',
        meta: 'nsx-typography-meta-style',
        content: 'nsx-typography-content-style'
    };

    const escapeCssValue = (value = '') => `${value}`.replace(/"/g, '\\"');

    const INITIAL_OVERLAY_CLASS = 'nsx-initial-hide';
    const INITIAL_OVERLAY_DURATION_DEFAULT = 1200;
    let initialOverlayTimer = null;

    const toggleRootClass = (className, enabled = true) => {
        const root = document.documentElement;
        root.classList.toggle(className, enabled);
        const body = document.body;
        if (body) {
            body.classList.toggle(className, enabled);
            return;
        }
        if (!enabled) return;
        const applyToBody = () => {
            if (document.body) {
                document.body.classList.toggle(className, enabled);
                return true;
            }
            return false;
        };
        if (typeof MutationObserver === 'function') {
            const observer = new MutationObserver((mutations, obs) => {
                if (applyToBody()) {
                    obs.disconnect();
                }
            });
            observer.observe(root, { childList: true });
        } else {
            const onReady = () => {
                applyToBody();
                document.removeEventListener('DOMContentLoaded', onReady);
            };
            document.addEventListener('DOMContentLoaded', onReady, { once: true });
        }
    };

    const addCompactPendingClass = () => {
        const apply = () => {
            document.documentElement.classList.add('nsx-compact-mode-pending');
            document.documentElement.classList.add('nsx-body-hidden');
            document.body?.classList.add('nsx-compact-mode-pending');
            document.body?.classList.add('nsx-body-hidden');
        };
        if (document.body) {
            apply();
        } else {
            document.addEventListener('DOMContentLoaded', apply, { once: true });
        }
    };

    const removeCompactPendingClass = () => {
        document.documentElement.classList.remove('nsx-compact-mode-pending');
        document.documentElement.classList.remove('nsx-body-hidden');
        document.body?.classList.remove('nsx-compact-mode-pending');
        document.body?.classList.remove('nsx-body-hidden');
    };

    const getOverlayStoredSettings = () => {
        const stored = getStoredSettings();
        const overlay = stored && stored.loading_overlay ? stored.loading_overlay : {};
        return {
            enabled: overlay.enabled !== false,
            duration: parseInt(overlay.duration, 10) || INITIAL_OVERLAY_DURATION_DEFAULT
        };
    };

    const createInitialOverlay = (() => {
        let cssInjected = false;
        return (_forceDuration = null, forceEnabled = null) => {
            const storedSettings = getOverlayStoredSettings();
            const enabled = forceEnabled !== null ? forceEnabled : storedSettings.enabled;
            if (!enabled) return;
            if (!cssInjected) {
                GM_addStyle(`
                    html.${INITIAL_OVERLAY_CLASS} body {
                        opacity: 0 !important;
                        transition: opacity 0.4s ease;
                    }
                `);
                cssInjected = true;
            }
            document.documentElement.classList.add(INITIAL_OVERLAY_CLASS);
        };
    })();

    const removeInitialOverlay = () => {
        document.documentElement.classList.remove(INITIAL_OVERLAY_CLASS);
        initialOverlayTimer && clearTimeout(initialOverlayTimer);
    };

    const scheduleRemoveInitialOverlay = (() => {
        let loadHandlerRegistered = false;
        let pendingDuration = INITIAL_OVERLAY_DURATION_DEFAULT;
        let overlayEnabled = true;

        const reveal = () => {
            removeInitialOverlay();
            removeCompactPendingClass();
        };

        const runRemoval = () => {
            initialOverlayTimer && clearTimeout(initialOverlayTimer);
            if (!overlayEnabled) {
                reveal();
                return;
            }
            initialOverlayTimer = setTimeout(() => {
                if (typeof requestAnimationFrame === 'function') {
                    requestAnimationFrame(reveal);
                } else {
                    reveal();
                }
            }, pendingDuration);
        };

        return (duration = INITIAL_OVERLAY_DURATION_DEFAULT, enabled = true) => {
            const delay = Number.isFinite(duration) ? duration : parseInt(duration, 10);
            pendingDuration = Number.isFinite(delay) && delay >= 0 ? delay : INITIAL_OVERLAY_DURATION_DEFAULT;
            overlayEnabled = enabled !== false;

            if (!overlayEnabled) {
                reveal();
                return;
            }

            if (document.readyState === 'complete') {
                runRemoval();
                return;
            }

            if (!loadHandlerRegistered) {
                loadHandlerRegistered = true;
                window.addEventListener('load', runRemoval, { once: true });
            }
        };
    })();

    const ensureStyleElement = (id) => {
        let style = document.getElementById(id);
        if (!style) {
            style = document.createElement('style');
            style.id = id;
            (document.head || document.documentElement).appendChild(style);
        }
        return style;
    };

    const applyCustomBackgroundStyle = (config) => {
        if (!config) {
            const existing = document.getElementById(CUSTOM_BACKGROUND_STYLE_ID);
            if (existing) existing.remove();
            return;
        }
        const style = ensureStyleElement(CUSTOM_BACKGROUND_STYLE_ID);
        style.textContent = `
            body {
                background-image: url("${escapeCssValue(config.url)}") !important;
                background-repeat: ${config.repeat} !important;
                background-position: ${config.position} !important;
                background-size: ${config.size} !important;
                background-attachment: ${config.attachment} !important;
            }
        `;
    };

    const applyVisitedLinkStyle = (config) => {
        if (!config) {
            const existing = document.getElementById(VISITED_LINK_STYLE_ID);
            if (existing) existing.remove();
            return;
        }
        const { lightLink, lightVisited, darkLink, darkVisited } = config;
        const style = ensureStyleElement(VISITED_LINK_STYLE_ID);
        const lightVars = [];
        if (lightLink) lightVars.push(`    --link-color: ${lightLink};`);
        lightVars.push(`    --link-visited-color: ${lightVisited};`);
        const darkVars = [];
        if (darkLink) darkVars.push(`    --link-color: ${darkLink};`);
        darkVars.push(`    --link-visited-color: ${darkVisited};`);
        style.textContent = `
:root {
${lightVars.join('\n')}
}
body.dark-layout {
${darkVars.join('\n')}
}
.post-list .post-title a:visited {
    color: var(--link-visited-color);
}
`;
    };

    const applyHeaderOpacityCSS = (config) => {
        const style = ensureStyleElement(HEADER_OPACITY_STYLE_ID);
        if (!config) {
            style.textContent = '';
            return;
        }
        const clamped = Math.min(1, Math.max(0, config.value ?? 0.92));
        const darkValue = Math.min(1, Math.max(0, clamped - 0.1));
        const blurEnabled = config.blur_enabled !== false;
        const saturateEnabled = config.saturate_enabled !== false;
        const blur = blurEnabled ? Math.max(0, parseFloat(config.blur) || 0) : 0;
        const saturate = saturateEnabled ? Math.max(0, parseFloat(config.saturate) || 0) : 0;
        const blurCSS = blurEnabled ? ` blur(${blur}px)` : '';
        const saturateCSS = saturateEnabled ? ` saturate(${saturate}%)` : '';
        const effectCSS = (blurEnabled || saturateEnabled)
            ? `    backdrop-filter:${saturateCSS || ''}${blurCSS || ''};
    -webkit-backdrop-filter:${saturateCSS || ''}${blurCSS || ''};
`
            : '';
        style.textContent = `
html.nsx-header-opacity body > header,
html.nsx-header-opacity body > header #nsk-head {
    background-color: rgba(255,255,255, ${clamped}) !important;
${effectCSS}}
html.nsx-header-opacity body.dark-layout > header,
html.nsx-header-opacity body.dark-layout > header #nsk-head {
    background-color: rgba(20,20,20, ${darkValue}) !important;
${effectCSS}}
`;
    };
const applyFrameOpacityCSS = (config) => {
        const style = ensureStyleElement(FRAME_OPACITY_STYLE_ID);
        if (!config) {
            style.textContent = '';
            return;
        }
        const clamped = Math.min(1, Math.max(0, config.value ?? 0.95));
        const darkValue = Math.min(1, Math.max(0, clamped - 0.1));
        const blurEnabled = config.blur_enabled !== false;
        const saturateEnabled = config.saturate_enabled !== false;
        const blur = blurEnabled ? Math.max(0, parseFloat(config.blur) || 0) : 0;
        const saturate = saturateEnabled ? Math.max(0, parseFloat(config.saturate) || 0) : 0;
        const blurCSS = blurEnabled ? ` blur(${blur}px)` : '';
        const saturateCSS = saturateEnabled ? ` saturate(${saturate}%)` : '';
        const effectCSS = (blurEnabled || saturateEnabled)
            ? `    backdrop-filter:${saturateCSS || ''}${blurCSS || ''};
    -webkit-backdrop-filter:${saturateCSS || ''}${blurCSS || ''};
`
            : '';
        style.textContent = `
html.nsx-frame-opacity #nsk-body,
html.nsx-frame-opacity .nsk-body,
html.nsx-frame-opacity #nsk-frame,
html.nsx-frame-opacity .nsk-frame {
    background-color: rgba(255,255,255, ${clamped}) !important;
${effectCSS}}
html.nsx-frame-opacity body.dark-layout #nsk-body,
html.nsx-frame-opacity body.dark-layout .nsk-body,
html.nsx-frame-opacity body.dark-layout #nsk-frame,
html.nsx-frame-opacity body.dark-layout .nsk-frame {
    background-color: rgba(20,20,20, ${darkValue}) !important;
${effectCSS}}
`;
    };
        const buildTypographyCSS = (type, config) => {
            const selectors = {
                title: '.post-list .post-title a, .post-title a',
                tag: '.post-list .post-category, .post-category, .post-list .nsk-badge',
                meta: '.post-list .post-info, .post-info, .post-meta-info, .content-info',
                content: '.post-content, .post-content *:not(svg):not(path)'
            };
            const selector = selectors[type];
            if (!selector) return '';
            const declarations = [];
            const normalize = (val) => typeof val === 'string' ? val.trim() : '';
            const fontFamily = normalize(config.fontFamily);
            const fontSize = normalize(config.fontSize);
            const color = normalize(config.color);
            const fontStyle = normalize(config.fontStyle);
            const letterSpacing = normalize(config.letterSpacing);
            const ligatures = normalize(config.ligatures);
            if (fontFamily) declarations.push(`font-family: ${fontFamily} !important;`);
            if (fontSize) declarations.push(`font-size: ${fontSize} !important;`);
            if (color) declarations.push(`color: ${color} !important;`);
            if (fontStyle) declarations.push(`font-style: ${fontStyle} !important;`);
            if (letterSpacing) declarations.push(`letter-spacing: ${letterSpacing} !important;`);
            if (ligatures) declarations.push(`font-variant-ligatures: ${ligatures} !important;`);
            if (declarations.length === 0) return '';
            return `
${selector} {
    ${declarations.join('\n    ')}
}
`;
        };
const applyTypographyStyle = (type, config) => {
        const styleId = TYPOGRAPHY_STYLE_IDS[type];
        if (!styleId) return;
        if (!config || config.enabled === false) {
            const existing = document.getElementById(styleId);
            if (existing) existing.remove();
            return;
        }
        const css = buildTypographyCSS(type, config);
        if (!css.trim()) {
            document.getElementById(styleId)?.remove();
            return;
        }
        const style = ensureStyleElement(styleId);
        style.textContent = css;
    };

    const normalizeCompactConfig = (config = {}) => ({
        enabled: config.enabled !== false,
        columns: parseInt(config.columns, 10) || DEFAULT_COMPACT_MODE.columns,
        padding: config.padding || DEFAULT_COMPACT_MODE.padding,
        avatarSize: parseInt(config.avatarSize, 10) || DEFAULT_COMPACT_MODE.avatarSize,
        titleFontSize: parseInt(config.titleFontSize, 10) || DEFAULT_COMPACT_MODE.titleFontSize,
        infoFontSize: parseInt(config.infoFontSize, 10) || DEFAULT_COMPACT_MODE.infoFontSize,
        marginBottom: parseInt(config.marginBottom, 10) || DEFAULT_COMPACT_MODE.marginBottom
    });

    const buildCompactModeCSS = (config) => {
        const normalized = normalizeCompactConfig(config);
        const columns = normalized.columns;
        const padding = normalized.padding;
        const avatarSize = normalized.avatarSize;
        const titleFontSize = normalized.titleFontSize;
        const infoFontSize = normalized.infoFontSize;
        const marginBottom = normalized.marginBottom;
        const containerWidth = columns > 1 ? `${1080 + (columns - 1) * 400}px` : '1080px';
        const containerWidthNum = columns > 1 ? 1080 + (columns - 1) * 400 : 1080;
        const gridGapX = Math.max(8, marginBottom * 2);
        const iconSize = Math.max(12, infoFontSize - 2);

        return `
            /* 紧凑模式 - 多列布局 */
            html.nsx-compact-mode .nsk-container {
                width: ${containerWidth} !important;
                max-width: 98% !important;
            }
            html.nsx-compact-mode #nsk-body-left {
                flex: 1 !important;
                min-width: 0 !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list {
                display: grid !important;
                grid-template-columns: repeat(${columns}, 1fr) !important;
                gap: ${marginBottom}px ${gridGapX}px !important;
                padding: 4px 0 !important;
            }
            html.nsx-compact-mode #nsk-head {
                position: relative !important;
            }
            html.nsx-compact-mode #nsk-head .search-box {
                position: absolute !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
                margin-left: 0 !important;
                flex: 0 1 170px !important;
                max-width: 290px !important;
                z-index: 2 !important;
                pointer-events: auto !important;
                transition: none !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item {
                padding: ${padding} !important;
                margin-bottom: ${marginBottom}px !important;
                border-bottom: 1px solid rgba(0,0,0,.05) !important;
                display: flex !important;
                flex-direction: row !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .post-title {
                font-size: ${titleFontSize}px !important;
                line-height: 1.35 !important;
                margin-bottom: 3px !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .post-title a {
                font-size: inherit !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .post-info {
                font-size: ${infoFontSize}px !important;
                line-height: 1.25 !important;
                margin-top: 2px !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .avatar-wrapper,
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .avatar-normal {
                width: ${avatarSize}px !important;
                height: ${avatarSize}px !important;
                margin-right: 6px !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .post-list-content {
                margin-left: 6px !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .nsk-badge,
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .role-tag {
                font-size: ${infoFontSize}px !important;
                padding: 1px 4px !important;
                margin: 0 2px !important;
                line-height: 1.1 !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .content-info,
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .post-meta-info {
                margin-top: 1px !important;
                gap: 3px !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .content-info > span,
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .post-meta-info > span {
                margin-right: 4px !important;
            }
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item svg,
            html.nsx-compact-mode #nsk-body-left .post-list .post-list-item .iconpark-icon {
                width: ${iconSize}px !important;
                height: ${iconSize}px !important;
            }
            html.nsx-compact-mode .nsx-user-stats {
                font-size: ${infoFontSize - 1}px !important;
                margin-top: 1px !important;
                gap: 3px !important;
            }
            html.nsx-compact-mode .nsx-user-stats span {
                font-size: inherit !important;
            }
            @media screen and (max-width: 1400px) {
                html.nsx-compact-mode .nsk-container {
                    width: auto !important;
                    max-width: 98% !important;
                }
                html.nsx-compact-mode #nsk-body-left .post-list {
                    grid-template-columns: repeat(${Math.min(columns, 3)}, 1fr) !important;
                }
            }
            @media screen and (max-width: 1200px) {
                html.nsx-compact-mode #nsk-body-left .post-list {
                    grid-template-columns: repeat(${Math.min(columns, 2)}, 1fr) !important;
                }
            }
            @media screen and (max-width: 800px) {
                html.nsx-compact-mode #nsk-body-left .post-list {
                    grid-template-columns: 1fr !important;
                }
                html.nsx-compact-mode #nsk-head .search-box {
                    position: static !important;
                    transform: none !important;
                    left: auto !important;
                    margin-left: auto !important;
                    flex: 0 1 auto !important;
                    transition: none !important;
                }
            }
            html.nsx-compact-mode #nsk-body-left .post-list .blocked-post,
            html.nsx-compact-mode #nsk-body-left .post-list-item.blocked-post {
                display: none !important;
            }
            
            /* 紧凑模式下调整快速导航按钮位置，根据容器宽度动态计算 */
            html.nsx-compact-mode #fast-nav-button-group {
                right: calc(50% - ${Math.floor(containerWidthNum / 2)}px + 20px) !important;
            }
            
            /* 响应式调整 */
            @media screen and (max-width: 1400px) {
                html.nsx-compact-mode #fast-nav-button-group {
                    right: calc(50% - ${Math.floor(Math.min(containerWidthNum, 1480) / 2)}px + 20px) !important;
                }
            }
            @media screen and (max-width: 1200px) {
                html.nsx-compact-mode #fast-nav-button-group {
                    right: calc(50% - ${Math.floor(Math.min(containerWidthNum, 1280) / 2)}px + 20px) !important;
                }
            }
            @media screen and (max-width: 800px) {
                html.nsx-compact-mode #fast-nav-button-group {
                    right: 30px !important;
                }
            }
        `;
    };

    const applyCompactModeStyleFromConfig = (config, options = {}) => {
        const { delayReveal = false } = options;
        if (!config) {
            const existing = document.getElementById(COMPACT_MODE_STYLE_ID);
            if (existing) existing.remove();
            removeCompactPendingClass();
            return;
        }
        const style = ensureStyleElement(COMPACT_MODE_STYLE_ID);
        style.textContent = buildCompactModeCSS(config);
        if (!delayReveal) {
            requestAnimationFrame(removeCompactPendingClass);
        }
    };

    const injectBaseUtilityStyles = (() => {
        let injected = false;
        return () => {
            if (injected) return;
            injected = true;
            GM_addStyle(`
                html.nsx-hide-footer footer {
                    display: none !important;
                }
                html.nsx-hide-post-category .post-category,
                html.nsx-hide-post-category a.info-item.post-category {
                    display: none !important;
                }
                html.nsx-hide-post-info .post-info {
                    display: none !important;
                }
                html.nsx-hide-topic-carousel .topic-carousel-wrapper {
                    display: none !important;
                }
                html.nsx-body-hidden,
                body.nsx-body-hidden {
                    visibility: hidden !important;
                }
                .nsx-right-panel-highlight {
                    background-color: #ffeb3b !important;
                    color: #000 !important;
                    padding: 1px 2px !important;
                    border-radius: 2px !important;
                    font-weight: inherit !important;
                    text-decoration: inherit !important;
                    display: inline !important;
                }
                body.dark-layout .nsx-right-panel-highlight {
                    background-color: #f57f17 !important;
                    color: #fff !important;
                }
                /* 确保在链接中也能正确显示 */
                a .nsx-right-panel-highlight,
                .post-title .nsx-right-panel-highlight,
                .post-title a .nsx-right-panel-highlight,
                mark.nsx-right-panel-highlight {
                    background-color: #ffeb3b !important;
                    color: #000 !important;
                    padding: 1px 2px !important;
                    border-radius: 2px !important;
                    display: inline !important;
                }
                body.dark-layout a .nsx-right-panel-highlight,
                body.dark-layout .post-title .nsx-right-panel-highlight,
                body.dark-layout .post-title a .nsx-right-panel-highlight,
                body.dark-layout mark.nsx-right-panel-highlight {
                    background-color: #f57f17 !important;
                    color: #fff !important;
                }
                .nsx-highlight-input-panel textarea {
                    font-family: inherit;
                    width: 100%;
                    box-sizing: border-box;
                }
                .nsx-highlight-input-panel label {
                    user-select: none;
                }
                .nsx-highlight-input-panel code {
                    background-color: rgba(0, 0, 0, 0.05);
                    border-radius: 3px;
                    padding: 2px 4px;
                    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
                    font-size: 11px;
                    color: #e83e8c;
                }
                body.dark-layout .nsx-highlight-input-panel code {
                    background-color: rgba(255, 255, 255, 0.1);
                    color: #ff6b9d;
                }
            `);
        };
    })();

    // 早期注入紧凑模式样式，避免页面闪烁
    // 在脚本最开始就读取配置并注入样式
    const getStoredSettings = () => {
        try {
            const stored = GM_getValue('settings');
            return stored || null;
        } catch (e) {
            return null;
        }
    };

    const getCompactModeConfig = () => {
        const stored = getStoredSettings();
        if (!stored) return normalizeCompactConfig({ ...DEFAULT_COMPACT_MODE });
        const compactMode = stored.compact_mode ?? {};
        if (compactMode.enabled === false) return null;
        return normalizeCompactConfig({ ...DEFAULT_COMPACT_MODE, ...compactMode });
    };

    const getVisitedLinksStoredConfig = () => {
        const stored = getStoredSettings();
        if (!stored) return null;
        const cfg = stored.visited_links || {};
        if (cfg.enabled === false) return null;
        return {
            lightLink: (cfg.link_color || '').trim(),
            lightVisited: (cfg.visited_color || '').trim() || '#afb9c1',
            darkLink: (cfg.dark_link_color || '').trim(),
            darkVisited: (cfg.dark_visited_color || '').trim() || cfg.visited_color || '#393f4e'
        };
    };

    const getCustomBackgroundStoredConfig = () => {
        const stored = getStoredSettings();
        if (!stored) return null;
        const cfg = stored.custom_background || {};
        if (cfg.enabled === false || !cfg.url) return null;
        return {
            url: cfg.url,
            repeat: cfg.repeat || 'repeat',
            position: cfg.position || 'center',
            size: cfg.size || 'cover',
            attachment: cfg.attachment || 'scroll'
        };
    };

    const getHeaderOpacityStoredConfig = () => {
        const stored = getStoredSettings();
        if (!stored) return null;
        return stored.header_opacity || null;
    };

    const getFrameOpacityStoredConfig = () => {
        const stored = getStoredSettings();
        if (!stored) return null;
        return stored.frame_opacity || null;
    };

    const applyEarlyVisibilityClasses = () => {
        const stored = getStoredSettings();
        if (!stored) return;
        if (stored.hide_footer?.enabled) toggleRootClass('nsx-hide-footer', true);
        if (stored.hide_post_category?.enabled) toggleRootClass('nsx-hide-post-category', true);
        if (stored.hide_post_info?.enabled) toggleRootClass('nsx-hide-post-info', true);
        if (stored.hide_topic_carousel?.enabled) toggleRootClass('nsx-hide-topic-carousel', true);
        if (stored.remove_promotions?.enabled) toggleRootClass('nsx-remove-promotions', true);
        if (stored.visited_links?.hide_visited) toggleRootClass('nsx-hide-visited', true);
    };

    const applyEarlyVisitedLinksStyle = () => {
        const config = getVisitedLinksStoredConfig();
        if (!config) return;
        applyVisitedLinkStyle(config);
    };

    const applyEarlyCustomBackgroundStyle = () => {
        const config = getCustomBackgroundStoredConfig();
        if (!config) return;
        applyCustomBackgroundStyle(config);
    };

    const applyEarlyHeaderOpacityStyle = () => {
        const config = getHeaderOpacityStoredConfig();
        if (!config || config.enabled !== true) return;
        toggleRootClass('nsx-header-opacity', true);
        applyHeaderOpacityCSS(config);
    };

    const applyEarlyFrameOpacityStyle = () => {
        const config = getFrameOpacityStoredConfig();
        if (!config || config.enabled !== true) return;
        toggleRootClass('nsx-frame-opacity', true);
        applyFrameOpacityCSS(config);
    };

    // 立即注入早期样式
    injectBaseUtilityStyles();

    const injectEarlyCompactModeStyle = () => {
        const overlaySettings = getOverlayStoredSettings();
        const overlayEnabled = overlaySettings.enabled;
        if (overlayEnabled) {
            createInitialOverlay(null, true);
        } else {
            removeInitialOverlay();
        }
        const config = getCompactModeConfig();
        if (!config) {
            removeCompactPendingClass();
            return;
        }
        addCompactPendingClass();
        toggleRootClass('nsx-compact-mode', true);
        applyCompactModeStyleFromConfig(config, { delayReveal: overlayEnabled });
        if (overlayEnabled) {
            scheduleRemoveInitialOverlay(overlaySettings.duration, true);
        }
    };

    // 立即执行
    injectEarlyCompactModeStyle();
    applyEarlyVisibilityClasses();
    applyEarlyVisitedLinksStyle();
    applyEarlyCustomBackgroundStyle();
    applyEarlyHeaderOpacityStyle();
    applyEarlyFrameOpacityStyle();

    const onDocumentReady = (fn) => {
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', fn, { once: true });
        } else {
            fn();
        }
    };

    class BroadcastManager {
        static instances = new Map();

        constructor(channelName = "nsx_channel") {
            if (BroadcastManager.instances.has(channelName)) {
                return BroadcastManager.instances.get(channelName);
            }

            this.channelName = channelName;
            this.myId = `${Date.now()}-${Math.random()}`;
            this.receivers = [];
            this.ch = new BroadcastChannel(channelName);
            this.KEY = `only_last_tab_${channelName}`;

            // 广播接收
            this.ch.onmessage = e => this.receivers.forEach(fn => fn(e.data));

            // 主控权管理
            localStorage.setItem(this.KEY, this.myId);
            this.updateActive();

            // 事件监听
            addEventListener("storage", e => {
                if (e.key === this.KEY) {
                    e.newValue || localStorage.setItem(this.KEY, this.myId);
                    this.updateActive();
                }
            });

            addEventListener("beforeunload", () => {
                this.active && localStorage.removeItem(this.KEY);
            });

            BroadcastManager.instances.set(channelName, this);
        }

        updateActive() {
            this.active = localStorage.getItem(this.KEY) === this.myId;
        }

        registerReceiver(fn) {
            this.receivers.push(fn);
        }

        broadcast(data) {
            const message = { sender: this.myId, data };
            this.ch.postMessage(message);
            this.receivers.forEach(fn => fn(message));
        }

        startTask(taskFn, interval) {
            setInterval(async () => {
                if (this.active) {
                    try {
                        this.broadcast(await taskFn());
                    } catch (err) {
                        // console.error(`[Tab ${this.myId}] 任务出错:`, err);
                    }
                }
            }, interval);
        }
    }

    const util = {
        clog:(c) => {
            // console.group(`%c %c [${name}]-v${version} by ${author}`, `background:url(${icon}) center/12px no-repeat;padding:3px`, "");
            // console.log(c);
            // console.groupEnd();
        },
        getValue: (name, defaultValue) => GM_getValue(name, defaultValue),
        setValue: (name, value) => GM_setValue(name, value),
        sleep: (ms) => new Promise((resolve) => setTimeout(resolve, ms)),
        addStyle(id, tag, css) {
            tag = tag || 'style';
            let doc = document, styleDom = doc.head.querySelector(`#${id}`);
            if (styleDom) return;
            let style = doc.createElement(tag);
            style.rel = 'stylesheet';
            style.id = id;
            tag === 'style' ? style.innerHTML = css : style.href = css;
            doc.head.appendChild(style);
        },
        removeStyle(id,tag){
            tag = tag || 'style';
            let doc = document, styleDom = doc.head.querySelector(`#${id}`);
            if (styleDom) { doc.head.removeChild(styleDom) };
        },
        getAttrsByPrefix(element, prefix) {
            return Array.from(element.attributes).reduce((acc, { name, value }) => {
                if (name.startsWith(prefix)) acc[name] = value;
                return acc;
            }, {});
        },
        data(element, key, value) {
            if (arguments.length < 2) return undefined;
            if (value !== undefined) element.dataset[key] = value;
            return element.dataset[key];
        },
        async post(url, data, headers, responseType = 'json') {
            return this.fetchData(url, 'POST', data, headers, responseType);
        },
        async get(url, headers, responseType = 'json') {
            return this.fetchData(url, 'GET', null, headers, responseType);
        },
        async fetchData(url, method='GET', data=null, headers={}, responseType='json') {
            const options = {
                method,
                headers: { 'Content-Type':'application/json',...headers},
                body: data ? JSON.stringify(data) : undefined
            };
            const response = await fetch(url.startsWith("http") ? url : BASE_URL + url, options);
            const result = await response[responseType]().catch(() => null);
            return response.ok ? result : Promise.reject(result);
        },
        getCurrentDate() {
            const localTimezoneOffset = (new Date()).getTimezoneOffset();
            const beijingOffset = 8 * 60;
            const beijingTime = new Date(Date.now() + (localTimezoneOffset + beijingOffset) * 60 * 1000);
            const timeNow = `${beijingTime.getFullYear()}/${(beijingTime.getMonth() + 1)}/${beijingTime.getDate()}`;
            return timeNow;
        },
        createElement(tagName, options = {}, childrens = [], doc = document, namespace = null) {
            if (Array.isArray(options)) {
                if (childrens.length !== 0) {
                    throw new Error("If options is an array, childrens should not be provided.");
                }
                childrens = options;
                options = {};
            }

            const { staticClass = '', dynamicClass = '', attrs = {}, on = {} } = options;

            const ele = namespace ? doc.createElementNS(namespace, tagName) : doc.createElement(tagName);

            if (staticClass) {
                staticClass.split(' ').forEach(cls => ele.classList.add(cls.trim()));
            }
            if (dynamicClass) {
                dynamicClass.split(' ').forEach(cls => ele.classList.add(cls.trim()));
            }

            Object.entries(attrs).forEach(([key, value]) => {
                if (key === 'style' && typeof value === 'object') {
                    Object.entries(value).forEach(([styleKey, styleValue]) => {
                        ele.style[styleKey] = styleValue;
                    });
                } else {
                    if (value !== undefined) ele.setAttribute(key, value);
                }
            });

            Object.entries(on).forEach(([event, handler]) => {
                ele.addEventListener(event, handler);
            });

            childrens.forEach(child => {
                if (typeof child === 'string') {
                    child = doc.createTextNode(child);
                }
                ele.appendChild(child);
            });

            return ele;
        },
        b64DecodeUnicode(str) {
            // Going backwards: from bytestream, to percent-encoding, to original string.
            return decodeURIComponent(atob(str).split('').map(function (c) {
                return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
            }).join(''));
        }
    };

    const opts = {
        curSite : SITE_MAP[location.host] || null,
        post: {
            pathPattern: /^\/(categories\/|page|award|search|$)/,
            scrollThreshold: 1500,
            nextPagerSelector: '.nsk-pager a.pager-next',
            postListSelector: 'ul.post-list:not(.topic-carousel-panel)',
            topPagerSelector: 'div.nsk-pager.pager-top',
            bottomPagerSelector: 'div.nsk-pager.pager-bottom',
        },
        comment: {
            pathPattern: /^\/post-/,
            scrollThreshold: 690,
            nextPagerSelector: '.nsk-pager a.pager-next',
            postListSelector: 'ul.comments',
            topPagerSelector: 'div.nsk-pager.post-top-pager',
            bottomPagerSelector: 'div.nsk-pager.post-bottom-pager',
        },
        settings:{
            "version": version,
            "sign_in": {"ns":{ "enabled": false, "method": 0, "last_date": "", "ignore_date": "" },"df":{ "enabled": false, "method": 0, "last_date": "", "ignore_date": "" }},
            "signin_tips": { "enabled": true },
            "re_signin": { "enabled": true },
            "auto_jump_external_links": { "enabled": true },
            "loading_post": { "enabled": true },
            "loading_comment": { "enabled": true },
            "quick_comment": { "enabled": true },
            "open_post_in_new_tab": { "enabled": false },
            "block_members": { "enabled": true },
            "block_posts": { "enabled": true,"keywords":[] },
            "block_categories": { "enabled": false, "categories": [] },
            "level_tag": { "enabled": true, "low_lv_alarm":false, "low_lv_max_days":30 },
            "show_all_users_stats": { "enabled": false, "position": "below" },
            "code_highlight": { "enabled": true },
            "image_slide":{ "enabled":true },
            "visited_links":{ "enabled": true, "link_color":"","visited_color":"","dark_link_color":"","dark_visited_color":"", "hide_visited": false },
            "user_card_ext": { "enabled":true },
            "compact_mode": {
                ...DEFAULT_COMPACT_MODE
            },
            "custom_background": {
                "enabled": false,
                "url": "",
                "repeat": "repeat",
                "position": "center",
                "size": "cover",
                "attachment": "scroll"
            },
            "merge_category_to_nav": {
                "enabled": false
            },
            "remove_promotions": {
                "enabled": false
            },
            "header_opacity": {
                "enabled": false,
                "value": 0.92,
                "effect": true,
                "blur": 16,
                "saturate": 180
            },
            "frame_opacity": {
                "enabled": false,
                "value": 0.95,
                "blur_enabled": true,
                "saturate_enabled": true,
                "blur": 12,
                "saturate": 180
            },
            "default_avatar": {
                "enabled": false,
                "url": "",
                "auto_detect": true
            },
            "loading_overlay": {
                "enabled": true,
                "duration": INITIAL_OVERLAY_DURATION_DEFAULT
            },
            "typography": {
                "title": {
                    "enabled": false,
                    "fontFamily": "",
                    "fontSize": "",
                    "color": "",
                    "fontStyle": "",
                    "letterSpacing": "",
                    "ligatures": ""
                },
                "tag": {
                    "enabled": false,
                    "fontFamily": "",
                    "fontSize": "",
                    "color": "",
                    "fontStyle": "",
                    "letterSpacing": "",
                    "ligatures": ""
                },
                "meta": {
                    "enabled": false,
                    "fontFamily": "",
                    "fontSize": "",
                    "color": "",
                    "fontStyle": "",
                    "letterSpacing": "",
                    "ligatures": ""
                },
                "content": {
                    "enabled": false,
                    "fontFamily": "",
                    "fontSize": "",
                    "color": "",
                    "fontStyle": "",
                    "letterSpacing": "",
                    "ligatures": ""
                }
            },
            "hide_user_stats_panel": {
                "enabled": false
            },
            "hide_footer": {
                "enabled": false
            },
            "hide_post_category": {
                "enabled": false
            },
            "hide_post_info": {
                "enabled": false
            },
            "hide_topic_carousel": {
                "enabled": false
            },
            "post_sort": {
                "enabled": false,
                "mode": "none",
                "visited_to_bottom": false
            },
            "right_panel_highlight": {
                "enabled": false,
                "keywords": []
            }
        }
    };
    onDocumentReady(() => {
        layui.use(function () {
        const layer = layui.layer;
        const dropdown = layui.dropdown;
        const message = {
            info: (text) => message.__msg(text, { "background-color": "#4D82D6" }),
            success: (text) => message.__msg(text, { "background-color": "#57BF57" }),
            warning: (text) => message.__msg(text, { "background-color": "#D6A14D" }),
            error: (text) => message.__msg(text, { "background-color": "#E1715B" }),
            __msg: (text, style) => { let index = layer.msg(text, { offset: 't', area: ['100%', 'auto'], anim: 'slideDown' }); layer.style(index, Object.assign({ opacity: 0.9 }, style)); }
        };

        const Config = {
            // 初始化配置数据
            initializeConfig() {
                const defaultConfig = opts.settings;
                if (!util.getValue('settings')) {
                    util.setValue('settings', defaultConfig);
                    return;
                }
                if(this.getConfig('version')===version) return;
                // 从存储中获取当前配置
                let storedConfig = util.getValue('settings');

                // 递归地删除不在默认配置中的项
                const cleanDefaults = (stored, defaults) => {
                    Object.keys(stored).forEach(key => {
                        if (defaults[key] === undefined) {
                            delete stored[key]; // 如果默认配置中没有这个键，删除它
                        } else if (typeof stored[key] === 'object' && stored[key] !== null && !(stored[key] instanceof Array)) {
                            cleanDefaults(stored[key], defaults[key]); // 递归检查
                        }
                    });
                };

                // 递归地将默认配置中的新项合并到存储的配置中
                const mergeDefaults = (stored, defaults) => {
                    Object.keys(defaults).forEach(key => {
                        if (typeof defaults[key] === 'object' && defaults[key] !== null && !(defaults[key] instanceof Array)) {
                            if (!stored[key]) stored[key] = {};
                            mergeDefaults(stored[key], defaults[key]);
                        } else {
                            if (stored[key] === undefined) {
                                stored[key] = defaults[key];
                            }
                        }
                    });
                };

                mergeDefaults(storedConfig, defaultConfig);
                //...这里将旧设置项的值迁移到新设置项
                cleanDefaults(storedConfig, defaultConfig);
                storedConfig.version = version;
                util.setValue('settings',storedConfig);
            },updateConfig(path, value) {
                let config = util.getValue('settings');
                if (!config) {
                    config = opts.settings;
                    util.setValue('settings', config);
                }
                let keys = path.split('.');
                let lastKey = keys.pop();
                let lastObj = keys.reduce((obj, key) => {
                    if (!obj[key]) {
                        obj[key] = {};
                    }
                    return obj[key];
                }, config);
                lastObj[lastKey] = value;
                util.setValue('settings', config);
            },            getConfig(path) {
                let config = GM_getValue('settings');
                if (!config) return undefined;
                let keys = path.split('.');
                let result = keys.reduce((obj, key) => {
                    if (obj === null || obj === undefined) return undefined;
                    return obj[key];
                }, config);
                return result;
            }
        };

        const getRuntimeOverlaySettings = () => ({
            enabled: Config.getConfig('loading_overlay.enabled') !== false,
            duration: parseInt(Config.getConfig('loading_overlay.duration'), 10) || INITIAL_OVERLAY_DURATION_DEFAULT
        });

        const FeatureFlags={
            isEnabled(featureName) {
                if (Config.getConfig(featureName)) {
                    return Config.getConfig(`${featureName}.enabled`);
                } else {
                    // console.error(`Feature '${featureName}' does not exist.`);
                    return false;
                }
            }
        };

        const main = {
            loginStatus: false,
            blockKeywordRules: [],
            blockedCategorySet: new Set(),
            rightPanelHighlightRules: [],
            rightPanelHighlightObserver: null,
            avatarObserver: null,
            avatarDefaultCache: new Map(),
            //检查是否登陆
            checkLogin() {
                if (unsafeWindow.__config__ && unsafeWindow.__config__.user) {
                    this.loginStatus = true;
                    util.clog(`当前登录用户 ${unsafeWindow.__config__.user.member_name} (ID ${unsafeWindow.__config__.user.member_id})`);
                }
            },
            // 自动签到
            autoSignIn(rand) {
                if(!FeatureFlags.isEnabled(`sign_in.${opts.curSite.code}`)) return;

                if (!this.loginStatus) return
                if (Config.getConfig(`sign_in.${opts.curSite.code}.enabled`) !== true) return;

                rand = rand || (Config.getConfig(`sign_in.${opts.curSite.code}.method`) === 1);

                let timeNow = util.getCurrentDate(),
                    timeOld = Config.getConfig(`sign_in.${opts.curSite.code}.last_date`);
                if (!timeOld || timeOld != timeNow) { // 是新的一天
                    Config.updateConfig(`sign_in.${opts.curSite.code}.last_date`, timeNow);
                    this.signInRequest(rand);
                }
            },
            // 重新签到
            reSignIn() {
                if (!this.loginStatus) return;
                if (Config.getConfig(`sign_in.${opts.curSite.code}.enabled`) !== true) {
                    unsafeWindow.mscAlert('提示', '自动签到已关闭，不支持重新签到！');
                    return;
                }

                Config.updateConfig(`sign_in.${opts.curSite.code}.last_date`, '1753/1/1');
                location.reload();
            },
            addSignTips() {
                if(!FeatureFlags.isEnabled('signin_tips')) return;

                if (!this.loginStatus) return
                if (Config.getConfig(`sign_in.${opts.curSite.code}.enabled`) === true) return;

                const timeNow = util.getCurrentDate();
                const timeIgnore = Config.getConfig(`sign_in.${opts.curSite.code}.ignore_date`);
                const timeOld = Config.getConfig(`sign_in.${opts.curSite.code}.last_date`);

                if (timeNow === timeIgnore || timeNow === timeOld) return;

                const _this = this;
                let tip = util.createElement("div", { staticClass: 'nsplus-tip' });
                let tip_p = util.createElement('p');
                tip_p.innerHTML = '今天你还没有签到哦！&emsp;【<a class="sign_in_btn" data-rand="true" href="javascript:;">随机抽个鸡腿</a>】&emsp;【<a class="sign_in_btn" data-rand="false" href="javascript:;">只要5个鸡腿</a>】&emsp;【<a id="sign_in_ignore" href="javascript:;">今天不再提示</a>】';
                tip.appendChild(tip_p);
                tip.querySelectorAll('.sign_in_btn').forEach(function (item) {
                    item.addEventListener("click", function (e) {
                        const rand = util.data(this, 'rand');
                        _this.signInRequest(rand);
                        tip.remove();
                        Config.updateConfig(`sign_in.${opts.curSite.code}.last_date`, timeNow);
                    })
                });
                tip.querySelector('#sign_in_ignore').addEventListener("click", function (e) {
                    tip.remove();
                    Config.updateConfig(`sign_in.${opts.curSite.code}.ignore_date`, timeNow);
                });

                document.querySelector('header').append(tip);
            },
            async signInRequest(rand) {
                await util.post('/api/attendance?random=' + (rand || false), {}, { "Content-Type": "application/json" }).then(json => {
                    if (json.success) {
                        message.success(`签到成功！今天午饭+${json.gain}个鸡腿; 积攒了${json.current}个鸡腿了`);
                    }
                    else {
                        message.info(json.message);
                    }
                }).catch(error => {
                    message.info(error.message || "发生未知错误");
                    util.clog(error);
                });
                util.clog(`[${name}] 签到完成`);
            },
            is_show_quick_comment: false,
            quickComment() {
                if (!this.loginStatus || !opts.comment.pathPattern.test(location.pathname)) return;
                if (Config.getConfig('loading_comment.enabled') === false) return;

                const _this = this;


                const onClick = (e) => {
                    if (_this.is_show_quick_comment) {
                        return;
                    }
                    e.preventDefault();

                    const mdEditor = document.querySelector('.md-editor');
                    const clientHeight = document.documentElement.clientHeight, clientWidth = document.documentElement.clientWidth;
                    const mdHeight = mdEditor.clientHeight, mdWidth = mdEditor.clientWidth;
                    const top = (clientHeight / 2) - (mdHeight / 2), left = (clientWidth / 2) - (mdWidth / 2);
                    mdEditor.style.cssText = `position: fixed; top: ${top}px; left: ${left}px; margin: 30px 0px; width: 100%; max-width: ${mdWidth}px; z-index: 999;`;
                    const moveEl = mdEditor.querySelector('.tab-select.window_header');
                    moveEl.style.cursor = "move";
                    moveEl.addEventListener('mousedown', startDrag);
                    addEditorCloseButton();
                    _this.is_show_quick_comment = true;
                };
                const commentDiv = document.querySelector('#fast-nav-button-group #back-to-parent').cloneNode(true);
                commentDiv.id = 'back-to-comment';
                commentDiv.innerHTML = '<svg class="iconpark-icon" style="width: 24px; height: 24px;"><use href="#comments"></use></svg>';
                commentDiv.addEventListener("click", onClick);
                document.querySelector('#back-to-parent').before(commentDiv);
                document.querySelectorAll('.nsk-post .comment-menu,.comment-container .comments').forEach(x=>x.addEventListener("click",(event) =>{ if(!["引用", "回复", "编辑"].includes(event.target.textContent)) return; onClick(event);},true));//使用冒泡法给按钮引用、回复添加事件

                function addEditorCloseButton() {
                    const fullScreenToolbar = document.querySelector('#editor-body .window_header > :last-child');
                    const cloneToolbar = fullScreenToolbar.cloneNode(true);
                    cloneToolbar.setAttribute('title', '关闭');
                    cloneToolbar.querySelector('span').classList.replace('i-icon-full-screen-one', 'i-icon-close');
                    cloneToolbar.querySelector('span').innerHTML = '<svg width="16" height="16" viewBox="0 0 48 48" fill="none"><path d="M8 8L40 40" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 40L40 8" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg>';
                    cloneToolbar.addEventListener("click", function (e) {
                        const mdEditor = document.querySelector('.md-editor');
                        mdEditor.style = "";
                        const moveEl = mdEditor.querySelector('.tab-select.window_header');
                        moveEl.style.cursor = "";
                        moveEl.removeEventListener('mousedown', startDrag);

                        this.remove();
                        _this.is_show_quick_comment = false;
                    });
                    fullScreenToolbar.after(cloneToolbar);
                }
                function startDrag(event) {
                    if (event.button !== 0) return;

                    const draggableElement = document.querySelector('.md-editor');
                    const parentMarginTop = parseInt(window.getComputedStyle(draggableElement).marginTop);
                    const initialX = event.clientX - draggableElement.offsetLeft;
                    const initialY = event.clientY - draggableElement.offsetTop + parentMarginTop;
                    document.onmousemove = function (event) {
                        const newX = event.clientX - initialX;
                        const newY = event.clientY - initialY;
                        draggableElement.style.left = newX + 'px';
                        draggableElement.style.top = newY + 'px';
                    };
                    document.onmouseup = function () {
                        document.onmousemove = null;
                        document.onmouseup = null;
                    };
                }
            },
            // 切换官方打开链接设置
            async switchOpenPostInNewTab(stateName, states){
                try {
                    unsafeWindow.indexedDB.open('ns-preference-db').onsuccess = e => {
                        const db = e.target.result;
                        const store = db.transaction('ns-preference-store', 'readwrite').objectStore('ns-preference-store');
                        store.get('configuration').onsuccess = e => {
                            const cfg = e.target.result || { openPostInNewPage: false };
                            cfg.openPostInNewPage = !cfg.openPostInNewPage;
                            store.put(cfg, 'configuration');
                            Config.updateConfig(`${stateName}.enabled`, cfg.openPostInNewPage);
                            unsafeWindow.mscAlert(`已${cfg.openPostInNewPage?'开启':'关闭'}新标签页打开链接`);
                        };
                    };
                } catch (error) {
                    // console.error(error);
                }
            },
            // 强制新标签页打开帖子链接
            enforceNewTabForPosts() {
                // 使用事件委托监听所有链接点击
                const clickHandler = function(e) {
                    // 检查配置是否启用（每次检查以确保实时性，但只在启用时才进行后续处理）
                    if (!Config.getConfig('open_post_in_new_tab.enabled')) return;

                    const link = e.target.closest('a');
                    if (!link || !link.href) return;

                    // 检查是否是帖子链接
                    const href = link.href;
                    const isPostLink = /\/post-\d+/.test(href) && href.startsWith(BASE_URL);

                    // 排除特殊链接（如跳转链接、锚点、已有target的链接等）
                    if (link.hasAttribute('data-no-instant') ||
                        link.href.includes('/jump?to=') ||
                        link.href.startsWith('#') ||
                        link.target === '_blank') {
                        return;
                    }

                    // 如果是帖子链接，强制在新标签页打开
                    if (isPostLink) {
                        e.preventDefault();
                        e.stopPropagation();
                        window.open(link.href, '_blank');
                    }
                };
                document.addEventListener('click', clickHandler, true); // 使用捕获阶段确保优先执行
            },
            //自动点击跳转页链接
            autoJump() {
                document.querySelectorAll('a[href*="/jump?to="]').forEach(link => {
                    try {
                        const urlObj = new URL(link.href);
                        const encodedUrl = urlObj.searchParams.get('to');
                        if (encodedUrl) {
                            const decodedUrl = decodeURIComponent(encodedUrl);
                            link.href = decodedUrl;
                        }
                    } catch (e) {
                        // console.error('处理链接时出错:', e);
                    }
                });
                if (!/^\/jump/.test(location.pathname)) return;
                document.querySelector('.btn').click();
            },
            refreshBlockKeywordRules() {
                const stored = Config.getConfig('block_posts.keywords');
                const list = Array.isArray(stored) ? stored : [];
                this.blockKeywordRules = list.map(rule => {
                    if (!rule) return null;
                    if (typeof rule === 'string') {
                        const value = rule.trim();
                        if (!value) return null;
                        return { type: 'text', value, lower: value.toLowerCase() };
                    }
                    const type = rule.type || 'text';
                    if (type === 'regex') {
                        const pattern = rule.value || rule.pattern || '';
                        if (!pattern) return null;
                        const flags = rule.flags || '';
                        try {
                            const regex = new RegExp(pattern, flags || 'i');
                            return { type: 'regex', regex, value: pattern, flags };
                        } catch (err) {
                            // console.warn('[NodeSeek X] 无效的正则规则：', pattern, err);
                            return null;
                        }
                    }
                    const value = (rule.value || '').trim();
                    if (!value) return null;
                    return { type: 'text', value, lower: value.toLowerCase() };
                }).filter(Boolean);
            },
            getBlockKeywordInputValue() {
                const stored = Config.getConfig('block_posts.keywords');
                if (!Array.isArray(stored) || stored.length === 0) return '';
                return stored.map(rule => {
                    if (!rule) return '';
                    if (typeof rule === 'string') return rule;
                    if (rule.type === 'regex') {
                        const flags = rule.flags || '';
                        return `/${rule.value || ''}/${flags}`;
                    }
                    return rule.value || '';
                }).filter(Boolean).join('\n');
            },
            parseBlockKeywordInput(inputValue) {
                if (!inputValue) return [];
                return inputValue.split(/\r?\n/).map(line => line.trim()).filter(Boolean).map(line => {
                    if (line.startsWith('/') && line.lastIndexOf('/') > 0) {
                        const lastSlash = line.lastIndexOf('/');
                        const pattern = line.slice(1, lastSlash);
                        const flags = line.slice(lastSlash + 1);
                        try {
                            new RegExp(pattern, flags || 'i');
                            return { type: 'regex', value: pattern, flags };
                        } catch (err) {
                            // console.warn('[NodeSeek X] 忽略无效正则：', line, err);
                            return null;
                        }
                    }
                    return { type: 'text', value: line };
                }).filter(Boolean);
            },
            shouldBlockTitle(title) {
                if (!this.blockKeywordRules || this.blockKeywordRules.length === 0) return false;
                const lowerTitle = title.toLowerCase();
                return this.blockKeywordRules.some(rule => {
                    if (rule.type === 'regex') {
                        try {
                            return rule.regex.test(title);
                        } catch (err) {
                            // console.warn('[NodeSeek X] 正则匹配失败：', rule, err);
                            return false;
                        }
                    }
                    return lowerTitle.includes(rule.lower);
                });
            },
            blockPost(ele) {
                if (Config.getConfig('block_posts.enabled') === false) return;
                if (!this.blockKeywordRules || this.blockKeywordRules.length === 0) return;
                ele = ele || document;
                ele.querySelectorAll('.post-title a[href], .post-list-item a.post-title').forEach(item => {
                    const title = (item.textContent || '').trim();
                    if (!title || !this.shouldBlockTitle(title)) return;
                    const li = item.closest('.post-list-item');
                    if (li) {
                        li.classList.add('blocked-post');
                    } else {
                        const fallback = item.closest('li, article, .post-card, .post-item, .post, .post-list-content') || item.parentElement;
                        fallback?.classList.add('blocked-post');
                    }
                });
            },
            refreshBlockedCategories() {
                const stored = Config.getConfig('block_categories.categories');
                const list = Array.isArray(stored) ? stored : [];
                this.blockedCategorySet = new Set(list.map(item => (item || '').trim().toLowerCase()).filter(Boolean));
            },
            getBlockedCategoryInputValue() {
                const stored = Config.getConfig('block_categories.categories');
                if (!Array.isArray(stored) || stored.length === 0) return '';
                return stored.join('\n');
            },
            parseBlockedCategoryInput(inputValue) {
                if (!inputValue) return [];
                return inputValue.split(/\r?\n/).map(line => line.trim()).filter(Boolean);
            },
            blockPostsByCategory(ele) {
                if (Config.getConfig('block_categories.enabled') === false) return;
                if (!this.blockedCategorySet || this.blockedCategorySet.size === 0) return;
                ele = ele || document;
                ele.querySelectorAll('.post-list-item').forEach(item => {
                    if (item.classList.contains('blocked-post')) return;
                    const categoryAnchor = item.querySelector('.post-category');
                    if (!categoryAnchor) return;
                    const text = (categoryAnchor.textContent || '').trim().toLowerCase();
                    if (this.blockedCategorySet.has(text)) {
                        item.classList.add('blocked-post');
                    }
                });
            },
            togglePromotions() {
                const enabled = Config.getConfig('remove_promotions.enabled') === true;
                toggleRootClass('nsx-remove-promotions', enabled);
            },
            async isDefaultAvatar(img) {
                const config = Config.getConfig('default_avatar');
                if (!config || config.auto_detect === false) return true;
                const src = img.currentSrc || img.src;
                if (this.avatarDefaultCache.has(src)) {
                    return this.avatarDefaultCache.get(src);
                }
                try {
                    const response = await fetch(src, { credentials: 'include', headers: { 'Accept': 'text/html' } });
                    if (!response.ok) throw new Error(response.status);
                    const text = await response.text();
                    const isDefault = /vue-color-avatar/i.test(text);
                    this.avatarDefaultCache.set(src, isDefault);
                    return isDefault;
                } catch (err) {
                    // console.warn('[NodeSeek X] avatar detect failed', err);
                    this.avatarDefaultCache.set(src, false);
                    return false;
                }
            },
            replaceDefaultAvatars(target = document) {
                const config = Config.getConfig('default_avatar');
                if (!config || config.enabled !== true) {
                    target.querySelectorAll('img.avatar-normal[data-nsx-original-avatar]').forEach(img => {
                        img.src = img.dataset.nsxOriginalAvatar;
                        delete img.dataset.nsxOriginalAvatar;
                        delete img.dataset.nsxAvatarProcessed;
                    });
                    return;
                }
                const fallbackUrl = (config.url || '').trim();
                if (!fallbackUrl) return;
                const autoDetect = config.auto_detect !== false;
                const process = (img) => {
                    if (img.dataset.nsxAvatarProcessed) return;
                    const finalize = (shouldReplace) => {
                        if (shouldReplace) {
                            if (!img.dataset.nsxOriginalAvatar) {
                                img.dataset.nsxOriginalAvatar = img.src;
                            }
                            img.src = fallbackUrl;
                            img.dataset.nsxAvatarProcessed = '1';
                        } else {
                            img.dataset.nsxAvatarProcessed = 'checked';
                        }
                    };
                    const runDetect = () => {
                        if (!autoDetect) {
                            finalize(true);
                            return;
                        }
                        this.isDefaultAvatar(img).then(isDefault => finalize(isDefault));
                    };
                    if (img.complete && img.naturalWidth) {
                        runDetect();
                    } else {
                        img.addEventListener('load', runDetect, { once: true });
                    }
                };
                target.querySelectorAll('img.avatar-normal').forEach(process);
            },
            startAvatarObserver() {
                if (this.avatarObserver) this.avatarObserver.disconnect();
                if (!document.body) return;
                this.avatarObserver = new MutationObserver(mutations => {
                    mutations.forEach(mutation => {
                        mutation.addedNodes.forEach(node => {
                            if (node.nodeType !== 1) return;
                            if (node.matches && node.matches('img.avatar-normal')) {
                                this.replaceDefaultAvatars(node);
                            } else if (node.querySelector) {
                                this.replaceDefaultAvatars(node);
                            }
                        });
                    });
                });
                this.avatarObserver.observe(document.body, { childList: true, subtree: true });
            },
            updateHeaderOpacityStyle() {
                const config = Config.getConfig('header_opacity');
                if (!config || config.enabled !== true) {
                    toggleRootClass('nsx-header-opacity', false);
                    document.getElementById(HEADER_OPACITY_STYLE_ID)?.remove();
                    return;
                }
                toggleRootClass('nsx-header-opacity', true);
                applyHeaderOpacityCSS(config);
            },
            updateFrameOpacityStyle() {
                const config = Config.getConfig('frame_opacity');
                if (!config || config.enabled !== true) {
                    toggleRootClass('nsx-frame-opacity', false);
                    document.getElementById(FRAME_OPACITY_STYLE_ID)?.remove();
                    return;
                }
                toggleRootClass('nsx-frame-opacity', true);
                applyFrameOpacityCSS(config);
            },
            blockPostsByViewLevel(ele) {
                ele = ele || document;
                let level=0;
                if (this.loginStatus) level = unsafeWindow.__config__.user.rank;
                [...ele.querySelectorAll('.post-list-item use[href="#lock"]')].forEach(el => {
                    const n = +el.closest('span')?.textContent.match(/\d+/)?.[0] || 0;
                    if (n > level) el.closest('.post-list-item')?.classList.add('blocked-post');
                });
            },
            //屏蔽用户
            blockMemberDOMInsert() {
                if (!this.loginStatus) return;

                const _this = this;
                
                // 调整用户卡片位置，确保不会超出页面底部
                const adjustUserCardPosition = (userCard) => {
                    if (!userCard) return;
                    const rect = userCard.getBoundingClientRect();
                    const viewportHeight = window.innerHeight;
                    const cardBottom = rect.bottom;
                    
                    // 如果卡片底部超出视口，调整位置
                    if (cardBottom > viewportHeight - 20) {
                        const currentTop = parseInt(userCard.style.top) || rect.top;
                        const cardHeight = rect.height;
                        const newTop = viewportHeight - cardHeight - 20;
                        
                        // 确保新位置不会太高（至少距离顶部100px）
                        if (newTop < 100) {
                            userCard.style.top = '100px';
                            userCard.style.maxHeight = `${viewportHeight - 120}px`;
                            userCard.style.overflowY = 'auto';
                        } else {
                            userCard.style.top = `${newTop}px`;
                        }
                    }
                };
                
                Array.from(document.querySelectorAll(".post-list .post-list-item,.content-item")).forEach((function (t, n) {
                    const r = t.querySelector('.avatar-normal');
                    if (!r) return;
                    r.addEventListener("click", (function (n) {
                        n.preventDefault();
                        let intervalId = setInterval(() => {
                            const userCard = document.querySelector('div.user-card.hover-user-card');
                            const pmButton = document.querySelector('div.user-card.hover-user-card a.btn');
                            if (userCard && pmButton) {
                                clearInterval(intervalId);
                                
                                // 调整用户卡片位置
                                adjustUserCardPosition(userCard);
                                
                                // 监听窗口大小变化和滚动，动态调整位置
                                const adjustHandler = () => adjustUserCardPosition(userCard);
                                window.addEventListener('resize', adjustHandler);
                                window.addEventListener('scroll', adjustHandler);
                                
                                // 当用户卡片消失时，移除监听器
                                const observer = new MutationObserver(() => {
                                    if (!document.contains(userCard)) {
                                        window.removeEventListener('resize', adjustHandler);
                                        window.removeEventListener('scroll', adjustHandler);
                                        observer.disconnect();
                                    }
                                });
                                observer.observe(document.body, { childList: true, subtree: true });
                                
                                const dataVAttrs = util.getAttrsByPrefix(userCard, 'data-v');
                                const userName = userCard.querySelector('a.Username').textContent;
                                dataVAttrs.style = "float:left; background-color:rgba(0,0,0,.3)";
                                const blockBtn = util.createElement("a", {
                                    staticClass: "btn", attrs: dataVAttrs, on: {
                                        click: function (e) {
                                            e.preventDefault();
                                            unsafeWindow.mscConfirm(`确定要屏蔽"${userName}"吗？`, '你可以在本站的 设置=>屏蔽用户 中解除屏蔽', function () { blockMember(userName); })
                                        }
                                    }
                                }, ["屏蔽"]);
                                pmButton.after(blockBtn);
                                
                                // 添加屏蔽按钮后，再次调整位置（因为按钮可能增加了卡片高度）
                                setTimeout(() => adjustUserCardPosition(userCard), 100);
                            }
                        }, 50);
                        // 添加超时保护，5秒后自动清理
                        setTimeout(() => clearInterval(intervalId), 5000);
                    }))
                }))
                function blockMember(userName) {
                    util.post("/api/block-list/add", { "block_member_name": userName }, { "Content-Type": "application/json" }).then(function (data) {
                        if (data.success) {
                            let msg = '屏蔽用户【' + userName + '】成功！';
                            unsafeWindow.mscAlert(msg);
                            util.clog(msg);
                        } else {
                            let msg = '屏蔽用户【' + userName + '】失败！' + data.message;
                            unsafeWindow.mscAlert(msg);
                            util.clog(msg);
                        }
                    }).catch(function (err) {
                        util.clog(err);
                    });
                }
            },
            addImageSlide() {
                if (!opts.comment.pathPattern.test(location.pathname)) return;

                const posts = document.querySelectorAll('article.post-content');
                posts.forEach(function (post, i) {
                    const images = post.querySelectorAll('img:not(.sticker)');
                    if (images.length === 0) return;

                    images.forEach(function (image, i) {
                        const newImg = image.cloneNode(true);
                        image.parentNode.replaceChild(newImg, image);
                        newImg.addEventListener('click', function (e) {
                            e.preventDefault();
                            const imgArr = Array.from(post.querySelectorAll('img:not(.sticker)'));
                            const clickedIndex = imgArr.indexOf(this);
                            const photoData = imgArr.map((img, i) => ({ alt: img.alt, pid: i + 1, src: img.src }));
                            layer.photos({ photos: { "title": "图片预览", "start": clickedIndex, "data": photoData } });
                        }, true);
                    });
                });
            },
            addLevelTag() {//添加等级标签
                if (!this.loginStatus) return;
                if (!opts.comment.pathPattern.test(location.pathname)) return;
                let _this=this;
                this.getUserInfo(unsafeWindow.__config__.postData.op.uid).then((user) => {
                    let warningInfo = '';
                    const daysDiff = Math.floor((new Date() - new Date(user.created_at)) / (1000 * 60 * 60 * 24));
                    if (daysDiff < 30) {
                        warningInfo = `⚠️`;
                    }
                    // console.log(user);
                    let rank = _this.getRankByCoin(user.coin);
                    const span = util.createElement("span", { staticClass: `nsk-badge role-tag user-level user-lv${rank}` }, [util.createElement("span", [`${warningInfo}Lv ${rank}`])]);

                    const authorLink = document.querySelector('#nsk-body .nsk-post .nsk-content-meta-info .author-info>a');
                    if (authorLink != null) {
                        authorLink.after(span);
                    }

                    // 在 content-info 中添加用户统计信息
                    const contentInfo = document.querySelector('#nsk-body .nsk-post .nsk-content-meta-info .content-info');
                    const mainPost = document.querySelector('#nsk-body .nsk-post');
                    if (contentInfo) {
                        // 检查是否已添加过统计信息，避免重复
                        if (contentInfo.querySelector('.nsx-user-stats')) return;

                        // 获取位置设置
                        const position = Config.getConfig('show_all_users_stats.position') || 'below';

                        // 创建统计信息容器
                        const statsContainer = util.createElement("div", {
                            staticClass: "nsx-user-stats",
                            attrs: { 
                                style: position === 'right' 
                                    ? "display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 0.9em; margin-left: 8px;" 
                                    : "margin-top: 4px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 0.9em;" 
                            }
                        }, [
                            util.createElement("span", { attrs: { title: "注册天数", style: "color: #2ea44f;" } }, [`📅 注册 ${daysDiff} 天`]),
                            util.createElement("span", { attrs: { style: "color: var(--text-tertiary-color, #ccc);" } }, ["·"]),
                            util.createElement("span", { attrs: { title: "鸡腿数量", style: "color: #ff9800;" } }, [`🍗 ${user.coin || 0}`]),
                            util.createElement("span", { attrs: { style: "color: var(--text-tertiary-color, #ccc);" } }, ["·"]),
                            util.createElement("span", { attrs: { title: "帖子数", style: "color: #2196f3;" } }, [`📝 帖子 ${user.nPost || 0}`]),
                            util.createElement("span", { attrs: { style: "color: var(--text-tertiary-color, #ccc);" } }, ["·"]),
                            util.createElement("span", { attrs: { title: "评论数", style: "color: #9c27b0;" } }, [`💬 评论 ${user.nComment || 0}`])
                        ]);

                        // 根据位置设置插入
                        if (position === 'right' && mainPost) {
                            // 插入到作者名字右边
                            const authorLink = mainPost.querySelector('.nsk-content-meta-info .author-info a');
                            if (authorLink) {
                                authorLink.after(statsContainer);
                            } else {
                                // 如果找不到作者链接，回退到下方
                                contentInfo.appendChild(statsContainer);
                            }
                        } else {
                            // 默认插入到下方
                            contentInfo.appendChild(statsContainer);
                        }
                    }
                });
            },
            getUserInfo(uid) {
                return new Promise((resolve, reject) => {
                    util.get(`/api/account/getInfo/${uid}`, {}, 'json').then((data) => {
                        if (!data.success) {
                            util.clog(data);
                            return;
                        }
                        resolve(data.detail);
                    }).catch((err) => reject(err));
                })
            },
            // 为所有用户显示统计信息
            showAllUsersStats() {
                if (!this.loginStatus) return;
                
                const _this = this;
                // 缓存用户数据，避免重复请求（Map<uid, userData>）
                if (!_this.userDataCache) {
                    _this.userDataCache = new Map();
                }
                // 记录正在请求的 UID，避免重复请求（Set<uid>）
                if (!_this.pendingUserRequests) {
                    _this.pendingUserRequests = new Set();
                }
                // 记录等待用户数据的楼层（Map<uid, Array<contentInfo>>）
                if (!_this.pendingContentItems) {
                    _this.pendingContentItems = new Map();
                }
                
                // 创建用户统计信息的辅助函数
                const createUserStats = (user, contentInfo, item) => {
                    if (!user || !contentInfo) return;
                    
                    // 获取位置设置
                    const position = Config.getConfig('show_all_users_stats.position') || 'below';
                    
                    // 检查是否已添加过统计信息
                    const existingStats = contentInfo.querySelector('.nsx-user-stats');
                    if (existingStats) {
                        // 如果位置设置改变，需要移除旧的并重新添加
                        existingStats.remove();
                    }
                    
                    // 计算注册天数
                    let daysDiff = 0;
                    if (user.created_at) {
                        const registerDate = new Date(user.created_at);
                        const now = new Date();
                        if (!isNaN(registerDate.getTime())) {
                            daysDiff = Math.floor((now - registerDate) / (1000 * 60 * 60 * 24));
                        }
                    }
                    // 如果计算失败，显示为 0 天
                    if (isNaN(daysDiff) || daysDiff < 0) {
                        daysDiff = 0;
                    }
                    
                    // 创建统计信息容器
                    const statsContainer = util.createElement("div", {
                        staticClass: "nsx-user-stats",
                        attrs: { 
                            style: position === 'right' 
                                ? "display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 0.9em; margin-left: 8px;" 
                                : "margin-top: 4px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 0.9em;" 
                        }
                    }, [
                        util.createElement("span", { attrs: { title: "注册天数", style: "color: #2ea44f;" } }, [`📅 注册 ${daysDiff} 天`]),
                        util.createElement("span", { attrs: { style: "color: var(--text-tertiary-color, #ccc);" } }, ["·"]),
                        util.createElement("span", { attrs: { title: "鸡腿数量", style: "color: #ff9800;" } }, [`🍗 ${user.coin || 0}`]),
                        util.createElement("span", { attrs: { style: "color: var(--text-tertiary-color, #ccc);" } }, ["·"]),
                        util.createElement("span", { attrs: { title: "帖子数", style: "color: #2196f3;" } }, [`📝 帖子 ${user.nPost || 0}`]),
                        util.createElement("span", { attrs: { style: "color: var(--text-tertiary-color, #ccc);" } }, ["·"]),
                        util.createElement("span", { attrs: { title: "评论数", style: "color: #9c27b0;" } }, [`💬 评论 ${user.nComment || 0}`])
                    ]);
                    
                    // 根据位置设置插入
                    if (position === 'right' && item) {
                        // 插入到作者名字右边
                        const authorLink = item.querySelector('.nsk-content-meta-info .author-info a');
                        if (authorLink) {
                            authorLink.after(statsContainer);
                        } else {
                            // 如果找不到作者链接，回退到下方
                            contentInfo.appendChild(statsContainer);
                        }
                    } else {
                        // 默认插入到下方
                        contentInfo.appendChild(statsContainer);
                    }
                };
                
                // 处理单个内容项（帖子或评论）
                const processContentItem = (item) => {
                    // 排除主帖，主帖的统计信息由 addLevelTag 处理
                    // 检查 item 是否在主帖内（#nsk-body .nsk-post）
                    const mainPost = document.querySelector('#nsk-body .nsk-post');
                    if (mainPost && mainPost.contains(item)) {
                        return;
                    }
                    
                    // 查找 content-info 元素
                    const contentInfo = item.querySelector('.nsk-content-meta-info .content-info');
                    if (!contentInfo) return;
                    
                    // 如果已经有统计信息，跳过
                    if (contentInfo.querySelector('.nsx-user-stats')) return;
                    
                    // 尝试从头像获取 UID
                    const avatar = item.querySelector('.avatar-normal');
                    let uid = null;
                    
                    if (avatar) {
                        // 尝试从 data-uid 属性获取
                        uid = avatar.getAttribute('data-uid');
                        // 如果没找到，尝试从头像 URL 提取（/avatar/12345.png）
                        if (!uid && avatar.src) {
                            const match = avatar.src.match(/\/avatar\/(\d+)\.png/);
                            if (match) {
                                uid = match[1];
                            }
                        }
                    }
                    
                    // 如果还是没找到，尝试从作者链接获取
                    if (!uid) {
                        const authorLink = item.querySelector('.nsk-content-meta-info .author-info a');
                        if (authorLink && authorLink.href) {
                            const match = authorLink.href.match(/\/space\/(\d+)/);
                            if (match) {
                                uid = match[1];
                            }
                        }
                    }
                    
                    if (!uid) return;
                    
                    // 如果用户数据已经在缓存中，直接使用
                    if (_this.userDataCache.has(uid)) {
                        const user = _this.userDataCache.get(uid);
                        createUserStats(user, contentInfo, item);
                        return;
                    }
                    
                    // 如果正在请求该用户的数据，将当前楼层加入等待列表
                    if (_this.pendingUserRequests.has(uid)) {
                        if (!_this.pendingContentItems.has(uid)) {
                            _this.pendingContentItems.set(uid, []);
                        }
                        _this.pendingContentItems.get(uid).push({ contentInfo, item });
                        return;
                    }
                    
                    // 标记为正在请求
                    _this.pendingUserRequests.add(uid);
                    
                    // 获取用户信息
                    _this.getUserInfo(uid).then((user) => {
                        // 缓存用户数据
                        _this.userDataCache.set(uid, user);
                        
                        // 为当前楼层显示统计信息
                        createUserStats(user, contentInfo, item);
                        
                        // 为所有等待该用户数据的楼层显示统计信息
                        if (_this.pendingContentItems.has(uid)) {
                            const pendingItems = _this.pendingContentItems.get(uid);
                            pendingItems.forEach(({ contentInfo: pendingContentInfo, item: pendingItem }) => {
                                createUserStats(user, pendingContentInfo, pendingItem);
                            });
                            _this.pendingContentItems.delete(uid);
                        }
                        
                        // 移除请求标记
                        _this.pendingUserRequests.delete(uid);
                    }).catch((err) => {
                        // 忽略错误，移除请求标记
                        _this.pendingUserRequests.delete(uid);
                        _this.pendingContentItems.delete(uid);
                    });
                };
                
                // 处理所有内容项
                const processAllItems = () => {
                    // 处理所有评论（包括主帖，但主帖的统计信息由 addLevelTag 处理，这里会跳过）
                    const contentItems = document.querySelectorAll('.content-item');
                    contentItems.forEach(item => {
                        processContentItem(item);
                    });
                };
                
                // 初始处理
                processAllItems();
                
                // 监听动态加载的内容
                if (!_this.allUsersStatsObserver) {
                    _this.allUsersStatsObserver = new MutationObserver((mutations) => {
                        mutations.forEach((mutation) => {
                            mutation.addedNodes.forEach((node) => {
                                if (node.nodeType === 1) { // Element node
                                    // 检查是否是新的内容项
                                    if (node.matches && node.matches('.content-item')) {
                                        processContentItem(node);
                                    }
                                    // 检查子元素中是否有新的内容项
                                    const newItems = node.querySelectorAll ? node.querySelectorAll('.content-item') : [];
                                    newItems.forEach(item => processContentItem(item));
                                }
                            });
                        });
                    });
                    
                    const commentsContainer = document.querySelector('.comments, .comment-container');
                    if (commentsContainer) {
                        _this.allUsersStatsObserver.observe(commentsContainer, {
                            childList: true,
                            subtree: true
                        });
                    }
                }
            },
            // 隐藏所有用户统计信息
            hideAllUsersStats() {
                // 移除所有用户统计信息（除了楼主的，因为那是 level_tag 功能的一部分）
                document.querySelectorAll('.nsx-user-stats').forEach(stats => {
                    // 只移除非楼主区域的统计信息
                    const isMainPost = stats.closest('#nsk-body .nsk-post');
                    if (!isMainPost) {
                        stats.remove();
                    }
                });
                
                // 断开观察器
                if (this.allUsersStatsObserver) {
                    this.allUsersStatsObserver.disconnect();
                    this.allUsersStatsObserver = null;
                }
            },
            getRankByCoin(coin){
                // 处理无效值：负数、NaN、undefined 都返回 0
                if (!coin || coin < 0) {
                    return 0;
                }
                // 计算等级：使用平方根公式，最大等级为6
                const level = Math.floor(Math.sqrt(coin) / 10);
                return Math.min(6, level);
            },
            fakeLevel(){
                let coin = unsafeWindow.__config__.user.coin;
                if(coin < 4900) return;//不足7级直接返回
                let rank = this.getRankByCoin(coin);
                const userCard = document.querySelector(".user-card .user-stat");
                userCard.querySelector('use[href="#level"]').closest('svg').nextElementSibling.innerText='等级 Lv '+ rank;
            },
            userCardEx() {
                if (!this.loginStatus) return;
                if (!(opts.post.pathPattern.test(location.pathname)|| opts.comment.pathPattern.test(location.pathname))) return;

                const bn = new BroadcastManager("notification_sync");

                const updateNotificationElement = (element, href, iconHref, text, count) => {
                    element.querySelector("a").setAttribute("href", `${href}`);
                    element.querySelector("a > svg > use").setAttribute("href", `${iconHref}`);
                    element.querySelector("a > :nth-child(2)").textContent = `${text} `;
                    element.querySelector("a > :last-child").textContent = count;
                    const countEl = element.querySelector("a > :last-child");
                    countEl.classList.toggle("notify-count", count > 0);

                    // 通知（只在主控标签页且有新消息时发送）
                    if (count > 0 && bn.active) {
                        GM_notification({
                            text: `你有 ${count} 条新 ${text === '我' ? '@' : text}，点击查看`,
                            tag: 'notice_count',
                            onclick: e => (e.preventDefault(), GM_openInTab(`${BASE_URL}${href}`, {active: true}))
                        });
                    }

                    return element;
                };

                const userCard = document.querySelector(".user-card .user-stat");
                const lastElement = userCard.querySelector(".stat-block:first-child > :last-child");

                const atMeElement = lastElement.cloneNode(true);
                const msgElement = lastElement.cloneNode(true);

                lastElement.after(atMeElement);
                userCard.querySelector(".stat-block:last-child").append(msgElement);

                // 初始化通知显示
                const updateAllCounts = (counts) => {
                    updateNotificationElement(atMeElement, "/notification#/atMe", "#at-sign", "我", counts.atMe);
                    updateNotificationElement(msgElement, "/notification#/message?mode=list", "#envelope-one", "私信", counts.message);
                    updateNotificationElement(lastElement, "/notification#/reply", "#remind-6nce9p47", "回复", counts.reply);
                };

                // 注册数据接收器
                bn.registerReceiver(({ sender, data }) => {
                    if (data.type === 'unreadCount' && data.counts) {
                        // console.log(`接收到来自 ${sender} 的广播数据：${JSON.stringify(data.counts)}`, new Date(data.timestamp).toLocaleString());
                        updateAllCounts(data.counts);
                    }
                });

                // 首次加载
                bn.broadcast({ type: 'unreadCount', counts: unsafeWindow.__config__.user.unViewedCount, timestamp: Date.now() });

                let interval = 5000;
                // 启动定时任务（只在主控标签页执行）
                bn.startTask(async () => {
                    const response = await fetch("/api/notification/unread-count", { credentials: "include" });

                    if (!response.ok) throw new Error(response.status);

                    const data = await response.json();
                    if (data.success && data.unreadCount) {
                        // console.log(`${bn.myId} 发送一条广播数据：${JSON.stringify(data.unreadCount)}`);
                        return {
                            type: 'unreadCount',
                            counts: data.unreadCount,
                            timestamp: Date.now()
                        };
                    }
                    throw new Error('Invalid response');
                }, interval);
            },
            // 自动翻页
            autoLoading() {
                if (Config.getConfig('loading_post.enabled') === false && Config.getConfig('loading_comment.enabled') === false) return;
                let opt = {};
                if (opts.post.pathPattern.test(location.pathname)) { opt = opts.post; }
                else if (opts.comment.pathPattern.test(location.pathname)) { opt = opts.comment; }
                else { return; }
                let is_requesting = false;
                let _this = this;
                this.windowScroll(function (direction, e) {
                    if (direction === 'down') { // 下滑才准备翻页
                        let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
                        if (document.documentElement.scrollHeight <= document.documentElement.clientHeight + scrollTop + opt.scrollThreshold && !is_requesting) {
                            if (!document.querySelector(opt.nextPagerSelector)) return;
                            let nextUrl = document.querySelector(opt.nextPagerSelector).attributes.href.value;
                            is_requesting = true;

                            // 显示加载遮罩（无缝翻页时）
                            const overlay = document.getElementById('nsx-loading-overlay');
                            if (overlay) overlay.classList.add('show');

                            util.get(nextUrl, {}, 'text').then(function (data) {
                                let doc = new DOMParser().parseFromString(data, "text/html");
                                _this.blockPost(doc);//过滤帖子
                                _this.blockPostsByViewLevel(doc);
                                _this.blockPostsByCategory(doc);
                                if (opts.comment.pathPattern.test(location.pathname)){
                                    // 取加载页的评论数据追加到原评论数据
                                    let el = doc.getElementById('temp-script')
                                    let jsonText = el.textContent;
                                    if (jsonText) {
                                        let conf = JSON.parse(util.b64DecodeUnicode(jsonText))
                                        unsafeWindow.__config__.postData.comments.push(...conf.postData.comments);
                                    }
                                }
                                if (name === 'block_posts') {
                                    const keywordsBox = layero[0].querySelector('#block_post_keywords_box');
                                    if (keywordsBox) keywordsBox.style.display = data.elem.checked ? '' : 'none';
                                    if (data.elem.checked) {
                                        _this.refreshBlockKeywordRules();
                                        _this.blockPost();
                                    }
                                }
                                document.querySelector(opt.postListSelector).append(...doc.querySelector(opt.postListSelector).childNodes);
                                document.querySelector(opt.topPagerSelector).innerHTML = doc.querySelector(opt.topPagerSelector).innerHTML;
                                document.querySelector(opt.bottomPagerSelector).innerHTML = doc.querySelector(opt.bottomPagerSelector).innerHTML;
                                history.pushState(null, null, nextUrl);
                                _this.replaceDefaultAvatars(doc);

                                // 确保新加载的内容也应用紧凑模式样式
                                if (Config.getConfig('compact_mode.enabled') !== false) {
                                    _this.updateCompactModeStyle();
                                }

                                // 确保新加载的内容也应用隐藏设置
                                _this.togglePostCategory();
                                _this.togglePostInfo();

                                // 应用关键词高亮
                                if (Config.getConfig('right_panel_highlight.enabled') === true) {
                                    _this.applyRightPanelHighlight();
                                }

                                // 应用排序
                                _this.sortPostList();

                                // 如果启用了显示所有用户统计，为新加载的内容添加统计信息
                                if (Config.getConfig('show_all_users_stats.enabled') === true) {
                                    setTimeout(() => {
                                        _this.showAllUsersStats();
                                    }, 300);
                                }

                                // 隐藏加载遮罩
                                const overlay = document.getElementById('nsx-loading-overlay');
                                if (overlay) overlay.classList.remove('show');

                                // 评论菜单条
                                if (opts.comment.pathPattern.test(location.pathname)){
                                    const vue = document.querySelector('.comment-menu').__vue__;
                                    Array.from(document.querySelectorAll(".content-item")).forEach(function (t,e) {
                                        const n = t.querySelector(".comment-menu-mount");
                                        if(!n) return;
                                        const o = new vue.$root.constructor(vue.$options);
                                        o.setIndex(e);
                                        o.$mount(n);
                                    });
                                    
                                    // 如果启用了显示所有用户统计，为新加载的评论添加统计信息
                                    if (Config.getConfig('show_all_users_stats.enabled') === true) {
                                        setTimeout(() => {
                                            _this.showAllUsersStats();
                                        }, 500);
                                    }
                                }
                                is_requesting = false;
                            }).catch(function (err) {
                                // 出错时也隐藏遮罩
                                const overlay = document.getElementById('nsx-loading-overlay');
                                if (overlay) overlay.classList.remove('show');
                                is_requesting = false;
                                util.clog(err);
                            });
                        }
                    }
                });
            },
            // 滚动条事件
            windowScroll(fn1) {
                let beforeScrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop,
                    fn = fn1 || function () { };
                setTimeout(function () { // 延时执行，避免刚载入到页面就触发翻页事件
                    window.addEventListener('scroll', function (e) {
                        const afterScrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop,
                              delta = afterScrollTop - beforeScrollTop;
                        if (delta == 0) return false;
                        fn(delta > 0 ? 'down' : 'up', e);
                        beforeScrollTop = afterScrollTop;
                    }, false);
                }, 1000)
            },
            // 平滑滚动
            smoothScroll(){
                const scroll = (selector, top = 0) => {
                    const btn = document.querySelector(selector);
                    if (btn) {
                        // 移除现有事件监听器
                        btn.onclick = null;
                        btn.removeAttribute('onclick');
                        // 添加新的事件处理器
                        btn.addEventListener('click', e => {
                            e.preventDefault();
                            e.stopImmediatePropagation();
                            if(e.target.querySelector('use[href="#down"]')){
                                top = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
                            }
                            window.scrollTo({ top, behavior: 'smooth' });
                        }, true);
                    }
                };
                scroll('#back-to-top', 0);
                scroll('#back-to-bottom', Math.max(document.documentElement.scrollHeight, document.body.scrollHeight));
            },
            history: ()=>{
                const STORAGE_KEY = 'nsx_browsing_history';
                const PAGE_SIZE = 10;
                let saveLimit = 'all';
                let sortedCache = null; // 缓存排序后的数据

                const POST_URL_PATTERN = /\/post-(\d+)-\d+.*$/;
                const getCurrentTime = () => layui.util.toDateString(new Date(),"yyyy-MM-ddTHH:mm:ss.SSS");

                const getBrowsingHistory = () => {
                    return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]');
                };

                const saveBrowsingHistory = (history) => {
                    if (saveLimit !== 'all') {
                        history = history.slice(-saveLimit);
                    }
                    // 保存时排序，并清除缓存
                    sortedCache = null;
                    localStorage.setItem(STORAGE_KEY, JSON.stringify(history));
                };

                const addOrUpdateHistory = (url, title) => {
                    const match = url.match(POST_URL_PATTERN);
                    if (!match) return; // 只保存匹配的帖子记录

                    const normalizedUrl = `/post-${match[1]}-1`; // 只判断第1页，即不区分页码
                    const history = getBrowsingHistory();
                    const index = history.findIndex(item => item.url === normalizedUrl);
                    const entry = { url: normalizedUrl, title, time: getCurrentTime() };
                    if (index > -1) {
                        history[index] = entry;
                    }
                    else {
                        history.push(entry);
                    }
                    saveBrowsingHistory(history);
                };

                const getHistory = (page = 1) => {
                    // 使用缓存或重新排序
                    if (!sortedCache) {
                    const history = getBrowsingHistory();
                        sortedCache = history.sort((a, b) => new Date(b.time) - new Date(a.time));
                    }
                    if(page===0) return sortedCache;
                    return sortedCache.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);
                };

                const showHistory = (page = 1) => {
                    const history = getBrowsingHistory();
                    const totalPages = Math.ceil(history.length / PAGE_SIZE);
                    const pageHistory = getHistory(page);
                    // console.clear();
                    // console.log(`浏览历史 - 第 ${page} 页，共 ${totalPages} 页`);
                    pageHistory.forEach((item, i) => {
                        // console.log(`${(page - 1) * PAGE_SIZE + i + 1}. [${item.time}] ${item.title} - ${item.url}`);
                    });
                    if (page < totalPages) {
                        // console.log(`输入 showHistory(${page + 1}) 查看下一页`);
                    }
                };

                const setSaveLimit = (limit) => {
                    if (typeof limit === 'number' && limit > 0 || limit === 'all') {
                        saveLimit = limit;
                        // console.log(`保存限制已设置为：${limit === 'all' ? '全部' : `最近 ${limit} 条`}`);
                    }
                    else {
                        // console.error('无效的保存限制。请输入正整数或 "all"');
                    }
                };

                const injectDom=()=>{
                    const svg = util.createElement("svg", { staticClass: "iconpark-icon", attrs: { "style": "width: 17px;height: 17px;" }},[ util.createElement("use",{ attrs: { "href": "#history"} }, [], document, "http://www.w3.org/2000/svg") ], document, "http://www.w3.org/2000/svg");
                    const originalSwitcher = document.querySelector('#nsk-head .color-theme-switcher');
                    if (originalSwitcher) {
                        const svgWrap = originalSwitcher.cloneNode();
                        svgWrap.classList.replace('color-theme-switcher', 'history-dropdown-on');
                        svgWrap.setAttribute('lay-options', '{trigger:"hover"}');

                        // 判断是否为移动端（li 元素）并移除 SVG 的 style 属性
                        if (originalSwitcher.tagName.toLowerCase() === 'li') {
                            svg.removeAttribute('style');
                        }

                        svgWrap.appendChild(svg);
                        originalSwitcher.insertAdjacentElement('beforebegin', svgWrap);
                    }

                    const history=getHistory(0);
                    const maxLength=20;
                    // 按天分组
                    const grouped = history.reduce((result, item, i) => {
                        const date = item.time.split("T")[0];
                        if (!result[date]) {
                            result[date] = [];
                        }
                        const truncatedTitle = item.title.length > maxLength
                        ? item.title.slice(0, maxLength) + "..."
                        : item.title;
                        result[date].push({
                            id: 1000+i+1,
                            title: `${truncatedTitle}(${layui.util.toDateString(item.time,'HH:mm')})`,
                            href: item.url,
                            time: item.time
                        });
                        return result;
                    }, {});

                    // 转换为目标结构
                    const result = Object.entries(grouped).map(([day, items], index) => ({
                        id: index + 1,
                        title: day,
                        type: "group",
                        child: items // 将子项包裹在数组中
                    }));

                    // console.log(result);

                    dropdown.render({
                        elem: '.history-dropdown-on',
                        // trigger: 'click' // trigger 已配置在元素 `lay-options` 属性上
                        data: result,
                        style: 'width: 370px; height: 200px;'
                    });
                };

                addOrUpdateHistory(window.location.href, document.title);
                injectDom();
            },
            initInstantPage:() => {
                const prefetchedUrls = new Set(); // 用于存储已经尝试预加载的 URL
                let prefetcher = document.createElement('link');
                prefetcher.rel = 'prefetch';

                document.body.addEventListener('mouseover', (event) => {
                    const target = event.target.closest('a');

                    if (!target || !target.href || target.hasAttribute('data-no-instant')) {
                        return;
                    }

                    const href = target.href;

                    if (!href.startsWith(`${BASE_URL}/post-`)) {
                        return;
                    }

                    if (prefetchedUrls.has(href)) {
                        // console.log('跳过已预加载链接：', href);
                        return;
                    }

                    setTimeout(() => {
                        if (target.matches(':hover')) {
                            prefetcher.href = href;
                            document.head.appendChild(prefetcher);
                            prefetchedUrls.add(href);
                            // console.log('预加载链接已启动：', href);
                        }
                    }, 65); // 65毫秒延迟
                });
            },
            // 在导航栏添加设置按钮
            addSettingsButton() {
                const header = document.querySelector('#nsk-head');
                if (!header) return;

                const colorSwitcher = header.querySelector('.color-theme-switcher');
                if (!colorSwitcher) return;

                // 检查是否已存在设置按钮
                if (header.querySelector('.nsx-settings-btn')) return;

                const settingsBtn = colorSwitcher.cloneNode(true);
                settingsBtn.classList.remove('color-theme-switcher');
                settingsBtn.classList.add('nsx-settings-btn');
                settingsBtn.setAttribute('title', 'NodeSeek X 设置');
                settingsBtn.querySelector('use').setAttribute('href', '#setting');
                settingsBtn.addEventListener('click', (e) => {
                    e.preventDefault();
                    this.advancedSettings();
                });

                colorSwitcher.insertAdjacentElement('beforebegin', settingsBtn);
            },
            moveSearchBoxToCenter() {
                // 搜索框定位逻辑已提前通过紧凑模式样式处理，避免运行时闪烁
            },
            advancedSettings() {
                const _this = this;
                const layerWidth = layui.device().mobile ? '100%' : '700px';
                const siteCode = opts.curSite ? opts.curSite.code : 'ns';

                // 生成设置内容
            const generateSettingsContent = () => {
                const blockPostsEnabled = (Config.getConfig('block_posts.enabled') ?? true) !== false;
                const blockCategoriesEnabled = Config.getConfig('block_categories.enabled') === true;
                const blockPostKeywordsValue = (_this.getBlockKeywordInputValue() || '')
                    .replace(/&/g, '&amp;')
                    .replace(/</g, '&lt;')
                    .replace(/>/g, '&gt;');
                const blockCategoriesValue = (_this.getBlockedCategoryInputValue() || '')
                    .replace(/&/g, '&amp;')
                    .replace(/</g, '&lt;')
                    .replace(/>/g, '&gt;');
                const signInMethod = Config.getConfig(`sign_in.${siteCode}.method`) ?? 0;
                const signInEnabled = Config.getConfig(`sign_in.${siteCode}.enabled`) === true;
                const typographyTitle = Config.getConfig('typography.title') || {};
                const typographyTag = Config.getConfig('typography.tag') || {};
                const typographyMeta = Config.getConfig('typography.meta') || {};
                const typographyContent = Config.getConfig('typography.content') || {};
                const escape = (val) => (val || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');

                return `
<div class="layui-row" style="display:flex;height:100%">
  <div class="layui-panel layui-col-xs3 layui-col-sm3 layui-col-md3" id="nsx-settings-menu">
    <ul class="layui-menu" lay-filter="nsx-settings-menu">
      <li class="layui-menu-item-checked"><div class="layui-menu-body-title"><a href="javascript:void(0)" data-target="basic">基本设置</a></div></li>
      <li><div class="layui-menu-body-title"><a href="javascript:void(0)" data-target="enhance">增强功能</a></div></li>
      <li><div class="layui-menu-body-title"><a href="javascript:void(0)" data-target="display">显示设置</a></div></li>
      <li><div class="layui-menu-body-title"><a href="javascript:void(0)" data-target="config">配置</a></div></li>
    </ul>
  </div>
  <div class="layui-col-xs9 layui-col-sm9 layui-col-md9" style="overflow-y: auto; padding: 15px;" id="nsx-settings-content">
    <fieldset id="basic" class="layui-elem-field layui-field-title">
      <legend>基本设置</legend>
    </fieldset>
    <div class="layui-form" lay-filter="nsx-settings-form" style="padding: 20px 0;">
      <div class="layui-form-item">
        <label class="layui-form-label">自动签到</label>
        <div class="layui-input-block">
          <input type="radio" name="sign_in_method" value="0" title="关闭" lay-filter="sign_in_method" ${signInEnabled !== true ? 'checked' : ''}>
          <input type="radio" name="sign_in_method" value="1" title="随机🍗" lay-filter="sign_in_method" ${signInEnabled && signInMethod === 1 ? 'checked' : ''}>
          <input type="radio" name="sign_in_method" value="2" title="5个🍗" lay-filter="sign_in_method" ${signInEnabled && (signInMethod === 0 || signInMethod === undefined) ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">移除推广</label>
        <div class="layui-input-block">
          <input type="checkbox" name="remove_promotions" lay-skin="switch" lay-filter="remove_promotions" lay-text="开启|关闭" ${Config.getConfig('remove_promotions.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">隐藏页面中的推广位（.promotation-item）。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">默认头像</label>
        <div class="layui-input-block">
          <input type="checkbox" name="default_avatar" lay-skin="switch" lay-filter="default_avatar" lay-text="开启|关闭" ${Config.getConfig('default_avatar.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">识别系统随机头像并替换为自定义图片。</div>
        </div>
      </div>
      <div class="layui-form-item" id="default_avatar_box" style="${Config.getConfig('default_avatar.enabled') === true ? '' : 'display: none;'}">
        <label class="layui-form-label">头像设置</label>
        <div class="layui-input-block">
          <input type="text" name="default_avatar_url" value="${escape(Config.getConfig('default_avatar.url') || '')}" placeholder="替换用的头像 URL" class="layui-input" style="margin-bottom: 8px;">
          <div style="margin-bottom: 6px;">
            <input type="checkbox" name="default_avatar_auto" lay-skin="primary" lay-filter="default_avatar_auto" title="自动识别默认头像" ${Config.getConfig('default_avatar.auto_detect') === false ? '' : 'checked'}>
          </div>
          <div class="layui-form-mid layui-word-aux">若禁用自动识别则所有未自定义头像的用户都会替换为上面的 URL。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">加载遮罩</label>
        <div class="layui-input-block">
          <input type="checkbox" name="loading_overlay" lay-skin="switch" lay-filter="loading_overlay" lay-text="开启|关闭" ${(Config.getConfig('loading_overlay.enabled') ?? true) !== false ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">控制开屏时的模糊加载页。</div>
        </div>
      </div>
      <div class="layui-form-item" id="loading_overlay_box" style="${(Config.getConfig('loading_overlay.enabled') ?? true) !== false ? '' : 'display:none;'}">
        <label class="layui-form-label">显示时长</label>
        <div class="layui-input-block">
          <input type="range" name="loading_overlay_duration" min="300" max="3000" step="100" value="${Config.getConfig('loading_overlay.duration') ?? INITIAL_OVERLAY_DURATION_DEFAULT}" style="width:200px;">
          <span class="layui-form-mid" id="loading_overlay_duration_display">${(Config.getConfig('loading_overlay.duration') ?? INITIAL_OVERLAY_DURATION_DEFAULT)}ms</span>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">签到提示</label>
        <div class="layui-input-block">
          <input type="checkbox" name="signin_tips" lay-skin="switch" lay-filter="signin_tips" lay-text="开启|关闭" ${(Config.getConfig('signin_tips.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">自动跳转外部链接</label>
        <div class="layui-input-block">
          <input type="checkbox" name="auto_jump_external_links" lay-skin="switch" lay-filter="auto_jump_external_links" lay-text="开启|关闭" ${(Config.getConfig('auto_jump_external_links.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
    </div>

    <fieldset id="enhance" class="layui-elem-field layui-field-title">
      <legend>增强功能</legend>
    </fieldset>
    <div class="layui-form" lay-filter="nsx-settings-form" style="padding: 20px 0;">
      <div class="layui-form-item">
        <label class="layui-form-label">下拉加载翻页</label>
        <div class="layui-input-block">
          <input type="checkbox" name="loading_post" lay-skin="switch" lay-filter="loading_post" lay-text="开启|关闭" ${(Config.getConfig('loading_post.enabled') ?? true) !== false ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">自动加载帖子和评论</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">新标签页打开帖子</label>
        <div class="layui-input-block">
          <input type="checkbox" name="open_post_in_new_tab" lay-skin="switch" lay-filter="open_post_in_new_tab" lay-text="开启|关闭" ${Config.getConfig('open_post_in_new_tab.enabled') === true ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">快捷评论</label>
        <div class="layui-input-block">
          <input type="checkbox" name="quick_comment" lay-skin="switch" lay-filter="quick_comment" lay-text="开启|关闭" ${(Config.getConfig('quick_comment.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">屏蔽用户</label>
        <div class="layui-input-block">
          <input type="checkbox" name="block_members" lay-skin="switch" lay-filter="block_members" lay-text="开启|关闭" ${(Config.getConfig('block_members.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">屏蔽帖子</label>
        <div class="layui-input-block">
          <input type="checkbox" name="block_posts" lay-skin="switch" lay-filter="block_posts" lay-text="开启|关闭" ${blockPostsEnabled ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="block_post_keywords_box" style="${blockPostsEnabled ? '' : 'display: none;'}">
        <label class="layui-form-label">标题关键词</label>
        <div class="layui-input-block">
          <textarea name="block_post_keywords" class="layui-textarea" placeholder="一行一个关键词；使用 /正则/flags 形式可启用正则匹配">${blockPostKeywordsValue}</textarea>
          <div class="layui-form-mid layui-word-aux">示例：<code>羊了个羊</code>、<code>/^\\[广告\\]/i</code>。匹配命中时会直接隐藏该帖子。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">屏蔽分类</label>
        <div class="layui-input-block">
          <input type="checkbox" name="block_categories" lay-skin="switch" lay-filter="block_categories" lay-text="开启|关闭" ${blockCategoriesEnabled ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="block_categories_box" style="${blockCategoriesEnabled ? '' : 'display: none;'}">
        <label class="layui-form-label">分类列表</label>
        <div class="layui-input-block">
          <textarea name="block_categories_list" class="layui-textarea" placeholder="一行一个分类名称，如：日常、技术、交易">${blockCategoriesValue}</textarea>
          <div class="layui-form-mid layui-word-aux">与帖子上显示的分类文字一致即可，例如“日常”“技术”“情报”“测评”等。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">用户卡片扩展</label>
        <div class="layui-input-block">
          <input type="checkbox" name="user_card_ext" lay-skin="switch" lay-filter="user_card_ext" lay-text="开启|关闭" ${(Config.getConfig('user_card_ext.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">显示所有用户统计</label>
        <div class="layui-input-block">
          <input type="checkbox" name="show_all_users_stats" lay-skin="switch" lay-filter="show_all_users_stats" lay-text="开启|关闭" ${Config.getConfig('show_all_users_stats.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">在帖子内所有用户（包括评论者）的元数据区域显示注册天数、鸡腿数量、帖子数、评论数等统计信息</div>
        </div>
      </div>
      <div class="layui-form-item" id="show_all_users_stats_position_box" style="${Config.getConfig('show_all_users_stats.enabled') === true ? '' : 'display: none;'}">
        <label class="layui-form-label">显示位置</label>
        <div class="layui-input-block">
          <input type="radio" name="show_all_users_stats_position" value="below" title="下方" lay-filter="show_all_users_stats_position" ${(Config.getConfig('show_all_users_stats.position') || 'below') === 'below' ? 'checked' : ''}>
          <input type="radio" name="show_all_users_stats_position" value="right" title="作者名字右边" lay-filter="show_all_users_stats_position" ${Config.getConfig('show_all_users_stats.position') === 'right' ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">选择统计信息的显示位置</div>
        </div>
      </div>
    </div>

    <fieldset id="display" class="layui-elem-field layui-field-title">
      <legend>显示设置</legend>
    </fieldset>
    <div class="layui-form" lay-filter="nsx-settings-form" style="padding: 20px 0;">
      <div class="layui-form-item">
        <label class="layui-form-label">等级标签</label>
        <div class="layui-input-block">
          <input type="checkbox" name="level_tag" lay-skin="switch" lay-filter="level_tag" lay-text="开启|关闭" ${(Config.getConfig('level_tag.enabled') ?? true) !== false ? 'checked' : ''}>
  </div>
</div>
      <div class="layui-form-item">
        <label class="layui-form-label">代码高亮</label>
        <div class="layui-input-block">
          <input type="checkbox" name="code_highlight" lay-skin="switch" lay-filter="code_highlight" lay-text="开启|关闭" ${(Config.getConfig('code_highlight.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">图片滑动查看</label>
        <div class="layui-input-block">
          <input type="checkbox" name="image_slide" lay-skin="switch" lay-filter="image_slide" lay-text="开启|关闭" ${(Config.getConfig('image_slide.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">已访问链接标记</label>
        <div class="layui-input-block">
          <input type="checkbox" name="visited_links" lay-skin="switch" lay-filter="visited_links" lay-text="开启|关闭" ${(Config.getConfig('visited_links.enabled') ?? true) !== false ? 'checked' : ''}>
        </div>
        <div class="layui-input-block" style="margin-top: 10px;">
          <input type="checkbox" name="hide_visited_links" lay-skin="primary" lay-filter="hide_visited_links" title="隐藏已访问帖子" ${Config.getConfig('visited_links.hide_visited') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">启用后，点击过的帖子会直接在列表中隐藏。</div>
        </div>
        <div class="layui-input-block" style="margin-top: 10px;">
          <input type="checkbox" name="visited_to_bottom" lay-skin="primary" lay-filter="visited_to_bottom" title="已访问帖子置底" ${Config.getConfig('post_sort.visited_to_bottom') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">启用后，已访问的帖子会排在列表最后。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">帖子排序</label>
        <div class="layui-input-block">
          <input type="radio" name="post_sort_mode" value="none" title="不排序" lay-filter="post_sort_mode" ${(Config.getConfig('post_sort.mode') || 'none') === 'none' ? 'checked' : ''}>
          <input type="radio" name="post_sort_mode" value="comments" title="按回复数" lay-filter="post_sort_mode" ${Config.getConfig('post_sort.mode') === 'comments' ? 'checked' : ''}>
          <input type="radio" name="post_sort_mode" value="views" title="按查看数" lay-filter="post_sort_mode" ${Config.getConfig('post_sort.mode') === 'views' ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">对帖子列表进行排序，按回复数或查看数从高到低排列</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">紧凑模式</label>
        <div class="layui-input-block">
          <input type="checkbox" name="compact_mode" lay-skin="switch" lay-filter="compact_mode" lay-text="开启|关闭" ${(Config.getConfig('compact_mode.enabled') ?? true) !== false ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">增大信息密度，一页显示更多帖子</div>
        </div>
      </div>
      <div class="layui-form-item" id="compact_mode_options" style="${(Config.getConfig('compact_mode.enabled') ?? true) !== false ? '' : 'display: none;'}">
        <label class="layui-form-label">列数</label>
        <div class="layui-input-block">
          <input type="radio" name="compact_columns" value="1" title="1列" lay-filter="compact_columns" ${(Config.getConfig('compact_mode.columns') ?? 1) === 1 ? 'checked' : ''}>
          <input type="radio" name="compact_columns" value="2" title="2列" lay-filter="compact_columns" ${(Config.getConfig('compact_mode.columns') ?? 1) === 2 ? 'checked' : ''}>
          <input type="radio" name="compact_columns" value="3" title="3列" lay-filter="compact_columns" ${(Config.getConfig('compact_mode.columns') ?? 1) === 3 ? 'checked' : ''}>
          <input type="radio" name="compact_columns" value="4" title="4列" lay-filter="compact_columns" ${(Config.getConfig('compact_mode.columns') ?? 1) === 4 ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="compact_mode_custom_options" style="${(Config.getConfig('compact_mode.enabled') ?? true) !== false ? '' : 'display: none;'}">
        <label class="layui-form-label">自定义设置</label>
        <div class="layui-input-block">
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">内边距 (px):</label>
            <input type="text" name="compact_padding" value="${Config.getConfig('compact_mode.padding') || '6px 10px'}" placeholder="如: 6px 10px" style="width: 150px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">头像大小 (px):</label>
            <input type="number" name="compact_avatarSize" value="${Config.getConfig('compact_mode.avatarSize') || 26}" min="16" max="40" style="width: 150px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">标题字体 (px):</label>
            <input type="number" name="compact_titleFontSize" value="${Config.getConfig('compact_mode.titleFontSize') || 13}" min="10" max="16" style="width: 150px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">信息字体 (px):</label>
            <input type="number" name="compact_infoFontSize" value="${Config.getConfig('compact_mode.infoFontSize') || 10}" min="8" max="12" style="width: 150px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">间距 (px):</label>
            <input type="number" name="compact_marginBottom" value="${Config.getConfig('compact_mode.marginBottom') || 2}" min="0" max="10" style="width: 150px; display: inline-block;">
          </div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">自定义背景图</label>
        <div class="layui-input-block">
          <input type="checkbox" name="custom_background" lay-skin="switch" lay-filter="custom_background" lay-text="开启|关闭" ${Config.getConfig('custom_background.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">自定义页面背景图片</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">Header透明</label>
        <div class="layui-input-block">
          <input type="checkbox" name="header_opacity" lay-skin="switch" lay-filter="header_opacity" lay-text="开启|关闭" ${Config.getConfig('header_opacity.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">调节顶栏透明度，美化视觉。</div>
        </div>
      </div>
      <div class="layui-form-item" id="header_opacity_box" style="${Config.getConfig('header_opacity.enabled') === true ? '' : 'display: none;'}">
        <label class="layui-form-label">透明度</label>
        <div class="layui-input-block">
          <input type="range" name="header_opacity_value" min="0" max="1" step="0.01" value="${Config.getConfig('header_opacity.value') ?? 0.92}" style="width: 200px;">
          <span class="layui-form-mid" id="header_opacity_value_display">${(Config.getConfig('header_opacity.value') ?? 0.92).toFixed(2)}</span>
        </div>
        <div class="layui-input-block" style="margin-top:10px;">
          <input type="checkbox" name="header_opacity_blur_toggle" lay-skin="primary" lay-filter="header_opacity_blur_toggle" title="开启模糊" ${(Config.getConfig('header_opacity.blur_enabled') ?? true) !== false ? 'checked' : ''}>
          <input type="number" name="header_opacity_blur" class="layui-input" style="width:100px;display:inline-block;margin-left:10px;" placeholder="blur(px)" value="${Config.getConfig('header_opacity.blur') ?? 16}">
        </div>
        <div class="layui-input-block" style="margin-top:10px;">
          <input type="checkbox" name="header_opacity_saturate_toggle" lay-skin="primary" lay-filter="header_opacity_saturate_toggle" title="开启饱和度" ${(Config.getConfig('header_opacity.saturate_enabled') ?? true) !== false ? 'checked' : ''}>
          <input type="number" name="header_opacity_saturate" class="layui-input" style="width:120px;display:inline-block;margin-left:10px;" placeholder="saturate(%)" value="${Config.getConfig('header_opacity.saturate') ?? 180}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">框体透明</label>
        <div class="layui-input-block">
          <input type="checkbox" name="frame_opacity" lay-skin="switch" lay-filter="frame_opacity" lay-text="开启|关闭" ${Config.getConfig('frame_opacity.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">调节 #nsk-frame 等主体容器透明度。</div>
        </div>
      </div>
      <div class="layui-form-item" id="frame_opacity_box" style="${Config.getConfig('frame_opacity.enabled') === true ? '' : 'display: none;'}">
        <label class="layui-form-label">透明度</label>
        <div class="layui-input-block">
          <input type="range" name="frame_opacity_value" min="0" max="1" step="0.01" value="${Config.getConfig('frame_opacity.value') ?? 0.95}" style="width: 200px;">
          <span class="layui-form-mid" id="frame_opacity_value_display">${(Config.getConfig('frame_opacity.value') ?? 0.95).toFixed(2)}</span>
        </div>
        <div class="layui-input-block" style="margin-top:10px;">
          <input type="checkbox" name="frame_opacity_blur_toggle" lay-skin="primary" lay-filter="frame_opacity_blur_toggle" title="开启模糊" ${(Config.getConfig('frame_opacity.blur_enabled') ?? true) !== false ? 'checked' : ''}>
          <input type="number" name="frame_opacity_blur" class="layui-input" style="width:100px;display:inline-block;margin-left:10px;" placeholder="blur(px)" value="${Config.getConfig('frame_opacity.blur') ?? 12}">
        </div>
        <div class="layui-input-block" style="margin-top:10px;">
          <input type="checkbox" name="frame_opacity_saturate_toggle" lay-skin="primary" lay-filter="frame_opacity_saturate_toggle" title="开启饱和度" ${(Config.getConfig('frame_opacity.saturate_enabled') ?? true) !== false ? 'checked' : ''}>
          <input type="number" name="frame_opacity_saturate" class="layui-input" style="width:120px;display:inline-block;margin-left:10px;" placeholder="saturate(%)" value="${Config.getConfig('frame_opacity.saturate') ?? 180}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">标题字体</label>
        <div class="layui-input-block">
          <input type="checkbox" name="typography_title" lay-skin="switch" lay-filter="typography_title" lay-text="开启|关闭" ${typographyTitle.enabled ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="typography_title_box">
        <label class="layui-form-label">设置</label>
        <div class="layui-input-block">
          <input type="text" name="typography_title_fontFamily" placeholder="font-family" value="${escape(typographyTitle.fontFamily)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_title_fontSize" placeholder="font-size (如 16px)" value="${escape(typographyTitle.fontSize)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_title_color" placeholder="color (如 #333)" value="${escape(typographyTitle.color)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_title_fontStyle" placeholder="font-style" value="${escape(typographyTitle.fontStyle)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_title_letterSpacing" placeholder="letter-spacing" value="${escape(typographyTitle.letterSpacing)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_title_ligatures" placeholder="font-variant-ligatures" value="${escape(typographyTitle.ligatures)}" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">Tag 字体</label>
        <div class="layui-input-block">
          <input type="checkbox" name="typography_tag" lay-skin="switch" lay-filter="typography_tag" lay-text="开启|关闭" ${typographyTag.enabled ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="typography_tag_box">
        <label class="layui-form-label">设置</label>
        <div class="layui-input-block">
          <input type="text" name="typography_tag_fontFamily" placeholder="font-family" value="${escape(typographyTag.fontFamily)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_tag_fontSize" placeholder="font-size" value="${escape(typographyTag.fontSize)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_tag_color" placeholder="color" value="${escape(typographyTag.color)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_tag_fontStyle" placeholder="font-style" value="${escape(typographyTag.fontStyle)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_tag_letterSpacing" placeholder="letter-spacing" value="${escape(typographyTag.letterSpacing)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_tag_ligatures" placeholder="font-variant-ligatures" value="${escape(typographyTag.ligatures)}" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">Meta 字体</label>
        <div class="layui-input-block">
          <input type="checkbox" name="typography_meta" lay-skin="switch" lay-filter="typography_meta" lay-text="开启|关闭" ${typographyMeta.enabled ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="typography_meta_box">
        <label class="layui-form-label">设置</label>
        <div class="layui-input-block">
          <input type="text" name="typography_meta_fontFamily" placeholder="font-family" value="${escape(typographyMeta.fontFamily)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_meta_fontSize" placeholder="font-size" value="${escape(typographyMeta.fontSize)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_meta_color" placeholder="color" value="${escape(typographyMeta.color)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_meta_fontStyle" placeholder="font-style" value="${escape(typographyMeta.fontStyle)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_meta_letterSpacing" placeholder="letter-spacing" value="${escape(typographyMeta.letterSpacing)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_meta_ligatures" placeholder="font-variant-ligatures" value="${escape(typographyMeta.ligatures)}" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">内容字体</label>
        <div class="layui-input-block">
          <input type="checkbox" name="typography_content" lay-skin="switch" lay-filter="typography_content" lay-text="开启|关闭" ${typographyContent.enabled ? 'checked' : ''}>
        </div>
      </div>
      <div class="layui-form-item" id="typography_content_box">
        <label class="layui-form-label">设置</label>
        <div class="layui-input-block">
          <input type="text" name="typography_content_fontFamily" placeholder="font-family" value="${escape(typographyContent.fontFamily)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_content_fontSize" placeholder="font-size" value="${escape(typographyContent.fontSize)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_content_color" placeholder="color" value="${escape(typographyContent.color)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_content_fontStyle" placeholder="font-style" value="${escape(typographyContent.fontStyle)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_content_letterSpacing" placeholder="letter-spacing" value="${escape(typographyContent.letterSpacing)}" class="layui-input" style="margin-bottom:6px;">
          <input type="text" name="typography_content_ligatures" placeholder="font-variant-ligatures" value="${escape(typographyContent.ligatures)}" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item" id="custom_background_options" style="${Config.getConfig('custom_background.enabled') === true ? '' : 'display: none;'}">
        <label class="layui-form-label">背景图设置</label>
        <div class="layui-input-block">
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">上传图片:</label>
            <input type="file" id="custom_bg_upload" accept="image/*" style="display: none;">
            <button type="button" id="custom_bg_upload_btn" class="layui-btn layui-btn-sm" style="margin-right: 10px;">选择图片</button>
            <button type="button" id="custom_bg_clear_btn" class="layui-btn layui-btn-sm layui-btn-danger" style="display: ${Config.getConfig('custom_background.url') ? 'inline-block' : 'none'};">清除图片</button>
            <div id="custom_bg_preview" style="margin-top: 10px; ${Config.getConfig('custom_background.url') && Config.getConfig('custom_background.url').startsWith('data:') ? '' : 'display: none;'}">
              <img id="custom_bg_preview_img" src="${Config.getConfig('custom_background.url') || ''}" style="max-width: 300px; max-height: 200px; border: 1px solid #ddd; border-radius: 4px; display: block;">
            </div>
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">或输入URL:</label>
            <input type="text" name="custom_bg_url" value="${Config.getConfig('custom_background.url') && !Config.getConfig('custom_background.url').startsWith('data:') ? Config.getConfig('custom_background.url') : ''}" placeholder="输入图片URL" style="width: 400px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">重复方式:</label>
            <select name="custom_bg_repeat" style="width: 150px; display: inline-block;">
              <option value="repeat" ${(Config.getConfig('custom_background.repeat') || 'repeat') === 'repeat' ? 'selected' : ''}>重复</option>
              <option value="no-repeat" ${Config.getConfig('custom_background.repeat') === 'no-repeat' ? 'selected' : ''}>不重复</option>
              <option value="repeat-x" ${Config.getConfig('custom_background.repeat') === 'repeat-x' ? 'selected' : ''}>横向重复</option>
              <option value="repeat-y" ${Config.getConfig('custom_background.repeat') === 'repeat-y' ? 'selected' : ''}>纵向重复</option>
            </select>
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">位置:</label>
            <input type="text" name="custom_bg_position" value="${Config.getConfig('custom_background.position') || 'center'}" placeholder="如: center, top left, 50% 50%" style="width: 200px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">大小:</label>
            <input type="text" name="custom_bg_size" value="${Config.getConfig('custom_background.size') || 'cover'}" placeholder="如: auto, cover, contain, 100% 100%" style="width: 200px; display: inline-block;">
          </div>
          <div style="margin-bottom: 10px;">
            <label style="display: inline-block; width: 120px;">滚动方式:</label>
            <select name="custom_bg_attachment" style="width: 150px; display: inline-block;">
              <option value="scroll" ${(Config.getConfig('custom_background.attachment') || 'scroll') === 'scroll' ? 'selected' : ''}>随页面滚动</option>
              <option value="fixed" ${Config.getConfig('custom_background.attachment') === 'fixed' ? 'selected' : ''}>固定背景</option>
            </select>
          </div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">合并分类到导航栏</label>
        <div class="layui-input-block">
          <input type="checkbox" name="merge_category_to_nav" lay-skin="switch" lay-filter="merge_category_to_nav" lay-text="开启|关闭" ${Config.getConfig('merge_category_to_nav.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">将分类面板合并到导航栏，节省空间。多列模式下自动启用</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">隐藏用户统计面板</label>
        <div class="layui-input-block">
          <input type="checkbox" name="hide_user_stats_panel" lay-skin="switch" lay-filter="hide_user_stats_panel" lay-text="开启|关闭" ${Config.getConfig('hide_user_stats_panel.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">隐藏右侧面板中的"用户数目"和"欢迎新用户"面板</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">隐藏页脚</label>
        <div class="layui-input-block">
          <input type="checkbox" name="hide_footer" lay-skin="switch" lay-filter="hide_footer" lay-text="开启|关闭" ${Config.getConfig('hide_footer.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">隐藏页面底部的 footer 区域</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">隐藏分类标签</label>
        <div class="layui-input-block">
          <input type="checkbox" name="hide_post_category" lay-skin="switch" lay-filter="hide_post_category" lay-text="开启|关闭" ${Config.getConfig('hide_post_category.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">隐藏帖子列表中的分类标签（如"日常"、"技术"等）</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">隐藏帖子信息</label>
        <div class="layui-input-block">
          <input type="checkbox" name="hide_post_info" lay-skin="switch" lay-filter="hide_post_info" lay-text="开启|关闭" ${Config.getConfig('hide_post_info.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">隐藏帖子列表中的作者、浏览量、评论数等信息</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">隐藏推荐轮播</label>
        <div class="layui-input-block">
          <input type="checkbox" name="hide_topic_carousel" lay-skin="switch" lay-filter="hide_topic_carousel" lay-text="开启|关闭" ${Config.getConfig('hide_topic_carousel.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">隐藏页面顶部的推荐帖子轮播图</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">右侧面板关键词高亮</label>
        <div class="layui-input-block">
          <input type="checkbox" name="right_panel_highlight" lay-skin="switch" lay-filter="right_panel_highlight" lay-text="开启|关闭" ${Config.getConfig('right_panel_highlight.enabled') === true ? 'checked' : ''}>
          <div class="layui-form-mid layui-word-aux">在右侧面板显示关键词输入框，可在帖子标题和右侧面板中高亮显示关键词</div>
        </div>
      </div>
    </div>

    <fieldset id="config" class="layui-elem-field layui-field-title">
      <legend>配置</legend>
    </fieldset>
    <div style="padding: 20px 0;">
      <div class="layui-form-item">
        <label class="layui-form-label">导出设置</label>
        <div class="layui-input-block">
          <button type="button" class="layui-btn layui-btn-sm" id="nsx-export-settings">导出到剪贴板</button>
          <div class="layui-form-mid layui-word-aux">复制当前全部设置，方便备份或同步。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">导入设置</label>
        <div class="layui-input-block">
          <textarea id="nsx-import-settings" class="layui-textarea" placeholder="粘贴之前导出的配置 JSON"></textarea>
          <div class="layui-form-mid layui-word-aux">导入前会自动校验格式，并覆盖现有设置。</div>
          <button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="nsx-import-apply" style="margin-top:10px;">导入并应用</button>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">默认样式</label>
        <div class="layui-input-block">
          <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="nsx-reset-to-default">一键设置默认样式</button>
          <div class="layui-form-mid layui-word-aux">将设置恢复为推荐的默认样式配置（不会覆盖version字段）。</div>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">键盘快捷键</label>
        <div class="layui-input-block">
          <div style="background-color: var(--bg-sub-color, #f5f5f5); border-radius: 4px; padding: 15px; margin-top: 10px;">
            <div style="font-weight: bold; margin-bottom: 12px; color: var(--text-color, #333);">当前可用的快捷键：</div>
            <table style="width: 100%; border-collapse: collapse;">
              <tbody>
                <tr style="border-bottom: 1px solid rgba(0,0,0,.1);">
                  <td style="padding: 8px 12px; font-weight: 500; color: var(--text-color, #333); width: 40%;">
                    <kbd style="background-color: var(--bg-main-color, #fff); border: 1px solid rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 3px 8px; font-family: monospace; font-size: 12px; color: var(--text-color, #333);">←</kbd>
                    <span style="margin-left: 5px;">或</span>
                    <kbd style="background-color: var(--bg-main-color, #fff); border: 1px solid rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 3px 8px; font-family: monospace; font-size: 12px; color: var(--text-color, #333);">ArrowLeft</kbd>
                  </td>
                  <td style="padding: 8px 12px; color: var(--text-color, #666);">跳转到上一页</td>
                </tr>
                <tr style="border-bottom: 1px solid rgba(0,0,0,.1);">
                  <td style="padding: 8px 12px; font-weight: 500; color: var(--text-color, #333);">
                    <kbd style="background-color: var(--bg-main-color, #fff); border: 1px solid rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 3px 8px; font-family: monospace; font-size: 12px; color: var(--text-color, #333);">→</kbd>
                    <span style="margin-left: 5px;">或</span>
                    <kbd style="background-color: var(--bg-main-color, #fff); border: 1px solid rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 3px 8px; font-family: monospace; font-size: 12px; color: var(--text-color, #333);">ArrowRight</kbd>
                  </td>
                  <td style="padding: 8px 12px; color: var(--text-color, #666);">跳转到下一页</td>
                </tr>
                <tr>
                  <td style="padding: 8px 12px; font-weight: 500; color: var(--text-color, #333);">
                    <kbd style="background-color: var(--bg-main-color, #fff); border: 1px solid rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 3px 8px; font-family: monospace; font-size: 12px; color: var(--text-color, #333);">Ctrl</kbd>
                    <span style="margin: 0 3px;">+</span>
                    <kbd style="background-color: var(--bg-main-color, #fff); border: 1px solid rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 3px 8px; font-family: monospace; font-size: 12px; color: var(--text-color, #333);">Enter</kbd>
                  </td>
                  <td style="padding: 8px 12px; color: var(--text-color, #666);">提交回复（在回复编辑器中）</td>
                </tr>
              </tbody>
            </table>
            <div style="margin-top: 12px; font-size: 12px; color: var(--text-color, #999); line-height: 1.6;">
              <div>💡 <strong>提示：</strong></div>
              <div style="margin-left: 20px; margin-top: 4px;">
                • 翻页快捷键仅在非输入框状态下生效<br>
                • 提交快捷键仅在回复编辑器中生效<br>
                • 快捷键不会与网站原有功能冲突
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>`;
                };

                layer.open({
                    type: 1,
                    offset: 'r',
                    anim: 'slideLeft',
                    area: [layerWidth, '100%'],
                    scrollbar: false,
                    shade: 0.1,
                    shadeClose: true,
                    btn: ["保存设置", "取消"],
                    btnAlign: 'r',
                    title: '<i class="layui-icon layui-icon-set"></i> NodeSeek X 设置',
                    id: 'nsx-settings-layer',
                    content: generateSettingsContent(),
                    success: function(layero, index) {
                        // 初始化表单
                        layui.form.render();

                        // 菜单导航事件处理
                        const menuLinks = layero[0].querySelectorAll('#nsx-settings-menu a');
                        menuLinks.forEach(function(link) {
                            link.addEventListener('click', function(e) {
                                e.preventDefault();
                                e.stopPropagation();
                                e.stopImmediatePropagation();
                                const targetId = this.getAttribute('data-target');
                                const target = layero[0].querySelector('#' + targetId);
                                if (target) {
                                    layero[0].querySelectorAll('#nsx-settings-menu li').forEach(li => li.classList.remove('layui-menu-item-checked'));
                                    this.closest('li').classList.add('layui-menu-item-checked');
                                    const contentArea = layero[0].querySelector('#nsx-settings-content');
                                    if (contentArea) {
                                        contentArea.scrollTo({
                                            top: target.offsetTop - 20,
                                            behavior: 'smooth'
                                        });
                                    }
                                }
                                return false;
                            });
                        });

                        // 滚动时高亮菜单
                        const docContent = layero[0].querySelector('#nsx-settings-content');
                        if (docContent) {
                            docContent.addEventListener('scroll', function() {
                                const scrollPos = docContent.scrollTop;
                                layero[0].querySelectorAll('#nsx-settings-content fieldset').forEach(function(el) {
                                    const topPos = el.offsetTop - 30;
      if (scrollPos >= topPos) {
                                        const id = el.getAttribute('id');
                                        layero[0].querySelectorAll('#nsx-settings-menu li').forEach(li => li.classList.remove('layui-menu-item-checked'));
                                        const navItem = layero[0].querySelector('#nsx-settings-menu a[data-target="' + id + '"]');
                                        if (navItem) {
                                            navItem.closest('li').classList.add('layui-menu-item-checked');
                                        }
                                    }
                                });
                            });
                        }

                        // 处理签到方式切换
                        layui.form.on('radio(sign_in_method)', function(data) {
                            const value = parseInt(data.value, 10);
                            if (value === 0) {
                                Config.updateConfig(`sign_in.${siteCode}.enabled`, false);
                                return;
                            }
                            Config.updateConfig(`sign_in.${siteCode}.enabled`, true);
                            if (value === 1) {
                                // 随机抽鸡腿
                                Config.updateConfig(`sign_in.${siteCode}.method`, 1);
                            } else if (value === 2) {
                                // 固定 5 个鸡腿
                                Config.updateConfig(`sign_in.${siteCode}.method`, 0);
                            }
                        });

                        // 处理所有开关
                        const switchNames = [
                            'signin_tips', 'auto_jump_external_links', 'loading_post',
                            'open_post_in_new_tab', 'quick_comment', 'block_members',
                            'block_posts', 'block_categories', 'remove_promotions', 'default_avatar', 'user_card_ext', 'level_tag', 'code_highlight',
                            'image_slide', 'visited_links', 'compact_mode', 'custom_background', 'header_opacity', 'frame_opacity',
                            'typography_title', 'typography_tag', 'typography_meta', 'typography_content',
                            'loading_overlay',
                            'merge_category_to_nav', 'hide_user_stats_panel', 'hide_footer',
                            'hide_post_category', 'hide_post_info', 'hide_topic_carousel', 'right_panel_highlight', 'show_all_users_stats'
                        ];

                        switchNames.forEach(name => {
                            layui.form.on('switch(' + name + ')', function(data) {
                                Config.updateConfig(`${name}.enabled`, data.elem.checked);
                                // 紧凑模式实时切换，无需刷新
                                if (name === 'compact_mode') {
                                    const optionsDiv = layero[0].querySelector('#compact_mode_options');
                                    const customDiv = layero[0].querySelector('#compact_mode_custom_options');
                                    if (optionsDiv) optionsDiv.style.display = data.elem.checked ? '' : 'none';
                                    if (customDiv) customDiv.style.display = data.elem.checked ? '' : 'none';
                                    _this.updateCompactModeStyle();
                                }
                                if (name === 'block_posts') {
                                    const keywordsBox = layero[0].querySelector('#block_post_keywords_box');
                                    if (keywordsBox) keywordsBox.style.display = data.elem.checked ? '' : 'none';
                                    if (data.elem.checked) {
                                        _this.refreshBlockKeywordRules();
                                        _this.blockPost();
                                    }
                                }
                                if (name === 'block_categories') {
                                    const categoriesBox = layero[0].querySelector('#block_categories_box');
                                    if (categoriesBox) categoriesBox.style.display = data.elem.checked ? '' : 'none';
                                    if (data.elem.checked) {
                                        _this.refreshBlockedCategories();
                                        _this.blockPostsByCategory();
                                    }
                                }
                                if (name === 'remove_promotions') {
                                    _this.togglePromotions();
                                }
                                if (name === 'default_avatar') {
                                    const box = layero[0].querySelector('#default_avatar_box');
                                    if (box) box.style.display = data.elem.checked ? '' : 'none';
                                    _this.replaceDefaultAvatars();
                                }
                                if (name === 'loading_overlay') {
                                    const box = layero[0].querySelector('#loading_overlay_box');
                                    if (box) box.style.display = data.elem.checked ? '' : 'none';
                                    if (!data.elem.checked) {
                                        removeInitialOverlay();
                                    }
                                }
                                if (name === 'header_opacity') {
                                    const box = layero[0].querySelector('#header_opacity_box');
                                    if (box) box.style.display = data.elem.checked ? '' : 'none';
                                    _this.updateHeaderOpacityStyle();
                                }
                                if (name === 'frame_opacity') {
                                    const box = layero[0].querySelector('#frame_opacity_box');
                                    if (box) box.style.display = data.elem.checked ? '' : 'none';
                                    _this.updateFrameOpacityStyle();
                                }
                                if (name === 'typography_title' || name === 'typography_tag' || name === 'typography_meta' || name === 'typography_content') {
                                    const type = name.split('_')[1];
                                    Config.updateConfig(`typography.${type}.enabled`, data.elem.checked);
                                    _this.updateTypography(type);
                                }
                                // 自定义背景图实时切换
                                if (name === 'custom_background') {
                                    const optionsDiv = layero[0].querySelector('#custom_background_options');
                                    if (data.elem.checked) {
                                        if (optionsDiv) optionsDiv.style.display = '';
                                        _this.updateCustomBackground();
                                    } else {
                                        if (optionsDiv) optionsDiv.style.display = 'none';
                                        _this.updateCustomBackground();
                                    }
                                }
                                if (name === 'visited_links') {
                                    _this.updateVisitedLinkStyle();
                                }
                                if (name === 'show_all_users_stats') {
                                    const positionBox = document.getElementById('show_all_users_stats_position_box');
                                    if (positionBox) {
                                        positionBox.style.display = data.elem.checked ? '' : 'none';
                                    }
                                    if (data.elem.checked) {
                                        _this.showAllUsersStats();
                                    } else {
                                        _this.hideAllUsersStats();
                                    }
                                }
                                // 合并分类到导航栏实时切换
                                if (name === 'merge_category_to_nav') {
                                    _this.mergeCategoryToNav();
                                }
                                // 隐藏用户统计面板实时切换
                                if (name === 'hide_user_stats_panel') {
                                    _this.toggleUserStatsPanel();
                                }
                                // 隐藏页脚实时切换
                                if (name === 'hide_footer') {
                                    _this.toggleFooter();
                                }
                                // 隐藏分类标签实时切换
                                if (name === 'hide_post_category') {
                                    _this.togglePostCategory();
                                }
                                // 隐藏帖子信息实时切换
                                if (name === 'hide_post_info') {
                                    _this.togglePostInfo();
                                }
                                // 隐藏推荐轮播实时切换
                                if (name === 'hide_topic_carousel') {
                                    _this.toggleTopicCarousel();
                                }
                                // 右侧面板关键词高亮实时切换
                                if (name === 'right_panel_highlight') {
                                    if (data.elem.checked) {
                                        // 显示右侧面板输入框
                                        _this.addRightPanelHighlightInput();
                                        _this.applyRightPanelHighlight();
                                        _this.startRightPanelHighlightObserver();
                                    } else {
                                        // 隐藏右侧面板输入框并移除高亮
                                        const inputPanel = document.querySelector('.nsx-highlight-input-panel');
                                        if (inputPanel) {
                                            inputPanel.remove();
                                        }
                                        _this.applyRightPanelHighlight(); // 移除高亮
                                        if (_this.rightPanelHighlightObserver) {
                                            _this.rightPanelHighlightObserver.disconnect();
                                            _this.rightPanelHighlightObserver = null;
                                        }
                                    }
                                }
                            });
                        });

                        const blockKeywordTextarea = layero[0].querySelector('textarea[name="block_post_keywords"]');
                        if (blockKeywordTextarea) {
                            let keywordTimer = null;
                            const persistKeywords = () => {
                                const parsed = _this.parseBlockKeywordInput(blockKeywordTextarea.value);
                                Config.updateConfig('block_posts.keywords', parsed);
                                _this.refreshBlockKeywordRules();
                                _this.blockPost();
                            };
                            const schedulePersist = () => {
                                clearTimeout(keywordTimer);
                                keywordTimer = setTimeout(persistKeywords, 400);
                            };
                            blockKeywordTextarea.addEventListener('input', schedulePersist);
                            blockKeywordTextarea.addEventListener('blur', schedulePersist);
                        }

                        const blockCategoriesTextarea = layero[0].querySelector('textarea[name="block_categories_list"]');
                        if (blockCategoriesTextarea) {
                            let categoryTimer = null;
                            const persistCategories = () => {
                                const parsed = _this.parseBlockedCategoryInput(blockCategoriesTextarea.value);
                                Config.updateConfig('block_categories.categories', parsed);
                                _this.refreshBlockedCategories();
                                _this.blockPostsByCategory();
                            };
                            const scheduleCategoriesPersist = () => {
                                clearTimeout(categoryTimer);
                                categoryTimer = setTimeout(persistCategories, 400);
                            };
                            blockCategoriesTextarea.addEventListener('input', scheduleCategoriesPersist);
                            blockCategoriesTextarea.addEventListener('blur', scheduleCategoriesPersist);
                        }

                        const headerOpacityRange = layero[0].querySelector('input[name="header_opacity_value"]');
                        if (headerOpacityRange) {
                            headerOpacityRange.addEventListener('input', function() {
                                const parsed = parseFloat(this.value);
                                const value = Number.isNaN(parsed) ? 0.92 : parsed;
                                const display = layero[0].querySelector('#header_opacity_value_display');
                                if (display) display.textContent = value.toFixed(2);
                                Config.updateConfig('header_opacity.value', value);
                                _this.updateHeaderOpacityStyle();
                            });
                        }

                        layui.form.on('checkbox(header_opacity_blur_toggle)', function(data) {
                            Config.updateConfig('header_opacity.blur_enabled', data.elem.checked);
                            _this.updateHeaderOpacityStyle();
                        });

                        const headerBlurInput = layero[0].querySelector('input[name="header_opacity_blur"]');
                        if (headerBlurInput) {
                            const handler = () => {
                                Config.updateConfig('header_opacity.blur', headerBlurInput.value);
                                _this.updateHeaderOpacityStyle();
                            };
                            headerBlurInput.addEventListener('input', handler);
                            headerBlurInput.addEventListener('blur', handler);
                        }

                        const headerSaturateInput = layero[0].querySelector('input[name="header_opacity_saturate"]');
                        if (headerSaturateInput) {
                            const handler = () => {
                                Config.updateConfig('header_opacity.saturate', headerSaturateInput.value);
                                _this.updateHeaderOpacityStyle();
                            };
                            headerSaturateInput.addEventListener('input', handler);
                            headerSaturateInput.addEventListener('blur', handler);
                        }

                        const frameOpacityRange = layero[0].querySelector('input[name="frame_opacity_value"]');
                        if (frameOpacityRange) {
                            frameOpacityRange.addEventListener('input', function() {
                                const parsed = parseFloat(this.value);
                                const value = Number.isNaN(parsed) ? 0.95 : parsed;
                                const display = layero[0].querySelector('#frame_opacity_value_display');
                                if (display) display.textContent = value.toFixed(2);
                                Config.updateConfig('frame_opacity.value', value);
                                _this.updateFrameOpacityStyle();
                            });
                        }

                        layui.form.on('checkbox(frame_opacity_blur_toggle)', function(data) {
                            Config.updateConfig('frame_opacity.blur_enabled', data.elem.checked);
                            _this.updateFrameOpacityStyle();
                        });

                        layui.form.on('checkbox(header_opacity_saturate_toggle)', function(data) {
                            Config.updateConfig('header_opacity.saturate_enabled', data.elem.checked);
                            _this.updateHeaderOpacityStyle();
                        });

                        layui.form.on('checkbox(frame_opacity_saturate_toggle)', function(data) {
                            Config.updateConfig('frame_opacity.saturate_enabled', data.elem.checked);
                            _this.updateFrameOpacityStyle();
                        });

                        const frameBlurInput = layero[0].querySelector('input[name="frame_opacity_blur"]');
                        if (frameBlurInput) {
                            const handler = () => {
                                Config.updateConfig('frame_opacity.blur', frameBlurInput.value);
                                _this.updateFrameOpacityStyle();
                            };
                            frameBlurInput.addEventListener('input', handler);
                            frameBlurInput.addEventListener('blur', handler);
                        }

                        const frameSaturateInput = layero[0].querySelector('input[name="frame_opacity_saturate"]');
                        if (frameSaturateInput) {
                            const handler = () => {
                                Config.updateConfig('frame_opacity.saturate', frameSaturateInput.value);
                                _this.updateFrameOpacityStyle();
                            };
                            frameSaturateInput.addEventListener('input', handler);
                            frameSaturateInput.addEventListener('blur', handler);
                        }

                        const loadingOverlayRange = layero[0].querySelector('input[name="loading_overlay_duration"]');
                        if (loadingOverlayRange) {
                            const handler = () => {
                                const value = parseInt(loadingOverlayRange.value, 10) || INITIAL_OVERLAY_DURATION_DEFAULT;
                                const display = layero[0].querySelector('#loading_overlay_duration_display');
                                if (display) display.textContent = `${value}ms`;
                                Config.updateConfig('loading_overlay.duration', value);
                            };
                            loadingOverlayRange.addEventListener('input', handler);
                            loadingOverlayRange.addEventListener('blur', handler);
                        }

                        const defaultAvatarUrlInput = layero[0].querySelector('input[name="default_avatar_url"]');
                        if (defaultAvatarUrlInput) {
                            const handler = () => {
                                Config.updateConfig('default_avatar.url', defaultAvatarUrlInput.value.trim());
                                _this.replaceDefaultAvatars();
                            };
                            defaultAvatarUrlInput.addEventListener('input', handler);
                            defaultAvatarUrlInput.addEventListener('blur', handler);
                        }
                        layui.form.on('checkbox(default_avatar_auto)', function(data) {
                            Config.updateConfig('default_avatar.auto_detect', data.elem.checked);
                            _this.replaceDefaultAvatars();
                        });

                        const exportBtn = layero[0].querySelector('#nsx-export-settings');
                        if (exportBtn) {
                            exportBtn.addEventListener('click', () => {
                                const settings = util.getValue('settings') || {};
                                const json = JSON.stringify(settings, null, 2);
                                navigator.clipboard.writeText(json).then(() => {
                                    message.success('设置已复制到剪贴板');
                                }).catch(err => {
                                    // console.error(err);
                                    message.error('复制失败，请手动复制文本域内容');
                                });
                            });
                        }

                        const importBtn = layero[0].querySelector('#nsx-import-apply');
                        const importTextarea = layero[0].querySelector('#nsx-import-settings');
                        if (importBtn && importTextarea) {
                            importBtn.addEventListener('click', () => {
                                const text = importTextarea.value.trim();
                                if (!text) {
                                    message.warning('请先粘贴配置 JSON');
                                    return;
                                }
                                try {
                                    const parsed = JSON.parse(text);
                                    // 合并默认配置，确保所有配置项都存在
                                    const defaultConfig = opts.settings;
                                    const mergeDefaults = (stored, defaults) => {
                                        Object.keys(defaults).forEach(key => {
                                            if (typeof defaults[key] === 'object' && defaults[key] !== null && !(defaults[key] instanceof Array)) {
                                                if (!stored[key]) stored[key] = {};
                                                mergeDefaults(stored[key], defaults[key]);
                                            } else {
                                                if (stored[key] === undefined) {
                                                    stored[key] = defaults[key];
                                                }
                                            }
                                        });
                                    };
                                    mergeDefaults(parsed, defaultConfig);
                                    // 保留version字段
                                    const currentSettings = util.getValue('settings') || {};
                                    parsed.version = currentSettings.version || version;
                                    util.setValue('settings', parsed);
                                    message.success('配置导入成功，正在刷新...');
                                    setTimeout(() => location.reload(), 800);
                                } catch (err) {
                                    // console.error(err);
                                    message.error('导入失败：JSON 格式不正确');
                                }
                            });
                        }

                        // 一键设置默认样式
                        const resetToDefaultBtn = layero[0].querySelector('#nsx-reset-to-default');
                        if (resetToDefaultBtn) {
                            resetToDefaultBtn.addEventListener('click', () => {
                                const defaultConfig = {
                                    "sign_in": {
                                        "ns": {
                                            "enabled": true,
                                            "method": 0,
                                            "last_date": "",
                                            "ignore_date": ""
                                        },
                                        "df": {
                                            "enabled": true,
                                            "method": 0,
                                            "last_date": "",
                                            "ignore_date": ""
                                        }
                                    },
                                    "signin_tips": {
                                        "enabled": true
                                    },
                                    "re_signin": {
                                        "enabled": true
                                    },
                                    "auto_jump_external_links": {
                                        "enabled": true
                                    },
                                    "loading_post": {
                                        "enabled": false
                                    },
                                    "loading_comment": {
                                        "enabled": false
                                    },
                                    "quick_comment": {
                                        "enabled": true
                                    },
                                    "open_post_in_new_tab": {
                                        "enabled": false
                                    },
                                    "block_members": {
                                        "enabled": true
                                    },
                                    "block_posts": {
                                        "enabled": true,
                                        "keywords": []
                                    },
                                    "block_categories": {
                                        "enabled": false,
                                        "categories": []
                                    },
                                    "level_tag": {
                                        "enabled": true,
                                        "low_lv_alarm": false,
                                        "low_lv_max_days": 30
                                    },
                                    "code_highlight": {
                                        "enabled": true
                                    },
                                    "image_slide": {
                                        "enabled": true
                                    },
                                    "visited_links": {
                                        "enabled": true,
                                        "link_color": "",
                                        "visited_color": "",
                                        "dark_link_color": "",
                                        "dark_visited_color": "",
                                        "hide_visited": false
                                    },
                                    "user_card_ext": {
                                        "enabled": true
                                    },
                                    "compact_mode": {
                                        "enabled": true,
                                        "columns": 4,
                                        "padding": "6px 10px",
                                        "avatarSize": 26,
                                        "titleFontSize": 13,
                                        "infoFontSize": 10,
                                        "marginBottom": 2
                                    },
                                    "custom_background": {
                                        "enabled": false,
                                        "url": "",
                                        "repeat": "repeat",
                                        "position": "center",
                                        "size": "cover",
                                        "attachment": "scroll"
                                    },
                                    "merge_category_to_nav": {
                                        "enabled": true
                                    },
                                    "remove_promotions": {
                                        "enabled": true
                                    },
                                    "header_opacity": {
                                        "enabled": true,
                                        "value": 0.18,
                                        "effect": true,
                                        "blur": 16,
                                        "saturate": 180,
                                        "blur_enabled": false,
                                        "saturate_enabled": false
                                    },
                                    "frame_opacity": {
                                        "enabled": false,
                                        "value": 1,
                                        "blur_enabled": false,
                                        "saturate_enabled": false,
                                        "blur": 12,
                                        "saturate": 180
                                    },
                                    "default_avatar": {
                                        "enabled": true,
                                        "url": "/avatar/14049.png",
                                        "auto_detect": true
                                    },
                                    "loading_overlay": {
                                        "enabled": false,
                                        "duration": 300
                                    },
                                    "typography": {
                                        "title": {
                                            "enabled": false,
                                            "fontFamily": "",
                                            "fontSize": "",
                                            "color": "",
                                            "fontStyle": "",
                                            "letterSpacing": "",
                                            "ligatures": ""
                                        },
                                        "tag": {
                                            "enabled": false,
                                            "fontFamily": "",
                                            "fontSize": "",
                                            "color": "",
                                            "fontStyle": "",
                                            "letterSpacing": "",
                                            "ligatures": ""
                                        },
                                        "meta": {
                                            "enabled": false,
                                            "fontFamily": "",
                                            "fontSize": "",
                                            "color": "",
                                            "fontStyle": "",
                                            "letterSpacing": "",
                                            "ligatures": ""
                                        },
                                        "content": {
                                            "enabled": false,
                                            "fontFamily": "",
                                            "fontSize": "",
                                            "color": "",
                                            "fontStyle": "",
                                            "letterSpacing": "",
                                            "ligatures": ""
                                        }
                                    },
                                    "hide_user_stats_panel": {
                                        "enabled": true
                                    },
                                    "hide_footer": {
                                        "enabled": true
                                    },
                                    "hide_post_category": {
                                        "enabled": true
                                    },
                                    "hide_post_info": {
                                        "enabled": false
                                    },
                                    "hide_topic_carousel": {
                                        "enabled": true
                                    },
                                    "post_sort": {
                                        "enabled": false,
                                        "mode": "none",
                                        "visited_to_bottom": true
                                    },
                                    "show_all_users_stats": {
                                        "enabled": false,
                                        "position": "below"
                                    },
                                    "right_panel_highlight": {
                                        "enabled": false,
                                        "keywords": []
                                    }
                                };

                                // 保留当前的version
                                const currentSettings = util.getValue('settings') || {};
                                defaultConfig.version = currentSettings.version || version;

                                // 确认对话框
                                unsafeWindow.mscConfirm('确定要恢复默认样式吗？', '这将覆盖您当前的所有设置（除了版本号），是否继续？', function() {
                                    util.setValue('settings', defaultConfig);
                                    message.success('默认样式已应用，正在刷新页面...');
                                    setTimeout(() => location.reload(), 800);
                                });
                            });
                        }

                        const typographyFields = ['fontFamily','fontSize','color','fontStyle','letterSpacing','ligatures'];
                        const typographyTypes = ['title','tag','meta','content'];
                        typographyTypes.forEach(type => {
                            typographyFields.forEach(field => {
                                const input = layero[0].querySelector(`input[name="typography_${type}_${field}"]`);
                                if (input) {
                                    const handler = () => {
                                        Config.updateConfig(`typography.${type}.${field}`, input.value);
                                        _this.updateTypography(type);
                                    };
                                    input.addEventListener('input', handler);
                                    input.addEventListener('blur', handler);
                                }
                            });
                        });

                        // 紧凑模式列数切换
                        layui.form.on('radio(compact_columns)', function(data) {
                            const columns = parseInt(data.value);
                            Config.updateConfig('compact_mode.columns', columns);
                            _this.updateCompactModeStyle();
                            // 如果列数 >= 2，自动启用合并分类到导航栏
                            if (columns >= 2) {
                                Config.updateConfig('merge_category_to_nav.enabled', true);
                                // 更新开关状态
                                const switchElem = layero[0].querySelector('input[name="merge_category_to_nav"]');
                                if (switchElem && !switchElem.checked) {
                                    switchElem.checked = true;
                                    layui.form.render('checkbox');
                                }
                                _this.mergeCategoryToNav();
                            }
                        });

                        // 帖子排序模式切换
                        layui.form.on('radio(post_sort_mode)', function(data) {
                            const mode = data.value;
                            Config.updateConfig('post_sort.mode', mode);
                            Config.updateConfig('post_sort.enabled', mode !== 'none');
                            _this.sortPostList();
                        });

                        // 用户统计信息位置切换
                        layui.form.on('radio(show_all_users_stats_position)', function(data) {
                            const position = data.value;
                            Config.updateConfig('show_all_users_stats.position', position);
                            // 如果功能已启用，重新渲染所有统计信息
                            if (Config.getConfig('show_all_users_stats.enabled') === true) {
                                _this.hideAllUsersStats();
                                setTimeout(() => {
                                    _this.showAllUsersStats();
                                }, 100);
                            }
                        });

                        // 已访问帖子置底切换
                        layui.form.on('checkbox(visited_to_bottom)', function(data) {
                            Config.updateConfig('post_sort.visited_to_bottom', data.elem.checked);
                            _this.sortPostList();
                        });

                        // 紧凑模式自定义数值变化
                        const compactInputs = ['compact_padding', 'compact_avatarSize', 'compact_titleFontSize', 'compact_infoFontSize', 'compact_marginBottom'];
                        compactInputs.forEach(inputName => {
                            const input = layero[0].querySelector(`input[name="${inputName}"]`);
                            if (input) {
                                input.addEventListener('input', function() {
                                    let value = this.value;
                                    if (inputName === 'compact_padding') {
                                        Config.updateConfig('compact_mode.padding', value);
                                    } else if (inputName === 'compact_avatarSize') {
                                        Config.updateConfig('compact_mode.avatarSize', parseInt(value));
                                    } else if (inputName === 'compact_titleFontSize') {
                                        Config.updateConfig('compact_mode.titleFontSize', parseInt(value));
                                    } else if (inputName === 'compact_infoFontSize') {
                                        Config.updateConfig('compact_mode.infoFontSize', parseInt(value));
                                    } else if (inputName === 'compact_marginBottom') {
                                        Config.updateConfig('compact_mode.marginBottom', parseInt(value));
                                    }
                                    _this.updateCompactModeStyle();
                                });
                            }
                        });

                        // 自定义背景图文件上传
                        const uploadBtn = layero[0].querySelector('#custom_bg_upload_btn');
                        const fileInput = layero[0].querySelector('#custom_bg_upload');
                        const clearBtn = layero[0].querySelector('#custom_bg_clear_btn');
                        const previewDiv = layero[0].querySelector('#custom_bg_preview');
                        const previewImg = layero[0].querySelector('#custom_bg_preview_img');
                        const urlInput = layero[0].querySelector('input[name="custom_bg_url"]');

                        if (uploadBtn && fileInput) {
                            uploadBtn.addEventListener('click', () => {
                                fileInput.click();
                            });

                            fileInput.addEventListener('change', function(e) {
                                const file = e.target.files[0];
                                if (!file) return;

                                // 检查文件类型
                                if (!file.type.startsWith('image/')) {
                                    message.warning('请选择图片文件');
                                    return;
                                }

                                // 提示：大图片可能会因为GM存储限制而保存失败
                                if (file.size > 5 * 1024 * 1024) {
                                    const proceed = confirm(`图片较大（${(file.size / 1024 / 1024).toFixed(2)}MB），转换为base64后可能超过GM存储限制（通常5-10MB），是否继续？\n\n建议：使用小于3MB的图片以获得最佳体验。`);
                                    if (!proceed) {
                                        fileInput.value = '';
                                        return;
                                    }
                                }

                                const reader = new FileReader();
                                reader.onload = function(e) {
                                    const base64 = e.target.result;

                                    // 尝试保存，如果失败会抛出错误
                                    try {
                                        Config.updateConfig('custom_background.url', base64);
                                    } catch (err) {
                                        message.error('图片数据过大，无法保存。请使用较小的图片（建议小于3MB）。');
                                        fileInput.value = '';
                                        return;
                                    }

                                    // 更新预览
                                    if (previewImg) {
                                        previewImg.src = base64;
                                    }
                                    if (previewDiv) {
                                        previewDiv.style.display = 'block';
                                    }
                                    if (clearBtn) {
                                        clearBtn.style.display = 'inline-block';
                                    }
                                    if (urlInput) {
                                        urlInput.value = '';
                                    }

                                    // 立即应用
                                    if (Config.getConfig('custom_background.enabled')) {
                                        _this.updateCustomBackground();
                                    }

                                    message.success('图片上传成功');
                                };
                                reader.onerror = function() {
                                    message.error('图片读取失败');
                                };
                                reader.readAsDataURL(file);
                            });
                        }

                        // 清除图片
                        if (clearBtn) {
                            clearBtn.addEventListener('click', function() {
                                Config.updateConfig('custom_background.url', '');
                                if (previewDiv) {
                                    previewDiv.style.display = 'none';
                                }
                                if (previewImg) {
                                    previewImg.src = '';
                                }
                                if (fileInput) {
                                    fileInput.value = '';
                                }
                                if (urlInput) {
                                    urlInput.value = '';
                                }
                                this.style.display = 'none';

                                if (Config.getConfig('custom_background.enabled')) {
                                    _this.updateCustomBackground();
                                }

                                message.success('图片已清除');
                            });
                        }

                        // 自定义背景图设置变化
                        const bgInputs = ['custom_bg_url', 'custom_bg_position', 'custom_bg_size'];
                        bgInputs.forEach(inputName => {
                            const input = layero[0].querySelector(`input[name="${inputName}"]`);
                            if (input) {
                                input.addEventListener('input', function() {
                                    let value = this.value;
                                    if (inputName === 'custom_bg_url') {
                                        // 如果输入了URL，清除base64预览
                                        if (value && !value.startsWith('data:')) {
                                            Config.updateConfig('custom_background.url', value);
                                            if (previewDiv) {
                                                previewDiv.style.display = 'none';
                                            }
                                            if (clearBtn) {
                                                clearBtn.style.display = 'inline-block';
                                            }
                                        }
                                    } else if (inputName === 'custom_bg_position') {
                                        Config.updateConfig('custom_background.position', value);
                                    } else if (inputName === 'custom_bg_size') {
                                        Config.updateConfig('custom_background.size', value);
                                    }
                                    if (Config.getConfig('custom_background.enabled')) {
                                        _this.updateCustomBackground();
                                    }
                                });
                            }
                        });

                        // 自定义背景图下拉框变化
                        const bgSelects = ['custom_bg_repeat', 'custom_bg_attachment'];
                        bgSelects.forEach(selectName => {
                            const select = layero[0].querySelector(`select[name="${selectName}"]`);
                            if (select) {
                                select.addEventListener('change', function() {
                                    let value = this.value;
                                    if (selectName === 'custom_bg_repeat') {
                                        Config.updateConfig('custom_background.repeat', value);
                                    } else if (selectName === 'custom_bg_attachment') {
                                        Config.updateConfig('custom_background.attachment', value);
                                    }
                                    if (Config.getConfig('custom_background.enabled')) {
                                        _this.updateCustomBackground();
                                    }
                                });
                            }
                        });
                    },
                    yes: function(index, layero) {
                        // 同步下拉加载设置
                        const loadingPost = layero.find('input[name="loading_post"]').prop('checked');
                        Config.updateConfig('loading_post.enabled', loadingPost);
                        Config.updateConfig('loading_comment.enabled', loadingPost);

                        // 保存紧凑模式设置
                        const compactColumns = layero.find('input[name="compact_columns"]:checked').val();
                        if (compactColumns) {
                            Config.updateConfig('compact_mode.columns', parseInt(compactColumns));
                        }
                        const compactPadding = layero.find('input[name="compact_padding"]').val();
                        if (compactPadding) {
                            Config.updateConfig('compact_mode.padding', compactPadding);
                        }
                        const compactAvatarSize = layero.find('input[name="compact_avatarSize"]').val();
                        if (compactAvatarSize) {
                            Config.updateConfig('compact_mode.avatarSize', parseInt(compactAvatarSize));
                        }
                        const compactTitleFontSize = layero.find('input[name="compact_titleFontSize"]').val();
                        if (compactTitleFontSize) {
                            Config.updateConfig('compact_mode.titleFontSize', parseInt(compactTitleFontSize));
                        }
                        const compactInfoFontSize = layero.find('input[name="compact_infoFontSize"]').val();
                        if (compactInfoFontSize) {
                            Config.updateConfig('compact_mode.infoFontSize', parseInt(compactInfoFontSize));
                        }
                        const compactMarginBottom = layero.find('input[name="compact_marginBottom"]').val();
                        if (compactMarginBottom) {
                            Config.updateConfig('compact_mode.marginBottom', parseInt(compactMarginBottom));
                        }

                        // 保存自定义背景图设置
                        const customBgUrl = layero.find('input[name="custom_bg_url"]').val();
                        // 如果URL输入框有值，使用输入框的值；否则保留已保存的base64数据
                        if (customBgUrl && customBgUrl.trim() !== '') {
                            Config.updateConfig('custom_background.url', customBgUrl.trim());
                        } else {
                            // 如果URL输入框为空，检查是否已有base64数据，如果有则保留
                            const currentUrl = Config.getConfig('custom_background.url');
                            if (currentUrl && currentUrl.startsWith('data:')) {
                                // 保留已上传的base64数据，不做任何操作
                            } else if (customBgUrl === '') {
                                // 如果用户清空了URL输入框，且没有base64数据，则清空配置
                                Config.updateConfig('custom_background.url', '');
                            }
                        }
                        const customBgRepeat = layero.find('select[name="custom_bg_repeat"]').val();
                        if (customBgRepeat) {
                            Config.updateConfig('custom_background.repeat', customBgRepeat);
                        }
                        const customBgPosition = layero.find('input[name="custom_bg_position"]').val();
                        if (customBgPosition !== undefined) {
                            Config.updateConfig('custom_background.position', customBgPosition);
                        }
                        const customBgSize = layero.find('input[name="custom_bg_size"]').val();
                        if (customBgSize !== undefined) {
                            Config.updateConfig('custom_background.size', customBgSize);
                        }
                        const customBgAttachment = layero.find('select[name="custom_bg_attachment"]').val();
                        if (customBgAttachment) {
                            Config.updateConfig('custom_background.attachment', customBgAttachment);
                        }

                        // 更新紧凑模式样式
                        main.updateCompactModeStyle();

                        // 更新自定义背景图
                        main.updateCustomBackground();

                        // 同步新标签页设置到 IndexedDB
                        const openInNewTab = layero.find('input[name="open_post_in_new_tab"]').prop('checked');
                        if (openInNewTab !== Config.getConfig('open_post_in_new_tab.enabled')) {
                            _this.switchOpenPostInNewTab('open_post_in_new_tab', []);
                        }

                        // 保存用户统计信息位置设置
                        const statsPosition = layero.find('input[name="show_all_users_stats_position"]:checked').val();
                        if (statsPosition) {
                            Config.updateConfig('show_all_users_stats.position', statsPosition);
                        }

                        message.success('设置已保存');
                        layer.close(index);
                    }
                });
            },
            addCodeHighlight() {
                const codes = document.querySelectorAll(".post-content pre code");
                if (codes) {
                    codes.forEach(function (code) {
                        const copyBtn = util.createElement("span", { staticClass: "copy-code", attrs: { title: "复制代码" }, on: { click: copyCode } }, [util.createElement("svg", { staticClass: 'iconpark-icon' }, [util.createElement("use", { attrs: { href: "#copy" } }, [], document, "http://www.w3.org/2000/svg")], document, "http://www.w3.org/2000/svg")]);
                        code.after(copyBtn);
                    });
                }
                function copyCode(e) {
                    const pre = this.closest('pre');
                    const selection = window.getSelection();
                    const range = document.createRange();
                    range.selectNodeContents(pre.querySelector("code"));
                    selection.removeAllRanges();
                    selection.addRange(range);
                    document.execCommand('copy');
                    selection.removeAllRanges();
                    updateCopyButton(this);
                    layer.tips(`复制成功`, this, { tips: 4, time: 1000 })
                }
                function updateCopyButton(ele) {
                    ele.querySelector("use").setAttribute("href", "#check");
                    util.sleep(1000).then(() => ele.querySelector("use").setAttribute("href", "#copy"));
                }
            },

            updateCompactModeStyle() {
                const enabled = Config.getConfig('compact_mode.enabled');
                if (enabled === false) {
                toggleRootClass('nsx-compact-mode', false);
                applyCompactModeStyleFromConfig(null);
                removeCompactPendingClass();
                removeInitialOverlay();
                // 禁用紧凑模式时，也需要更新分类合并
                this.mergeCategoryToNav();
                return;
            }
            const config = normalizeCompactConfig({
                columns: Config.getConfig('compact_mode.columns'),
                padding: Config.getConfig('compact_mode.padding'),
                avatarSize: Config.getConfig('compact_mode.avatarSize'),
                titleFontSize: Config.getConfig('compact_mode.titleFontSize'),
                infoFontSize: Config.getConfig('compact_mode.infoFontSize'),
                marginBottom: Config.getConfig('compact_mode.marginBottom')
            });
            // 先添加类名，再调用 mergeCategoryToNav，确保能正确判断状态
            toggleRootClass('nsx-compact-mode', true);
            if (config.columns >= 2 && !Config.getConfig('merge_category_to_nav.enabled')) {
                Config.updateConfig('merge_category_to_nav.enabled', true);
            }
            // 更新分类合并（需要知道当前的紧凑模式状态）
            this.mergeCategoryToNav();
            applyCompactModeStyleFromConfig(config);
            const overlaySettings = getRuntimeOverlaySettings();
            scheduleRemoveInitialOverlay(overlaySettings.duration, overlaySettings.enabled);
            },

            updateCustomBackground() {
                const config = Config.getConfig('custom_background');
                if (!config || config.enabled === false || !config.url) {
                    applyCustomBackgroundStyle(null);
                    return;
                }
                applyCustomBackgroundStyle({
                    url: config.url,
                    repeat: config.repeat || 'repeat',
                    position: config.position || 'center',
                    size: config.size || 'cover',
                    attachment: config.attachment || 'scroll'
                });
            },
            updateVisitedLinkStyle() {
                const cfg = Config.getConfig('visited_links');
                if (!cfg || cfg.enabled === false) {
                    applyVisitedLinkStyle(null);
                    toggleRootClass('nsx-hide-visited', false);
                    return;
                }
                const normalized = {
                    lightLink: (cfg.link_color || '').trim(),
                    lightVisited: (cfg.visited_color || '').trim() || '#afb9c1',
                    darkLink: (cfg.dark_link_color || '').trim(),
                    darkVisited: (cfg.dark_visited_color || '').trim() || cfg.visited_color || '#393f4e'
                };
                applyVisitedLinkStyle(normalized);
                toggleRootClass('nsx-hide-visited', cfg.hide_visited === true);
            },
            updateTypography(type) {
                const cfg = Config.getConfig(`typography.${type}`);
                applyTypographyStyle(type, cfg);
            },
            updateAllTypography() {
                ['title', 'tag', 'meta', 'content'].forEach(type => this.updateTypography(type));
            },
            toggleUserStatsPanel() {
                const enabled = Config.getConfig('hide_user_stats_panel.enabled');
                const rightPanel = document.querySelector('#nsk-right-panel-container');

                if (!rightPanel) return;

                // 查找包含"用户数目"或"欢迎新用户"的面板
                const panels = rightPanel.querySelectorAll('.nsk-panel');
                panels.forEach(panel => {
                    const h4 = panel.querySelector('h4');
                    if (h4) {
                        const text = h4.textContent || '';
                        // 检查是否包含"用户数目"或"欢迎新用户"
                        if (text.includes('用户数目') || text.includes('欢迎新用户') || text.includes('📈') || text.includes('🎉')) {
                            panel.style.display = enabled ? 'none' : '';
                        }
                    }
                });
            },
            // 在右侧面板添加关键词高亮输入框
            addRightPanelHighlightInput() {
                const enabled = Config.getConfig('right_panel_highlight.enabled');
                if (enabled !== true) {
                    // 如果开关关闭，移除输入框
                    const existingPanel = document.querySelector('.nsx-highlight-input-panel');
                    if (existingPanel) {
                        existingPanel.remove();
                    }
                    return;
                }

                const rightPanel = document.querySelector('#nsk-right-panel-container');
                if (!rightPanel) return;

                // 检查是否已存在
                if (rightPanel.querySelector('.nsx-highlight-input-panel')) return;

                // 创建面板
                const panel = document.createElement('div');
                panel.className = 'nsk-panel nsx-highlight-input-panel';
                panel.innerHTML = `
                    <h4 aria-level="2">
                        <span style="font-weight: bold;">🔍 关键词高亮</span>
                    </h4>
                    <div style="margin-top: 8px;">
                        <textarea 
                            id="nsx-right-panel-keywords-input" 
                            class="layui-textarea" 
                            style="min-height: 60px; font-size: 12px; resize: vertical;"
                            placeholder="一行一个关键词，支持正则表达式（使用 /正则/flags 格式）&#10;例如：VPS、服务器、/\\d+GB/i"
                        ></textarea>
                        <div id="nsx-highlight-help-text" style="margin-top: 5px; font-size: 11px; color: #888; display: block;">
                            <div style="margin-bottom: 4px;"><strong>使用说明：</strong></div>
                            <div style="margin-left: 8px; line-height: 1.6;">
                                • 每行输入一个关键词，使用<strong>换行符</strong>分隔<br>
                                • 支持普通文本匹配（不区分大小写）<br>
                                • 支持正则表达式：使用 <code>/正则/flags</code> 格式<br>
                                • 示例：<code>VPS</code>、<code>服务器</code>、<code>/\\d+GB/i</code>
                            </div>
                        </div>
                        <div id="nsx-highlight-status-text" style="margin-top: 5px; font-size: 11px; color: #888; display: none;">
                            输入关键词后会自动保存并高亮显示（需在设置中启用）
                        </div>
                    </div>
                `;

                // 插入到右侧面板顶部
                const firstPanel = rightPanel.querySelector('.nsk-panel');
                if (firstPanel) {
                    rightPanel.insertBefore(panel, firstPanel);
                } else {
                    rightPanel.appendChild(panel);
                }

                // 获取元素
                const textarea = panel.querySelector('#nsx-right-panel-keywords-input');
                const helpText = panel.querySelector('#nsx-highlight-help-text');
                const statusText = panel.querySelector('#nsx-highlight-status-text');

                // 加载当前配置
                const currentKeywords = this.getRightPanelHighlightKeywords();
                if (textarea) textarea.value = currentKeywords;
                
                // 根据输入框内容显示/隐藏帮助文本
                const updateHelpVisibility = () => {
                    if (!textarea || !helpText || !statusText) return;
                    const hasContent = textarea.value.trim().length > 0;
                    helpText.style.display = hasContent ? 'none' : 'block';
                    statusText.style.display = hasContent ? 'block' : 'none';
                };
                
                // 初始状态
                updateHelpVisibility();

                // 输入框事件处理
                if (textarea) {
                    let timer = null;
                    const saveKeywords = () => {
                        const value = textarea.value.trim();
                        updateHelpVisibility(); // 更新帮助文本显示状态
                        const parsed = this.parseRightPanelHighlightKeywords(value);
                        // console.log('[NodeSeek X] 解析的关键词：', parsed);
                        Config.updateConfig('right_panel_highlight.keywords', parsed);
                        this.refreshRightPanelHighlightRules();
                        // console.log('[NodeSeek X] 刷新后的规则：', this.rightPanelHighlightRules);
                        // 如果功能已启用，立即应用高亮
                        if (Config.getConfig('right_panel_highlight.enabled') === true) {
                            // console.log('[NodeSeek X] 关键词已保存，规则数量：', this.rightPanelHighlightRules.length);
                            this.applyRightPanelHighlight();
                        }
                    };
                    textarea.addEventListener('input', () => {
                        updateHelpVisibility(); // 实时更新帮助文本显示状态
                        clearTimeout(timer);
                        timer = setTimeout(saveKeywords, 500);
                    });
                    textarea.addEventListener('blur', saveKeywords);
                }
            },
            toggleFooter() {
                const enabled = Config.getConfig('hide_footer.enabled');
                toggleRootClass('nsx-hide-footer', enabled === true);
            },
            togglePostCategory() {
                const enabled = Config.getConfig('hide_post_category.enabled');
                toggleRootClass('nsx-hide-post-category', enabled === true);
            },
            togglePostInfo() {
                const enabled = Config.getConfig('hide_post_info.enabled');
                toggleRootClass('nsx-hide-post-info', enabled === true);
            },
            toggleTopicCarousel() {
                const enabled = Config.getConfig('hide_topic_carousel.enabled');
                toggleRootClass('nsx-hide-topic-carousel', enabled === true);
            },
            // 获取右侧面板高亮关键词输入值
            getRightPanelHighlightKeywords() {
                const stored = Config.getConfig('right_panel_highlight.keywords');
                if (!Array.isArray(stored) || stored.length === 0) return '';
                return stored.map(rule => {
                    if (!rule) return '';
                    if (typeof rule === 'string') return rule;
                    if (rule.type === 'regex') {
                        const flags = rule.flags || '';
                        return `/${rule.value || ''}/${flags}`;
                    }
                    return rule.value || '';
                }).filter(Boolean).join('\n');
            },
            // 解析右侧面板高亮关键词输入
            parseRightPanelHighlightKeywords(inputValue) {
                if (!inputValue) return [];
                return inputValue.split(/\r?\n/).map(line => line.trim()).filter(Boolean).map(line => {
                    if (line.startsWith('/') && line.lastIndexOf('/') > 0) {
                        const lastSlash = line.lastIndexOf('/');
                        const pattern = line.slice(1, lastSlash);
                        const flags = line.slice(lastSlash + 1);
                        try {
                            new RegExp(pattern, flags || 'i');
                            return { type: 'regex', value: pattern, flags };
                        } catch (err) {
                            // console.warn('[NodeSeek X] 忽略无效正则：', line, err);
                            return null;
                        }
                    }
                    return { type: 'text', value: line };
                }).filter(Boolean);
            },
            // 刷新右侧面板高亮关键词规则
            refreshRightPanelHighlightRules() {
                const stored = Config.getConfig('right_panel_highlight.keywords');
                const list = Array.isArray(stored) ? stored : [];
                this.rightPanelHighlightRules = list.map(rule => {
                    if (!rule) return null;
                    if (typeof rule === 'string') {
                        const value = rule.trim();
                        if (!value) return null;
                        return { type: 'text', value, lower: value.toLowerCase() };
                    }
                    const type = rule.type || 'text';
                    if (type === 'regex') {
                        const pattern = rule.value || rule.pattern || '';
                        if (!pattern) return null;
                        const flags = rule.flags || '';
                        try {
                            const regex = new RegExp(pattern, flags || 'i');
                            return { type: 'regex', regex, value: pattern, flags };
                        } catch (err) {
                            // console.warn('[NodeSeek X] 无效的正则规则：', pattern, err);
                            return null;
                        }
                    }
                    const value = (rule.value || '').trim();
                    if (!value) return null;
                    return { type: 'text', value, lower: value.toLowerCase() };
                }).filter(Boolean);
            },
            // 高亮文本节点中的关键词
            highlightTextNode(textNode, rules) {
                if (!rules || rules.length === 0) return;
                if (!textNode || textNode.nodeType !== Node.TEXT_NODE) return;
                
                const text = textNode.textContent;
                if (!text || text.trim().length === 0) return;
                
                // 检查是否已经高亮过（避免重复处理）
                // 如果父元素已经包含高亮标记，说明已经处理过
                if (textNode.parentElement && textNode.parentElement.querySelector('.nsx-right-panel-highlight')) {
                    return;
                }
                
                const fragments = [];
                let lastIndex = 0;
                
                // 收集所有匹配位置
                const matches = [];
                rules.forEach(rule => {
                    if (rule.type === 'regex') {
                        try {
                            const regex = new RegExp(rule.regex.source, rule.regex.flags + 'g');
                            let match;
                            while ((match = regex.exec(text)) !== null) {
                                matches.push({
                                    start: match.index,
                                    end: match.index + match[0].length,
                                    text: match[0]
                                });
                            }
                        } catch (err) {
                            // console.warn('[NodeSeek X] 正则匹配失败：', rule, err);
                        }
                    } else {
                        // 普通文本匹配（不区分大小写）
                        const lowerText = text.toLowerCase();
                        const lowerKeyword = rule.lower;
                        if (!lowerKeyword) return;
                        
                        let index = 0;
                        while ((index = lowerText.indexOf(lowerKeyword, index)) !== -1) {
                            matches.push({
                                start: index,
                                end: index + rule.value.length,
                                text: text.substring(index, index + rule.value.length)
                            });
                            index += rule.value.length;
                        }
                    }
                });
                
                // 按位置排序并合并重叠
                matches.sort((a, b) => a.start - b.start);
                const mergedMatches = [];
                matches.forEach(match => {
                    if (mergedMatches.length === 0) {
                        mergedMatches.push(match);
                    } else {
                        const last = mergedMatches[mergedMatches.length - 1];
                        if (match.start <= last.end) {
                            // 重叠，合并
                            last.end = Math.max(last.end, match.end);
                            last.text = text.substring(last.start, last.end);
                        } else {
                            mergedMatches.push(match);
                        }
                    }
                });
                
                if (mergedMatches.length === 0) return;
                
                // 创建高亮片段
                mergedMatches.forEach(match => {
                    // 添加匹配前的文本
                    if (match.start > lastIndex) {
                        fragments.push(document.createTextNode(text.substring(lastIndex, match.start)));
                    }
                    // 添加高亮的文本
                    const mark = document.createElement('mark');
                    mark.className = 'nsx-right-panel-highlight';
                    mark.textContent = match.text;
                    fragments.push(mark);
                    lastIndex = match.end;
                });
                
                // 添加剩余的文本
                if (lastIndex < text.length) {
                    fragments.push(document.createTextNode(text.substring(lastIndex)));
                }
                
                if (fragments.length > 1) {
                    // 替换文本节点
                    const parent = textNode.parentNode;
                    const markCount = fragments.filter(f => f.tagName === 'MARK').length;
                    fragments.forEach(fragment => {
                        parent.insertBefore(fragment, textNode);
                    });
                    parent.removeChild(textNode);
                    if (markCount > 0) {
                        // console.log('[NodeSeek X] 已高亮文本节点，创建了', markCount, '个高亮标记，文本：', text.substring(0, 50), '匹配的关键词：', mergedMatches.map(m => m.text).join(', '));
                    }
                }
            },
            // 应用右侧面板关键词高亮
            applyRightPanelHighlight() {
                const enabled = Config.getConfig('right_panel_highlight.enabled');
                if (enabled !== true) {
                    // 移除所有高亮
                    this.removeAllHighlights();
                    return;
                }
                
                this.refreshRightPanelHighlightRules();
                // console.log('[NodeSeek X] 应用高亮，规则数量：', this.rightPanelHighlightRules ? this.rightPanelHighlightRules.length : 0);
                
                if (!this.rightPanelHighlightRules || this.rightPanelHighlightRules.length === 0) {
                    this.removeAllHighlights();
                    return;
                }
                
                // 先移除已存在的高亮标记（避免重复）
                this.removeAllHighlights();
                
                // 处理右侧面板
                const rightPanel = document.querySelector('#nsk-right-panel-container');
                if (rightPanel) {
                    // console.log('[NodeSeek X] 处理右侧面板');
                    this.highlightInContainer(rightPanel);
                }
                
                // 处理帖子列表 - 使用配置的选择器
                let postList = document.querySelector(opts.post.postListSelector);
                if (!postList) {
                    // 备用选择器
                    postList = document.querySelector('#nsk-body-left .post-list');
                }
                if (!postList) {
                    postList = document.querySelector('.post-list:not(.topic-carousel-panel)');
                }
                if (!postList) {
                    postList = document.querySelector('#nsk-body-left');
                }
                if (postList) {
                    // console.log('[NodeSeek X] 处理帖子列表，容器：', postList.className || postList.id || postList.tagName, '选择器：', opts.post.postListSelector);
                    this.highlightInContainer(postList);
                } else {
                    // console.warn('[NodeSeek X] 未找到帖子列表容器，尝试的选择器：', opts.post.postListSelector, '#nsk-body-left .post-list', '.post-list:not(.topic-carousel-panel)');
                }
            },
            // 移除所有高亮标记
            removeAllHighlights() {
                const containers = [
                    document.querySelector('#nsk-right-panel-container'),
                    document.querySelector(opts.post.postListSelector),
                    document.querySelector('#nsk-body-left .post-list'),
                    document.querySelector('.post-list:not(.topic-carousel-panel)')
                ].filter(Boolean);
                
                containers.forEach(container => {
                    if (!container) return;
                    container.querySelectorAll('.nsx-right-panel-highlight').forEach(mark => {
                        const parent = mark.parentNode;
                        parent.replaceChild(document.createTextNode(mark.textContent), mark);
                        parent.normalize();
                    });
                    container.querySelectorAll('.nsx-highlight-processed').forEach(el => {
                        el.classList.remove('nsx-highlight-processed');
                    });
                });
            },
            // 在指定容器中应用高亮
            highlightInContainer(container) {
                if (!container) {
                    // console.warn('[NodeSeek X] highlightInContainer: 容器为空');
                    return;
                }
                
                // console.log('[NodeSeek X] highlightInContainer: 开始处理容器', container.tagName, container.className || container.id);
                
                // 遍历所有文本节点
                const walker = document.createTreeWalker(
                    container,
                    NodeFilter.SHOW_TEXT,
                    {
                        acceptNode: (node) => {
                            // 排除已处理的节点和某些特殊元素
                            if (node.parentElement && (
                                node.parentElement.tagName === 'SCRIPT' ||
                                node.parentElement.tagName === 'STYLE' ||
                                node.parentElement.classList.contains('nsx-highlight-input-panel')
                            )) {
                                return NodeFilter.FILTER_REJECT;
                            }
                            // 如果父元素已经包含高亮标记，跳过（避免重复处理）
                            // 注意：这里检查的是父元素是否包含高亮标记，而不是当前节点
                            const parent = node.parentElement;
                            if (parent && parent.querySelector && parent.querySelector('.nsx-right-panel-highlight')) {
                                // 如果父元素已经包含高亮标记，说明已经处理过，跳过
                                return NodeFilter.FILTER_REJECT;
                            }
                            // 特别处理帖子标题：确保处理 .post-title 内的文本节点
                            const isInPostTitle = parent && (
                                parent.classList.contains('post-title') ||
                                parent.closest('.post-title')
                            );
                            if (isInPostTitle && node.textContent.trim()) {
                                // console.log('[NodeSeek X] 找到帖子标题文本节点：', node.textContent.substring(0, 50), '父元素：', parent.tagName, parent.className);
                            }
                            return NodeFilter.FILTER_ACCEPT;
                        }
                    }
                );
                
                const textNodes = [];
                let node;
                while (node = walker.nextNode()) {
                    textNodes.push(node);
                }
                
                // console.log('[NodeSeek X] 找到文本节点数量：', textNodes.length, '规则数量：', this.rightPanelHighlightRules.length);
                
                if (textNodes.length === 0) {
                    // console.warn('[NodeSeek X] highlightInContainer: 未找到任何文本节点');
                    return;
                }
                
                // 处理文本节点（从后往前，避免位置偏移）
                let processedCount = 0;
                for (let i = textNodes.length - 1; i >= 0; i--) {
                    const beforeLength = textNodes[i].textContent.length;
                    this.highlightTextNode(textNodes[i], this.rightPanelHighlightRules);
                    // 检查是否被处理了（如果被处理，文本节点会被替换）
                    if (textNodes[i].parentNode && textNodes[i].parentNode.querySelector('.nsx-right-panel-highlight')) {
                        processedCount++;
                    }
                }
                // console.log('[NodeSeek X] 处理完成，处理了', processedCount, '个文本节点');
            },
            // 启动右侧面板高亮观察器
            startRightPanelHighlightObserver() {
                const enabled = Config.getConfig('right_panel_highlight.enabled');
                if (enabled !== true) {
                    if (this.rightPanelHighlightObserver) {
                        this.rightPanelHighlightObserver.disconnect();
                        this.rightPanelHighlightObserver = null;
                    }
                    return;
                }
                
                if (this.rightPanelHighlightObserver) {
                    this.rightPanelHighlightObserver.disconnect();
                }
                
                const _this = this;
                const containers = [
                    document.querySelector('#nsk-right-panel-container'),
                    document.querySelector('#nsk-body-left .post-list')
                ].filter(Boolean);
                
                if (containers.length === 0) return;
                
                this.rightPanelHighlightObserver = new MutationObserver(() => {
                    // 延迟应用高亮，避免频繁触发
                    setTimeout(() => {
                        _this.applyRightPanelHighlight();
                    }, 100);
                });
                
                // 观察所有容器
                containers.forEach(container => {
                    this.rightPanelHighlightObserver.observe(container, {
                        childList: true,
                        subtree: true,
                        characterData: true
                    });
                });
            },
            mergeCategoryToNav() {
                const enabled = Config.getConfig('merge_category_to_nav.enabled');
                const navMenu = document.querySelector('#nsk-head .nav-menu');
                const categoryPanel = document.querySelector('#nsk-right-panel-container .category-list');
                const leftCategoryPanel = document.querySelector('#nsk-left-panel-container .category-list');

                if (!navMenu) return;

                // 移除旧的合并样式
                const oldStyle = document.getElementById('nsx-merge-category-style');
                if (oldStyle) oldStyle.remove();

                // 移除已存在的合并分类列表（可能在 nav-menu 中，也可能在 header 中）
                const existingMerged = document.querySelector('#nsk-head .nsx-merged-categories, header ~ .nsx-merged-categories-wrapper');
                if (existingMerged) {
                    existingMerged.remove();
                }

                if (!enabled) {
                    // 恢复右侧面板显示
                    if (categoryPanel) {
                        categoryPanel.style.display = '';
                    }
                    if (leftCategoryPanel) {
                        leftCategoryPanel.style.display = '';
                    }
                    return;
                }

                // 隐藏右侧和左侧的分类面板
                if (categoryPanel) {
                    categoryPanel.style.display = 'none';
                }
                if (leftCategoryPanel) {
                    leftCategoryPanel.style.display = 'none';
                }

                // 获取分类列表（优先使用右侧面板）
                const categoryList = categoryPanel || leftCategoryPanel;
                if (!categoryList) return;

                const categoryItems = categoryList.querySelectorAll('ul li');
                if (categoryItems.length === 0) return;

                // 获取导航栏中已有的链接URL集合（用于去重）
                const existingNavLinks = new Set();
                navMenu.querySelectorAll('li a').forEach(link => {
                    const href = link.getAttribute('href');
                    if (href) {
                        // 标准化URL，移除查询参数和锚点
                        const normalizedHref = href.split('?')[0].split('#')[0];
                        existingNavLinks.add(normalizedHref);
                    }
                });
                // 也检查已存在的合并分类链接
                const header = document.querySelector('#nsk-head');
                if (header) {
                    const existingMerged = header.querySelector('.nsx-merged-categories');
                    if (existingMerged) {
                        existingMerged.querySelectorAll('a').forEach(link => {
                            const href = link.getAttribute('href');
                            if (href) {
                                const normalizedHref = href.split('?')[0].split('#')[0];
                                existingNavLinks.add(normalizedHref);
                            }
                        });
                    }
                }

                // 创建合并后的分类菜单
                const mergedCategories = document.createElement('div');
                mergedCategories.className = 'nsx-merged-categories';
                // 检查是否是紧凑模式，如果不是，设置 flex-wrap: nowrap 防止换行
                const isCompactMode = document.documentElement.classList.contains('nsx-compact-mode');
                const compactColumns = Config.getConfig('compact_mode.columns') || 1;
                // 只有在紧凑模式且列数>=2时才允许换行，否则单行显示
                if (isCompactMode && compactColumns >= 2) {
                    // 紧凑模式多列：允许换行
                    mergedCategories.style.cssText = 'display: flex; align-items: center; margin-left: 10px; gap: 5px; flex-wrap: wrap;';
                } else {
                    // 单列模式或紧凑模式单列：不换行，隐藏超出部分
                    mergedCategories.style.cssText = 'display: flex; align-items: center; margin-left: 10px; gap: 5px; flex-wrap: nowrap; overflow: hidden;';
                }

                categoryItems.forEach((item) => {
                    const link = item.querySelector('a');
                    if (!link) return;

                    // 检查是否已存在于导航栏中
                    const href = link.getAttribute('href');
                    if (href) {
                        const normalizedHref = href.split('?')[0].split('#')[0];
                        if (existingNavLinks.has(normalizedHref)) {
                            // 如果导航栏中已有此链接，跳过（保留导航栏中的带图标版本）
                            return;
                        }
                    }

                    const clonedLink = link.cloneNode(true);
                    clonedLink.style.cssText = 'display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; transition: background-color 0.2s, color 0.2s; white-space: nowrap;';

                    // 保持当前分类的样式
                    if (item.classList.contains('current-category')) {
                        clonedLink.style.backgroundColor = '#f1f3f5';
                        clonedLink.style.color = '#0dbc79';
                    }

                    // 添加悬停效果
                    clonedLink.addEventListener('mouseenter', function() {
                        if (!item.classList.contains('current-category')) {
                            this.style.backgroundColor = '#f1f3f5';
                            this.style.color = '#0dbc79';
                        }
                    });
                    clonedLink.addEventListener('mouseleave', function() {
                        if (!item.classList.contains('current-category')) {
                            this.style.backgroundColor = '';
                            this.style.color = '';
                        }
                    });

                    mergedCategories.appendChild(clonedLink);
                });

                // 只有当有新的分类链接时才添加到导航栏
                if (mergedCategories.children.length > 0) {
                    // 将合并的分类链接添加到 header 中，搜索框之后
                    const header = document.querySelector('#nsk-head');
                    const searchBox = header ? header.querySelector('.search-box') : null;
                    if (searchBox && searchBox.nextSibling) {
                        header.insertBefore(mergedCategories, searchBox.nextSibling);
                    } else if (searchBox) {
                        searchBox.insertAdjacentElement('afterend', mergedCategories);
                    } else {
                        // 如果没有搜索框，添加到 nav-menu 后面
                        navMenu.insertAdjacentElement('afterend', mergedCategories);
                    }
                }

                // 添加样式
                const style = document.createElement('style');
                style.id = 'nsx-merge-category-style';
                style.textContent = `
                    /* 增加导航栏宽度，确保能容纳所有内容 */
                    #nsk-head {
                        max-width: 100% !important;
                        width: 100% !important;
                        overflow: visible !important;
                    }
                    /* 导航栏内的分类链接 */
                    #nsk-head .nsx-merged-categories {
                        display: flex;
                        align-items: center;
                        flex-wrap: nowrap;
                        gap: 5px;
                        margin-left: 10px;
                        flex-shrink: 0;
                        overflow: hidden;
                    }
                    /* 单列模式下，分类链接从搜索框右边开始，限制最大宽度避免覆盖设置按钮 */
                    html:not(.nsx-compact-mode) #nsk-head .nsx-merged-categories {
                        position: absolute;
                        left: calc(50% + 180px);
                        right: 120px;
                        top: 50%;
                        transform: translateY(-50%);
                        max-width: calc(50% - 300px);
                        z-index: 0;
                    }
                    /* 紧凑模式多列：分类链接在搜索框右侧 */
                    html.nsx-compact-mode #nsk-head .nsx-merged-categories {
                        position: absolute;
                        left: calc(50% + 150px);
                        top: 50%;
                        transform: translateY(-50%);
                        max-width: calc(50% - 150px);
                        z-index: 0;
                    }
                    @media screen and (max-width: 1200px) {
                        html:not(.nsx-compact-mode) #nsk-head .nsx-merged-categories {
                            left: calc(50% + 150px) !important;
                            right: 120px !important;
                            max-width: calc(50% - 270px) !important;
                        }
                        html.nsx-compact-mode #nsk-head .nsx-merged-categories {
                            left: calc(50% + 150px) !important;
                            right: 120px !important;
                            max-width: calc(50% - 270px) !important;
                        }
                    }
                    @media screen and (max-width: 800px) {
                        #nsk-head .nsx-merged-categories {
                            position: static !important;
                            transform: none !important;
                            left: auto !important;
                            right: auto !important;
                            max-width: 100% !important;
                            margin-left: 0 !important;
                            margin-top: 5px !important;
                        }
                    }
                    .nsx-merged-categories a {
                        font-size: 13px;
                        text-decoration: none;
                        color: var(--link-color);
                        display: flex;
                        align-items: center;
                        padding: 4px 8px;
                        border-radius: 4px;
                        transition: background-color 0.2s, color 0.2s;
                        white-space: nowrap;
                        flex-shrink: 0;
                    }
                    .nsx-merged-categories a:hover {
                        color: var(--link-hover-color);
                    }
                    .nsx-merged-categories .iconpark-icon {
                        width: 14px;
                        height: 14px;
                        margin-right: 4px;
                    }
                `;
                document.head.appendChild(style);
            },
            addPluginStyle() {
                let style = `
            .nsplus-tip { background-color: rgba(255, 217, 0, 0.8); border: 0px solid black;  padding: 3px; text-align: center;animation: blink 5s cubic-bezier(.68,.05,.46,.96) infinite;}
            /* @keyframes blink{ 0%{background-color: red;} 25%{background-color: yellow;} 50%{background-color: blue;} 75%{background-color: green;} 100%{background-color: red;} } */
            .nsplus-tip p,.nsplus-tip p a { color: #f00 }
            .nsplus-tip p a:hover {color: #0ff}
            #back-to-comment{display:flex;}
            #fast-nav-button-group .nav-item-btn:nth-last-child(4){bottom:120px;}

            header div.history-dropdown-on { color: var(--link-hover-color); cursor: pointer; padding: 0 5px; position: absolute; right: 50px}
            header div.nsx-settings-btn { 
                color: var(--link-hover-color); 
                cursor: pointer; 
                padding: 0 5px; 
                position: absolute; 
                right: 70px; 
                transition: color 0.3s;
                z-index: 10 !important;
                pointer-events: auto !important;
            }
            header div.nsx-settings-btn:hover { color: var(--link-color);}

            /* 导航栏链接美化 - 添加悬浮效果 */
            #nsk-head .nav-menu a {
                padding: 4px 8px;
                border-radius: 4px;
                transition: background-color 0.2s, color 0.2s;
                text-decoration: none;
            }
            #nsk-head .nav-menu a:hover {
                color: var(--link-hover-color);
                background-color: rgba(0, 0, 0, 0.05);
            }
            body.dark-layout #nsk-head .nav-menu a:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            .user-card .close,
            .hover-user-card .close,
            .closeBtn,
            .closeBtn * {
                cursor: pointer !important;
            }
            /* 单列模式下，确保用户卡片不会超出页面底部 */
            html:not(.nsx-compact-mode) .hover-user-card,
            html.nsx-compact-mode[data-compact-columns="1"] .hover-user-card {
                max-height: calc(100vh - 100px) !important;
                overflow-y: auto !important;
                max-width: calc(100vw - 40px) !important;
            }
            /* 如果用户卡片底部超出视口，调整位置 */
            html:not(.nsx-compact-mode) .hover-user-card[style*="top"] {
                max-height: calc(100vh - 100px) !important;
            }
            html.nsx-compact-mode[data-compact-columns="1"] .hover-user-card[style*="top"] {
                max-height: calc(100vh - 100px) !important;
            }

            .blocked-post { display: none !important; }
            html.nsx-remove-promotions .promotation-item {
                display: none !important;
            }

            /* 紧凑模式样式由 updateCompactModeStyle() 动态生成 */

            /* 设置面板快捷键列表样式 */
            #nsx-settings-layer .layui-form-item table kbd {
                background-color: var(--bg-main-color, #fff) !important;
                border: 1px solid rgba(0,0,0,.2) !important;
                border-radius: 3px !important;
                box-shadow: 0 1px 0 rgba(0,0,0,.2) !important;
                padding: 3px 8px !important;
                font-family: monospace !important;
                font-size: 12px !important;
                color: var(--text-color, #333) !important;
                display: inline-block !important;
                margin: 0 2px !important;
            }
            body.dark-layout #nsx-settings-layer .layui-form-item table kbd {
                background-color: var(--bg-sub-color, #3b3b3b) !important;
                border-color: rgba(255,255,255,.2) !important;
                color: var(--text-color, #aaa) !important;
            }
            #nsx-settings-layer .layui-form-item table td {
                color: var(--text-color, #333) !important;
            }
            body.dark-layout #nsx-settings-layer .layui-form-item table td {
                color: var(--text-color, #aaa) !important;
            }
            #nsx-settings-layer .layui-form-item table {
                background-color: transparent !important;
            }

            /* 用户统计信息颜色样式 - 鲜艳配色 */
            .nsx-user-stats span {
                font-weight: 500;
            }
            .nsx-user-stats span[title="注册天数"] {
                color: #2ea44f !important;
            }
            .nsx-user-stats span[title="鸡腿数量"] {
                color: #ff9800 !important;
            }
            .nsx-user-stats span[title="帖子数"] {
                color: #2196f3 !important;
            }
            .nsx-user-stats span[title="评论数"] {
                color: #9c27b0 !important;
            }
            /* 深色模式下的鲜艳配色 */
            body.dark-layout .nsx-user-stats span[title="注册天数"] {
                color: #45ca6b !important;
            }
            body.dark-layout .nsx-user-stats span[title="鸡腿数量"] {
                color: #ffb74d !important;
            }
            body.dark-layout .nsx-user-stats span[title="帖子数"] {
                color: #64b5f6 !important;
            }
            body.dark-layout .nsx-user-stats span[title="评论数"] {
                color: #ba68c8 !important;
            }

            /* Lv0 - Lv2: 灰到橙 */
            .role-tag.user-level.user-lv0 {background-color: #c7c2c2; border: 1px solid #c7c2c2; color: #fafafa;}
            .role-tag.user-level.user-lv1 {background-color: #ffb74d; border: 1px solid #ffb74d; color: #fafafa;}
            .role-tag.user-level.user-lv2 {background-color: #ff9400; border: 1px solid #ff9400; color: #fafafa;}
            /* Lv3 - Lv4: 红到深红 */
            .role-tag.user-level.user-lv3 {background-color: #ff5252; border: 1px solid #ff5252; color: #fafafa;}
            .role-tag.user-level.user-lv4 {background-color: #e53935; border: 1px solid #e53935; color: #fafafa;}
            /* Lv5 - Lv6: 紫到深紫 */
            .role-tag.user-level.user-lv5 {background-color: #ab47bc; border: 1px solid #ab47bc; color: #fafafa;}
            .role-tag.user-level.user-lv6 {background-color: #8e24aa; border: 1px solid #8e24aa; color: #fafafa;}
            /* Lv7 - Lv8: 蓝到深蓝 */
            .role-tag.user-level.user-lv7 {background-color: #42a5f5; border: 1px solid #42a5f5; color: #fafafa;}
            .role-tag.user-level.user-lv8 {background-color: #1e88e5; border: 1px solid #1e88e5; color: #fafafa;}
            /* Lv9 - Lv10: 绿到深绿 */
            .role-tag.user-level.user-lv9 {background-color: #66bb6a; border: 1px solid #66bb6a; color: #fafafa;}
            .role-tag.user-level.user-lv10 {background-color: #2e7d32; border: 1px solid #2e7d32; color: #fafafa;}
            /* Lv11 - Lv12: 金橙到深金橙 */
            .role-tag.user-level.user-lv11 {background-color: #ffca28; border: 1px solid #ffca28; color: #fafafa;}
            .role-tag.user-level.user-lv12 {background-color: #ffb300; border: 1px solid #ffb300; color: #fafafa;}
            /* Lv13 - Lv14: 紫金到深紫金 */
            .role-tag.user-level.user-lv13 {background-color: #b388ff; border: 1px solid #b388ff; color: #fafafa;}
            .role-tag.user-level.user-lv14 {background-color: #7c4dff; border: 1px solid #7c4dff; color: #fafafa;}
            /* Lv15: 黑金至尊 */
            .role-tag.user-level.user-lv15 {background-color: #000000; border: 1px solid #000000; color: #ffd700;}

            .post-content pre { position: relative; }
            .post-content pre span.copy-code { position: absolute; right: .5em; top: .5em; cursor: pointer;color: #c1c7cd;  }
            .post-content pre .iconpark-icon {width:16px;height:16px;margin:3px;}
            .post-content pre .iconpark-icon:hover {color:var(--link-hover-color)}
            .dark-layout .post-content pre code.hljs { padding: 1em !important; }

            html.nsx-hide-visited .post-list .post-title a:visited,
            html.nsx-hide-visited .post-list-item .post-title a:visited {
                display: none !important;
            }
`;
                if (document.head) {
                    util.addStyle('nsplus-style', 'style', style);
                    util.addStyle('layui-style', 'link', 'https://s.cfn.pp.ua/layui/2.9.9/css/layui.css');
                    util.addStyle('hightlight-style', 'link', GM_getResourceURL("highlightStyle"));
                }
            },
            addPluginScript() {
                GM_addElement(document.body, 'script', {
                    src: 'https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/highlight.min.js'
                });
                GM_addElement(document.body, 'script', {
                    textContent: 'window.onload = function(){hljs.highlightAll();}'
                });
                GM_addElement(document.body, "script", { textContent: `!function(e){var t,n,d,o,i,a,r='<svg><symbol id="envelope-one" viewBox="0 0 48 48" fill="none"><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M36 16V8H4v24h8" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-width="4" stroke="currentColor" d="M12 40h32V16H12v24Z" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="m12 16 16 12 16-12" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M32 16H12v15" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M44 31V16H24" data-follow-stroke="currentColor"/></symbol><symbol id="at-sign" viewBox="0 0 48 48" fill="none"><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M44 24c0-11.046-8.954-20-20-20S4 12.954 4 24s8.954 20 20 20v0c4.989 0 9.55-1.827 13.054-4.847" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-width="4" stroke="currentColor" d="M24 32a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M32 24a6 6 0 0 0 6 6v0a6 6 0 0 0 6-6m-12 1v-9" data-follow-stroke="currentColor"/></symbol><symbol id="copy" viewBox="0 0 48 48" fill="none"><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M13 12.432v-4.62A2.813 2.813 0 0 1 15.813 5h24.374A2.813 2.813 0 0 1 43 7.813v24.375A2.813 2.813 0 0 1 40.187 35h-4.67" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-width="4" stroke="currentColor" d="M32.188 13H7.811A2.813 2.813 0 0 0 5 15.813v24.374A2.813 2.813 0 0 0 7.813 43h24.375A2.813 2.813 0 0 0 35 40.187V15.814A2.813 2.813 0 0 0 32.187 13Z" data-follow-stroke="currentColor"/></symbol><symbol id="history" viewBox="0 0 48 48" fill="none"><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M5.818 6.727V14h7.273" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M4 24c0 11.046 8.954 20 20 20v0c11.046 0 20-8.954 20-20S35.046 4 24 4c-7.402 0-13.865 4.021-17.323 9.998" data-follow-stroke="currentColor"/><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="m24.005 12-.001 12.009 8.48 8.48" data-follow-stroke="currentColor"/></symbol><symbol id="setting" viewBox="0 0 48 48" fill="none"><path stroke-linejoin="round" stroke-linecap="round" stroke-width="4" stroke="currentColor" d="M36.34 14.34L38.86 12 34 7.14l-2.34 2.52c-.8-.3-1.66-.52-2.56-.66L28 6H20l-1.1 3.2c-.9.14-1.76.36-2.56.66L14 7.14 9.14 12l2.52 2.34c-.3.8-.52 1.66-.66 2.56L6 20v8l3.2 1.1c.14.9.36 1.76.66 2.56L7.14 34 12 38.86l2.34-2.52c.8.3 1.66.52 2.56.66L20 42h8l1.1-3.2c.9-.14 1.76-.36 2.56-.66L34 38.86 38.86 34l-2.52-2.34c.3-.8.52-1.66.66-2.56L42 28v-8l-3.2-1.1c-.14-.9-.36-1.76-.66-2.56ZM24 32a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" data-follow-stroke="currentColor"/></symbol></svg>';function c(){i||(i=!0,d())}t=function(){var e,t,n;(n=document.createElement("div")).innerHTML=r,r=null,(t=n.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(n=document.body).firstChild?(t=n.firstChild).parentNode.insertBefore(e,t):n.appendChild(e))},document.addEventListener?["complete","loaded","interactive"].indexOf(document.readyState)>-1?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(d=t,o=e.document,i=!1,(a=function(){try{o.documentElement.doScroll("left")}catch(e){return void setTimeout(a,50)}c()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,c())})}(window);` });
            },
            darkMode(){
                // 选择要监视的目标元素（body元素）
                const targetNode = document.querySelector('body');
                // 进入页面时判断是否是深色模式
                if(targetNode.classList.contains('dark-layout')){
                    util.addStyle('layuicss-theme-dark','link','https://s.cfn.pp.ua/layui/theme-dark/2.9.7/css/layui-theme-dark.css');
                    util.removeStyle('hightlight-style');
                    util.addStyle('hightlight-style', 'link', GM_getResourceURL("highlightStyle_dark"));
                }

                // 配置MutationObserver的选项
                const observerConfig = {
                    attributes: true, // 监视属性变化
                    attributeFilter: ['class'], // 只监视类属性
                };

                // 创建一个新的MutationObserver，并指定触发变化时的回调函数
                const observer = new MutationObserver((mutationsList, observer) => {
                    for(let mutation of mutationsList) {
                        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                            if(targetNode.classList.contains('dark-layout')){
                                util.addStyle('layuicss-theme-dark','link','https://s.cfn.pp.ua/layui/theme-dark/2.9.7/css/layui-theme-dark.css');
                                util.removeStyle('hightlight-style');
                                util.addStyle('hightlight-style', 'link', GM_getResourceURL("highlightStyle_dark"));
                            }else{
                                util.removeStyle('layuicss-theme-dark');
                                util.removeStyle('hightlight-style');
                                util.addStyle('hightlight-style', 'link', GM_getResourceURL("highlightStyle"));
                            }
                        }
                    }
                });

                // 使用给定的配置选项开始观察目标节点
                observer.observe(targetNode, observerConfig);
            },
            // 键盘快捷键翻页
            initKeyboardNavigation() {
                document.addEventListener('keydown', (e) => {
                    // 如果用户在输入框中（input, textarea, contenteditable），不触发快捷键
                    const activeElement = document.activeElement;
                    const isInputFocused = activeElement && (
                        activeElement.tagName === 'INPUT' ||
                        activeElement.tagName === 'TEXTAREA' ||
                        activeElement.isContentEditable ||
                        activeElement.closest('.CodeMirror') // CodeMirror 编辑器
                    );

                    if (isInputFocused) return;

                    // 左箭头键：前一页
                    if (e.key === 'ArrowLeft' || e.key === '←') {
                        e.preventDefault();
                        this.navigateToPage('prev');
                    }
                    // 右箭头键：后一页
                    else if (e.key === 'ArrowRight' || e.key === '→') {
                        e.preventDefault();
                        this.navigateToPage('next');
                    }
                });
            },
            // 导航到上一页或下一页
            navigateToPage(direction) {
                // 查找所有分页器（可能有顶部和底部两个）
                const pagers = document.querySelectorAll('div[role="navigation"][aria-label="pagination"]');

                if (pagers.length === 0) return;

                // 优先使用第一个可见的分页器
                let targetPager = null;
                for (const pager of pagers) {
                    const rect = pager.getBoundingClientRect();
                    if (rect.width > 0 && rect.height > 0) {
                        targetPager = pager;
                        break;
                    }
                }

                if (!targetPager) targetPager = pagers[0];

                let targetLink = null;

                if (direction === 'prev') {
                    // 查找前一页按钮
                    const prevBtn = targetPager.querySelector('.pager-prev');
                    if (prevBtn) {
                        // 检查是否可用（不是 disabled）
                        const isDisabled = prevBtn.getAttribute('aria-disabled') === 'true' ||
                                          prevBtn.classList.contains('disabled') ||
                                          prevBtn.hasAttribute('disabled');

                        if (!isDisabled) {
                            // 如果按钮本身是链接
                            if (prevBtn.tagName === 'A' && prevBtn.href) {
                                targetLink = prevBtn;
                            } else {
                                // 尝试查找内部的链接或父级链接
                                const link = prevBtn.querySelector('a') || prevBtn.closest('a');
                                if (link && link.href) {
                                    targetLink = link;
                                }
                            }
                        }
                    }
                } else if (direction === 'next') {
                    // 查找后一页按钮
                    const nextBtn = targetPager.querySelector('.pager-next');
                    if (nextBtn) {
                        // 检查是否可用（不是 disabled）
                        const isDisabled = nextBtn.getAttribute('aria-disabled') === 'true' ||
                                          nextBtn.classList.contains('disabled') ||
                                          nextBtn.hasAttribute('disabled');

                        if (!isDisabled) {
                            // 如果按钮本身是链接
                            if (nextBtn.tagName === 'A' && nextBtn.href) {
                                targetLink = nextBtn;
                            } else {
                                // 尝试查找内部的链接或父级链接
                                const link = nextBtn.querySelector('a') || nextBtn.closest('a');
                                if (link && link.href) {
                                    targetLink = link;
                                }
                            }
                        }
                    }
                }

                if (targetLink && targetLink.href) {
                    // 显示加载遮罩
                    const overlay = document.getElementById('nsx-loading-overlay');
                    if (overlay) overlay.classList.add('show');

                    window.location.href = targetLink.href;
                }
            },
            // 排序帖子列表
            sortPostList() {
                const postList = document.querySelector(opts.post.postListSelector);
                if (!postList) return;

                const sortMode = Config.getConfig('post_sort.mode') || 'none';
                const visitedToBottom = Config.getConfig('post_sort.visited_to_bottom') === true;

                // 如果没有启用排序且不需要置底，直接返回
                if (sortMode === 'none' && !visitedToBottom) return;

                const items = Array.from(postList.querySelectorAll('.post-list-item'));
                if (items.length === 0) return;

                // 获取已访问的链接集合（从 localStorage）
                const visitedLinks = new Set();
                if (visitedToBottom) {
                    try {
                        const visited = localStorage.getItem('nsx_visited_posts');
                        if (visited) {
                            const visitedArray = JSON.parse(visited);
                            visitedArray.forEach(url => visitedLinks.add(url));
                        }
                    } catch (e) {
                        // console.warn('[NodeSeek X] 读取访问记录失败:', e);
                    }
                }

                // 提取数据并排序
                const itemsWithData = items.map(item => {
                    const titleLink = item.querySelector('.post-title a');
                    const href = titleLink ? titleLink.href : '';
                    // 检查是否已访问：优先使用 localStorage，其次使用 :visited 伪类
                    let isVisited = false;
                    if (visitedToBottom && href) {
                        // 标准化 URL（移除查询参数和锚点）
                        const normalizedUrl = href.split('?')[0].split('#')[0];
                        isVisited = visitedLinks.has(normalizedUrl);
                    }
                    // 如果 localStorage 中没有，尝试使用 :visited 伪类（作为后备）
                    if (!isVisited && titleLink) {
                        try {
                            // 注意：浏览器安全限制，无法直接读取 :visited 状态
                            // 但可以通过计算样式来检测（虽然不总是可靠）
                            const computedStyle = window.getComputedStyle(titleLink);
                            // 如果链接颜色与未访问链接不同，可能是已访问
                            // 这里我们主要依赖 localStorage
                        } catch (e) {
                            // 忽略错误
                        }
                    }

                    // 提取回复数
                    let comments = 0;
                    const commentsEl = item.querySelector('.info-comments-count span[title]');
                    if (commentsEl) {
                        const title = commentsEl.getAttribute('title') || '';
                        const match = title.match(/(\d+)\s*comments?/i);
                        if (match) {
                            comments = parseInt(match[1], 10) || 0;
                        } else {
                            // 如果没有title，尝试从文本内容提取
                            const text = commentsEl.textContent.trim();
                            const numMatch = text.match(/\d+/);
                            if (numMatch) {
                                comments = parseInt(numMatch[0], 10) || 0;
                            }
                        }
                    }

                    // 提取查看数
                    let views = 0;
                    const viewsEl = item.querySelector('.info-views span[title]');
                    if (viewsEl) {
                        const title = viewsEl.getAttribute('title') || '';
                        const match = title.match(/(\d+)\s*views?/i);
                        if (match) {
                            views = parseInt(match[1], 10) || 0;
                        } else {
                            // 如果没有title，尝试从文本内容提取
                            const text = viewsEl.textContent.trim();
                            const numMatch = text.match(/\d+/);
                            if (numMatch) {
                                views = parseInt(numMatch[0], 10) || 0;
                            }
                        }
                    }

                    return {
                        item,
                        href,
                        isVisited,
                        comments,
                        views
                    };
                });

                // 排序
                itemsWithData.sort((a, b) => {
                    // 如果启用已访问置底，先按访问状态排序
                    if (visitedToBottom) {
                        if (a.isVisited && !b.isVisited) return 1;
                        if (!a.isVisited && b.isVisited) return -1;
                    }

                    // 然后按排序模式排序
                    if (sortMode === 'comments') {
                        return b.comments - a.comments;
                    } else if (sortMode === 'views') {
                        return b.views - a.views;
                    }

                    // 如果只是置底，保持原有顺序（在已访问置底后）
                    return 0;
                });

                // 重新插入排序后的元素
                itemsWithData.forEach(({ item }) => {
                    postList.appendChild(item);
                });
            },
            // 记录帖子访问
            recordPostVisit(url) {
                if (!url) return;
                try {
                    const normalizedUrl = url.split('?')[0].split('#')[0];
                    const visited = localStorage.getItem('nsx_visited_posts');
                    let visitedArray = visited ? JSON.parse(visited) : [];

                    // 如果不存在，添加到数组
                    if (!visitedArray.includes(normalizedUrl)) {
                        visitedArray.push(normalizedUrl);
                        // 限制数组大小，避免占用过多存储空间（保留最近1000条）
                        if (visitedArray.length > 1000) {
                            visitedArray = visitedArray.slice(-1000);
                        }
                        localStorage.setItem('nsx_visited_posts', JSON.stringify(visitedArray));
                    }
                } catch (e) {
                    // console.warn('[NodeSeek X] 记录访问失败:', e);
                }
            },
            // 初始化帖子访问监听，用于自动重新排序
            initPostVisitListener() {
                const visitedToBottom = Config.getConfig('post_sort.visited_to_bottom') === true;
                if (!visitedToBottom) return;

                const _this = this;

                // 监听帖子链接点击
                document.addEventListener('click', (e) => {
                    const link = e.target.closest('a');
                    if (!link || !link.href) return;

                    // 检查是否是帖子链接
                    const href = link.href;
                    const isPostLink = /\/post-\d+/.test(href) && href.startsWith(BASE_URL);

                    if (isPostLink) {
                        // 立即记录访问
                        _this.recordPostVisit(href);
                        // 延迟重新排序，确保记录已保存
                        setTimeout(() => {
                            _this.sortPostList();
                        }, 50);
                    }
                }, true);

                // 监听页面可见性变化（从新标签页返回时重新排序）
                document.addEventListener('visibilitychange', () => {
                    if (!document.hidden) {
                        // 页面重新可见时，延迟重新排序
                        setTimeout(() => {
                            _this.sortPostList();
                        }, 200);
                    }
                });

                // 监听焦点变化（切换标签页返回时）
                window.addEventListener('focus', () => {
                    setTimeout(() => {
                        _this.sortPostList();
                    }, 200);
                });
            },
            init() {
                Config.initializeConfig();
                this.addPluginStyle();
                this.checkLogin();
                this.refreshBlockKeywordRules();
                this.refreshBlockedCategories();
                this.refreshRightPanelHighlightRules();
                // 应用紧凑模式（类名已在早期添加，这里只需要更新样式）
                this.updateCompactModeStyle();
                const codeMirrorElement = document.querySelector('.CodeMirror');
                if (codeMirrorElement) {
                    const codeMirrorInstance = codeMirrorElement.CodeMirror;
                    if (codeMirrorInstance) {
                        let btnSubmit = document.querySelector('.md-editor button.submit.btn.focus-visible');
                        btnSubmit.innerText=btnSubmit.innerText+'(Ctrl+Enter)';
                        codeMirrorInstance.addKeyMap({"Ctrl-Enter":function(cm){ btnSubmit.click();}});
                    }
                }
                this.autoSignIn();//自动签到
                this.addSignTips();//签到提示
                this.enforceNewTabForPosts();//强制新标签页打开帖子
                this.autoJump();//自动点击跳转页
                this.autoLoading();//无缝加载帖子和评论
                this.blockMemberDOMInsert();//屏蔽用户
                this.blockPost();//屏蔽帖子
                this.blockPostsByCategory();
                this.blockPostsByViewLevel();
                this.quickComment();//快捷评论
                this.addLevelTag();//添加等级标签
                this.userCardEx();//用户卡片扩展
                //this.fakeLevel();
                this.addPluginScript();
                this.addCodeHighlight();
                this.addImageSlide();
                this.darkMode();
                this.history();
                this.initInstantPage();
                this.smoothScroll();
                this.addSettingsButton();
                this.updateCustomBackground();
                this.updateVisitedLinkStyle();
                this.updateAllTypography();
                this.togglePromotions();
                this.updateHeaderOpacityStyle();
                this.updateFrameOpacityStyle();
                this.replaceDefaultAvatars();
                this.startAvatarObserver();
                this.moveSearchBoxToCenter();
                this.mergeCategoryToNav();
                this.toggleUserStatsPanel();
                this.toggleFooter(); // 应用页脚隐藏设置
                this.togglePostCategory(); // 应用分类标签隐藏设置
                this.togglePostInfo(); // 应用帖子信息隐藏设置
                this.toggleTopicCarousel(); // 应用推荐轮播隐藏设置
                this.addRightPanelHighlightInput(); // 在右侧面板添加关键词输入框
                // 延迟应用高亮，确保DOM完全加载
                setTimeout(() => {
                    this.applyRightPanelHighlight();
                }, 200);
                this.startRightPanelHighlightObserver(); // 启动右侧面板高亮观察器
                this.initKeyboardNavigation(); // 初始化键盘快捷键
                this.initPostVisitListener(); // 初始化访问监听，用于自动重新排序

                // 延迟执行排序，确保DOM完全加载
                // 使用多种方式确保排序能执行
                setTimeout(() => {
                    this.sortPostList();
                    // 同时重新应用高亮
                    this.applyRightPanelHighlight();
                }, 100);

                // 如果页面还在加载，等待load事件
                if (document.readyState === 'loading') {
                    window.addEventListener('load', () => {
                        setTimeout(() => {
                            this.sortPostList();
                            // 同时重新应用高亮
                            this.applyRightPanelHighlight();
                        }, 200);
                    }, { once: true });
                }

                // 使用MutationObserver监听帖子列表的出现
                const postListObserver = new MutationObserver(() => {
                    const postList = document.querySelector(opts.post.postListSelector);
                    if (postList && postList.children.length > 0) {
                        setTimeout(() => {
                            this.sortPostList();
                            // 同时重新应用高亮
                            this.applyRightPanelHighlight();
                        }, 100);
                        postListObserver.disconnect();
                    }
                });

                // 如果帖子列表还不存在，开始观察
                const postList = document.querySelector(opts.post.postListSelector);
                if (!postList || postList.children.length === 0) {
                    if (document.body) {
                        postListObserver.observe(document.body, {
                            childList: true,
                            subtree: true
                        });
                        // 5秒后自动停止观察
                        setTimeout(() => postListObserver.disconnect(), 5000);
                    }
                } else {
                    // 如果帖子列表已经存在，立即应用高亮
                    setTimeout(() => {
                        this.applyRightPanelHighlight();
                    }, 300);
                }

                // 如果启用了显示所有用户统计，则执行
                if (Config.getConfig('show_all_users_stats.enabled') === true) {
                    setTimeout(() => {
                        this.showAllUsersStats();
                    }, 500);
                }
            }
        };
        main.init();
        });
    });
})();
                        layui.form.on('checkbox(hide_visited_links)', function(data) {
                            Config.updateConfig('visited_links.hide_visited', data.elem.checked);
                            _this.updateVisitedLinkStyle();
                        });