猴油脚本运行不稳定怎么办？如何保障代码灵敏度应对DOM结构变化？

<code class="javascript">function main() {
    const parent = document.getElementById('orderAppContainer');
    const searchButton = parent.querySelector('button.ant-btn.ant-btn-primary');

    // 使用异步操作，确保DOM加载完成
    searchButton.addEventListener('click', async () => {
        await delay(1000); // 等待1秒，确保DOM更新完成
        const orderNumberInput = parent.querySelector('#shop_order_no');
        const orderNumber = orderNumberInput.value;
        const orderNumberRegex = /[0-9]{19}/g;
        const match = orderNumberRegex.exec(orderNumber);

        if (match) {
            // 发现打款记录后，使用MutationObserver监听DOM变化
            const observer = new MutationObserver(mutations => {
                mutations.forEach(mutation => {
                    const target = mutation.target;
                    if (target.matches('span.styles_prompt__1kJY-')) {
                        modifyElement(target);
                    } else {
                        const element = target.querySelector('span.styles_prompt__1kJY-');
                        if (element) {
                            modifyElement(element);
                        }
                    }
                });
            });

            // 监听父元素的子节点变化
            observer.observe(parent, { childList: true, subtree: true });
        }
    });
}</code>