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.
|
|
<!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="hcdbqb.asp" class="hover:text-primary transition-colors">首页</a> <a href="hcdbqb-download.asp" 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="hcdbqb.asp" class="py-2 hover:text-primary transition-colors">首页</a> <a href="hcdbqb-download.asp" 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="hcdbqb-download.asp#downloading"><img src="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>
|
