趁着NL切换到Discourse之前送一波福利
将脚本内的userName值改为自己的用户名，一定注意是用户名而不是昵称
// ==UserScript==
// @name         白嫖NodeLoc装饰
// @namespace    QQ:94575594
// @version      1.0
// @description  免费使用装饰店的头像边框与用户名颜色特效
// @author       chendaye
// @grant        GM_addStyle
// @match        https://www.nodeloc.com/*
// @run-at       document-end
// @license MIT
// @downloadURL https://update.greasyfork.org/scripts/531714/%E7%99%BD%E5%AB%96NodeLoc%E8%A3%85%E9%A5%B0.user.js
// @updateURL https://update.greasyfork.org/scripts/531714/%E7%99%BD%E5%AB%96NodeLoc%E8%A3%85%E9%A5%B0.meta.js
// ==/UserScript==

(function () {

    const config = {
        userName: 'chendaye',
        delay: 500
    }


    const debounce = (func, delay) => {
        let timeout;
        return (...args) => {
            clearTimeout(timeout);
            timeout = setTimeout(() => func.apply(this, args), delay);
        };
    };

    const replaceUserName = (node) => {
        if (node == null)
            document.querySelectorAll(`[username="${config.userName}"]`).forEach(item => replaceUserName(item));
        else {
            let lable = node.parentNode.querySelector(".username")
            if (!lable) {
                replaceUserName(node.parentNode)
            } else {
                if (lable.querySelector(localStorage.userNameStyle)) {
                    return
                }
                lable.className = 'username ' + localStorage.userNameStyle
            }
        }
    }

    const insertBtn = () => {
        document.querySelectorAll('.DecorationStoreLabel').forEach(label => {
            if (label.querySelector('.btnPiao')) return;

            if (label.previousElementSibling.querySelector(".DecorationItemAvatarImage")) {
                const btn = Object.assign(document.createElement('button'), {
                    className: 'btnPiao DecorationItemLabel',
                    innerHTML: '白嫖头像边框',
                    onclick: (e) => handleImageStorage(label, e)
                });

                label.appendChild(btn);
            }
            else if (label.previousElementSibling.querySelector(".decorationItemUsernameColorStyle")) {
                const btn = Object.assign(document.createElement('button'), {
                    className: 'btnPiao DecorationItemLabel',
                    innerHTML: '白嫖用户名颜色',
                    onclick: (e) => handleUserNameStyle(label, e)
                });

                label.appendChild(btn);
            }
        });
    }

    const handleUserNameStyle = (label, event) => {
        try {
            // 阻止事件冒泡
            if (event.stopPropagation) {
                event.stopPropagation();
            } else {
                event.cancelBubble = true;
            }
            const container = label.closest('.DecorationStoreContainer');
            const style = container?.querySelector('.decorationItemUsernameColorStyle div');
            localStorage.userNameStyle = style.className

        } catch (e) {
            console.error('白嫖失败:', e);
        }
        replaceUserName();
    }

    const handleImageStorage = (label, event) => {
        try {
            // 阻止事件冒泡
            if (event.stopPropagation) {
                event.stopPropagation();
            } else {
                event.cancelBubble = true;
            }
            const container = label.closest('.DecorationStoreContainer');
            const img = container?.querySelector('.DecorationItemAvatarImage');

            if (img?.src) {
                localStorage.avatarUrl = img.src
            }
        } catch (e) {
            console.error('白嫖失败:', e);
        }
        replaceAvatar();
    };

    const replaceAvatar = () => {
        const storedSrc = localStorage.avatarUrl;
        if (!storedSrc) return;

        document.querySelectorAll(`[username="${config.userName}"]`).forEach(userContainer => {
            const images = userContainer.querySelectorAll('img');
            images.forEach(img => {
                if (img.src !== storedSrc) {
                    img.src = storedSrc;
                }
            });
        });
    };

    const begin = () => {
        replaceAvatar();
        replaceUserName();
        insertBtn();
    }

    const observer = new MutationObserver(debounce((mutationsList => {
        mutationsList.forEach(mutation => {
            if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(node => {
                    begin()
                });
            }
        });
    }), config.delay));

    observer.observe(document.body, {
        childList: true,
        subtree: true
    })

    begin();



    GM_addStyle(`
        @keyframes slideIn {
            from { transform: translateX(100%); }
            to { transform: translateX(0); }
        }
        .btnPiao {
            background: #4834d4;
            border: none;
            color: white !important;
            cursor: pointer;
            transition: all 0.3s;
            margin-left: 5px;
        }
        .btnPiao:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px #4834d4;
        }
    `);
})();