网上开店 - 蜜蜂导航 // 第一步：强制清理所有残留的弹窗节点（防两个弹窗） (function() { // 清除所有旧版弹窗ID const oldPopupIds = ['springPopup', 'beeSpringPopup']; oldPopupIds.forEach(id => { const el = document.getElementById(id); if (el) el.remove(); }); // 清除所有弹窗类名的节点（避免漏网） const oldPopupClasses = document.querySelectorAll('.popup-overlay'); oldPopupClasses.forEach(el => el.remove()); })(); // 第二步：创建唯一弹窗，强制背景不空白 const createSpringPopup = () => { // 1. 创建遮罩层（强制背景，解决空白问题） const overlay = document.createElement('div'); overlay.id = 'uniqueSpringPopup'; // 唯一ID，防重复 // 核心：全量行内样式+最高优先级，避开网站样式拦截 overlay.style.cssText = ` position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0, 0, 0, 0.7) !important; /* 强制半透明背景，解决空白 */ z-index: 9999999 !important; /* 远超导航站层级，防穿透 */ display: flex !important; justify-content: center !important; align-items: center !important; opacity: 1 !important; visibility: visible !important; margin: 0 !important; padding: 0 !important; border: none !important; box-sizing: border-box !important; `; // 2. 创建弹窗内容 const content = document.createElement('div'); content.style.cssText = ` width: 90% !important; max-width: 450px !important; min-height: 320px !important; background: #fff8f0 !important; border-radius: 16px !important; padding: 30px 20px !important; text-align: center !important; border: 2px solid #ffc107 !important; position: relative !important; box-shadow: 0 8px 24px rgba(255, 127, 0, 0.3) !important; z-index: 99999999 !important; /* 内容层比遮罩层更高 */ `; // 3. 弹窗内部元素（关闭按钮+文案+确认按钮） content.innerHTML = ` 🧨 蜜蜂导航 · 新春送福 🧨
马蹄迎春，岁岁安康
感谢一路相伴，新的一年
愿你前路有光，出行顺畅
万事顺心，马到成功
🐝 蜜蜂导航 www.qiip.cc
祝您春节快乐，阖家幸福
`; // 4. 组装弹窗并插入页面（仅插入一次） overlay.appendChild(content); document.body.appendChild(overlay); // 5. 绑定关闭事件（点击后彻底删除，防残留） const closeBtn = document.getElementById('closePopupBtn'); const confirmBtn = document.getElementById('confirmPopupBtn'); const closePopup = () => overlay.remove(); closeBtn.addEventListener('click', closePopup); confirmBtn.addEventListener('click', closePopup); // 点击遮罩层也关闭 overlay.addEventListener('click', (e) => { if (e.target === overlay) closePopup(); }); }; // 第三步：页面加载完成后，仅执行一次弹窗创建（防重复） if (!document.getElementById('uniqueSpringPopup')) { window.addEventListener('load', createSpringPopup); }
