11111

```
const html = `<!DOCTYPE html>
<html lang="zh-CN"> 
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>新天地 · 加速|资源发布页</title> 
    <style>
        /* 页面全局样式 */
        body {
            margin: 0; /* 移除默认边距 */
            padding: 0; /* 移除默认内边距 */
            font-family: Arial, sans-serif; /* 设置全局字体 */
			background: -webkit-linear-gradient(90deg,#000000,#000000,#33beff); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(90deg,#000000,#000000,#33beff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            color: #f0f0f0; /* 全局字体颜色 */
            display: flex; /* 使用 flexbox 布局 */
            flex-direction: column; /* 垂直排列 */
            align-items: center; /* 居中对齐 */
            min-height: 100vh; /* 最小高度为屏幕高度 */
            position: relative; /* 定位元素 */
        }

/* 粒子背景 */
        #particles-js {
            position: absolute; /* 绝对定位 */
            top: 0; /* 顶部对齐 */
            left: 0; /* 左侧对齐 */
            width: 100%; /* 充满屏幕宽度 */
            height: 100%; /* 充满屏幕高度 */
            z-index: -1; /* 确保粒子背景在最底层 */
        }

/* 顶部横幅 */
        .header {
            width: 100%; /* 横幅宽度为100% */
            background-image: url('your-image-url.jpg'); /* 设置背景图片 */
            background-size: cover; /* 使背景图像铺满 */
            background-position: center; /* 背景居中 */
            padding: 20px; /* 内边距 */
            background: -webkit-linear-gradient(90deg, #000000, #000000, #33beff); /* 老版本浏览器渐变 */
            background: linear-gradient(90deg, #000000, #000000, #33beff); /* 标准渐变 */
            background-blend-mode: multiply; /* 渐变背景的混合模式 */
            text-align: center; /* 内容居中对齐 */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
            color: white; /* 设置文本颜色 */
        }

.header h1 {
            margin: 0; /* 去除标题的外边距 */
            font-size: 28px; /* 标题字体大小 */
            font-weight: bold; /* 加粗文字 */
            text-align: center; /* 文本居中 */
            background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,100) 100%);
            -webkit-background-clip: text; /* 剪裁背景到文字 */
            -webkit-text-fill-color: transparent; /* 设置文字填充为透明 */
            text-fill-color: transparent; /* 兼容性 */
        }
        
        .header button {
            padding: 10px 20px; /* 按钮内边距 */
            font-size: 16px; /* 字体大小 */
            background-color: #4CAF50; /* 按钮背景色 */
            color: #fff; /* 按钮文字颜色 */
            border: none; /* 移除按钮边框 */
            border-radius: 5px; /* 圆角边框 */
            cursor: pointer; /* 鼠标悬停时显示手型 */
        }

.header button:hover {
            background-color: #45a049; /* 按钮悬停时背景色变化 */
        }

/* 资源发布页地址样式 */

.resource-section {
		    width: 100%; /* 设置宽度为100% */
			max-width: 1200px; /* 可选：最大宽度为1200px，避免在大屏幕上过于宽 */
			margin: 0 auto; /* 居中显示 */255, 184, 0, 0.5
            background: rgb(199,247,12);
            background: rgb(118,244,184);
            background: rgb(81,255,243);
            background: linear-gradient(90deg, rgba(81,255,243,0.5) 0%, rgba(81,255,243,0.3) 50%, rgba(81,255,243,0.1) 100%);			
			padding: 20px; /* 内边距 */
            border-radius: 8px; /* 圆角边框 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */
            margin-bottom: 10px; /* 下边距 */
			align-items: center; /* 居中对齐 */
        }
        .resource-page-section {
             background: rgba(255, 255, 255, 0.1); /* 背景颜色为半透明白色 */
             padding: 20px; /* 内边距20px */
             border-radius: 8px; /* 圆角效果 */
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影，效果为模糊的深色阴影 */
             margin-bottom: 20px; /* 下边距20px，确保与下方元素有空隙 */
        }

.resource-page-section h2 {
            font-size: 24px; /* 字体大小为24px */
            font-weight: bold; /* 字体加粗 */
            color: #6a11cb; /* 文字颜色为渐变紫色 */
            text-align: left; /* 左对齐 */
        }

.resource-page-item {
            display: flex; /* 使用flexbox布局 */
            justify-content: space-between; /* 水平分布元素，左右两端 */
            align-items: center; /* 垂直居中对齐 */
            padding: 10px; /* 内边距10px */
            background-color: #3F3F3F; /* 背景颜色为灰色 */
            border-radius: 5px; /* 圆角效果 */
            margin: 10px 0; /* 上下外边距10px，确保条目之间有空隙 */
}

.resource-page-item button {
            padding: 8px 12px; /* 内边距8px（上下）和12px（左右） */
            font-size: 14px; /* 字体大小14px */
            color: #fff; /* 按钮文本颜色为白色 */
            background-color: #4CAF50; /* 按钮背景颜色为绿色 */
            border: none; /* 去除按钮边框 */
            border-radius: 3px; /* 按钮圆角效果 */
            cursor: pointer; /* 鼠标悬停时显示手形光标 */
        }

.resource-page-item button:hover {
            background-color: #45a049;/* 按钮背景颜色变为稍微深的绿色 */
        }

/* 资源栏样式 */
		.resource-section1 {
		    width: 100%; /* 设置宽度为100% */
			max-width: 1200px; /* 可选：最大宽度为1200px，避免在大屏幕上过于宽 */
			margin: 0 auto; /* 居中显示 */
            background: rgba(255, 255, 255, 0.1); /* 背景颜色，带透明度 */
            padding: 20px; /* 内边距 */
            border-radius: 8px; /* 圆角边框 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */
            margin-bottom: 10px; /* 下边距 */
            align-items: center; /* 居中对齐 */
        }
        .other-resources-section {
            background: rgba(0, 0, 0, 0.3); /* 半透明黑色背景 */
            padding: 20px; /* 内边距20px */
            border-radius: 8px; /* 圆角边框 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影效果 */        
        }

.other-resources-section h2 {
             font-size: 24px; /* 字体大小24px */
             font-weight: bold; /* 字体加粗 */
             color: #f77062; /* 标题文字为橙色 */
             text-align: left; /* 左对齐 */         
        }

.other-resource-item {
            display: flex; /* 使用flexbox布局 */
            justify-content: space-between; /* 元素左右对齐 */
            align-items: center; /* 垂直居中 */
            padding: 10px; /* 内边距10px */
            background-color: #2D2D2D; /* 背景为深灰色 */
            border-radius: 5px; /* 圆角边框 */
            margin: 10px 0; /* 上下外边距10px */        
        }

.other-resource-item button {
            padding: 8px 12px; /* 内边距 */
            font-size: 14px; /* 字体大小 */
            color: #fff; /* 按钮文本颜色为白色 */
            background-color: #FF5722; /* 背景颜色为橙色 */
            border: none; /* 无边框 */
            border-radius: 3px; /* 圆角边框 */
            cursor: pointer; /* 鼠标悬停时显示手型光标 */        
        }

.other-resource-item button:hover {
            background-color: #E64A19;/* 悬停时按钮颜色变深 */
        }

.footer {
            margin-top: auto; /* 将页脚推到页面底部 */
            padding: 10px; /* 内边距10px */
            text-align: center; /* 文本居中对齐 */
            font-size: 14px; /* 字体大小14px */
            background-color: #333; /* 背景颜色为深灰色 */
            width: 100%; /* 宽度为100% */
            color: #f0f0f0; /* 文本颜色为浅灰色 */        
        }
        /* 其他需求样式 */
		.resource-section2 {
		    width: 100%; /* 设置宽度为100% */
			max-width: 1200px; /* 可选：最大宽度为1200px，避免在大屏幕上过于宽 */
			margin: 0 auto; /* 居中显示 */
            background: rgba(255, 255, 255, 0.1); /* 背景颜色，带透明度 */
            padding: 20px; /* 内边距 */
            border-radius: 8px; /* 圆角边框 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */
            margin-bottom: 10px; /* 下边距 */
        }
        .other-resources-section {
            background: rgba(0, 0, 0, 0.3); /* 半透明黑色背景 */
            padding: 20px; /* 内边距20px */
            border-radius: 8px; /* 圆角边框 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影效果 */        
        }

.other-resources-section h2 {
             font-size: 24px; /* 字体大小24px */
             font-weight: bold; /* 字体加粗 */
             color: #f77062; /* 标题文字为橙色 */
             text-align: left; /* 左对齐 */         
        }

.other-resource-item {
            display: flex; /* 使用flexbox布局 */
            justify-content: space-between; /* 元素左右对齐 */
            align-items: center; /* 垂直居中 */
            padding: 10px; /* 内边距10px */
            background-color: #2D2D2D; /* 背景为深灰色 */
            border-radius: 5px; /* 圆角边框 */
            margin: 10px 0; /* 上下外边距10px */        
        }

.other-resource-item button {
            padding: 8px 12px; /* 内边距 */
            font-size: 14px; /* 字体大小 */
            color: #fff; /* 按钮文本颜色为白色 */
            background-color: #FF5722; /* 背景颜色为橙色 */
            border: none; /* 无边框 */
            border-radius: 3px; /* 圆角边框 */
            cursor: pointer; /* 鼠标悬停时显示手型光标 */        
        }

.other-resource-item button:hover {
            background-color: #E64A19;/* 悬停时按钮颜色变深 */
        }

.footer {
            margin-top: auto; /* 将页脚推到页面底部 */
            padding: 10px; /* 内边距10px */
            text-align: center; /* 文本居中对齐 */
            font-size: 14px; /* 字体大小14px */
            background-color: #333; /* 背景颜色为深灰色 */
            width: 100%; /* 宽度为100% */
            color: #f0f0f0; /* 文本颜色为浅灰色 */        
        }
        /* 渐变文字效果 */
        .gradient-text {
            font-size: 18px; /* 字体大小 */
            font-weight: bold; /* 加粗字体 */
            background: rgb(255,92,0);
            background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,100) 100%);
            color: transparent; /* 文字颜色透明，背景显示出来 */
            background-clip: text; /* 仅对文字应用背景 */
            text-align: center; /* 文字居中 */
        }
		.gradient-text1 {
            font-size: 16px; /* 字体大小 */
            font-weight: bold; /* 加粗字体 */
            background: -webkit-linear-gradient(90deg,#fe8140,#fed04f); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(90deg,#fe8140,#fed04f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /* 渐变背景色 */
            -webkit-background-clip: text; /* 只显示文字的渐变背景（适用于Webkit浏览器） */
            color: transparent; /* 文字颜色透明，背景显示出来 */
            background-clip: text; /* 仅对文字应用背景 */
            text-align: left; /* 文字居中 */
        }
		.gradient-text2 {
            font-size: 16px; /* 字体大小 */
            font-weight: bold; /* 加粗字体 */
            background: rgb(125,255,149);
            background: linear-gradient(153deg, rgba(125,255,149,1) 0%, rgba(63,175,173,1) 50%, rgba(86,118,255,1) 100%);-webkit-background-clip: text; /* 只显示文字的渐变背景（适用于Webkit浏览器） */
            color: transparent; /* 文字颜色透明，背景显示出来 */
            background-clip: text; /* 仅对文字应用背景 */
            text-align: left; /* 文字居中 */
        }
        .gradient-text3 {
            font-size: 16px; /* 字体大小 */
            font-weight: bold; /* 加粗字体 */
            background: -webkit-linear-gradient(90deg,#fe8140,#fed04f); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(90deg,#fe8140,#fed04f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /* 渐变背景色 */
            -webkit-background-clip: text; /* 只显示文字的渐变背景（适用于Webkit浏览器） */
            color: transparent; /* 文字颜色透明，背景显示出来 */
            background-clip: text; /* 仅对文字应用背景 */
            text-align: center; /* 文字居中 */
        }
        /* 资源条目样式 */
        /* 通用样式 */
        .resource-item,
        .resource-item1 {
            display: flex; /* 使用 Flexbox 布局 */
            justify-content: space-between; /* 子元素在水平轴上分布 */
            align-items: center; /* 垂直方向居中 */
            padding: 10px; /* 内边距 */
            margin: 10px 0; /* 上下间距 */
            border-radius: 10px; /* 圆角边框 */
            background-blend-mode: multiply; /* 背景混合模式 */
            transition: background-color 0.3s ease, transform 0.3s ease; /* 动态效果 */
        }

/* resource-item 样式 */
        .resource-item {
            background: -webkit-linear-gradient(90deg, #000000, #000000, #33beff); /* Webkit 兼容 */
            background: linear-gradient(90deg, #000000, #000000, #33beff); /* 标准写法 */
        }

/* 鼠标悬停动态效果 */
        .resource-item:hover {
            background: linear-gradient(90deg, #000000, #0066ff); /* 鼠标悬停时改变背景颜色 */
            transform: scale(1.05); /* 鼠标悬停时放大 */
        }

/* resource-item1 样式 */
        .resource-item1 {
            background: -webkit-linear-gradient(90deg, #000000, #030032); /* Webkit 兼容 */
            background: linear-gradient(90deg, #000000, #030032); /* 标准写法 */
        }

/* 鼠标悬停动态效果 */
        .resource-item1:hover {
            background: linear-gradient(90deg, #000000, #333399); /* 鼠标悬停时改变背景颜色 */
            transform: scale(1.05); /* 鼠标悬停时放大 */
        }
        .resource-item button {
            padding: 8px 12px; /* 按钮内边距 */
            font-size: 14px; /* 字体大小 */
            color: #fff; /* 按钮文字颜色 */
            background-color: #4CAF50; /* 按钮背景色 */
            border: none; /* 移除按钮边框 */
            border-radius: 3px; /* 圆角边框 */
            cursor: pointer; /* 鼠标悬停时显示手型 */
            margin-left: 10px; /* 左边距 */
			text-align: center; /* 文字居中 */
        }
		.resource-item1 button {
            padding: 8px 12px; /* 按钮内边距 */
            font-size: 14px; /* 字体大小 */
            color: #fff; /* 按钮文字颜色 */
            background-color: #4CAF50; /* 按钮背景色 */
            border: none; /* 移除按钮边框 */
            border-radius: 3px; /* 圆角边框 */
            cursor: pointer; /* 鼠标悬停时显示手型 */
            margin-left: 10px; /* 左边距 */
			text-align: center; /* 文字居中 */
        }

.resource-item button:hover {
            background-color: #45a049; /* 按钮悬停时背景色变化 */
        }

/* 页脚 */
        .footer {
            margin-top: auto; /* 使页脚总是位于页面底部 */
            padding: 10px; /* 内边距 */
            text-align: center; /* 文字居中 */
            font-size: 14px; /* 字体大小 */
            background-color: #333; /* 背景颜色 */
            width: 100%; /* 宽度100% */
            color: #f0f0f0; /* 文字颜色 */
        }
		/* 基础样式 */
        .info-icon {
            font-size: 20px;
            cursor: pointer;
            margin-left: 10px;  /* 添加与文本的间距 */
            position: relative;
            color: #007bff; /* 使注释符号突出 */
        }

/* Tooltip 样式 */
        .info-icon[data-tooltip]:hover::after {
            content: attr(data-tooltip);
            position: absolute;
            top: -30px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 5px;
            border-radius: 5px;
            font-size: 14px;
            white-space: nowrap;
        }

/* 适配移动设备 */
        @media (max-width: 768px) {
            .info-icon {
                font-size: 18px;
                margin-left: 8px;
            }
        }        
    </style>
</head>
<body>
    
    <div id="particles-js"></div>

<header class="header">
        <h1>新天地加速❤资源发布页</h1> 
        <p class="gradient-text3">请永久收藏此官方发布页，防止失联</p> 
        <button onclick="copyCurrentPageUrl()">点击复制本页地址</button> 
    </header>

<p class="gradient-text1">📢：请复制本页地址到浏览器打开，否则本页的所有跳转按钮将失效！</p> 
    <main class="main-content">
        <section class="resource-section">
            <h2 class="gradient-text">资源发布页防失联地址（请收藏牢记）</h2>

<div class="resource-item">
                <p class="gradient-text2">地址①：https://www.xtdcloud.one</p>
				
                <div>
                    <button onclick="copyTextToClipboard('https://www.xtdcloud.one')">复制链接</button> 
                    <button onclick="addBookmark('https://www.xtdcloud.one', '资源地址①')">点击收藏</button> 
                </div>
            </div>

<div class="resource-item">
                <p class="gradient-text2">地址②：https://www.xtdcloud.one</p>

<div class="resource-item">
                <p class="gradient-text1">新天地 · 加速官网①
				   <span class="info-icon" data-tooltip="新天地加速，提供订阅链接，可便捷开通并管理您的订阅链接URL，配合代理工具可高速稳定访问国外应用及网站">ℹ️</span>
				</p>
                <div>
                    <button onclick="copyTextToClipboard('https://www.xtdcloud.one')">复制链接</button> 
                    <button onclick="window.open('https://www.xtdcloud.one', '_blank')">点击跳转</button> 
                </div>
            </div>

<div class="resource-item">
                <p class="gradient-text1">新天地 · 加速官网②
				   <span class="info-icon" data-tooltip="新天地加速，提供订阅链接，可便捷开通并管理您的订阅链接URL，配合代理工具可高速稳定访问国外应用及网站">ℹ️</span>
                </p>
                <div>
                    <button onclick="copyTextToClipboard('https://www.xtdcloud.one')">复制链接</button> 
                    <button onclick="window.open('https://www.xtdcloud.one', '_blank')">点击跳转</button> 
                </div>
            </div>
			<div class="resource-item">
                <p class="gradient-text1">apple共享ID
				   <span class="info-icon" data-tooltip="为用户提供共享Apple ID，方便苹果用户下载国外应用">ℹ️</span>
				</p>
                <div>
                    <button onclick="copyTextToClipboard('https://cdn.xtdcloud.top/doc/42/')">复制链接</button>
                    <button onclick="window.open('https://cdn.xtdcloud.top/doc/42/', '_blank')">点击跳转</button>
                </div>
			</div>
			<div class="resource-item">
                <p class="gradient-text1">各类独享账号购买
				   <span class="info-icon" data-tooltip="小号商城，出售：Apple ID、推特、脸书、instagram、谷歌、YouTube、telegram（电报）、WhatsApp等各种国外应用账号及注册接码服务">ℹ️</span>
				</p>
                <div>
                    <button onclick="copyTextToClipboard('https://fk.xtdcloud.xyz/')">复制链接</button>
                    <button onclick="window.open('https://fk.xtdcloud.xyz/', '_blank')">点击跳转</button>
                </div>
            </div>
		    <div class="resource-item">
                <p class="gradient-text1">加速工具下载及使用教程
				   <span class="info-icon" data-tooltip="加速器代理工具下载及使用包括苹果/安卓/电脑等设备的保姆级教程">ℹ️</span>
				</p>
                <div>
                    <button onclick="copyTextToClipboard('https://cdn.xtdcloud.top/doc/31/')">复制链接</button>
                    <button onclick="window.open('https://cdn.xtdcloud.top/doc/31/', '_blank')">点击跳转</button>
                </div>
            </div>
			<div class="resource-item">
                <p class="gradient-text1">热门国外应用下载教程
				   <span class="info-icon" data-tooltip="国外热门常用应用软件包括苹果/安卓/电脑等设备的下载教程，">ℹ️</span>
				</p>
                <div>
                    <button onclick="copyTextToClipboard('https://cdn.xtdcloud.top/doc/43/')">复制链接</button>
                    <button onclick="window.open('https://cdn.xtdcloud.top/doc/43/', '_blank')">点击跳转</button>
                </div>
            </div>
        </section>
		<section class="resource-section1">
            <h2 class="gradient-text">其他</h2>

<div class="resource-item">
                <p class="gradient-text1">其他需求及合作联系TG：@xtdcloud01</p>
				
                <div>
                    <button onclick="copyTextToClipboard('@xtdcloud01')">复制链接</button>
                    <button onclick="window.open('https://t.me/XTDcloud01', '_blank')">点击跳转</button>
                </div>
            </div>
        </section>
    </main>

<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <script>
        particlesJS('particles-js', {
            "particles": { /* 粒子效果设置 */
                "number": { "value": 50 }, 
                "size": { "value": 3 }
            },
            "retina_detect": true
        });

// 显示提示信息（自动隐藏，带淡出效果）
        function showToast(message) {
            // 创建提示框
            const toast = document.createElement('div');
            toast.textContent = message;
        
            // 样式设置
            toast.style.position = 'fixed';
            toast.style.top = '50%';
            toast.style.left = '50%';
            toast.style.transform = 'translate(-50%, -50%)'; // 居中
            toast.style.backgroundColor = '#333'; // 背景色
            toast.style.color = '#fff'; // 文字颜色
            toast.style.padding = '15px 30px';
            toast.style.borderRadius = '8px';
            toast.style.fontSize = '16px';
            toast.style.textAlign = 'center';
            toast.style.boxShadow = '0 4px 10px rgba(0, 0, 0, 0.3)';
            toast.style.zIndex = '1000';
            toast.style.opacity = '1'; // 初始透明度
            toast.style.transition = 'opacity 0.5s ease'; // 淡出效果
        
            // 添加到页面
            document.body.appendChild(toast);
        
            // 2秒后开始淡出
            setTimeout(() => {
                toast.style.opacity = '0'; // 设置透明度为0
            }, 2000);
        
            // 2.5秒后移除元素（等待淡出动画结束）
            setTimeout(() => {
                document.body.removeChild(toast);
            }, 2500);
        }
        
        // 复制文本到剪贴板的功能
        function copyTextToClipboard(text) {
            var tempInput = document.createElement('input');
            tempInput.value = text;
            document.body.appendChild(tempInput);
            tempInput.select();
            document.execCommand('copy');
            document.body.removeChild(tempInput);
            showToast('已复制!');
        }
        
        // 复制页面URL的功能
        function copyCurrentPageUrl() {
            const currentUrl = window.location.href;

if (navigator.clipboard) {
                // 如果浏览器支持 Clipboard API
                navigator.clipboard.writeText(currentUrl)
                    .then(() => {
                        showToast('已复制!');
                    })
                    .catch((error) => {
                        console.error('复制失败', error);
                        showToast('复制失败，请重试');
                    });
            } else {
                // 使用传统的方式兼容不支持 Clipboard API 的浏览器
                const tempInput = document.createElement('input');
                tempInput.value = currentUrl;
                document.body.appendChild(tempInput);
                tempInput.select();
                document.execCommand('copy');
                document.body.removeChild(tempInput);
                showToast('页面地址已复制!');
            }
        }

// 添加书签的功能
                function addBookmark(url, title) {
            // 检查浏览器类型
            if (window.sidebar && window.sidebar.addPanel) {
                // Firefox <=22 支持
                window.sidebar.addPanel(title, url, '');
            } else if (window.external && ('AddFavorite' in window.external)) {
                // 适用于旧版本的 Internet Explorer
                window.external.AddFavorite(url, title);
            } else if (window.chrome) {
                // Chrome 和其他现代浏览器不支持自动添加书签
                alert("电脑端请使用快捷键 Ctrl+D（手机端请复制本页地址保存到手机备忘录）手动添加书签");
            } else {
                // 不支持自动添加书签的其他情况
                alert("您的浏览器不支持自动添加书签，请手动添加");
            }
        }
		
		
    </script>
</body>
</html>

`

async function handleRequest(request) {
  return new Response(html, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
}

addEventListener("fetch", event => {
  return event.respondWith(handleRequest(event.request))
})
```

```