详细步骤（不使用JS，纯CSS实现隐藏但可点击的链接）
1在标签内插入链接（第1步）在

之前插入以下代码：

<a href="https://example.com" class="hidden-link">隐藏链接</a>

• href=“https://example.com” → 替换成你的目标URL（如page1.html）。

• class=“hidden-link” → 用于CSS控制样式。

2在style标签内添加CSS（第2步）在style标签内（通常在head部分），在最后一行添加以下CSS：

.hidden-link {
    position: fixed;    /* 固定定位，不随页面滚动 */
    top: 10px;          /* 距离顶部10px */
    left: 10px;         /* 距离左侧10px */
    color: white;       /* 文字颜色（与背景一致，看起来"隐藏"） */
    text-decoration: none; /* 去掉下划线 */
    opacity: 0.1;       /* 极低透明度（几乎看不见，但可点击） */
    pointer-events: auto; /* 允许点击（关键！） */
    z-index: 200;       /* 确保在最上层 */
    font-size: 14px;    /* 可选：调整字体大小 */
}

@media (max-width: 768px) {
            .link {
                font-size: 2.5rem;
                padding: 15px 30px;
            }

关键点：

• opacity: 0.1 → 让链接几乎透明（但可点击）。

• pointer-events: auto → 确保鼠标事件生效（可点击）。

• color: white → 与黑色背景几乎融为一体（视觉上隐藏）。

效果说明

• 视觉上隐藏：opacity: 0.1 让链接几乎透明（看起来像不存在）。

• 实际可点击：pointer-events: auto 确保鼠标事件生效，点击后跳转。

• 位置固定：position: fixed 让链接始终在左上角（不会随页面滚动）。

你可以调整 opacity（如 0.05 更隐蔽）或 color（如 #001 更接近黑色背景）来增强隐藏效果。

要取消随机跳转功能，你需要注释掉JavaScript中处理链接点击事件的部分代码。具体来说，是以下这段代码：

// 链接点击事件
links.forEach(link => {
    link.addEventListener('click', (e) => {
        e.preventDefault();
        // 随机跳转URL
        const urls = [
            'https://www.apple.com',
            'https://www.microsoft.com',
            'https://www.google.com'
        ];
        window.location.href = urls[Math.floor(Math.random() * urls.length)];
    });
});