市场夺宝奇兵
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.

643 lines
34 KiB

23 hours ago
23 hours ago
23 hours ago
23 hours ago
23 hours ago
23 hours ago
23 hours ago
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <meta http-equiv="pragma" content="no-cache">
  8. <meta http-equiv="cache-control" content="no-cache">
  9. <meta http-equiv="expires" content="0">
  10. <link rel="shortcut icon" href="dbqb_favicon.ico" />
  11. <link rel="Bookmark" href="dbqb_favicon.ico" />
  12. <meta http-equiv="keywords"
  13. content="弘历夺宝奇兵,homilychart,homilylink,HomilyLink,夺宝奇兵HomilyLink,股票体检专家,AI预测大模型,AI炒股时代,AI情绪大模型,超级云脑,夺宝利剑,AI金牛,AI探牛,AI雷达,AI小财神,大牛有型,金牛送福,牛刀小试,HomilyChart,免费体验,机构界的黑科技,数据分析时代,John Lu谈股,John Lu谈股财富圈">
  14. <meta http-equiv="description" content="HomilyLink">
  15. <title>夺宝奇兵 - AI炒股时代,机构界的黑科技!</title>
  16. <!-- 引入Tailwind CSS -->
  17. <script src="https://cdn.tailwindcss.com"></script>
  18. <script type="text/javascript" src="210802/js/jquery-1.9.1.min.js"></script>
  19. <!-- 引入Font Awesome -->
  20. <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
  21. <!-- 配置Tailwind自定义颜色和字体 -->
  22. <script>
  23. tailwind.config = {
  24. theme: {
  25. extend: {
  26. colors: {
  27. primary: '#3B82F6',
  28. secondary: '#10B981',
  29. accent: '#8B5CF6',
  30. dark: '#1E293B',
  31. light: '#F8FAFC'
  32. },
  33. fontFamily: {
  34. sans: ['Inter', 'system-ui', 'sans-serif'],
  35. },
  36. },
  37. }
  38. }
  39. </script>
  40. <!-- 自定义工具类 -->
  41. <style type="text/tailwindcss">
  42. @layer utilities {
  43. .content-auto {
  44. content-visibility: auto;
  45. }
  46. .text-shadow {
  47. text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  48. }
  49. .card-hover {
  50. @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;
  51. }
  52. .gradient-bg {
  53. background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
  54. }
  55. }
  56. </style>
  57. <style>
  58. /* 加载字体 */
  59. @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
  60. /* 全局动画定义 */
  61. @keyframes fadeIn {
  62. from {
  63. opacity: 0;
  64. transform: translateY(20px);
  65. }
  66. to {
  67. opacity: 1;
  68. transform: translateY(0);
  69. }
  70. }
  71. .animate-fade-in {
  72. animation: fadeIn 0.6s ease-out forwards;
  73. }
  74. .delay-100 {
  75. animation-delay: 0.1s;
  76. }
  77. .delay-200 {
  78. animation-delay: 0.2s;
  79. }
  80. .delay-300 {
  81. animation-delay: 0.3s;
  82. }
  83. /* 平滑滚动 */
  84. html {
  85. scroll-behavior: smooth;
  86. }
  87. </style>
  88. </head>
  89. <body class="font-sans bg-light text-dark">
  90. <!-- 导航栏 -->
  91. <header class="fixed w-full bg-white/90 backdrop-blur-sm shadow-sm z-50 transition-all duration-300">
  92. <div class="container mx-auto px-4 py-3 flex justify-between items-center">
  93. <a href="#" class="flex items-center space-x-2">
  94. <div class="w-10 h-10 rounded-lg gradient-bg flex items-center justify-center">
  95. <img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png" style="width: 40px;height: 40px;">
  96. </div>
  97. <span
  98. class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">夺宝奇兵</span>
  99. </a>
  100. <!-- 桌面导航 -->
  101. <nav class="hidden md:flex items-center space-x-8">
  102. <a href="#features" class="font-medium hover:text-primary transition-colors">特色功能</a>
  103. <!-- <a href="#kc" class="font-medium hover:text-primary transition-colors">最新课程</a> -->
  104. <a href="./hkfeedback.html" class="font-medium hover:text-primary transition-colors">意见反馈</a>
  105. <a href="./hkhcdbqbGuide.html" class="font-medium hover:text-primary transition-colors">操作指南</a>
  106. <a href="https://api.whatsapp.com/send?phone=6588792879&text=夺宝奇兵指南我需要帮助" target="_blank"
  107. class="px-5 py-2 rounded-full gradient-bg text-white font-medium hover:shadow-lg transition-all">联系我们</a>
  108. </nav>
  109. <!-- 移动端菜单按钮 -->
  110. <button id="menuBtn" class="md:hidden text-xl">
  111. <i class="fa fa-bars"></i>
  112. </button>
  113. </div>
  114. <!-- 移动端导航菜单 -->
  115. <div id="mobileMenu" class="md:hidden hidden bg-white border-t animate-fade-in">
  116. <div class="container mx-auto px-4 py-3 flex flex-col space-y-4">
  117. <a href="#features" class="font-medium py-2 hover:text-primary transition-colors">特色功能</a>
  118. <!-- <a href="#kc" class="font-medium py-2 hover:text-primary transition-colors">最新课程</a> -->
  119. <a href="./hkfeedback.html" class="font-medium py-2 hover:text-primary transition-colors">意见反馈</a>
  120. <a href="./hkhcdbqbGuide.html" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a>
  121. <a href="https://api.whatsapp.com/send?phone=6588792879&text=夺宝奇兵指南我需要帮助" target="_blank"
  122. class="py-2 rounded-full gradient-bg text-white font-medium text-center hover:shadow-lg transition-all">联系我们</a>
  123. </div>
  124. </div>
  125. </header>
  126. <!-- 英雄区域 -->
  127. <section class="pt-32 pb-20 md:pt-40 md:pb-32 px-4 bg-gradient-to-b from-blue-50 to-white">
  128. <div class="container mx-auto max-w-6xl">
  129. <div class="flex flex-col md:flex-row items-center">
  130. <div class="md:w-1/2 mb-10 md:mb-0 animate-fade-in">
  131. <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight text-shadow mb-6">
  132. 夺宝奇兵,<br>
  133. <span
  134. class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">现在免费体验!</span>
  135. </h1>
  136. <p class="text-lg text-gray-600 mb-8 max-w-lg">
  137. AI时代股票投资必备机构界的黑科技!<br />
  138. 现开放免费体验7天的活动,立刻注册报名吧!
  139. </p>
  140. <div class="flex flex-col sm:flex-row gap-4">
  141. <a href="#register"
  142. class="px-8 py-3 rounded-full gradient-bg text-white font-medium text-center hover:shadow-lg hover:shadow-primary/20 transition-all transform hover:-translate-y-0.5">
  143. 立即注册
  144. </a>
  145. <a href="#promotions"
  146. class="px-8 py-3 rounded-full border-2 border-primary text-primary font-medium text-center hover:bg-primary/5 transition-all">
  147. 了解更多
  148. </a>
  149. <a href="./hkhcdbqbDownload.html"
  150. class="px-8 py-3 rounded-full border-2 border-primary text-primary font-medium text-center hover:bg-primary/5 transition-all">
  151. 立刻下载
  152. </a>
  153. </div>
  154. </div>
  155. <div class="md:w-1/2 animate-fade-in delay-200">
  156. <div class="relative">
  157. <div
  158. class="absolute -inset-4 bg-gradient-to-r from-primary/20 to-accent/20 rounded-3xl blur-xl opacity-70">
  159. </div>
  160. <img src="https://hc.homilychart.com/hc/250121/img/dbqbindex.jpg" alt="夺宝奇兵"
  161. class="relative z-10 rounded-2xl shadow-xl w-full object-cover">
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </section>
  167. <!-- 特色亮点 -->
  168. <section id="features" class="py-16 px-4 bg-white">
  169. <div class="container mx-auto max-w-6xl">
  170. <div class="text-center mb-16 animate-fade-in">
  171. <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4">您可以免费体验什么?</h2>
  172. <p class="text-gray-600 max-w-2xl mx-auto">您可以免费体验 超级云脑 AI预测大模型 夺宝利剑三个模块 7天 </p>
  173. </div>
  174. <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
  175. <div class="bg-white p-8 rounded-2xl shadow-lg card-hover animate-fade-in delay-100">
  176. <div class="w-14 h-14 rounded-xl bg-blue-100 flex items-center justify-center mb-6">
  177. <img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/chaojiyunnao.png">
  178. </div>
  179. <h3 class="text-xl font-semibold mb-3">超级云脑</h3>
  180. <p class="text-gray-600">您的股票该体检了!<br />从十大维度,为您的股票进行全面体检!</p>
  181. </div>
  182. <div class="bg-white p-8 rounded-2xl shadow-lg card-hover animate-fade-in delay-200">
  183. <div class="w-14 h-14 rounded-xl bg-purple-100 flex items-center justify-center mb-6">
  184. <img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/AIyuce.png">
  185. </div>
  186. <h3 class="text-xl font-semibold mb-3">AI预测大模型</h3>
  187. <p class="text-gray-600">采用最先进的安全技术,保护您的数据和隐私,让您高枕无忧地开展业务。</p>
  188. </div>
  189. <div class="bg-white p-8 rounded-2xl shadow-lg card-hover animate-fade-in delay-300">
  190. <div class="w-14 h-14 rounded-xl bg-green-100 flex items-center justify-center mb-6">
  191. <img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/duobaolijian.png">
  192. </div>
  193. <h3 class="text-xl font-semibold mb-3">夺宝利剑</h3>
  194. <p class="text-gray-600">根据您的具体需求提供个性化解决方案,灵活适应不同业务场景和规模。</p>
  195. </div>
  196. </div>
  197. </div>
  198. </section>
  199. <!-- 图文宣传区 -->
  200. <section id="promotions" class="py-20 px-4 bg-gray-50">
  201. <div class="container mx-auto max-w-6xl">
  202. <div class="text-center mb-16 animate-fade-in">
  203. <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4">我们的创新解决方案</h2>
  204. <p class="text-gray-600 max-w-2xl mx-auto">探索我们的核心产品和服务,了解如何为您的业务创造价值</p>
  205. </div>
  206. <!-- 宣传项 1 -->
  207. <div class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row animate-fade-in">
  208. <div class="md:w-1/2">
  209. <img src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" alt="智能数据分析平台" class="w-full h-full object-cover">
  210. </div>
  211. <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
  212. <span
  213. class="inline-block px-4 py-1 rounded-full bg-blue-100 text-primary text-sm font-medium mb-4">HomilyLink
  214. > 夺宝奇兵 > 超级云脑</span>
  215. <h3 class="text-2xl md:text-3xl font-bold mb-4">超级云脑:股票体检专家</h3>
  216. <p class="text-gray-600 mb-6">
  217. 利用人工智能和机器学习技术,快速处理和分析海量数据,通过十大维度为您的股票进行专科体检,追踪机构行为。
  218. </p>
  219. <ul class="space-y-3 mb-8">
  220. <li class="flex items-start">
  221. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  222. <span>云脑探秘</span>
  223. </li>
  224. <li class="flex items-start">
  225. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  226. <span>机构动向</span>
  227. </li>
  228. <li class="flex items-start">
  229. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  230. <span>体检专家</span>
  231. </li>
  232. </ul>
  233. <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
  234. 注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
  235. </a>
  236. </div>
  237. </div>
  238. <!-- 宣传项 2 -->
  239. <div
  240. class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
  241. <div class="md:w-1/2">
  242. <img src="https://hc.homilychart.com/hc/250121/img/aiyucedamoxing.jpg" alt="AI预测大模型" class="w-full h-full object-cover">
  243. </div>
  244. <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
  245. <span
  246. class="inline-block px-4 py-1 rounded-full bg-purple-100 text-accent text-sm font-medium mb-4">HomilyLink
  247. > 夺宝奇兵 > AI预测大模型</span>
  248. <h3 class="text-2xl md:text-3xl font-bold mb-4">AI预测大模型</h3>
  249. <p class="text-gray-600 mb-6">
  250. AI 预测大模型颠覆传统,以深度学习与算法挖股市数据抓趋势、预测高低点;AI时空共振结合前沿 AI与时空共振精准识别变盘点。
  251. </p>
  252. <ul class="space-y-3 mb-8">
  253. <li class="flex items-start">
  254. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  255. <span>AI股价预测术</span>
  256. </li>
  257. <li class="flex items-start">
  258. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  259. <span>AI时空共振</span>
  260. </li>
  261. <li class="flex items-start">
  262. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  263. <span>未来预测</span>
  264. </li>
  265. </ul>
  266. <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
  267. 注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
  268. </a>
  269. </div>
  270. </div>
  271. <!-- 宣传项 2 -->
  272. <div
  273. class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
  274. <div class="md:w-1/2">
  275. <img src="https://hc.homilychart.com/hc/250121/img/duobaolijianindex.jpg" alt="夺宝利剑" class="w-full h-full object-cover">
  276. </div>
  277. <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
  278. <span
  279. class="inline-block px-4 py-1 rounded-full bg-purple-100 text-accent text-sm font-medium mb-4">HomilyLink
  280. >夺宝奇兵 >Ai金牛 >夺宝利剑</span>
  281. <h3 class="text-2xl md:text-3xl font-bold mb-4">夺宝利剑</h3>
  282. <p class="text-gray-600 mb-6">
  283. 最聪明的AI智能均线结合三维波动量,让您在AI时代深度追踪机构的操盘行为!
  284. </p>
  285. <ul class="space-y-3 mb-8">
  286. <li class="flex items-start">
  287. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  288. <span>最聪明的AI智能均线</span>
  289. </li>
  290. <li class="flex items-start">
  291. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  292. <span>三维波动量</span>
  293. </li>
  294. <li class="flex items-start">
  295. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  296. <span>AI大数据模型</span>
  297. </li>
  298. </ul>
  299. <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
  300. 注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
  301. </a>
  302. </div>
  303. </div>
  304. <!-- 宣传项 3 -->
  305. <!-- <div id="kc"
  306. class="bg-white rounded-3xl shadow-xl overflow-hidden flex flex-col md:flex-row animate-fade-in delay-200">
  307. <div class="md:w-1/2">
  308. <img src="https://hc.homilychart.com/hc/250121/img/kecheng.jpg" alt="John Lu谈股专题讲座" class="w-full h-full object-cover">
  309. </div>
  310. <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
  311. <span
  312. class="inline-block px-4 py-1 rounded-full bg-green-100 text-secondary text-sm font-medium mb-4">HomilyLink
  313. > 消息 > John Lu谈股财富圈</span>
  314. <h3 class="text-2xl md:text-3xl font-bold mb-4">HomilyLink专题讲座</h3>
  315. <p class="text-gray-600 mb-6">
  316. 我们推出 HomilyLink专题讲座;结合市场事实热点与机构领域黑科技 “夺宝奇兵”,助力投资者提升股市获利能力。
  317. </p>
  318. <ul class="space-y-3 mb-8">
  319. <li class="flex items-start">
  320. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  321. <span>新加坡时间</span>
  322. </li>
  323. <li class="flex items-start">
  324. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  325. <span>注意换算当地时间</span>
  326. </li>
  327. <li class="flex items-start">
  328. <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
  329. <span>HomilyLink班级群课程</span>
  330. </li>
  331. </ul>
  332. <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
  333. 注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
  334. </a>
  335. </div>
  336. </div> -->
  337. </div>
  338. </section>
  339. <!-- 注册表单区域 -->
  340. <section id="register" class="py-20 px-4 bg-white">
  341. <div class="container mx-auto max-w-6xl">
  342. <div class="bg-gradient-to-br from-dark to-gray-800 rounded-3xl shadow-2xl overflow-hidden">
  343. <div class="grid grid-cols-1 md:grid-cols-2">
  344. <div class="p-8 md:p-12 text-white flex flex-col justify-center">
  345. <h2 class="text-2xl md:text-3xl font-bold mb-4">立即注册,开启属于你的AI时代!</h2>
  346. <p class="text-gray-300 mb-8">
  347. <!-- 填写报名表,我们会尽快为您开启智能体验之旅! -->
  348. </p>
  349. <div class="space-y-6">
  350. <div class="flex items-start">
  351. <div
  352. class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
  353. <img alt="超级云脑" src="https://hc.homilychart.com/hc/250121/img/chaojiyunnao.png">
  354. </div>
  355. <div>
  356. <h3 class="font-semibold mb-1">超级云脑</h3>
  357. <p class="text-gray-400 text-sm">您的股票体检专家!</p>
  358. </div>
  359. </div>
  360. <div class="flex items-start">
  361. <div
  362. class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
  363. <img alt="AI预测大模型" src="https://hc.homilychart.com/hc/250121/img/AIyuce.png">
  364. </div>
  365. <div>
  366. <h3 class="font-semibold mb-1">AI预测大模型</h3>
  367. <p class="text-gray-400 text-sm">时间空间价格AI精准预测!</p>
  368. </div>
  369. </div>
  370. <div class="flex items-start">
  371. <div
  372. class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
  373. <img alt="夺宝利剑" src="https://hc.homilychart.com/hc/250121/img/duobaolijian.png
  374. ">
  375. </div>
  376. <div>
  377. <h3 class="font-semibold mb-1">夺宝利剑</h3>
  378. <p class="text-gray-400 text-sm">最聪明的AI智能均线+三维波动量</p>
  379. </div>
  380. </div>
  381. </div>
  382. </div>
  383. <div class="bg-white p-8 md:p-12">
  384. <form id="registrationForm" class="space-y-6">
  385. <input type="hidden" name="zbtype" id="zbtype" value="6">
  386. <div>
  387. <label for="unameinfo" class="block text-sm font-medium text-gray-700 mb-1">姓名</label>
  388. <input type="text" id="unameinfo" name="unameinfo"
  389. class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all"
  390. placeholder="请输入您的姓名" required>
  391. </div>
  392. <div>
  393. <label for="countryinfo"
  394. class="block text-sm font-medium text-gray-700 mb-1">国家/地区代码</label>
  395. <select id="countryinfo" name="countryinfo"
  396. class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all"
  397. required>
  398. <option value="+65">+65 新加坡</option>
  399. <option value="+60">+60 马来西亚</option>
  400. <option value="+852">+852 香港</option>
  401. <option value="+1" selected='selected'>+1 美国</option>
  402. <option value="+62">+62 印尼</option>
  403. <option value="+1">+1 加拿大</option>
  404. <option value="+61">+61 澳大利亚</option>
  405. <option value="+673">+673 文莱</option>
  406. <option value="+886">+886 台湾</option>
  407. <option value="+86">+86 中国</option>
  408. <option value="+0">+0 其他</option>
  409. <option value="+64">+64 新西兰</option>
  410. <option value="+44">+44 英国</option>
  411. <option value="+81">+81 日本</option>
  412. <option value="+49">+49 德国</option>
  413. <option value="+82">+82 韩国</option>
  414. <option value="+84 ">+84 越南</option>
  415. <option value="+971">+971 阿联酋</option>
  416. <option value="+45">+45 丹麦</option>
  417. <option value="+853">+853 澳门</option>
  418. <option value="+66">+66 泰国</option>
  419. <option value="+91">+91 印度</option>
  420. <option value="+41">+41 瑞士</option>
  421. <option value="+358">+358 芬兰</option>
  422. <option value="+33">+33 法国</option>
  423. <option value="+63">+63 菲律宾</option>
  424. <option value="+31">+31 荷兰</option>
  425. <option value="+46">+46 瑞典</option>
  426. <option value="+34">+34 西班牙</option>
  427. <option value="+54">+54 阿根廷</option>
  428. <option value="+39">+39 意大利</option>
  429. <option value="+7">+7 俄罗斯</option>
  430. <option value="+420">+420 捷克</option>
  431. </select>
  432. </div>
  433. <div>
  434. <label for="umoblie" class="block text-sm font-medium text-gray-700 mb-1">电话号码</label>
  435. <input type="tel" name="umoblie" id="umoblie" placeholder="纯手机号 ( 不含国家编号 )"
  436. onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0/g,'')"
  437. class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all"
  438. autocomplete="off" required>
  439. </div>
  440. <div>
  441. <label for="uwechat" class="block text-sm font-medium text-gray-700 mb-1">微信ID</label>
  442. <input type="text" name="uwechat" id="uwechat" placeholder="微信ID ( 如没有WhatsApp )"
  443. autocomplete="off"
  444. class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all">
  445. </div>
  446. <div>
  447. <label for="email" class="block text-sm font-medium text-gray-700 mb-1">电子邮箱</label>
  448. <input type="email" placeholder="请输入您的邮箱" name="uemail" id="uemail" autocomplete="off"
  449. class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all"
  450. required>
  451. </div>
  452. <div class="flex items-start">
  453. <input type="checkbox" id="agreement" name="agreement" class="mt-1 mr-2" required>
  454. <label for="agreement" class="text-sm text-gray-600">
  455. 我同意接收相关产品和服务的资讯
  456. </label>
  457. </div>
  458. <button type="submit"
  459. class="w-full py-3 px-6 rounded-lg gradient-bg text-white font-medium hover:shadow-lg hover:shadow-primary/20 transition-all transform hover:-translate-y-0.5">
  460. 提交注册
  461. </button>
  462. </form>
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  467. </section>
  468. <!-- 页脚 -->
  469. <footer class="bg-dark text-white py-12 px-4">
  470. <div class="container mx-auto max-w-6xl">
  471. <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
  472. <div>
  473. <div class="flex items-center space-x-2 mb-6">
  474. <div class="w-10 h-10 rounded-lg gradient-bg flex items-center justify-center">
  475. <img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png" style="width: 40px;height: 40px;">
  476. </div>
  477. <span class="text-xl font-bold">夺宝奇兵</span>
  478. </div>
  479. <p class="text-gray-400 mb-6">
  480. AI炒股时代 机构界的黑科技!
  481. </p>
  482. <div class="flex space-x-4">
  483. <a href="#"
  484. class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
  485. <i class="fa fa-facebook"></i>
  486. </a>
  487. <a href="#"
  488. class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
  489. <i class="fa fa-twitter"></i>
  490. </a>
  491. <a href="#"
  492. class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
  493. <i class="fa fa-linkedin"></i>
  494. </a>
  495. <a href="#"
  496. class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
  497. <i class="fa fa-instagram"></i>
  498. </a>
  499. </div>
  500. </div>
  501. <div>
  502. <h4 class="text-lg font-semibold mb-6">产品</h4>
  503. <ul class="space-y-3">
  504. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要了解弘历云版软件" target="_blank"
  505. class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
  506. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要了解HomilyChart"
  507. target="_blank" class="text-gray-400 hover:text-white transition-colors">HomilyChart</a>
  508. </li>
  509. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要了解夺宝奇兵" target="_blank"
  510. class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
  511. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要了解博股会员"
  512. class="text-gray-400 hover:text-white transition-colors">博股会员</a></li>
  513. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要了解最新软件"
  514. class="text-gray-400 hover:text-white transition-colors">最新软件</a></li>
  515. </ul>
  516. </div>
  517. <div>
  518. <h4 class="text-lg font-semibold mb-6">公司</h4>
  519. <ul class="space-y-3">
  520. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要咨询" target="_blank"
  521. class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
  522. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要咨询" target="_blank"
  523. class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
  524. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我要咨询" target="_blank"
  525. class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
  526. </ul>
  527. </div>
  528. <div>
  529. <h4 class="text-lg font-semibold mb-6">支持</h4>
  530. <ul class="space-y-3">
  531. <li><a href="./hkhcdbqbGuide.html" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
  532. </li>
  533. <li><a href="https://api.whatsapp.com/send?phone=6588792879&text=我有问题" target="_blank"
  534. class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
  535. </ul>
  536. </div>
  537. </div>
  538. <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
  539. <p class="text-gray-500 text-sm mb-4 md:mb-0">&copy; Copyright 2026.Capitalmaster Pte Ltd All Rights
  540. Reserved.<br /></p>
  541. <div class="flex space-x-6">
  542. 如需帮助,请及时联系我们!
  543. </div>
  544. </div>
  545. </div>
  546. </footer>
  547. <!-- 表单提交成功提示 -->
  548. <div id="successModal" class="fixed inset-0 bg-black/50 flex items-center justify-center z-50 hidden">
  549. <div class="bg-white rounded-2xl p-8 max-w-md w-full mx-4 transform transition-all">
  550. <div class="text-center">
  551. <div class="w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-6">
  552. <i class="fa fa-check text-secondary text-2xl"></i>
  553. </div>
  554. <h3 class="text-xl font-bold mb-2">注册成功!</h3>
  555. <p class="text-gray-600 mb-6">感谢您的注册,我们的顾问将尽快与您联系。</p>
  556. <button id="closeModal"
  557. class="px-6 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors">
  558. 确定
  559. </button>
  560. </div>
  561. </div>
  562. </div>
  563. <!-- JavaScript -->
  564. <script type="text/javascript" src="250121/js/251015001.js"></script>
  565. </body>
  566. </html>