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

1 day ago
1 day ago
1 day ago
1 day ago
1 day ago
1 day ago
1 day 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>