<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>商城入口导航</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Font Awesome 图标 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.gradient-bg {
background: linear-gradient(135deg, #6b73ff 0%, #e0ef6e 100%);
}
.link-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 255, 0.1);
}
</style>
</head>
<body class="min-h-screen gradient-bg flex items-center justify-center p-4">
<div class="w-full max-w-md bg-white/90 backdrop-blur-sm rounded-xl shadow-2xl overflow-hidden">
<!-- 页眉 -->
<div class="bg-blue-600 text-white p-5 text-center">
<h1 class="text-2xl font-bold flex items-center justify-center">
<i class="fas fa-store-alt mr-3"></i>商城入口导航
</h1>
<p class="mt-2 text-blue-100">收藏此页不迷路，随时访问最新入口</p>
</div>
<!-- 主要内容 -->
<div>
<!-- 提示信息 -->
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-3 mb-6 rounded">
<div>
<div>
<i class="fas fa-exclamation-circle text-yellow-400 mt-1"></i>
</div>
<div>
<p class="text-sm text-yellow-700">
<span>温馨提示：</span>
由于商城入口可能变更，建议收藏本页获取最新可用入口。如遇无法访问，请尝试其他备用入口。
</p>
</div>
</div>
</div>
<!-- 入口列表 -->
<ul>
<li>
<a href="https://x1.****.com/" target="_blank"
class="link-card flex items-center p-3 bg-white hover:bg-blue-50 rounded-lg transition-all border border-gray-200 hover:border-blue-300">
<span class="bg-blue-100 text-blue-800 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">1</span>
<span class="text-gray-800 truncate">https://x1.****.com/</span>
<i class="fas fa-external-link-alt ml-auto text-gray-400"></i>
</a>
</li>
<li>
<a href="https://x2.****.com/" target="_blank"
class="link-card flex items-center p-3 bg-white hover:bg-blue-50 rounded-lg transition-all border border-gray-200 hover:border-blue-300">
<span class="bg-blue-100 text-blue-800 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">2</span>
<span class="text-gray-800 truncate">https://x2.****.com/</span>
<i class="fas fa-external-link-alt ml-auto text-gray-400"></i>
</a>
</li>
<li>
<a href="https://x3.****.com/" target="_blank"
class="link-card flex items-center p-3 bg-white hover:bg-blue-50 rounded-lg transition-all border border-gray-200 hover:border-blue-300">
<span class="bg-blue-100 text-blue-800 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">3</span>
<span class="text-gray-800 truncate">https://x3.****.com/</span>
<i class="fas fa-external-link-alt ml-auto text-gray-400"></i>
</a>
</li>
<li>
<a href="https://x4.****.com/" target="_blank"
class="link-card flex items-center p-3 bg-white hover:bg-blue-50 rounded-lg transition-all border border-gray-200 hover:border-blue-300">
<span class="bg-blue-100 text-blue-800 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">4</span>
<span class="text-gray-800 truncate">https://x4.****.com/</span>
<i class="fas fa-external-link-alt ml-auto text-gray-400"></i>
</a>
</li>
<li>
<a href="https://x5.****.com/" target="_blank"
class="link-card flex items-center p-3 bg-white hover:bg-blue-50 rounded-lg transition-all border border-gray-200 hover:border-blue-300">
<span class="bg-blue-100 text-blue-800 font-bold rounded-full w-8 h-8 flex items-center justify-center mr-3">5</span>
<span class="text-gray-800 truncate">https://x5.****.com/</span>
<i class="fas fa-external-link-alt ml-auto text-gray-400"></i>
</a>
</li>
</ul>
<!-- 收藏引导 -->
<div class="mt-6 text-center">
<button onclick="addBookmark()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-full text-sm font-medium transition-colors">
<i class="far fa-bookmark mr-2"></i>一键收藏本页
</button>
<p class="mt-2 text-gray-500 text-xs">按 Ctrl+D 快速收藏</p>
</div>
</div>
<!-- 页脚 -->
<div class="bg-gray-100 p-3 text-center text-gray-600 text-sm">
<p>© 2023 商城入口导航 | 最后更新: <span id="updateDate">2023-11-15</span></p>
</div>
</div>
<!-- 一键收藏功能 -->
<script>
function addBookmark() {
const title = document.title;
const url = window.location.href;
try {
// Chrome, Firefox等现代浏览器
window.external.AddFavorite(url, title);
} catch(e) {
try {
// IE
window.external.addFavorite(url, title);
} catch(e) {
// 其他浏览器
alert('请按 Ctrl+D 手动收藏本页\n或使用浏览器菜单添加书签');
}
}
}
// 显示最后更新时间
document.getElementById('updateDate').textContent = new Date().toLocaleDateString();
</script>
</body>
</html>
