<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <!-- 明月软件库独家打造 -->
  <link rel="preconnect" href="https://assets/webcat/1d">
  <!-- 内联核心CSS，减少HTTP请求 -->
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: sans-serif; background: #f8f8f8; }
    .container { max-width: 1200px; margin: 20px auto; padding: 0 15px; }
    .card-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 20px;
    }
    .card {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
      transition: transform 0.2s; /* GPU加速动画 */
    }
    .card:hover { transform: translateY(-3px); }
    .card-img {
      width: 100%;
      height: 90px; /* 固定高度，避免布局偏移 */
    }
    .card-content { padding: 15px; }
    .card-title { font-size: 18px; margin-bottom: 8px; }
  </style>
          <script>
        // 防止字体被系统设置过度放大
        document.addEventListener('DOMContentLoaded', function() {
            // 获取计算后的字体大小
            const computedStyle = window.getComputedStyle(document.documentElement);
            const fontSize = computedStyle.getPropertyValue('font-size');
            
            // 如果字体大小超过我们的预期，强制重置
            if (parseFloat(fontSize) > 12) {
                document.documentElement.style.fontSize = '10px';
            }
        });
    </script>
        <script src="js/GM_html2canvas.js"></script>

        <script>
        // 获取元素
        const closeBtn = document.getElementById('closeBtn');
        const modalOverlay = document.getElementById('modalOverlay');

        // 点击取消按钮关闭弹窗
        closeBtn.addEventListener('click', function() {
            modalOverlay.style.display = 'none';
        });
    </script>
         <style>
        /* 遮罩层样式 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 200;
        }

        /* 弹窗容器样式 */
        .modal-box {
            background-color: white;
            width: 200px;
            padding: 30px;
            border-radius: 1px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            text-align: center;
        }

        /* 公告标题样式 */
        .modal-title {
            font-size: 1px;
            font-weight: bold;
            margin-bottom: 1px;
            color: #333;
        }

        /* 公告内容样式 */
        .modal-content {
            font-size: 16px;
            color: #666;
            margin-bottom: 25px;
            line-height: 1.5;
        }

        /* 取消按钮样式 */
        .modal-close-btn {
            padding: 10px 1px;
            font-size: 16px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .modal-close-btn:hover {
            background-color: #0056b3;
        }
    </style>
      <style>
    html {
      -webkit-text-size-adjust: none; /* 老版本 iOS Safari */
      text-size-adjust: none;         /* 标准 */
    }

    body {
      margin: 0;
      padding: 20px;
      font-family: sans-serif;
      font-size: 14px; /* 固定字体大小 */
    }

    button {
      font-size: 14px; /* 固定按钮字体大小 */
      padding: 10px 20px;
      display: block;
      margin: 10px 0;
    }
  </style>
    <style>
        /* 设置非常小的基础字体大小 */
        html {
            font-size: 10px;
        }
        
        /* 重置所有元素的内外边距 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            padding: 20px;
            max-width: 100%;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 100%;
            margin: 0 auto;
        }
        
        h1 {
            font-size: 1.8rem; /* 使用rem单位，但基础值很小 */
            margin-bottom: 2rem;
            text-align: center;
            color: #333;
        }
        
        .button-container {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            max-width: 100%;
        }
        
        .small-button {
            /* 使用min()函数限制按钮的最大尺寸 */
            font-size: min(1.4rem, 16px);
            padding: min(1rem, 12px) min(2rem, 20px);
            background-color: #4a6ee0;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: background-color 0.3s;
            /* 限制按钮的最大宽度和高度 */
            max-width: 100%;
            max-height: 5rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }
        
        .small-button:hover {
            background-color: #3a5ecf;
        }
        
        .small-button:active {
            background-color: #2a4ebf;
        }
        
        .info-text {
            font-size: min(1.5rem, 14px);
            color: #666;
            margin-top: 2rem;
            line-height: 1.4;
            max-width: 100%;
            overflow-wrap: break-word;
        }
        
        /* 针对极端情况的媒体查询 */
        @media (max-width: 480px) {
            html {
                font-size: 8px;
            }
        }
        
        /* 防止用户缩放 */
        @media (pointer: coarse) {
            .small-button {
                min-height: 44px; /* 触摸友好的最小高度 */
            }
        }
    </style>
      <style>
        /* 基础样式重置，避免默认边距影响 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 全局文字样式：使用px固定大小，不受系统设置影响 */
        body {
            font-family: Arial, sans-serif;
            font-size: 12px; /* 固定全局基础文字大小 */
            line-height: 1.4;
        }

        /* 按钮样式：固定宽高和文字大小，确保按钮可见 */
        .btn {
            width: 10px; /* 固定按钮宽度 */
            height: 10px; /* 固定按钮高度 */
            font-size: 12px; /* 固定按钮文字大小 */
            padding: 8px 16px;
            border: none;
            border-radius: 4px;
            background-color: #007bff;
            color: white;
            cursor: pointer;
            /* 防止文字换行导致按钮变形 */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* 其他元素示例：按需求固定文字大小 */
        h1 {
            font-size: 18px;
        }
        p {
            font-size: 12px;
        }
    </style>
      <style>
    /* 重置默认样式，避免系统放大影响 */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box; /* 关键：边框和内边距包含在宽度内 */
    }

    body {
      font-size: 16px; /* 基准字体大小 */
      font-family: Arial, sans-serif;
      padding: 20px;
      line-height: 1.6;
    }

    /* 使用 rem 或 em 作为字体单位，允许用户缩放但可控 */
    .button {
      font-size: 1rem; /* 相对于根元素，用户放大时会按比例变化 */
      padding: 0.8em 1.5em; /* 使用 em，随字体自适应 */
      background-color: #007BFF;
      color: white;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      min-height: 44px; /* 确保可点击区域足够大（触控友好） */
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 100%; /* 防止溢出 */
      word-break: break-word; /* 长文字自动换行 */
    }

    /* 容器使用弹性布局，避免按钮被挤出 */
    .container {
      display: flex;
      flex-direction: column;
      gap: 16px;
      max-width: 100%;
    }

    /* 防止页面被用户缩放破坏布局 */
    @media (max-height: 500px) {
      body {
        font-size: 14px;
      }
      .button {
        font-size: 0.9rem;
        padding: 0.7em 1.2em;
      }
    }
  </style>
      </style>
      	<script>
		// 创建浮动粒子
		function createParticles() {
			const particlesContainer = document.getElementById('particles');
			const particleCount = 20;
			
			for (let i = 0; i < particleCount; i++) {
				const particle = document.createElement('div');
				particle.classList.add('particle');
				
				// 随机大小
				const size = Math.random() * 10 + 5;
				particle.style.width = `${size}px`;
				particle.style.height = `${size}px`;
				
				// 随机位置
				particle.style.left = `${Math.random() * 100}%`;
				particle.style.top = `${Math.random() * 100}%`;
				
				// 随机动画延迟
				particle.style.animationDelay = `${Math.random() * 15}s`;
				particle.style.animationDuration = `${Math.random() * 10 + 10}s`;
				
				// 随机透明度
				particle.style.opacity = Math.random() * 0.5 + 0.1;
				
				particlesContainer.appendChild(particle);
			}
		}
		
		// 进度条动画
		function animateProgressBar() {
			const progressBar = document.getElementById('progress-bar');
			let width = 0;
			const interval = setInterval(() => {
				width += 1;
				progressBar.style.width = `${width}%`;
				
				if (width >= 100) {
					clearInterval(interval);
					// 进度条完成后改变颜色
					setTimeout(() => {
						progressBar.style.background = 'linear-gradient(90deg, #4CAF50, #8BC34A)';
					}, 500);
				}
			}, 30);
		}
		
		// 切换背景功能
document.getElementById('bg-toggle').addEventListener('click', function() {
    const body = document.body;
    const isDynamic = body.classList.contains('dynamic-bg');
    
    if (isDynamic) {
        body.classList.remove('dynamic-bg');
        this.innerHTML = '<i class="fas fa-image"></i><span class="btn-text">切换背景</span>';
        this.title = "切换背景";
    } else {
        body.classList.add('dynamic-bg');
        this.innerHTML = '<i class="fas fa-times"></i><span class="btn-text">恢复默认</span>';
        this.title = "恢复默认背景";
    }
    
    // 添加点击动画
    this.classList.add('clicked');
    setTimeout(() => {
        this.classList.remove('clicked');
    }, 300);
});

// 添加点击动画样式
const style = document.createElement('style');
style.textContent = `
    .bg-toggle-btn.clicked {
        animation: pulse 0.5s ease;
    }
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(0.9); }
        100% { transform: scale(1); }
    }
`;
document.head.appendChild(style);
		
		// 返回顶部
		document.getElementById('back-to-top').addEventListener('click', () => {
			window.scrollTo({
				top: 0,
				behavior: 'smooth'
			});
		});
		
		// 音乐播放器控制
		document.getElementById('music-btn').addEventListener('click', () => {
			// 这里可以添加音乐播放器的控制逻辑
			alert('纯公益 不收费');
		});
		
		// 页面加载完成后执行
		window.addEventListener('DOMContentLoaded', () => {
			createParticles();
			animateProgressBar();
			
			// 显示滚动到顶部按钮
			window.addEventListener('scroll', () => {
				const backToTop = document.getElementById('back-to-top');
				if (window.scrollY > 300) {
					backToTop.style.opacity = '1';
					backToTop.style.visibility = 'visible';
				} else {
					backToTop.style.opacity = '0';
					backToTop.style.visibility = 'hidden';
				}
			});
		});
	</script>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    // 打开工具箱按钮
    const openToolboxBtn = document.getElementById('open-toolbox');
    // 关闭工具箱按钮
    const closeToolboxBtn = document.getElementById('close-toolbox');
    // iframe容器
    const toolboxContainer = document.getElementById('toolbox-iframe-container');
    // iframe元素
    const toolboxIframe = document.getElementById('toolbox-iframe');
    
    // 打开工具箱
    if (openToolboxBtn) {
        openToolboxBtn.addEventListener('click', function(e) {
            e.preventDefault();
            
            // 加载第三方应用
            toolboxIframe.src = 'third-party-app/index.html'; // 替换为你的第三方应用路径
            
            // 显示容器
            toolboxContainer.style.display = 'block';
            
            // 隐藏滚动条
            document.body.style.overflow = 'hidden';
        });
    }
    
    // 关闭工具箱
    if (closeToolboxBtn) {
        closeToolboxBtn.addEventListener('click', function() {
            toolboxContainer.style.display = 'none';
            document.body.style.overflow = '';
        });
    }
    
    // 更新日志弹窗相关
    const changelogModal = document.getElementById('changelog-modal');
    const openChangelogBtn = document.getElementById('open-changelog');
    const closeChangelogBtn = document.getElementById('close-changelog');
    
    // 打开更新日志
    if (openChangelogBtn && changelogModal) {
        openChangelogBtn.addEventListener('click', function(e) {
            e.preventDefault();
            changelogModal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        });
    }
    
    // 关闭更新日志
    if (closeChangelogBtn && changelogModal) {
        closeChangelogBtn.addEventListener('click', function() {
            changelogModal.style.display = 'none';
            document.body.style.overflow = '';
        });
    }
    
    // 点击背景关闭
    if (changelogModal) {
        changelogModal.addEventListener('click', function(e) {
            if (e.target === changelogModal) {
                changelogModal.style.display = 'none';
                document.body.style.overflow = '';
            }
        });
    }
    
    // 滚动位置保存
    const savedPosition = sessionStorage.getItem('scrollPosition');
    if (savedPosition) {
        window.scrollTo(0, parseInt(savedPosition, 10));
        sessionStorage.removeItem('scrollPosition');
    }
    
    // 链接点击事件
    document.querySelectorAll('.card:not(.empty) a').forEach(link => {
        link.addEventListener('click', function() {
            sessionStorage.setItem('scrollPosition', window.scrollY);
        });
    });
});
  </script>
      <style>
        /* 1. 全局基础优化：消除边距+硬件加速容器 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            /* 禁止文字选中干扰滑动 */
            user-select: none;
            -webkit-user-select: none;
        }

        /* 2. 滑动容器核心优化：启用硬件加速 */
        .smooth-scroll-container {
            width: 100vw;
            height: 100vh;
            /* 关键：开启GPU加速，滑动无卡顿 */
            transform: translateZ(0);
            -webkit-transform: translateZ(0);
            /* 流畅滚动样式 */
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            /* 可选：添加滑动阻尼感 */
            scroll-behavior: smooth;
        }

        /* 3. 内容块样式（模拟你的页面内容） */
        .content-item {
            width: 100%;
            height: 500px;
            margin-bottom: 20px;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }

        /* 4. 跳转按钮样式 */
        .open-app-btn {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            padding: 12px 30px;
            background: #007aff;
            color: white;
            border: none;
            border-radius: 30px;
            font-size: 18px;
            cursor: pointer;
        }
    </style>
        <script>
        // 5. 软件跳转逻辑（替换成你的实际跳转链接）
        function openApp() {
            // 示例：如果是Scheme跳转（如APP的自定义协议）
            const appScheme = "your-app-scheme://"; 
            // 示例：如果是应用宝/商店跳转
            const appStoreLink = "https://a.app.qq.com/o/simple.jsp?pkgname=com.xxx.xxx";

            // 尝试打开本地软件，失败则跳应用商店
            window.location.href = appScheme;
            setTimeout(() => {
                window.location.href = appStoreLink;
            }, 1000);
        }

        // 6. 可选：禁止页面横向滑动（避免误触卡顿）
        document.addEventListener('touchmove', function(e) {
            if (e.touches.length > 1) {
                e.preventDefault();
            }
        }, { passive: false });
    </script>
</head>
<body>
        </div>
      </div>
    </div>
  </div>

  <!-- 延迟加载非关键脚本（底部引入+defer） -->
  <script src="https://cdn.example.com/non-critical-script.js" defer></script>
</body>
</html>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- 适配移动端，禁止缩放，提升渲染效率 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    
    <style>
        /* 内联 CSS 减少 HTTP 请求，避免渲染阻塞 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            /* 禁用不必要的动画，提升性能 */
            animation: none !important;
            transition: none !important;
        }
        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            line-height: 1.4;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        .title {
            font-size: 24px;
            color: #333;
            margin-bottom: 20px;
            text-align: center;
        }
        .img-grid {
            display: grid;
            /* 响应式网格，自动适配屏幕宽度 */
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 15px;
        }
        .img-item {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            /* 避免布局偏移，提前设置宽高比 */
            aspect-ratio: 4/3;
        }
        .img-item img {
            width: 100%;
            height: 100%;
            /* 图片懒加载+优化渲染 */
            object-fit: cover;
            loading: lazy;
            /* 禁用图片拖拽，减少不必要交互消耗 */
            pointer-events: none;
        }
    </style>
</head>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /* 简化样式，减少渲染负担 */
        .music-player {
            width: 300px;
            margin: 20px auto;
            text-align: center;
        }
        audio {
            width: 100%;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    
<script src="js/jquery.min.js"></script>
<script src="js/any-touch.umd.min.js"></script>
<script src="js/Viewer.js"></script>
<script src="js/Xtiper.js"></script>
<script src="js/NZMsgBox.js"></script>
<script src="js/js-watermark.js"></script>
<script src="js/WhiteSevsUtils.js"></script>
<script src="js/user.js"></script>
<script src="js/a.js"></script>
    <script>
        // 简化脚本，仅保留核心播放控制，避免冗余操作
        const audio = document.getElementById('musicPlayer');
        
        // 页面加载完成后执行，避免阻塞DOM渲染
        window.addEventListener('DOMContentLoaded', () => {
            // 可选：用户交互后取消静音（解决部分浏览器 autoplay 限制）
            document.body.addEventListener('click', () => {
                if (audio.muted) {
                    audio.muted = false;
                }
            }, { once: true }); // 仅执行一次，减少事件监听消耗
        });
    </script>
<body>
    

    <!-- 脚本置于页面底部，避免阻塞 DOM 解析 -->
    <script>
        // 仅保留必要交互，避免冗余逻辑
        document.addEventListener('DOMContentLoaded', () => {
            // 简单的页面加载完成提示（可删除，不影响核心功能）
            console.log('页面流畅加载完成');
            
            // 避免添加复杂事件监听或循环操作，减少主线程阻塞
        });
    </script>
        <style>
        .page { display: none; }
        .page.active { display: block; }
    </style>
    <script>
        function showPage(pageId) {
            // 
            document.querySelectorAll('.page').forEach(page => {
                page.classList.remove('active');
            });
            // 
            document.getElementById(pageId).classList.add('active');
            // 
            sessionStorage.setItem('scrollPosition', window.scrollY);
        }
        
        window.addEventListener('load', function() {
            var scrollPosition = sessionStorage.getItem('scrollPosition');
            if (scrollPosition) {
                window.scrollTo(0, scrollPosition);
                sessionStorage.removeItem('scrollPosition');
            }
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>明月软件库内部定制3.2版本</title>
  </head>
  <body>
    <script>
        // 保存当前滚动位置
        window.addEventListener('beforeunload', function() {
            sessionStorage.setItem('scrollPosition', window.scrollY);
        });

        // 页面加载时恢复滚动位置
        window.addEventListener('load', function() {
            const scrollPosition = sessionStorage.getItem('scrollPosition');
            if (scrollPosition) {
                window.scrollTo(0, scrollPosition);
                sessionStorage.removeItem('scrollPosition');
            }
        });

        // 按钮点击事件
        document.getElementById('myButton').addEventListener('click', function() {
            // 模拟页面跳转
            window.location.href = 'otherpage.html';
        });
    </script>
</body>
</html>
  <title>滑下去获取更多资源chuxinyydd</title> 
  <style>
		body {
  background-image:url("icon.png");
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
 
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  animation: rainbow 10s infinite;
}

@keyframes rainbow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

		.tox {
			text-align: center;
			margin-top: 20px;
		}

		.tox img {
			width: 100px;
			height: 100px;
			border-radius: 5px;
			transition: transform 0.5s;
		}

		.tox img:hover {
			transform: rotateY(180deg);
		}

		.gnlieb {
			display: flex;
			justify-content: space-evenly;
			margin-top: 20px;
		}

		.gnlieb .card {
			width: 150px;
			height: 50px;
			background-color: rgba(16, 52, 166, 0.7);
			text-align: center;
			border-radius: 10px;
			font-size: 18px;
			color: #fff;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}

		.gnlieb .card:hover {
			background-color: rgba(16, 52, 166, 0.9);
			cursor: pointer;
			transition: background-color 0.3s ease-in-out;
		}

		.gnlieb .card a {
			color: #fff;
			text-decoration: none;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
		}

#progress-bar {
  width: 340px;
  height: 10px;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}

#progress-bar hr {
  height: 100%;
  width: 0;
  background-color: #00aaff;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 0.5s ease;
}
	</style> 
	    <style>
        
        
       
        
      
        
      
        
        .card a {
            color: #2d3748;
            text-decoration: none;
            font-size: 1.5rem; /* 增大字体大小 */
            text-align: center;
            padding: 1px 5px; /* 增加内边距便于点击 */
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 200;
            font-weight: ;
            transition: color s;
            line-height: ; /* 增加行高 */
            word-break: break-word;
            flex-direction: column;
        }
        
        /
         <style>
	<style>
        /* 基础样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Roboto', sans-serif;
        }

        /* 浏览器容器 */
        .browser-container {
            height: 100vh;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        /* 顶部导航栏 */
        .browser-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            width: 100%;
        }

        .mdui-toolbar {
            padding: 0 8px;
            min-height: 56px;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

        .nav-buttons {
            display: flex;
            gap: 4px;
            margin-left: 8px;
            flex-shrink: 0;
        }

        .nav-buttons button {
            min-width: 40px;
            padding: 0 8px;
            flex-shrink: 0;
        }

        /* 主内容区 */
        .browser-content {
            flex: 1;
            overflow-y: auto;
            padding: 16px;
        }

        /* 搜索框 */
        .search-container {
            display: flex;
            justify-content: center;
            margin: 20px auto;
            width: 90%;
            max-width: 700px;
        }

        .search-box {
            width: 100%;
            position: relative;
        }

        .search-icon {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: rgba(0, 0, 0, 0.54);
        }

        .search-input {
            width: 100%;
            padding: 12px 12px 12px 40px;
            border-radius: 24px;
            border: 1px solid rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            font-size: 16px;
        }

        .search-input:focus {
            outline: none;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-color: #6200ee;
        }

        /* 快捷方式 */
        .shortcut-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
            gap: 16px;
            margin: 20px auto;
            width: 95%;
            max-width: 900px;
        }

        .shortcut-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: inherit;
            padding: 8px;
            transition: all 0.3s ease;
        }

        .shortcut-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background-color: #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
        }

        .shortcut-text {
            font-size: 14px;
            text-align: center;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* 浏览器视图 */
        .browser-view {
            width: 100%;
            height: calc(100vh - 56px);
            border: none;
            display: none;
        }

        /* 工具箱对话框 */
        #toolbox-dialog {
            max-width: 90%;
            width: 600px;
            border-radius: 8px;
            overflow: hidden;
        }

        .tool-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
            gap: 12px;
            padding: 8px;
        }

        .tool-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 12px;
            border-radius: 8px;
            background-color: #f5f5f5;
            transition: all 0.3s ease;
            cursor: pointer;
            text-align: center;
        }

        .tool-item:hover {
            background-color: #e3f2fd;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .tool-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background-color: #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
        }

        .tool-name {
            font-size: 14px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.87);
        }

        /* 清除数据按钮 */
        .clear-data-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 12px;
            margin-top: 16px;
            border-radius: 4px;
            background-color: #f44336;
            color: white;
            font-size: 14px;
            font-weight: 500;
            text-transform: none;
            text-align: center;
            white-space: nowrap;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

        .clear-data-btn:hover {
            background-color: #d32f2f;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        /* 响应式设计 */
        @media (max-width: 600px) {
            .nav-buttons button {
                min-width: 36px;
                padding: 0 6px;
            }
            
            .search-container {
                width: 95%;
            }
            
            .shortcut-grid {
                grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
                gap: 12px;
            }
            
            .tool-list {
                grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
            }
            
            .clear-data-btn {
                padding: 10px;
                font-size: 13px;
            }
        }

        @media (max-width: 400px) {
            .nav-buttons button {
                min-width: 32px;
                padding: 0 4px;
            }
            
            .mdui-toolbar {
                padding: 0 4px;
            }
            
            .tool-list {
                grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
                gap: 8px;
            }
            
            .clear-data-btn {
                padding: 8px;
                font-size: 12px;
            }
        }

        /* 侧边栏头部 */
        .drawer-header {
            padding: 16px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.05);
            position: relative; /* 为图片容器添加相对定位 */
        }

        /* 侧边栏图片样式 */
        .drawer-header img {
            max-width: 100%; /* 图片最大宽度不超过容器宽度 */
            max-height: 300px; /* 限制图片最大高度 */ /*原:120px */
            width: auto; /* 宽度自适应 */
            height: auto; /* 高度自适应 */
            display: block; /* 消除图片底部间隙 */
            margin: 0 auto; /* 水平居中 */
            object-fit: contain; /* 保持比例完整显示 */
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        /* 侧边栏容器样式 */
        .mdui-drawer {
            width: 280px; /* 固定侧边栏宽度 */
            overflow-y: auto; /* 允许垂直滚动 */
        }

        /* 确保侧边栏内容不会溢出 */
        .mdui-drawer-content {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        /* 设置面板样式 */
        .settings-panel {
            padding: 16px;
        }
        
        .setting-group {
            margin-bottom: 24px;
        }
        
        .setting-group-title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 12px;
            color: rgba(0, 0, 0, 0.87);
        }
        
        .mdui-theme-layout-dark .setting-group-title {
            color: rgba(255, 255, 255, 0.87);
        }
        
        .setting-option {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
        }
        
        .setting-option input {
            margin-right: 8px;
        }

        /* JS扩展列表样式 */
        .js-extension-item {
            display: flex;
            align-items: center;
            padding: 8px 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
        
        .js-extension-name {
            flex: 1;
            font-weight: 500;
        }
        
        .js-extension-status {
            margin-right: 8px;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.54);
        }
        
        .js-extension-actions {
            display: flex;
            gap: 4px;
        }
    </style>
 </head> 
 <body id="v1"> 
  <div id="v2" class="tox"> 
   	<img src="2.jpg" alt="头像" />
   <br id="v4"> 
   <br id="v5"> 
   <h1 id="v6">明月软件库【滑下去获取更多资源】</h1> 
  </div> <h2>核心区【滑下去获取更多资源】<h2>
  </div>
  <div id="v8" class="gnlieb"> 
   <div id="v9" class="card"> 
       <a id="v10" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这里对接内部稳定易支付接口【费率低而且稳定】</a> 
   </div> 
   <div id="v11" class="card"> 
    <a id="v12" href="mqqapi://card/show_pslcard?src_type=internal&version=1&card_type=group&source=qrcode&uin=1080403351">明月软件库官方群聊</a> 
   </div> 
  </div> 
  <div id="v13" class="gnlieb"> 
   <div id="v14" class="card"> 
    <a id="v15" href="https://wwaxd.lanzout.com/b01882odfi">点这里自己做资源库自己引流自己赚钱教程【点一下这里】</a> 
   </div> 
   <div id="v16" class="card"> 
    <a id="v17" href="https://wwaxd.lanzout.com/b01882o96f">学习资料</a> 
   </div> 
  </div> 
  <div id="v18" class="gnlieb"> 
   <div id="v19" class="card"> 
    <a id="v20" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a> 
   </div>
   <div id="v21" class="card"> 
    <a id="v22" href="iindex.html">超级工具箱【点我使用黑科技】</a> 
   </div> 
  </div><h2>破解区<h2> 
  <div id="v23" class="gnlieb"> 
   <div id="v24" class="card"> 
    <a id="v25" href="https://wwaxd.lanzout.com/b01882o9uj">输入法破解大全</a> 
   </div> 
   <div id="v26" class="card"> 
    <a id="v27" href="https://wwaxd.lanzout.com/b01882o9ed">小说破解大全</a> 
   </div> 
  </div> 
  <div id="v28" class="gnlieb"> 
   <div id="v29" class="card"> 
    <a id="v30" href="https://wwaxd.lanzout.com/b01882o9ed">视频破解大全</a> 
   </div> 
   <div id="v31" class="card"> 
    <a id="v32" href="https://wwaxd.lanzout.com/b01882o9uj">音乐破解大全</a> 
   </div> 
  </div> 
  <div id="v33" class="gnlieb"> 
   <div id="v34" class="card"> 
    <a id="v35" href="https://wwaxd.lanzout.com/b01882o9uj">迅雷快影永久VIP</a> 
   </div> 
   <div id="v36" class="card"> 
    <a id="v37" href="https://wwaxd.lanzout.com/b01882o9uj">快手刷赞破解大全</a> 
   </div> 
  </div> 
  <div id="v38" class="gnlieb"> 
   <div id="v39" class="card"> 
    <a id="v40" href="https://wwaxd.lanzout.com/b01882o9la">明月软件库使用教程</a> 
   </div> 
   <div id="v41" class="card"> 
    <a id="v42" href="https://wwaxd.lanzout.com/b01882o9uj">快手丫L速刷</a> 
   </div> 
  </div><h2>手机壁纸破解<h2> 
  <div id="v43" class="gnlieb"> 
   <div id="v44" class="card"> 
    <a id="v45" href="https://wwaxd.lanzout.com/b01882o9uj">MT管理器解锁VIP版本</a> 
   </div> 
   <div id="v46" class="card"> 
    <a id="v47" href="https://wwaxd.lanzout.com/b01882o9uj">NP管理器</a> 
   </div> 
  </div> <h2>外挂区<h2>
  <div id="v48" class="gnlieb"> 
   <div id="v49" class="card"> 
    <a id="v50" href="https://wwaxd.lanzout.com/b01882o9ji">和平精英</a> 
   </div> 
   <div id="v51" class="card"> 
    <a id="v52" href="https://wwaxd.lanzout.com/b01882o9nc">王者荣耀</a> 
   </div> 
  </div> 
  <div id="v53" class="gnlieb"> 
   <div id="v54" class="card"> 
    <a id="v55" href="https://wwaxd.lanzout.com/b01882oaxi">暗区突围</a> 
   </div> 
   <div id="v56" class="card"> 
    <a id="v57" href="https://wwaxd.lanzout.com/b01882o9od">PUBG</a> 
   </div> 
  </div> 
  <div id="v58" class="gnlieb"> 
   <div id="v59" class="card"> 
    <a id="v60" href="https://wwaxd.lanzout.com/b01882okaf">创造与魔法</a> 
   </div> 
   <div id="v61" class="card"> 
    <a id="v62" href="https://wwaxd.lanzout.com/b01882ocob">鸣潮</a> 
   </div> 
  </div> 
  <div id="v63" class="gnlieb"> 
   <div id="v64" class="card"> 
    <a id="v65" href="https://wwaxd.lanzout.com/b01882obvc">永劫无间</a> 
   </div> 
   <div id="v66" class="card"> 
    <a id="v67" href="https://wwaxd.lanzout.com/b01882obkb">未来之役</a> 
   </div> 
  </div> 
  <div id="v68" class="gnlieb"> 
   <div id="v69" class="card"> 
    <a id="v70" href="https://wwaxd.lanzout.com/b01882ohxa">狼人杀</a> 
   </div> 
   <div id="v71" class="card"> 
    <a id="v72" href="https://wwaxd.lanzout.com/b01882oc5c">太空行动</a> 
   </div> 
  </div> 
  <div id="v73" class="gnlieb"> 
   <div id="v74" class="card"> 
    <a id="v75" href="https://wwaxd.lanzout.com/b01882ocda">对峙2</a> 
   </div> 
   <div id="v76" class="card"> 
    <a id="v77" href="https://wwaxd.lanzout.com/b01882obwd">火影忍者</a> 
   </div> 
  </div> 
  <div id="v78" class="gnlieb"> 
   <div id="v79" class="card"> 
    <a id="v80" href="https://wwaxd.lanzout.com/b01882ocfc">QQ炫舞</a> 
   </div> 
   <div id="v81" class="card"> 
    <a id="v82" href="https://wwaxd.lanzout.com/b01882oc4b">逃跑吧少年</a> 
   </div> 
  </div> 
  <div id="v83" class="gnlieb"> 
   <div id="v84" class="card"> 
    <a id="v85" href="https://wwaxd.lanzout.com/b01882obcd">香肠派对</a> 
   </div> 
   <div id="v86" class="card"> 
    <a id="v87" href="https://wwaxd.lanzout.com/b01882ob0b">明月所有游戏类型的端口防封</a> 
   </div> 
  </div> 
  <div id="v88" class="gnlieb"> 
   <div id="v89" class="card"> 
    <a id="v90" href="https://wwaxd.lanzout.com/b01882ojrg">传说对决</a> 
   </div> 
   <div id="v91" class="card"> 
    <a id="v92" href="https://wwaxd.lanzout.com/b01882ocmj">明日方舟</a> 
   </div> 
  </div> 
  <div id="v93" class="gnlieb"> 
   <div id="v94" class="card"> 
    <a id="v95" href="https://wwaxd.lanzout.com/b01882obde">穿越火线</a> 
   </div> 
   <div id="v96" class="card"> 
    <a id="v97" href="https://wwaxd.lanzout.com/b01882o9xc">使命召唤</a> 
   </div> 
  </div> 
  <div id="v98" class="gnlieb"> 
   <div id="v99" class="card"> 
    <a id="v100" href="https://wwaxd.lanzout.com/b01882ocjg">第五人格</a> 
   </div> 
   <div id="v101" class="card"> 
    <a id="v102" href="https://wwaxd.lanzout.com/b01882occj">萤火突击</a> 
   </div> 
  </div> 
  <div id="v103" class="gnlieb"> 
   <div id="v104" class="card"> 
    <a id="v105" href="https://wwaxd.lanzout.com/b01882oc8f">地铁跑酷</a> 
   </div> 
   <div id="v106" class="card"> 
    <a id="v107" href="https://wwaxd.lanzout.com/b01882ockh">QQ飞车</a> 
   </div> 
  </div> 
  <div id="v108" class="gnlieb"> 
   <div id="v109" class="card"> 
    <a id="v110" href="https://wwaxd.lanzout.com/b01882obsj">我的世界</a> 
   </div> 
   <div id="v111" class="card"> 
    <a id="v112" href="https://wwaxd.lanzout.com/b01882oa8d">迷你世界</a> 
   </div> 
  </div> 
  <div id="v113" class="gnlieb"> 
   <div id="v114" class="card"> 
    <a id="v115" href="https://wwaxd.lanzout.com/b01882oc3a">迷你枪战</a> 
   </div> 
   <div id="v116" class="card"> 
    <a id="v117" href="https://wwaxd.lanzout.com/b01882okhc">太空杀</a> 
   </div> 
  </div> 
  <div id="v118" class="gnlieb"> 
   <div id="v119" class="card"> 
    <a id="v120" href="https://wwaxd.lanzout.com/b01882ob0b">所有类型的游戏端口</a> 
   </div> 
   <div id="v121" class="card"> 
    <a id="v122" href="https://wwaxd.lanzout.com/b01882olfg">高能英雄</a> 
   </div> 
  </div> 
  <div id="v123" class="gnlieb"> 
   <div id="v124" class="card"> 
    <a id="v125" href="https://wwaxd.lanzout.com/b01882oc8f">地铁跑酷直装</a> 
   </div> 
   <div id="v126" class="card"> 
    <a id="v127" href="https://wwaxd.lanzout.com/b01882obbc">生死狙击</a> 
   </div> 
  </div> 
  <div id="v128" class="gnlieb"> 
   <div id="v129" class="card"> 
    <a id="v130" href="https://wwaxd.lanzout.com/b01882oaid">光遇</a> 
   </div> 
   <div id="v131" class="card"> 
    <a id="v132" href="https://wwaxd.lanzout.com/b01882o9hg">三角洲行动</a> 
   </div> 
  </div> 
  <div id="v133" class="gnlieb"> 
   <div id="v134" class="card"> 
    <a id="v135" href="https://wwaxd.lanzout.com/b01882oc0h">王牌战争</a> 
   </div> 
   <div id="v136" class="card"> 
    <a id="v137" href="https://wwaxd.lanzout.com/b01882oc2j">元气骑士</a> 
     </div> 
  </div> 
  <div id="v138" class="gnlieb"> 
   <div id="v139" class="card"> 
    <a id="v140" href="https://wwaxd.lanzout.com/b01882obub">曙光英雄</a> 
   </div> 
   <div id="v141" class="card"> 
    <a id="v142" href="https://wwaxd.lanzout.com/b01882ob1c">天天酷跑</a> 
   </div> 
  </div> 
  <div id="v143" class="gnlieb"> 
   <div id="v144" class="card"> 
    <a id="v145" href="https://wwaxd.lanzout.com/b01882obab">各种小游戏的直装</a> 
   </div> 
   <div id="v146" class="card"> 
    <a id="v147" href="https://wwaxd.lanzout.com/b01882oaje">开源各种软件网站源码区</a> 
   </div> 
  </div> 
  <div id="v148" class="gnlieb"> 
   <div id="v149" class="card"> 
    <a id="v150" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这里对接晴天内部稳定易支付接口【费率低而且稳定】</a> 
   </div> 
   <div id="v151" class="card"> 
    <a id="v152" href="https://wwaxd.lanzout.com/b01882o9la">各种游戏科技的使用教程</a> 
   </div> 
  </div> 
  <div id="v153" class="gnlieb"> 
   <div id="v154" class="card"> 
    <a id="v155" href="https://wwaxd.lanzout.com/b01882onkd">资源库里面下载不了软件的解决方法</a> 
   </div> 
   <div id="v156" class="card"> 
    <a id="v157" href="https://wwaxd.lanzout.com/b01882oaid">光遇萌丸</a> 
   </div> 
  </div> 
  <div id="v158" class="gnlieb"> 
   <div id="v159" class="card"> 
    <a id="v160" href="https://wwaxd.lanzout.com/b01882oaid">光遇云月</a> 
   </div> 
   <div id="v161" class="card"> 
    <a id="v162" href="https://wwaxd.lanzout.com/b01882oaid">光遇花铭</a> 
   </div> 
  </div> 
  <div id="v163" class="gnlieb"> 
   <div id="v164" class="card"> 
    <a id="v165" href="https://wwaxd.lanzout.com/b01882oaid">光遇鱼鱼</a> 
   </div> 
   <div id="v166" class="card"> 
    <a id="v167" href="https://wwaxd.lanzout.com/b01882oaid">测试服全物品</a> 
   </div> 
  </div> 
  <div id="v168" class="gnlieb"> 
   <div id="v169" class="card"> 
    <a id="v170" href="https://wwaxd.lanzout.com/b01882oieh">部落冲突</a> 
   </div> 
   <div id="v171" class="card"> 
    <a id="v172" href="https://wwaxd.lanzout.com/b01882o9od">PUBG</a> 
   </div> 
  </div> <h2>框架区<h2>
  <div id="v173" class="gnlieb"> 
   <div id="v174" class="card"> 
    <a id="v175" href="https://wwaxd.lanzout.com/b01882o9qf">全网框架合集</a> 
   </div> 
   <div id="v176" class="card"> 
    <a id="v177" href="https://wwaxd.lanzout.com/b01882o9qf">全网框架都在这里</a> 
   </div> 
  </div> <h2>实用软件<h2>
  <div id="v178" class="gnlieb"> 
   <div id="v179" class="card"> 
    <a id="v180" href="https://wwaxd.lanzout.com/b01882o9uj">实用软件区</a> 
   </div> 
   <div id="v181" class="card"> 
    <a id="v182" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这里对接晴天内部稳定易支付接口【费率低而且稳定】</a> 
   </div> 
  </div> 
  <div id="v183" class="gnlieb"> 
   <div id="v184" class="card"> 
    <a id="v185" href="https://wwaxd.lanzout.com/b01882o9uj">挽念虚拟机</a> 
   </div> 
   <div id="v186" class="card"> 
    <a id="v187" href="https://wwaxd.lanzout.com/b01882o9uj">定制微信</a> 
   </div> 
  </div> <h2>社工<h2>
  <div id="v188" class="gnlieb"> 
   <div id="v189" class="card"> 
    <a id="v190" href="https://wwaxd.lanzout.com/b01882oa6b">小七工具箱</a> 
   </div> 
   <div id="v191" class="card"> 
    <a id="v192" href="https://wwaxd.lanzout.com/b01882oa6b">小优工具箱</a> 
   </div> 
  </div> 
  <div id="v193" class="gnlieb"> 
   <div id="v194" class="card"> 
    <a id="v195" href="https://wwaxd.lanzout.com/b01882oa6b">离别黑猫社工</a> 
   </div> 
   <div id="v196" class="card"> 
    <a id="v197" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a> 
   </div> 
  </div> 
  <div id="v198" class="gnlieb"> 
   <div id="v199" class="card"> 
    <a id="v200" href="https://wwaxd.lanzout.com/b01882oa6b">NL社工</a> 
   </div> 
   <div id="v201" class="card"> 
    <a id="v202" href="https://wwaxd.lanzout.com/b01882oa6b">秋霜社工</a> 
   </div> 
  </div> 
  <div id="v203" class="gnlieb"> 
   <div id="v204" class="card"> 
    <a id="v205" href="https://wwaxd.lanzout.com/b01882oa6b">X社工</a> 
   </div> 
   <div id="v206" class="card"> 
    <a id="v207" href="https://wwaxd.lanzout.com/b01882oa6b">kk社工</a> 
   </div> 
  </div> 
  <div id="v208" class="gnlieb"> 
   <div id="v209" class="card"> 
    <a id="v210" href="https://wwaxd.lanzout.com/b01882obpg">球球大作战</a> 
   </div> 
   <div id="v211" class="card"> 
    <a id="v212" href="https://wwaxd.lanzout.com/b01882obta">落日余晖</a> 
   </div> 
  </div> 
  <div id="v213" class="gnlieb"> 
   <div id="v214" class="card"> 
    <a id="v215" href="https://wwaxd.lanzout.com/b01882oa6b">照妖镜</a> 
   </div> 
   <div id="v216" class="card"> 
    <a id="v217" href="https://wwaxd.lanzout.com/b01882oa6b">社工库大全</a> 
   </div> 
  </div> <h2>明月NB<h2>
  <div id="v218" class="gnlieb"> 
   <div id="v219" class="card"> 
    <a id="v220" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a> 
   </div> 
   <div id="v221" class="card"> 
    <a id="v222" href="https://wwaxd.lanzout.com/b01882ooba">无畏契约</a> 
   </div> 
  </div> 
  <div id="v223" class="gnlieb"> 
   <div id="v224" class="card"> 
    <a id="v225" href="https://wwaxd.lanzout.com/b01882oodc">远光84</a> 
   </div> 
   <div id="v226" class="card"> 
    <a id="v227" href="https://wwaxd.lanzout.com/b01882ocif">超自然行动组</a> 
   </div> 
  </div> 
  <div id="v228" class="gnlieb"> 
   <div id="v229" class="card"> 
    <a id="v230" href="https://wwaxd.lanzout.com/b01882ocgd">王牌竞速</a> 
   </div> 
   <div id="v231" class="card"> 
    <a id="v232" href="https://wwaxd.lanzout.com/b01882ocjg">第五人格</a> 
   </div> 
  </div> <h2>逆向<h2>
  <div id="v233" class="gnlieb"> 
   <div id="v234" class="card"> 
    <a id="v235" href="https://wwaxd.lanzout.com/b01882oijc">逆向思维</a> 
   </div> 
   <div id="v236" class="card"> 
    <a id="v237" href="https://wwaxd.lanzout.com/b01882oijc">逆向工具</a> 
   </div> 
  </div> <h2>我推荐使用晴天易支付接口<h2>
  <div id="v238" class="gnlieb"> 
   <div id="v239" class="card"> 
    <a id="v240" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a> 
   </div> 
   <div id="v241" class="card"> 
    <a id="v242" href="https://wwaxd.lanzout.com/b01882ockh">QQ飞车</a> 
   </div> 
  </div> 
  <div id="v243" class="gnlieb"> 
   <div id="v244" class="card"> 
    <a id="v245" href="https://wwaxd.lanzout.com/b01882oceb">英雄联盟</a> 
   </div> 
   <div id="v246" class="card"> 
    <a id="v247" href="https://wwaxd.lanzout.com/b01882oa6b">IP查询</a> 
   </div> 
  </div> <h2>游戏区<h2>
  <div id="v248" class="gnlieb"> 
   <div id="v249" class="card"> 
    <a id="v250" href="https://wwaxd.lanzout.com/b01882occj">萤火突击</a> 
   </div> 
   <div id="v251" class="card"> 
    <a id="v252" href="https://wwaxd.lanzout.com/b01882ocli">荒野行动</a> 
   </div> 
  </div> <h2>快手速刷频道<h2>
  <div id="v253" class="gnlieb"> 
   <div id="v254" class="card"> 
    <a id="v255" href="https://wwaxd.lanzout.com/b01882o9uj">冰嘉快手速刷</a> 
   </div> 
   <div id="v256" class="card"> 
    <a id="v257" href="https://wwaxd.lanzout.com/b01882o9uj">思月快手速刷</a> 
   </div> 
  </div> 
  <div id="v258" class="gnlieb"> 
   <div id="v259" class="card"> 
    <a id="v260" href="https://wwaxd.lanzout.com/b01882o9uj">TA快手快手速刷</a> 
   </div> 
   <div id="v261" class="card"> 
    <a id="v262" href="https://wwaxd.lanzout.com/b01882o9uj">小梦快手速刷</a> 
   </div> 
  </div> 
  <div id="v263" class="gnlieb"> 
   <div id="v264" class="card"> 
    <a id="v265" href="https://wwaxd.lanzout.com/b01882o9uj">丫U快手速刷</a> 
   </div> 
   <div id="v266" class="card"> 
    <a id="v267" href="https://wwaxd.lanzout.com/b01882o9uj">仙帝快手速刷</a> 
   </div> 
  </div> 
  <div id="v268" class="gnlieb"> 
   <div id="v269" class="card"> 
    <a id="v270" href="https://wwaxd.lanzout.com/b01882o9uj">古德福快手速刷</a> 
   </div> 
   <div id="v271" class="card"> 
    <a id="v272" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a> 
   </div> 
  </div> <h2>APK加固<h2>
  <div id="v273" class="gnlieb"> 
   <div id="v274" class="card"> 
    <a id="v275" href="https://jiagu.360.cn">360加固</a> 
   </div> 
   <div id="v276" class="card"> 
    <a id="v277" href="https://dev.bangcle.com">梆梆加固</a> 
   </div> 
  </div> 
  <div id="v278" class="gnlieb"> 
   <div id="v279" class="card"> 
    <a id="v280" href="https://www.ijiami.cn/">爱加密</a> 
   </div> 
   <div id="v281" class="card"> 
    <a id="v282" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a> 
   </div> 
  </div> <h2>在线使用<h2>
  <div id="v283" class="gnlieb"> 
   <div id="v284" class="card"> 
    <a id="v285" href="https://semlp-partner.kuaishou.com/dynamic?keywordId=608110606070&query=%E8%B9%87%EE%82%A3%E5%A2%9C%E9%8D%A6%E3%84%A7%E5%9A%8E%E7%91%99%E5%82%9C%E6%B9%85%E7%BC%83%E6%88%A6%E3%80%89%E9%90%97%EF%BF%BD&cid=54231661824&match=1&pos=mt1&planName=157405279&unit=5884671341&pn=1&dt=0&ori_query=%7Bquery%7D&crowdid=0&bd_vid=rjf4Pjcdn161PWR1P10knW01n7tznWPxnNtknjKxP7tdPjc1nHmvnH6zP0&requestId=a68310a3b53d4e498529648cee9c3ed5&word=&ip=27.47.133.61&ua=Mozilla%2F5.0+%28Linux%3B+U%3B+Android+13%3B+zh-cn%3B+2201123C+Build%2FTKQ1.220807.001%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Version%2F4.0+Chrome%2F100.0.4896.127+Mobile+Safari%2F537.36+XiaoMi%2FMiuiBrowser%2F17.7.280811+swan-mibrowser&webDeviceId=web_032f27d4240859dc5af9ca3898ea8e24">快手</a> 
   </div> 
   <div id="v286" class="card"> 
    <a id="v287" href="https://live.douyin.com/">抖音</a> 
   </div> 
  </div> 
  <div id="v288" class="gnlieb"> 
   <div id="v289" class="card"> 
    <a id="v290" href="https://m.bilibili.com/">b站</a> 
   </div> 
   <div id="v291" class="card"> 
    <a id="v292" href="https://wwaxd.lanzout.com/b01882o9uj">kk偷相册</a> 
   </div> 
  </div> 
  <div id="v293" class="gnlieb"> 
   <div id="v294" class="card"> 
    <a id="v295" href="https://pan.jl8.top/">图转链接</a> 
   </div> 
   <div id="v296" class="card"> 
    <a id="v297" href="https://www.uugai.com/">LOGO设计</a> 
   </div> 
  </div> 
  <div id="v298" class="gnlieb"> 
   <div id="v299" class="card"> 
    <a id="v300" href="https://wwaxd.lanzout.com/b01882o9uj">4399小白号</a> 
   </div> 
   <div id="v301" class="card"> 
    <a id="v302" href="https://wwaxd.lanzout.com/b01882o9uj">无限手机号</a> 
   </div> 
  </div> 
  <div id="v303" class="gnlieb"> 
   <div id="v304" class="card"> 
    <a id="v305" href="https://wwaxd.lanzout.com/b01882o9uj">VIP视频解析</a> 
   </div> 
   <div id="v306" class="card"> 
    <a id="v307" href="https://wwaxd.lanzout.com/b01882o9uj">工具箱</a> 
   </div> 
  </div> 
    <div id="v308" class="gnlieb"> 
   <div id="v309" class="card"> 
    <a id="v310" href="https://wwaxd.lanzout.com/b01882o9uj">工具箱2</a> 
   </div> 
   <div id="v311" class="card"> 
    <a id="v312" href="https://wwaxd.lanzout.com/b01882o9uj">二维码生成器</a> 
   </div> 
  </div> 
  <div id="v313" class="gnlieb"> 
   <div id="v314" class="card"> 
    <a id="v315" href="https://wap.sogou.com/">搜狗在线使用</a> 
   </div> 
   <div id="v316" class="card"> 
    <a id="v317" href="https://quark.sm.cn/">夸克在线使用</a> 
   </div> 
  </div> 
  <div id="v318" class="gnlieb"> 
   <div id="v319" class="card"> 
    <a id="v320" href="http://hao.uc.cn/?uc_param_str=dnfrpfbivecpbtnt">UC在线使用</a> 
   </div> 
   <div id="v321" class="card"> 
    <a id="v322" href="https://m.baidu.com/?ref=www_ptl&ms=1&rsv_pq=8412643359331076669&rsv_t=4f2bmZb1E814eRVwL9dmly9elBLWHQhaeet2fSPqFnYj16RBt3Mq">百度网盘在线使用</a> 
   </div> 
  </div> <h2>新增内容<h2>
<div id="v323" class="gnlieb"> 
   <div id="v324" class="card"> 
    <a id="v325" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这里对接晴天内部稳定易支付接口【费率低而且稳定】</a> 
   </div> 
   <div id="v326" class="card"> 
    <a id="v327" href="https://wwaxd.lanzout.com/b01882o9ji">和平最强改文件</a> 
   </div> 
  </div> 
  <div id="v328" class="gnlieb"> 
   <div id="v329" class="card"> 
    <a id="v330" href="https://wwaxd.lanzout.com/b01882o9ih">音乐播放器</a> 
   </div> 
   <div id="v331" class="card"> 
    <a id="v332" href="https://wwaxd.lanzout.com/b01882oahc">各种游戏破解</a> 
   </div> 
  </div> 
  <div id="v333" class="gnlieb"> 
   <div id="v334" class="card"> 
    <a id="v335" href="https://wwaxd.lanzout.com/b01882o9uj">破解软件大全</a> 
   </div> 
   <div id="v336" class="card"> 
    <a id="v337" href="https://wwaxd.lanzout.com/b01882obri">原神</a> 
   </div> 
   </div> 
  <div id="v378" class="gnlieb"> 
   <div id="v379" class="card"> 
    <a id="v380" href="https://wwaxd.lanzout.com/b01882oa8d">迷你世界冰昔辅助</a> 
   </div> 
   <div id="v381" class="card"> 
    <a id="v382" href="https://wwaxd.lanzout.com/b01882oa6b">Q绑查询</a> 
   </div> 
  </div> 
  <div id="v383" class="gnlieb"> 
   <div id="v384" class="card"> 
    <a id="v385" href="https://wwaxd.lanzout.com/b01882oc8f">地铁跑酷</a> 
   </div> 
   <div id="v386" class="card"> 
    <a id="v387" href="https://wwaxd.lanzout.com/b01882o9uj">网页攻击</a> 
   </div> 
  </div> 
  <div id="v388" class="gnlieb"> 
   <div id="v389" class="card"> 
    <a id="v390" href="https://wwaxd.lanzout.com/b01882oc7e">金铲铲</a> 
   </div> 
   <div id="v391" class="card"> 
    <a id="v392" href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这里对接晴天内部稳定易支付接口【费率低而且稳定】</a> 
   </div> 
  </div> 
  <div id="v393" class="gnlieb"> 
   <div id="v394" class="card"> 
    <a id="v395" href="https://wwaxd.lanzout.com/b01882o9uj">清印</a> 
   </div> 
   <div id="v396" class="card"> 
    <a id="v397" href="https://wwaxd.lanzout.com/b01882o9uj">水印</a> 
   </div> 
  </div> 
  <div id="v398" class="gnlieb"> 
   <div id="v399" class="card"> 
    <a id="v400" href="mqqapi://card/show_pslcard?src_type=internal&version=1&card_type=group&source=qrcode&uin=1080403351">明月软件库交流群</a> 
   </div> 
   <div id="v401" class="card"> 
    <a id="v402" href="https://wwaxd.lanzout.com/b01882oaje">各种软件网站源码区</a> 
   </div> 
  </div> 
  <div id="v403" class="gnlieb"> 
   <div id="v404" class="card"> 
    <a id="v405" href="https://wwaxd.lanzout.com/b01882oc6d">蛋仔派对</a> 
   </div> 
   <div id="v406" class="card"> 
    <a id="v407" href="https://wwaxd.lanzout.com/b01882ocah">明日之后</a> 
 </div> 
  </div> 
  
  
  
  
  
  
  
  
  
  <script>
  <script>
                // 添加点击动画
                btn.style.transform = 'scale(0.95)';
                setTimeout(() => {
                    btn.style.transform = 'scale(1)';
                }, 200);
            });
        });
    </script>
    <!DOCTYPE html>
<html>
<head>
    <title>保持滚动位置的返回按钮</title>
    <style>
        body {
            height: px; /* 用于演示滚动 */
        }
        .content {
            margin-top: 800px; /* 初始滚动位置 */
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <script>
        // 保存当前滚动位置
        window.addEventListener('beforeunload', function() {
            sessionStorage.setItem('scrollPosition', window.scrollY);
        });

        // 页面加载时恢复滚动位置
        window.addEventListener('load', function() {
            const scrollPosition = sessionStorage.getItem('scrollPosition');
            if (scrollPosition) {
                window.scrollTo(0, scrollPosition);
                sessionStorage.removeItem('scrollPosition');
            }
        });

        // 按钮点击事件
        document.getElementById('myButton').addEventListener('click', function() {
            // 模拟页面跳转
            window.location.href = 'otherpage.html';
        });
    </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title>保持滚动位置的返回按钮</title>
    <style>
        body {
            height: px; /* 用于演示滚动 */
        }
        .content {
            margin-top: 800px; /* 初始滚动位置 */
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <script>
        // 保存当前滚动位置
        window.addEventListener('beforeunload', function() {
            sessionStorage.setItem('scrollPosition', window.scrollY);
        });

        // 页面加载时恢复滚动位置
        window.addEventListener('load', function() {
            const scrollPosition = sessionStorage.getItem('scrollPosition');
            if (scrollPosition) {
                window.scrollTo(0, scrollPosition);
                sessionStorage.removeItem('scrollPosition');
            }
        });

        // 按钮点击事件
        document.getElementById('myButton').addEventListener('click', function() {
            // 模拟页面跳转
            window.location.href = 'otherpage.html';
        });
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>带网络检测的跳转按钮</title>
    <style>
        /* 正常页面样式 */
        .normal-page {
            padding: 50px;
            text-align: center;
        }
        .jump-btn {
            padding: 12px 24px;
            font-size: 18px;
            cursor: pointer;
            background: #2196F3;
            color: white;
            border: none;
            border-radius: 6px;
            transition: background 0.3s;
        }
        .jump-btn:hover {
            background: #1976D2;
        }

        /* 断网提示页样式（初始隐藏） */
        .offline-page {
            display: none; /* 默认不显示 */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white; /* 白屏效果 */
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 20px;
        }
        .offline-icon {
            font-size: 60px;
            color: #F44336;
            margin-bottom: 20px;
        }
        .offline-tip {
            font-size: 22px;
            color: #333;
            margin-bottom: 10px;
        }
        .offline-desc {
            font-size: 16px;
            color: #666;
        }
    </style>
</head>
	<script src="js/WhiteSevsUtils.js"></script>

<body>

    <!-- 断网提示页面（白屏+提示） -->
    <div class="offline-page" id="offlinePage">
        <div class="offline-icon">🔌</div>
        <div class="offline-tip">请打开网络再使用</div>
        <div class="offline-desc">当前网络已断开，无法完成跳转</div>
    </div>

    <script>
        // 网络检测+跳转核心函数
        function checkNetworkAndJump(targetUrl) {
            // 1. 检测当前网络状态：navigator.onLine 为 true 表示在线，false 表示离线
            if (navigator.onLine) {
                // 2. 在线状态：执行正常跳转
                window.location.href = targetUrl;
            } else {
                // 3. 离线状态：隐藏正常页面，显示断网白屏提示
                document.querySelector('.normal-page').style.display = 'none';
                document.getElementById('offlinePage').style.display = 'flex';
            }
        }

        // 可选：监听网络状态变化（比如断网后重新联网，自动恢复正常页面）
        window.addEventListener('online', function() {
            document.querySelector('.normal-page').style.display = 'block';
            document.getElementById('offlinePage').style.display = 'none';
        });

        window.addEventListener('offline', function() {
            // 若断网时未点击按钮，可选择是否自动显示提示（按需开启）
            // document.querySelector('.normal-page').style.display = 'none';
            // document.getElementById('offlinePage').style.display = 'flex';
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 滚动位置保存
            const savedPosition = sessionStorage.getItem('scrollPosition');
            if (savedPosition) {
                window.scrollTo(0, parseInt(savedPosition, 10));
                sessionStorage.removeItem('scrollPosition');
            }
            
            // 链接点击事件
            document.querySelectorAll('.card:not(.empty) a').forEach(link => {
                link.addEventListener('click', function() {
                    sessionStorage.setItem('scrollPosition', window.scrollY);
                });
            });
        });
    </script>
            <script>
// 弹窗管理器
class DialogManager {
    constructor() {
        this.activeDialog = null;
        this.dialogs = {
            toolbox: new mdui.Dialog('#toolbox-dialog'),
            bookmarks: new mdui.Dialog('#bookmarks-dialog'),
            settings: new mdui.Dialog('#settings-dialog'),
            addBookmark: new mdui.Dialog('#add-bookmark-dialog'),
            editBookmark: new mdui.Dialog('#edit-bookmark-dialog'),
            addJs: new mdui.Dialog('#add-js-dialog'),
            editJs: new mdui.Dialog('#edit-js-dialog')
        };
    }

    open(dialogName) {
        if (this.activeDialog && this.activeDialog !== dialogName) {
            this.dialogs[this.activeDialog].close();
        }
        this.activeDialog = dialogName;
        this.dialogs[dialogName].open();
    }

    close(dialogName) {
        if (this.activeDialog === dialogName) {
            this.activeDialog = null;
        }
        this.dialogs[dialogName].close();
    }
}

// 初始化应用
document.addEventListener('DOMContentLoaded', function() {
    // 初始化弹窗管理器
    const dialogManager = new DialogManager();
    
    // 加载本地存储数据
    loadLocalStorageData();
    
    // 渲染初始界面
    renderShortcuts();
    loadMainPage();
    
    // 绑定事件
    bindEvents(dialogManager);
    
    // 执行JS扩展
    executeJsExtensions();
});

// 加载本地存储数据
function loadLocalStorageData() {
    const savedBookmarks = localStorage.getItem('browserBookmarks');
    if (savedBookmarks) {
        appData.bookmarks = JSON.parse(savedBookmarks);
    }
    
    const savedSettings = localStorage.getItem('browserSettings');
    if (savedSettings) {
        appData.settings = JSON.parse(savedSettings);
        applyTheme(appData.settings.theme);
        updateSettingsUI();
    }
    
    const savedJsExtensions = localStorage.getItem('browserJsExtensions');
    if (savedJsExtensions) {
        appData.jsExtensions = JSON.parse(savedJsExtensions);
    }
}

// 保存书签数据
function saveBookmarks() {
    localStorage.setItem('browserBookmarks', JSON.stringify(appData.bookmarks));
}

// 保存设置数据
function saveSettings() {
    localStorage.setItem('browserSettings', JSON.stringify(appData.settings));
}

// 保存JS扩展
function saveJsExtensions() {
    localStorage.setItem('browserJsExtensions', JSON.stringify(appData.jsExtensions));
}

// 应用主题
function applyTheme(theme) {
    if (theme === 'dark') {
        document.body.classList.add('mdui-theme-layout-dark');
    } else {
        document.body.classList.remove('mdui-theme-layout-dark');
    }
}

// 更新设置UI
function updateSettingsUI() {
    document.querySelector(`input[name="search-engine"][value="${appData.settings.searchEngine}"]`).checked = true;
    document.querySelector(`input[name="theme"][value="${appData.settings.theme}"]`).checked = true;
}

// 执行JS扩展
function executeJsExtensions() {
    appData.jsExtensions.forEach(ext => {
        if (ext.enabled) {
            try {
                const script = document.createElement('script');
                script.textContent = ext.content;
                document.head.appendChild(script).remove();
            } catch (e) {
                console.error(`执行JS扩展"${ext.name}"失败:`, e);
            }
        }
    });
}

// 渲染快捷方式
function renderShortcuts() {
    const grid = document.getElementById('shortcut-grid');
    grid.innerHTML = '';
    
    appData.shortcuts.forEach(shortcut => {
        const item = document.createElement('div');
        item.className = 'shortcut-item';
        item.innerHTML = `
            <div class="shortcut-icon">
                <i class="mdui-icon material-icons">public</i>
            </div>
            <div class="shortcut-text">${shortcut.name}</div>
        `;
        item.onclick = () => loadUrl(shortcut.url);
        grid.appendChild(item);
    });
}

// 渲染收藏夹
function renderBookmarks() {
    const list = document.getElementById('bookmarks-list');
    list.innerHTML = '';
    
    if (appData.bookmarks.length === 0) {
        list.innerHTML = '<li class="mdui-list-item">暂无收藏</li>';
        return;
    }
    
    appData.bookmarks.forEach((bookmark, index) => {
        const item = document.createElement('li');
        item.className = 'mdui-list-item mdui-ripple';
        item.innerHTML = `
            <div class="mdui-list-item-content">${bookmark.name}</div>
            <div class="mdui-list-item-secondary">
                <button class="mdui-btn mdui-btn-icon edit-bookmark" data-index="${index}">
                    <i class="mdui-icon material-icons">edit</i>
                </button>
                <button class="mdui-btn mdui-btn-icon delete-bookmark" data-index="${index}">
                    <i class="mdui-icon material-icons">delete</i>
                </button>
            </div>
        `;
        
        item.onclick = () => {
            loadUrl(bookmark.url);
            dialogManager.close('bookmarks');
        };
        
        list.appendChild(item);
    });
}

// 渲染工具箱
function renderTools() {
    const list = document.getElementById('tools-list');
    list.innerHTML = '';
    
    appData.tools.forEach(tool => {
        const item = document.createElement('div');
        item.className = 'tool-item';
        item.innerHTML = `
            <div class="tool-icon">
                <img src="${tool.icon}" alt="${tool.name}" width="48" height="48">
            </div>
            <div class="tool-name">${tool.name}</div>
        `;
        item.onclick = () => {
            loadUrl(tool.action);
            dialogManager.close('toolbox');
        };
        list.appendChild(item);
    });
}

// 渲染JS扩展
function renderJsExtensions() {
    const list = document.getElementById('js-extensions-list');
    list.innerHTML = '';
    
    if (appData.jsExtensions.length === 0) {
        list.innerHTML = '<div class="mdui-typo-body-1">暂无JS扩展</div>';
        return;
    }
    
    appData.jsExtensions.forEach((ext, index) => {
        const item = document.createElement('div');
        item.className = 'js-extension-item';
        item.innerHTML = `
            <div class="js-extension-name">${ext.name}</div>
            <div class="js-extension-status">${ext.enabled ? '已启用' : '已禁用'}</div>
            <div class="js-extension-actions">
                <button class="mdui-btn mdui-btn-icon mdui-ripple toggle-js" data-index="${index}">
                    <i class="mdui-icon material-icons">${ext.enabled ? 'toggle_on' : 'toggle_off'}</i>
                </button>
                <button class="mdui-btn mdui-btn-icon mdui-ripple edit-js" data-index="${index}">
                    <i class="mdui-icon material-icons">edit</i>
                </button>
                <button class="mdui-btn mdui-btn-icon mdui-ripple delete-js" data-index="${index}">
                    <i class="mdui-icon material-icons">delete</i>
                </button>
            </div>
        `;
        list.appendChild(item);
    });
}

// 加载主页
function loadMainPage() {
    document.getElementById('main-page').style.display = 'block';
    document.getElementById('browser-view').style.display = 'none';
}

// 加载URL
function loadUrl(url) {
    if (!url.startsWith('http://') && !url.startsWith('https://')) {
        url = 'https://' + url;
    }
    
    const browserView = document.getElementById('browser-view');
    browserView.src = url;
    appData.currentUrl = url;
    document.getElementById('main-page').style.display = 'none';
    browserView.style.display = 'block';
}

// 绑定事件
function bindEvents(dialogManager) {
    // 主页按钮
    document.getElementById('home-btn').addEventListener('click', loadMainPage);
    document.getElementById('home-nav-btn').addEventListener('click', loadMainPage);

    // 导航按钮
    document.getElementById('back-btn').addEventListener('click', () => {
        try {
            document.getElementById('browser-view').contentWindow.history.back();
        } catch (e) {
            console.log('无法后退:', e);
        }
    });

    document.getElementById('forward-btn').addEventListener('click', () => {
        try {
            document.getElementById('browser-view').contentWindow.history.forward();
        } catch (e) {
            console.log('无法前进:', e);
        }
    });

    document.getElementById('refresh-btn').addEventListener('click', () => {
        const browserView = document.getElementById('browser-view');
        if (browserView.style.display === 'block') {
            browserView.src = browserView.src;
        }
    });

    // 搜索功能
    document.getElementById('search-input').addEventListener('keypress', (e) => {
        if (e.key === 'Enter') {
            const query = e.target.value.trim();
            if (query) {
                let searchUrl;
                if (appData.settings.searchEngine === 'baidu') {
                    searchUrl = 'https://www.baidu.com/s?wd=' + encodeURIComponent(query);
                } else if (appData.settings.searchEngine === 'google') {
                    searchUrl = 'https://www.google.com/search?q=' + encodeURIComponent(query);
                }
                
                if (query.startsWith('http://') || query.startsWith('https://')) {
                    loadUrl(query);
                } else {
                    loadUrl(searchUrl);
                }
                e.target.value = '';
            }
        }
    });

    // 工具箱功能
    document.getElementById('tools-btn').addEventListener('click', () => {
        renderTools();
        dialogManager.open('toolbox');
    });

    // 设置功能 - 顶栏设置按钮
    document.getElementById('settings-btn').addEventListener('click', () => {
        renderJsExtensions();
        dialogManager.open('settings');
    });

    // 设置功能 - 侧边栏设置按钮
    document.getElementById('settings-sidebar-btn').addEventListener('click', () => {
        renderJsExtensions();
        dialogManager.open('settings');
    });

    // 收藏夹功能
    document.getElementById('bookmarks-btn').addEventListener('click', () => {
        renderBookmarks();
        dialogManager.open('bookmarks');
    });

    // 添加收藏
    document.getElementById('add-bookmark-btn').addEventListener('click', () => {
        document.getElementById('bookmark-name-input').value = '';
        document.getElementById('bookmark-url-input').value = appData.currentUrl || '';
        dialogManager.open('addBookmark');
    });

    // 保存收藏
    document.getElementById('save-bookmark-btn').addEventListener('click', () => {
        const name = document.getElementById('bookmark-name-input').value.trim();
        let url = document.getElementById('bookmark-url-input').value.trim();
        
        if (!name || !url) {
            mdui.snackbar('请输入收藏名称和网址');
            return;
        }
        
        if (!url.startsWith('http://') && !url.startsWith('https://')) {
            url = 'https://' + url;
        }
        
        appData.bookmarks.push({ name, url });
        saveBookmarks();
        renderBookmarks();
        dialogManager.close('addBookmark');
        mdui.snackbar('收藏已保存');
    });

    // 更新收藏
    document.getElementById('update-bookmark-btn').addEventListener('click', () => {
        const name = document.getElementById('edit-bookmark-name-input').value.trim();
        let url = document.getElementById('edit-bookmark-url-input').value.trim();
        const index = parseInt(document.getElementById('edit-bookmark-dialog').getAttribute('data-index'));
        
        if (!name || !url) {
            mdui.snackbar('请输入收藏名称和网址');
            return;
        }
        
        if (!url.startsWith('http://') && !url.startsWith('https://')) {
            url = 'https://' + url;
        }
        
        appData.bookmarks[index] = { name, url };
        saveBookmarks();
        renderBookmarks();
        dialogManager.close('editBookmark');
        mdui.snackbar('收藏已更新');
    });

    // 清除数据
    document.getElementById('clear-data-btn').addEventListener('click', () => {
        if (confirm('确定要清除所有数据吗？这将恢复所有默认设置')) {
            localStorage.clear();
            location.reload();
        }
    });

    // JS扩展管理
    document.getElementById('add-js-btn').addEventListener('click', () => {
        document.getElementById('js-name-input').value = '';
        document.getElementById('js-content-input').value = '';
        dialogManager.open('addJs');
    });

    // 保存JS扩展
    document.getElementById('save-js-btn').addEventListener('click', () => {
        const name = document.getElementById('js-name-input').value.trim();
        const content = document.getElementById('js-content-input').value;
        
        if (!name) {
            alert('请输入JS扩展名称');
            return;
        }
        
        appData.jsExtensions.push({
            id: Date.now().toString(),
            name: name,
            content: content,
            enabled: true
        });
        
        saveJsExtensions();
        renderJsExtensions();
        dialogManager.close('addJs');
        alert('JS扩展已保存，重启后生效');
    });

    // 更新JS扩展
    document.getElementById('update-js-btn').addEventListener('click', () => {
        const name = document.getElementById('edit-js-name-input').value.trim();
        const content = document.getElementById('edit-js-content-input').value;
        const id = document.getElementById('edit-js-dialog').getAttribute('data-id');
        
        if (!name) {
            alert('请输入JS扩展名称');
            return;
        }
        
        const index = appData.jsExtensions.findIndex(ext => ext.id === id);
        if (index !== -1) {
            appData.jsExtensions[index] = {
                ...appData.jsExtensions[index],
                name: name,
                content: content
            };
            
            saveJsExtensions();
            renderJsExtensions();
            dialogManager.close('editJs');
            alert('JS扩展已更新，重启后生效');
        }
    });

    // 事件委托处理动态元素
    document.addEventListener('click', function(e) {
        // 编辑收藏
        if (e.target.closest('.edit-bookmark')) {
            const index = e.target.closest('.edit-bookmark').getAttribute('data-index');
            const bookmark = appData.bookmarks[index];
            document.getElementById('edit-bookmark-name-input').value = bookmark.name;
            document.getElementById('edit-bookmark-url-input').value = bookmark.url;
            document.getElementById('edit-bookmark-dialog').setAttribute('data-index', index);
            dialogManager.open('editBookmark');
        }
        
        // 删除收藏
        if (e.target.closest('.delete-bookmark')) {
            const index = e.target.closest('.delete-bookmark').getAttribute('data-index');
            if (confirm('确定要删除这个收藏吗？')) {
                appData.bookmarks.splice(index, 1);
                saveBookmarks();
                renderBookmarks();
                mdui.snackbar('收藏已删除');
            }
        }
        
        // 切换JS扩展状态
        if (e.target.closest('.toggle-js')) {
            const index = e.target.closest('.toggle-js').getAttribute('data-index');
            appData.jsExtensions[index].enabled = !appData.jsExtensions[index].enabled;
            saveJsExtensions();
            renderJsExtensions();
            mdui.snackbar('JS扩展状态已更新');
        }
        
        // 编辑JS扩展
        if (e.target.closest('.edit-js')) {
            const index = e.target.closest('.edit-js').getAttribute('data-index');
            const ext = appData.jsExtensions[index];
            if (ext) {
                document.getElementById('edit-js-name-input').value = ext.name;
                document.getElementById('edit-js-content-input').value = ext.content;
                document.getElementById('edit-js-dialog').setAttribute('data-id', ext.id);
                dialogManager.open('editJs');
            }
        }
        
        // 删除JS扩展
        if (e.target.closest('.delete-js')) {
            const index = e.target.closest('.delete-js').getAttribute('data-index');
            const ext = appData.jsExtensions[index];
            if (ext && confirm(`确定要删除扩展"${ext.name}"吗？`)) {
                appData.jsExtensions.splice(index, 1);
                saveJsExtensions();
                renderJsExtensions();
                mdui.snackbar('JS扩展已删除');
            }
        }
        
        // 搜索引擎切换
        if (e.target.closest('input[name="search-engine"]')) {
            appData.settings.searchEngine = e.target.value;
            saveSettings();
            mdui.snackbar('搜索引擎已切换');
        }
        
        // 主题切换
        if (e.target.closest('input[name="theme"]')) {
            appData.settings.theme = e.target.value;
            saveSettings();
            applyTheme(appData.settings.theme);
            mdui.snackbar('主题已切换');
        }
    });
    // 背景图片
    class BackgroundManager {
    constructor() {
        this.images = [
            'background/image1.jpg',
            'background/image2.jpg',
            'background/image3.jpg',
            'background/image4.jpg',
            'background/image5.jpg',
            'background/image6.jpg',
            'background/image7.jpg',
            'background/image8.jpg',
            'background/kb1.jpg',
            'background/kb2.jpg'
            // 豆包生成图片(牢大)
        ];
        this.currentIndex = 0;
        this.interval = 3000; // 默认3秒
        this.timer = null;
        this.enabled = true;
        
        this.initBackground();
        this.loadSettings();
    }
    
    initBackground() {
        const container = document.createElement('div');
        container.className = 'background-container';
        
        // 创建两个背景容器用于平滑过渡
        this.bg1 = document.createElement('div');
        this.bg1.className = 'background-image';
        
        this.bg2 = document.createElement('div');
        this.bg2.className = 'background-image';
        
        container.appendChild(this.bg1);
        container.appendChild(this.bg2);
        document.body.insertBefore(container, document.body.firstChild);
        
        this.bg1.style.backgroundImage = `url(${this.images[0]})`;
        this.bg1.classList.add('active');
    }
    
    start() {
        if (!this.enabled) return;
        
        this.timer = setInterval(() => {
            this.nextImage();
        }, this.interval);
    }
    
    stop() {
        if (this.timer) {
            clearInterval(this.timer);
            this.timer = null;
        }
    }
    
    nextImage() {
        this.currentIndex = (this.currentIndex + 1) % this.images.length;
        const nextImage = this.images[this.currentIndex];
        
        const currentBg = this.bg1.classList.contains('active') ? this.bg1 : this.bg2;
        const nextBg = currentBg === this.bg1 ? this.bg2 : this.bg1;
        
        nextBg.style.backgroundImage = `url(${nextImage})`;
        currentBg.classList.remove('active');
        nextBg.classList.add('active');
    }
    
    loadSettings() {
        const savedSettings = localStorage.getItem('backgroundSettings');
        if (savedSettings) {
            const settings = JSON.parse(savedSettings);
            this.enabled = settings.enabled;
            this.interval = settings.interval * 1000;
            
            // 更新UI
            document.getElementById('bg-toggle').checked = this.enabled;
            document.getElementById('bg-interval').value = settings.interval;
            
            // 更新页面样式
            if (!this.enabled) {
                document.body.classList.add('no-background');
            }
        }
        
        if (this.enabled) {
            this.start();
        }
    }
    
    saveSettings() {
        const settings = {
            enabled: this.enabled,
            interval: this.interval / 1000
        };
        localStorage.setItem('backgroundSettings', JSON.stringify(settings));
    }
    
    toggle(enabled) {
        this.enabled = enabled;
        if (enabled) {
            document.body.classList.remove('no-background');
            this.start();
        } else {
            document.body.classList.add('no-background');
            this.stop();
        }
        this.saveSettings();
    }
    
    setInterval(seconds) {
        this.interval = seconds * 1000;
        if (this.enabled) {
            this.stop();
            this.start();
        }
        this.saveSettings();
    }
}

// 初始化背景管理器
const backgroundManager = new BackgroundManager();

// 绑定设置事件
document.getElementById('bg-toggle').addEventListener('change', function(e) {
    backgroundManager.toggle(e.target.checked);
});

document.getElementById('bg-interval').addEventListener('change', function(e) {
    const seconds = parseInt(e.target.value);
    if (seconds >= 5 && seconds <= 60) {
        backgroundManager.setInterval(seconds);
    }
});
}
    </script>
      <script>
document.addEventListener('DOMContentLoaded', function() {
    // 打开工具箱按钮
    const openToolboxBtn = document.getElementById('open-toolbox');
    // 关闭工具箱按钮
    const closeToolboxBtn = document.getElementById('close-toolbox');
    // iframe容器
    const toolboxContainer = document.getElementById('toolbox-iframe-container');
    // iframe元素
    const toolboxIframe = document.getElementById('toolbox-iframe');
    
    // 打开工具箱
    if (openToolboxBtn) {
        openToolboxBtn.addEventListener('click', function(e) {
            e.preventDefault();
            
            // 加载第三方应用
            toolboxIframe.src = 'third-party-app/index.html'; // 替换为你的第三方应用路径
            
            // 显示容器
            toolboxContainer.style.display = 'block';
            
            // 隐藏滚动条
            document.body.style.overflow = 'hidden';
        });
    }
    
    // 关闭工具箱
    if (closeToolboxBtn) {
        closeToolboxBtn.addEventListener('click', function() {
            toolboxContainer.style.display = 'none';
            document.body.style.overflow = '';
        });
    }
    
    // 更新日志弹窗相关
    const changelogModal = document.getElementById('changelog-modal');
    const openChangelogBtn = document.getElementById('open-changelog');
    const closeChangelogBtn = document.getElementById('close-changelog');
    
    // 打开更新日志
    if (openChangelogBtn && changelogModal) {
        openChangelogBtn.addEventListener('click', function(e) {
            e.preventDefault();
            changelogModal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        });
    }
    
    // 关闭更新日志
    if (closeChangelogBtn && changelogModal) {
        closeChangelogBtn.addEventListener('click', function() {
            changelogModal.style.display = 'none';
            document.body.style.overflow = '';
        });
    }
    
    // 点击背景关闭
    if (changelogModal) {
        changelogModal.addEventListener('click', function(e) {
            if (e.target === changelogModal) {
                changelogModal.style.display = 'none';
                document.body.style.overflow = '';
            }
        });
    }
    
    // 滚动位置保存
    const savedPosition = sessionStorage.getItem('scrollPosition');
    if (savedPosition) {
        window.scrollTo(0, parseInt(savedPosition, 10));
        sessionStorage.removeItem('scrollPosition');
    }
    
    // 链接点击事件
    document.querySelectorAll('.card:not(.empty) a').forEach(link => {
        link.addEventListener('click', function() {
            sessionStorage.setItem('scrollPosition', window.scrollY);
        });
    });
});
  </script>
      <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>WebCat</title>
	<script src="js/jquery.min.js"></script>
  </head>
          <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>WebCat</title>
	<script src="js/12.js"></script>
  </head>

    <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>WebCat</title>
	<script src="js/vue.min.js"></script>
  </head>
    <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>WebCat</title>
	<script src="js/wc-3.0.6.min.js"></script>
  </head>
  <script type="text/javascript" id="myhk" src="https://myhkw.cn/api/player/1759648694146" key="1759648694146" m="1"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title>网络状态检测</title>
    <style>
        #offlineMessage {
            display: none;
            position: fixed;
            top: 0;
        <style>
        
        
       
        
      
        
      
        
        .card a {
            color: #2d3748;
            text-decoration: none;
            font-size: 1.5rem; /* 增大字体大小 */
            text-align: center;
            padding: 1px 5px; /* 增加内边距便于点击 */
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 200;
            font-weight: ;
            transition: color s;
            line-height: ; /* 增加行高 */
            word-break: break-word;
            flex-direction: column;
        }
        
        /
         <style>
</body>
</html>