You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
270 lines
12 KiB
270 lines
12 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta http-equiv="pragma" content="no-cache">
|
|
<meta http-equiv="cache-control" content="no-cache">
|
|
<meta http-equiv="expires" content="0">
|
|
<link rel="shortcut icon" href="dbqb_favicon.ico" />
|
|
<link rel="Bookmark" href="dbqb_favicon.ico" />
|
|
<meta http-equiv="keywords" content="夺宝奇兵,homilychart,homilylink">
|
|
<meta http-equiv="description" content="HomilyLink">
|
|
<title>夺宝奇兵 - AI炒股时代，机构界的黑科技！</title>
|
|
<script src="https://cdn.tailwindcss.com?v=3.3.5"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
|
|
|
<!-- 基础样式配置 -->
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#3B82F6',
|
|
secondary: '#8B5CF6',
|
|
success: '#10B981' // 成功状态颜色
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.card-hover {
|
|
@apply transition-all duration-300 hover:shadow-xl;
|
|
}
|
|
.btn-effect {
|
|
@apply relative overflow-hidden transition-all duration-300;
|
|
}
|
|
.btn-effect::after {
|
|
content: '';
|
|
@apply absolute top-0 left-[-100%] w-full h-full bg-white/20 transform skew-x-12 transition-all duration-500;
|
|
}
|
|
.btn-effect:hover::after {
|
|
@apply left-[100%];
|
|
}
|
|
.pulse-animation {
|
|
animation: pulse 2s infinite;
|
|
}
|
|
@keyframes pulse {
|
|
0% { transform: scale(1); }
|
|
50% { transform: scale(1.05); }
|
|
100% { transform: scale(1); }
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
/* 基础动画 */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fadeIn 0.6s ease-out forwards;
|
|
}
|
|
|
|
.delay-100 {
|
|
animation-delay: 0.1s;
|
|
}
|
|
|
|
.delay-200 {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.delay-300 {
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
.delay-400 {
|
|
animation-delay: 0.4s;
|
|
}
|
|
|
|
.delay-500 {
|
|
animation-delay: 0.5s;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="bg-gray-50 text-gray-800 font-sans min-h-screen">
|
|
<!-- 导航栏 -->
|
|
<header class="fixed top-0 left-0 right-0 bg-white/95 shadow-sm z-50">
|
|
<div class="container mx-auto px-4 py-4 flex justify-between items-center">
|
|
<div class="flex items-center space-x-2">
|
|
<div
|
|
class="w-10 h-10 rounded-lg bg-gradient-to-r from-primary to-secondary flex items-center justify-center">
|
|
<img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png" style="width: 40px;height: 40px;">
|
|
</div>
|
|
<span
|
|
class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">夺宝奇兵-免费体验</span>
|
|
</div>
|
|
|
|
<!-- 桌面导航 -->
|
|
<nav class="hidden md:flex items-center space-x-8">
|
|
<a href="./hkhcdbqb.html" class="hover:text-primary transition-colors">首页</a>
|
|
<a href="./hkhcdbqbDownload.html" class="hover:text-primary transition-colors">下载中心</a>
|
|
<a href="./hkhcdbqbGuide.html" class="text-primary font-medium">操作指南</a>
|
|
<a href="https://wa.me/+6588792879?text=我要体验夺宝奇兵" target="_blank"
|
|
class="px-5 py-2 rounded-full bg-gradient-to-r from-primary to-secondary text-white hover:shadow-lg transition-all">联系我们</a>
|
|
</nav>
|
|
|
|
<!-- 移动端菜单 -->
|
|
<button id="mobileMenuBtn" class="md:hidden text-xl">
|
|
<i class="fa fa-bars"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- 移动端菜单内容 -->
|
|
<div id="mobileMenu" class="md:hidden hidden bg-white border-t">
|
|
<div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
|
|
<a href="./hkhcdbqb.html" class="py-2 hover:text-primary transition-colors">首页</a>
|
|
<a href="./hkhcdbqbDownload.html" class="py-2 hover:text-primary transition-colors">下载中心</a>
|
|
<a href="./hkhcdbqbGuide.html" class="py-2 text-primary">操作指南</a>
|
|
<a href="https://wa.me/+6588792879?text=我要体验夺宝奇兵" target="_blank"
|
|
class="py-2 mt-2 rounded-full bg-gradient-to-r from-primary to-secondary text-white text-center">联系我们</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 主要内容 -->
|
|
<main class="pt-28 pb-16 px-4 flex-grow">
|
|
<div class="container mx-auto max-w-4xl">
|
|
<!-- 成功提示卡片 -->
|
|
<div class="bg-white rounded-2xl shadow-lg p-8 md:p-10 max-w-3xl mx-auto fade-in">
|
|
<!-- 成功图标 -->
|
|
<div
|
|
class="w-20 h-20 mx-auto mb-6 rounded-full bg-success/10 flex items-center justify-center text-success pulse-animation delay-100">
|
|
<i class="fa fa-check text-4xl"></i>
|
|
</div>
|
|
|
|
<!-- 标题 -->
|
|
<div class="text-center mb-6 delay-200 fade-in">
|
|
<h1 class="text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-gray-800 mb-2">注册成功！</h1>
|
|
<p class="text-gray-600 text-lg">感谢您参加DeepChart VS 夺宝奇兵体验</p>
|
|
</div>
|
|
|
|
<!-- 成功图片 -->
|
|
<div class="mb-8 rounded-xl overflow-hidden shadow-md delay-300 fade-in">
|
|
<a href="./hkhcdbqbDownload.html"><img src="https://hc.homilychart.com/hc/250121/img/homilylink-down.jpeg"
|
|
alt="点我跳转多平台设备软件安装" class="w-full h-auto rounded-xl shadow-lg"></a>
|
|
</div>
|
|
|
|
<!-- 成功信息 -->
|
|
<div class="space-y-4 mb-8 text-gray-600 delay-400 fade-in">
|
|
<div class="flex items-start">
|
|
<div
|
|
class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary flex-shrink-0 mt-0.5 mr-3">
|
|
<i class="fa fa-envelope-o text-sm"></i>
|
|
</div>
|
|
<p>我们很快将通过Whatsapp或者微信与您取得联系！</p>
|
|
</div>
|
|
|
|
<div class="flex items-start">
|
|
<div
|
|
class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary flex-shrink-0 mt-0.5 mr-3">
|
|
<i class="fa fa-mobile text-sm"></i>
|
|
</div>
|
|
<p>同时，点击面图片跳转到HomilyLink安装界面！</p>
|
|
</div>
|
|
|
|
<div class="flex items-start">
|
|
<div
|
|
class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary flex-shrink-0 mt-0.5 mr-3">
|
|
<i class="fa fa-mobile text-sm"></i>
|
|
</div>
|
|
<p>手机商店搜索"DeepChart"并下载安装！</p>
|
|
</div>
|
|
|
|
<div class="flex items-start">
|
|
<div
|
|
class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary flex-shrink-0 mt-0.5 mr-3">
|
|
<i class="fa fa-mobile text-sm"></i>
|
|
</div>
|
|
<p>DeepChart的体验账号和夺宝奇兵账号一致！</p>
|
|
</div>
|
|
|
|
<div class="flex items-start">
|
|
<div
|
|
class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary flex-shrink-0 mt-0.5 mr-3">
|
|
<i class="fa fa-clock-o text-sm"></i>
|
|
</div>
|
|
<p>您不需要自己注册，我们的老师会为您发送体验的iD和密码！</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 操作按钮 -->
|
|
<div class="flex flex-col sm:flex-row gap-4 delay-500 fade-in">
|
|
<a href="./hkhcdbqbGuide.html"
|
|
class="btn-effect flex-1 py-3 rounded-lg bg-gradient-to-r from-primary to-secondary text-white font-medium text-center">
|
|
<i class="fa fa-home mr-2"></i>查看操作指南
|
|
</a>
|
|
<a href="https://wa.me/+6588792879?text=我要体验夺宝奇兵"
|
|
class="btn-effect flex-1 py-3 rounded-lg border border-primary text-primary font-medium text-center hover:bg-primary/5 transition-colors">
|
|
<i class="fa fa-user mr-2"></i>需要联系帮助
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 帮助信息 -->
|
|
<div class="text-center mt-8 text-gray-500 text-sm max-w-xl mx-auto delay-500 fade-in">
|
|
<p>如果您没有收到我们老师的消息，请及时<a href="https://wa.me/+6588792879?text=我要体验夺宝奇兵" target="_blank"
|
|
class="text-primary hover:underline">联系我们</a></p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="bg-gray-900 text-white py-10 px-4 mt-16">
|
|
<div class="container mx-auto max-w-6xl text-center">
|
|
<div class="mb-6">
|
|
<div class="inline-flex items-center space-x-2">
|
|
<div class="w-10 h-10 rounded-lg gradient-bg flex items-center justify-center">
|
|
<img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png" style="width: 40px;height: 40px;">
|
|
</div>
|
|
<span class="font-bold">夺宝奇兵</span>
|
|
</div>
|
|
</div>
|
|
<p class="text-gray-400 text-sm mb-4">Copyright 2026.Capitalmaster Pte Ltd All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 交互脚本 -->
|
|
<script>
|
|
// 移动端菜单切换
|
|
document.getElementById('mobileMenuBtn').addEventListener('click', function () {
|
|
const menu = document.getElementById('mobileMenu');
|
|
menu.classList.toggle('hidden');
|
|
const icon = this.querySelector('i');
|
|
if (icon.classList.contains('fa-bars')) {
|
|
icon.classList.replace('fa-bars', 'fa-times');
|
|
} else {
|
|
icon.classList.replace('fa-times', 'fa-bars');
|
|
}
|
|
});
|
|
|
|
// 页面加载动画
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
document.querySelectorAll('.fade-in').forEach(el => {
|
|
el.style.opacity = '1';
|
|
});
|
|
});
|
|
|
|
// 可选：5秒后自动跳转到首页
|
|
// setTimeout(() => {
|
|
// window.location.href = '#'; // 替换为实际首页URL
|
|
// }, 5000);
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|