<!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: 180px; /* 固定高度，避免布局偏移 */
    }
    .card-content { padding: 15px; }
    .card-title { font-size: 18px; margin-bottom: 8px; }
  </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>
        /* 遮罩层样式 */
        .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>
        <script>
        // 获取元素
        const closeBtn = document.getElementById('closeBtn');
        const modalOverlay = document.getElementById('modalOverlay');

        // 点击取消按钮关闭弹窗
        closeBtn.addEventListener('click', function() {
            modalOverlay.style.display = 'none';
        });
    </script>
        <script src="js/GM_html2canvas.js"></script>

      <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: 120px; /* 固定按钮宽度 */
            height: 40px; /* 固定按钮高度 */
            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>
  <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>
            <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>
		// 创建浮动粒子
		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>
    <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>
</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>
        // 简化脚本，仅保留核心播放控制，避免冗余操作
        const audio = document.getElementById('musicPlayer');
        
        // 页面加载完成后执行，避免阻塞DOM渲染
        window.addEventListener('DOMContentLoaded', () => {
            // 可选：用户交互后取消静音（解决部分浏览器 autoplay 限制）
            document.body.addEventListener('click', () => {
                if (audio.muted) {
                    audio.muted = false;
                }
            }, { once: true }); // 仅执行一次，减少事件监听消耗
        });
    </script>
      <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>
<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>
<!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: 180px; /* 固定高度，避免布局偏移 */
    }
    .card-content { padding: 15px; }
    .card-title { font-size: 18px; margin-bottom: 8px; }
  </style>
  <script>
        // 1. 明月软件库已经跟这个代码融为一体了
        window.addEventListener('load', () => {
            const savedScroll = sessionStorage.getItem('savedScrollTop');
            if (savedScroll) {
                // 明月软件库已经跟这个代码融为一体了
                setTimeout(() => window.scrollTo(0, Number(savedScroll)), 10);
                // 明月软件库已经跟这个代码融为一体了
                sessionStorage.removeItem('savedScrollTop');
            }
        });

        // 2. 明月软件库已经跟这个代码融为一体了
        function jumpTo(target) {
            // 明月软件库已经跟这个代码融为一体了
            sessionStorage.setItem('savedScrollTop', window.scrollY);
            // 明月软件库已经跟这个代码融为一体了
            window.location.href = target;
        }

        // 3. 明月软件库已经跟这个代码融为一体了
        window.addEventListener('popstate', () => {
            const savedScroll = sessionStorage.getItem('savedScrollTop');
            if (savedScroll) {
                setTimeout(() => window.scrollTo(0, Number(savedScroll)), 10);
                sessionStorage.removeItem('savedScrollTop');
            }
        });
    </script>
    <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>
        </div>
      </div>
    </div>
  </div>

  <!-- 延迟加载非关键脚本（底部引入+defer） -->
  <script src="https://cdn.example.com/non-critical-script.js" defer></script>
  <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>
</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>
        // 简化脚本，仅保留核心播放控制，避免冗余操作
        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>
</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>
<head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title></title>
	<style>
		body {
  background: linear-gradient(to bottom right, red, orange,  yellow, green, blue, indigo, violet);
  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>
</head>
<body>
	<div class="tox">
		<img src="2.jpg" alt="头像" />
		<br /><br />
		<h1>明月软件库【滑下去获取更多资源】</h1>
	</div>
</div>




    <div class="gnlieb">
		<div class="card">
			<a href="http://www.qingtianpay888.com/软件库.html">明月发卡网</a>
		</div>
		<div class="card">
			<a href="http://www.qingtianpay888.com/软件库.html">明月发卡网</a>
		</div>
  </div>

<div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882odfi">点这里自己做资源库自己引流自己赚钱教程【点一下这里】</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o96f">学习资料</a>
		</div>
  </div>





<div class="gnlieb">
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这对接晴天易支付接口【费率低】</a>
		</div>
		<div class="card">
			<a href="iindex.html">超级工具箱【点我使用黑科技】</a>
		</div>
  </div>










<div class="gnlieb">
		<div class="card">
			<a href="mqqapi://card/show_pslcard?src_type=internal&version=1&card_type=group&source=qrcode&uin=1080403351">明月软件库官方群聊</a>
		</div>
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">滑下去获取更多资源</a>
		</div>
  </div>













<div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9ed">影视软件破解大全</a>
		</div>
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这对接晴天易支付接口【费率低】</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oaje">各种网站或软件源码大全</a>
		</div>
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">快分享给你的朋友们一起玩吧</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9la">新手指南（新手一定要看）</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ob1c">天天跑酷</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9ji">和平精英</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9od">PUBG</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9nc">王者荣耀</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9uj">实用软件和实用工具大全[超多]</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9ih">免费听歌软件</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ob0b">明月游戏防封端口</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ockh">QQ飞车</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocxa">仿苹果桌面软件</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9ed">漫画小说动漫软件破解大全</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oate">直装内核插件源码区【只是源码！】</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocuh">壁纸主题软件破解大全</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocli">荒野行动</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa6b">社工区</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oieh">部落冲突</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obab">其他热门游戏和小游戏科技大全</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocif">超自然行动</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ooba">无畏契约</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocob">鸣潮</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9uj">APP开发</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa3i">刷root权限教程</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oijc">gg修改器抓功能脚本教程</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obcd">香肠派对</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa5a">修改器大全</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obde">穿越火线</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882olfg">高能英雄</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oaxi">暗区突围</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa0f">抓端口和抓内防教程</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9hg">三角洲行动</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc5c">太空行动</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oijc">破解辅助和制作辅助教程</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa3i">ROOT玩机软件大全</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oaid">光遇</a>
		</div>
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这对接晴天易支付接口【费率低】</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obta">落日余晖</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc0h">王牌战争文明重启</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oahc">桌球类游戏</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obef">超凡先锋</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc2j">元气骑士</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obri">原神</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocjg">第五人格</a>
		</div>
		<div class="card">
			<a href="https://m.dajiazhao.com/sm/">生辰八字[算命]</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocda">对峙2</a>
		</div>
		<div class="card">
			<a href="https://m.xzw.com/cx/">星座运势</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oahc">腾讯桌球游戏</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocmj">明日方舟</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9xc">使命召唤</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oceb">英雄联盟</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obkb">未来之役</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obpg">球球大作战</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ob1c">天天酷跑</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocfc">QQ炫舞</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc4b">逃跑吧少年</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocgd">王牌竞速</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obvc">永劫无间</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa1g">黄鸟抓包教程</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882o9qf">全网框架虚拟机合集</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obsj">我的世界</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc1i">元梦之星</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc7e">金铲铲</a>
		</div>
  </div>
  
  
  
  
    <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>
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oa8d">迷你世界</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882occj">萤火突击</a>
		</div>
  </div>
  
  
  
  
  
  
  




  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obwd">火影忍者</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc6d">蛋仔派对</a>
		</div>
  </div>












<div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ob0b">明月破解端口防封软件</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obub">曙光英雄</a>
		</div>
  </div>



















<div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc8f">地铁跑酷</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ocah">明日之后</a>
		</div>
  </div>









<div class="gnlieb">
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4">点这里对接内部稳定易支付接口【费率低而且稳定】</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882ooba">无畏契约</a>
		</div>
</div>









  <div class="gnlieb">
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a>
		</div>
		<div class="card">
			<a href="https://docs.qq.com/doc/DRWVTcWhIa0tUbnN4"">点这对接晴天易支付接口【费率低】</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  




  <div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obab">其他热门游戏辅助破解大全</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882obab">其他游戏辅助破解大全</a>
		</div>
  </div>

















<div class="gnlieb">
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oc3a">迷你枪战</a>
		</div>
		<div class="card">
			<a href="https://wwaxd.lanzout.com/b01882oodc">远光84</a>
		</div>
  </div>







  
  
  
  
  
  
  
  

<div class="gnlieb">
		<div class="card">
			<a href="http://m.5577.com/">5577安卓网</a>
		</div>
		<div class="card">
			<a href="https://m.edowning.net/">E线软件园</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="http://m.k73.com/">K73手游网</a>
		</div>
		<div class="card">
			<a href="https://m.962.net/goodgame.html">乐游网</a>
		</div>
  </div>
  
  
  
  
  
  
  
  
  
  
  
  <div class="gnlieb">
		<div class="card">
			<a href="https://m.289.com/">289手游网</a>
		</div>
		<div class="card">
			<a href="https://m.pczhi.com/">网志手游网</a>
		</div>
  </div>
  	<script src="js/WhiteSevsUtils.js"></script>

<script>
  var progressBar = document.querySelector("#progress-bar hr");
  var width = 0;
  var interval = setInterval(function() {
    width += 5;
    progressBar.style.width = width + "%";
    if (width >= 100) {
      clearInterval(interval);
    }
  }, 1000);

 
</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>

<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>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title>网络状态检测</title>
    <style>
        #offlineMessage {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            color: white;
            text-align: center;
            padding-top: 20%;
            font-size: 24px;
            z-index: 1000;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            margin: 20px;
        }
    </style>
</head>
<body>
    
    <div id="offlineMessage">
        <h2>请打开网络连接后再使用</h2>
        <p>当前处于没网状态，请把网络打开就能正常使用了</p>
        <p>此软件必须打开网络后才能使用</p>
    </div>

    <script>
        const button = document.getElementById('myButton');
        const offlineMessage = document.getElementById('offlineMessage');
        
        // 检测网络状态
        function checkNetwork() {
            if (!navigator.onLine) {
                offlineMessage.style.display = 'block';
                return false;
            }
            offlineMessage.style.display = 'none';
            return true;
        }
        
        // 初始检查
        checkNetwork();
        
        // 监听网络状态变化
        window.addEventListener('online', checkNetwork);
        window.addEventListener('offline', checkNetwork);
        
        // 按钮点击事件
        button.addEventListener('click', function(e) {
            if (!navigator.onLine) {
                e.preventDefault();
                offlineMessage.style.display = 'block';
                return;
            }
            
            // 正常跳转逻辑
            window.location.href = ''; // 替换为你的实际链接
        });
    </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>
	<style>
        :root {
            --primary-color: #4a6fa5;
            --background-color: #f5f5f5;
            --text-color: #333;
            --card-color: #fff;
            --shadow-color: rgba(0, 0, 0, 0.1);
        }

        body {
            margin: 0;
            padding: 20px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            transition: all 0.3s ease;
            min-height: 100vh;
        }

        .content {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: var(--card-color);
            border-radius: 8px;
            box-shadow: 0 2px 10px var(--shadow-color);
        }

        h1 {
            color: var(--primary-color);
            margin-top: 0;
        }

        .settings-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1000;
        }

        .settings-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: var(--primary-color);
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
            border: none;
            font-size: 20px;
        }

        .settings-btn:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        }

        .settings-panel {
            position: absolute;
            bottom: 60px;
            right: 0;
            width: 250px;
            background-color: var(--card-color);
            border-radius: 8px;
            box-shadow: 0 5px 15px var(--shadow-color);
            padding: 15px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px);
            transition: all 0.3s ease;
        }

        .settings-panel.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .setting-item {
            margin-bottom: 15px;
        }

        .setting-title {
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--text-color);
        }

        .file-input-wrapper {
            position: relative;
            overflow: hidden;
            display: inline-block;
            width: 100%;
        }

        .file-input-wrapper input[type="file"] {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }

        .file-input-btn {
            display: block;
            padding: 8px 12px;
            background-color: #f0f0f0;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .file-input-btn:hover {
            background-color: #e5e5e5;
        }

        .theme-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .theme-toggle-label {
            flex-grow: 1;
        }

        .toggle-switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 24px;
        }

        .toggle-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .toggle-slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 24px;
        }

        .toggle-slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .toggle-slider {
            background-color: var(--primary-color);
        }

        input:checked + .toggle-slider:before {
            transform: translateX(26px);
        }

        body.dark-theme {
            --background-color: #1a1a1a;
            --text-color: #f0f0f0;
            --card-color: #2d2d2d;
            --shadow-color: rgba(0, 0, 0, 0.3);
        }

        /* 响应式调整 */
        @media (max-width: 600px) {
            .settings-panel {
                width: 200px;
            }
        }
    </style>
</head>
<body>
    </style>


<script>
        document.addEventListener('DOMContentLoaded', function() {
            const settingsToggle = document.getElementById('settings-toggle');
            const settingsPanel = document.querySelector('.settings-panel');
            const bgImageInput = document.getElementById('bg-image');
            const themeToggle = document.getElementById('theme-toggle');
            
            // 切换设置面板的显示状态
            settingsToggle.addEventListener('click', function() {
                settingsPanel.classList.toggle('active');
            });
            
            // 处理背景图片选择
            bgImageInput.addEventListener('change', function(e) {
                const file = e.target.files[0];
                if (file) {
                    const reader = new FileReader();
                    reader.onload = function(event) {
                        document.body.style.backgroundImage = `url(${event.target.result})`;
                        document.body.style.backgroundSize = 'cover';
                        document.body.style.backgroundPosition = 'center';
                        document.body.style.backgroundAttachment = 'fixed';
                        
                        // 保存到本地存储
                        localStorage.setItem('resetBackground', event.target.result);
                    };
                    reader.readAsDataURL(file);
                }
            });
            
            // 处理主题切换
            themeToggle.addEventListener('change', function() {
                if (this.checked) {
                    document.body.classList.add('dark-theme');
                    localStorage.setItem('theme', 'dark');
                } else {
                    document.body.classList.remove('dark-theme');
                    localStorage.setItem('theme', 'light');
                }
            });
            
            // 页面加载时恢复设置
            window.addEventListener('load', function() {
                // 恢复背景图片
                const savedBgImage = localStorage.getItem('resetBackground');
                if (savedBgImage) {
                    document.body.style.backgroundImage = `url(${savedBgImage})`;
                    document.body.style.backgroundSize = 'cover';
                    document.body.style.backgroundPosition = 'center';
                    document.body.style.backgroundAttachment = 'fixed';
                }
                
                // 恢复主题设置
                const savedTheme = localStorage.getItem('theme');
                if (savedTheme === 'dark') {
                    document.body.classList.add('dark-theme');
                    themeToggle.checked = true;
                }
            });
            
            // 点击页面其他地方关闭设置面板
            document.addEventListener('click', function(e) {
                if (!settingsPanel.contains(e.target) && e.target !== settingsToggle) {
                    settingsPanel.classList.remove('active');
                }
            });
        });
    </script>
    <style>
        body {
            background-color: 2.jpg; /* 默认背景色 */
            background-image: 2.jpg;   /* 默认背景图 */
            transition: background 0.3s ease;
        }
    </style>
</head>
<body>
    <!-- 恢复背景按钮 -->

    <script>
        // 页面加载时保存原始背景样式
        document.addEventListener('DOMContentLoaded', function() {
            const body = document.body;
            
            // 保存原始背景样式
            const originalStyles = {
                backgroundColor: getComputedStyle(body).backgroundColor,
                backgroundImage: getComputedStyle(body).backgroundImage,
                backgroundSize: getComputedStyle(body).backgroundSize
            };
            
            // 恢复背景函数
            document.getElementById('resetBackground').addEventListener('click', function() {
                body.style.backgroundColor = originalStyles.backgroundColor;
                body.style.backgroundImage = originalStyles.backgroundImage;
                body.style.backgroundSize = originalStyles.backgroundSize;
                
                // 清除本地存储的背景设置
                localStorage.removeItem('customBackground');
            });
        });
    </script>
  </head>
  <script type="text/javascript" id="myhk" src="https://myhkw.cn/api/player/1759648694146" key="1759648694146" m="1"></script>
     <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>