diff --git a/index.html b/index.html
index d216c13..781a138 100644
--- a/index.html
+++ b/index.html
@@ -124,507 +124,629 @@
   </header>
 
   <main class="" id="app">
-    <div style="height: 24px; align-self: stretch; background: #FFF3DD;" class="pt-28"></div>
-    <!-- 特色功能区域 -->
-    <section id="features" class="py-16 px-4 bg-white pt-32 bg-[url('https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg58gif4guu1200qbnj3a.png')]
-         bg-cover bg-center bg-no-repeat">
-      <div class="container mx-auto max-w-6xl">
-        <div class="text-center mb-16 animate-fade-in">
-          <h2 class="text-[clamp(2rem,4vw,3rem)] font-bold mb-6 text-white heading-secondary">加入赢在美股，您可以免费体验什么？</h2>
-          <p class="text-white max-w-2xl mx-auto paragraph-text">您可以免费体验最前沿的AI工具,全球最懂机构行为的Deepchart,机构的黑科技夺宝奇兵,最前沿的分析课程和操作策略!</p>
-        </div>
+    <section id="page-home" class="page dohidden">
+      <div style="height: 24px; align-self: stretch; background: #FFF3DD;" class="pt-28"></div>
+      <!-- 特色功能区域 -->
+      <section id="features" class="py-16 px-4 bg-white pt-32 bg-[url('https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg58gif4guu1200qbnj3a.png')]
+          bg-cover bg-center bg-no-repeat">
+        <div class="container mx-auto max-w-6xl">
+          <div class="text-center mb-16 animate-fade-in">
+            <h2 class="text-[clamp(2rem,4vw,3rem)] font-bold mb-6 text-white heading-secondary">加入赢在美股，您可以免费体验什么？</h2>
+            <p class="text-white max-w-2xl mx-auto paragraph-text">您可以免费体验最前沿的AI工具,全球最懂机构行为的Deepchart,机构的黑科技夺宝奇兵,最前沿的分析课程和操作策略!</p>
+          </div>
 
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div class="animate-fade-in delay-100">
-            <div
-              class="p-8 rounded-2xl shadow-lg
-                    bg-[#FBEFEF]
-                    border-t-4 border-[#ED1818]
-                    transition-all duration-300 ease-out
-                    hover:-translate-y-2 hover:shadow-xl"
-            >
-              <div class="w-14 h-14 rounded-xl bg-red-100 flex items-center justify-center mb-6">
-                <img src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png" />
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div class="animate-fade-in delay-100">
+              <div
+                class="p-8 rounded-2xl shadow-lg
+                      bg-[#FBEFEF]
+                      border-t-4 border-[#ED1818]
+                      transition-all duration-300 ease-out
+                      hover:-translate-y-2 hover:shadow-xl"
+              >
+                <div class="w-14 h-14 rounded-xl bg-red-100 flex items-center justify-center mb-6">
+                  <img src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png" />
+                </div>
+                <h3 class="text-xl font-semibold mb-3">DeepChart</h3>
+                <p class="text-gray-600">您的股市随身顾问<br />深度解读机构行为，祝您股海乘风破浪</p>
               </div>
-              <h3 class="text-xl font-semibold mb-3">DeepChart</h3>
-              <p class="text-gray-600">您的股市随身顾问<br />深度解读机构行为，祝您股海乘风破浪</p>
             </div>
-          </div>
 
-          <div class="animate-fade-in delay-200">
-            <div
-              class="p-8 rounded-2xl shadow-lg
-                    bg-[#F1F6FF]
-                    border-t-4 border-[#3B93FF]
-                    transition-all duration-300 ease-out
-                    hover:-translate-y-2 hover:shadow-xl"
-            >
-              <div class="w-14 h-14 rounded-xl bg-blue-100 flex items-center justify-center mb-6">
-                <img src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png" />
+            <div class="animate-fade-in delay-200">
+              <div
+                class="p-8 rounded-2xl shadow-lg
+                      bg-[#F1F6FF]
+                      border-t-4 border-[#3B93FF]
+                      transition-all duration-300 ease-out
+                      hover:-translate-y-2 hover:shadow-xl"
+              >
+                <div class="w-14 h-14 rounded-xl bg-blue-100 flex items-center justify-center mb-6">
+                  <img src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png" />
+                </div>
+                <h3 class="text-xl font-semibold mb-3">夺宝奇兵</h3>
+                <p class="text-gray-600">采用最先进的安全技术，保护您的数据和隐私，让您高枕无忧的开展业务</p>
               </div>
-              <h3 class="text-xl font-semibold mb-3">夺宝奇兵</h3>
-              <p class="text-gray-600">采用最先进的安全技术，保护您的数据和隐私，让您高枕无忧的开展业务</p>
             </div>
-          </div>
 
-          <div class="animate-fade-in delay-300">
-            <div
-              class="p-8 rounded-2xl shadow-lg
-                    bg-[#FBF6EF]
-                    border-t-4 border-[#EC8D0E]
-                    transition-all duration-300 ease-out
-                    hover:-translate-y-2 hover:shadow-xl"
-            >
-              <div class="w-14 h-14 rounded-xl bg-orange-100 flex items-center justify-center mb-6">
-                <img src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png" />
+            <div class="animate-fade-in delay-300">
+              <div
+                class="p-8 rounded-2xl shadow-lg
+                      bg-[#FBF6EF]
+                      border-t-4 border-[#EC8D0E]
+                      transition-all duration-300 ease-out
+                      hover:-translate-y-2 hover:shadow-xl"
+              >
+                <div class="w-14 h-14 rounded-xl bg-orange-100 flex items-center justify-center mb-6">
+                  <img src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png" />
+                </div>
+                <h3 class="text-xl font-semibold mb-3">赢在美股专题课</h3>
+                <p class="text-gray-600">根据您的具体需求提供个性化解决方案，灵活适应不同业务场景和规模</p>
               </div>
-              <h3 class="text-xl font-semibold mb-3">赢在美股专题课</h3>
-              <p class="text-gray-600">根据您的具体需求提供个性化解决方案，灵活适应不同业务场景和规模</p>
             </div>
           </div>
         </div>
-      </div>
-    </section>
-  <!-- 英雄区域
-    <section class="pt-32 pb-20 md:pt-40 md:pb-32 px-4 bg-gradient-to-b from-blue-50 to-white">
-      <div class="container mx-auto max-w-6xl">
-        <div class="flex flex-col md:flex-row items-center">
-          <div class="md:w-1/2 mb-10 md:mb-0 animate-fade-in">
-            <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight text-shadow-custom mb-6 heading-primary">
-              夺宝奇兵，<br>
-              <span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">现在免费体验！</span>
-            </h1>
-            <p class="text-lg text-gray-600 mb-8 max-w-lg paragraph-text">
-              AI时代股票投资必备机构界的黑科技！<br />
-              加入「赢在美股」，即可参与夺宝奇兵免费体验 7 天的活动，立刻注册报名吧！
-            </p>
-            <div class="flex flex-col sm:flex-row gap-4">
-              <a href="#register"
-                class="px-8 py-3 rounded-full gradient-background text-white font-medium text-center hover:shadow-lg hover:shadow-primary/20 transition-all transform hover:-translate-y-0.5">
-                立即注册
-              </a>
-              <a href="#promotions"
-                class="px-8 py-3 rounded-full border-2 border-primary text-primary font-medium text-center hover:bg-primary/5 transition-all">
-                了解更多
-              </a>
-              <a href="hcdbqb-download.html"
-                class="px-8 py-3 rounded-full border-2 border-primary text-primary font-medium text-center hover:bg-primary/5 transition-all">
-                立刻下载
-              </a>
-            </div>
+      </section>
+      <!-- 产品宣传区域 -->
+      <section id="promotions" class="py-20 px-4 bg-gray-50">
+        <div class="container mx-auto max-w-6xl">
+          <div class="mb-6 text-center">
+            <h4 class="text-3xl md:text-4xl font-semibold text-gray-800">
+              教育精英化 · 武器AI化
+            </h4>
           </div>
-          <div class="md:w-1/2 animate-fade-in delay-200">
-            <div class="relative">
-              <div class="absolute -inset-4 bg-gradient-to-r from-primary/20 to-accent/20 rounded-3xl blur-xl opacity-70">
-              </div>
-              <img src="https://hc.homilychart.com/hc/250121/img/dbqbindex.jpg" alt="夺宝奇兵"
-                class="relative z-10 rounded-2xl shadow-xl w-full object-cover">
+          <!-- 宣传项 1 - 超级云脑 -->
+          <div class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row animate-fade-in">
+            <div class="md:w-1/2 promotion-image overflow-hidden">
+              <img 
+                src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" 
+                alt="DeepChart" 
+                class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
+              >
             </div>
-          </div>
-        </div>
-      </div>
-    </section> -->
-    <!-- 产品宣传区域 -->
-    <section id="promotions" class="py-20 px-4 bg-gray-50">
-      <div class="container mx-auto max-w-6xl">
-        <!-- <div class="text-center mb-16 animate-fade-in">
-          <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 heading-secondary">我们的创新解决方案</h2>
-          <p class="text-gray-600 max-w-2xl mx-auto paragraph-text">探索我们的核心产品和服务，了解如何为您的业务创造价值</p>
-        </div> -->
-        <div class="mb-6 text-center">
-          <h4 class="text-3xl md:text-4xl font-semibold text-gray-800">
-            教育精英化 · 武器AI化
-          </h4>
-        </div>
-        <!-- 宣传项 1 - 超级云脑 -->
-        <div class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row animate-fade-in">
-          <div class="md:w-1/2 promotion-image overflow-hidden">
-            <img 
-              src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" 
-              alt="DeepChart" 
-              class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
-            >
-          </div>
-          <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
-            <span
-              class="inline-block px-4 py-1 rounded-full bg-red-100 text-red-600 text-base font-medium mb-4 breadcrumb-text">
-              路径：DeepChart
-            </span>
-            <h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">DeepChart: 全球最懂机构行为的AI</h3>
-            <p class="text-gray-600 mb-6 paragraph-text">
-              AI时代就用AI投资!<br>立即下载，免费体验1个月。全球首发500个名额，抢完即止!
-            </p>
-            <ul class="space-y-3 mb-8">
+            <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
+              <span
+                class="inline-block px-4 py-1 rounded-full bg-red-100 text-red-600 text-base font-medium mb-4 breadcrumb-text">
+                路径：DeepChart
+              </span>
+              <h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">DeepChart: 全球最懂机构行为的AI</h3>
+              <p class="text-gray-600 mb-6 paragraph-text">
+                AI时代就用AI投资!<br>立即下载，免费体验1个月。全球首发500个名额，抢完即止!
+              </p>
+              <ul class="space-y-3 mb-8">
+                <li class="flex items-start text-sm">
+                  <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
+                  <span class="flex-shrink-0 mr-1 text-gray-500">Deepmate：Al通用大模型(弘历特色)</span>
+                </li>
               <li class="flex items-start text-sm">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span class="flex-shrink-0 mr-1 text-gray-500">Deepmate：Al通用大模型(弘历特色)</span>
-              </li>
-             <li class="flex items-start text-sm">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                
-                <!-- 2. 修改标题：添加灰色 (text-gray-500)，保持不换行 -->
-                <span class="flex-shrink-0  text-gray-500">深度探索：</span>
-                
-                <!-- 3. 右侧文本：通过独立容器确保换行后文字左对齐，而不是跑去图标下面 -->
-                <span class="text-gray-500 leading-snug">
-                  股市正在从"判断方向"，进入"识别资金"的时代。<br>
-                  “深度探索”带您看透机构，深度理解市场资本本质!
-                </span>
-              </li>
-              <!-- <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>体检专家：股票标的全方位健康检测</span>
-              </li> -->
-            </ul>
-            <a href="#register" 
-              class="self-center inline-block text-white text-lg font-bold px-12 py-3 rounded-full  transition-all duration-300 hover:-translate-y-[3px] hover:shadow-md 
-                      bg-[linear-gradient(90deg,#FFAC19_0%,#FFA300_100%)]">
-              立即注册
-            </a>
+                  <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
+                  
+                  <!-- 2. 修改标题：添加灰色 (text-gray-500)，保持不换行 -->
+                  <span class="flex-shrink-0  text-gray-500">深度探索：</span>
+                  
+                  <!-- 3. 右侧文本：通过独立容器确保换行后文字左对齐，而不是跑去图标下面 -->
+                  <span class="text-gray-500 leading-snug">
+                    股市正在从"判断方向"，进入"识别资金"的时代。<br>
+                    “深度探索”带您看透机构，深度理解市场资本本质!
+                  </span>
+                </li>
+              </ul>
+              <a href="#register" 
+                class="self-center inline-block text-white text-lg font-bold px-12 py-3 rounded-full  transition-all duration-300 hover:-translate-y-[3px] hover:shadow-md 
+                        bg-[linear-gradient(90deg,#FFAC19_0%,#FFA300_100%)]">
+                立即注册
+              </a>
+            </div>
           </div>
-        </div>
 
-        <!-- 宣传项 2 - AI预测大模型 -->
-        <div class="mb-6 text-center">
-          <h4 class="text-3xl md:text-4xl font-semibold text-gray-800">
-            夺宝奇兵下载体验
-          </h4>
-        </div>
-        <!-- 卡片容器 -->
-        <div class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
-          
-          <!-- 右侧图片 (HTML中排第一，但 flex-row-reverse 会让它显示在右边) -->
-          <div class="md:w-1/2 promotion-image overflow-hidden">
-            <!-- 注意：请确保这里 src 引用的是截图中的夺宝奇兵界面图片 -->
-            <img 
-              src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5ealun9na5700vk67lj.png" 
-              alt="夺宝奇兵界面" 
-              class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
-            >
+          <!-- 宣传项 2 - AI预测大模型 -->
+          <div class="mb-6 text-center">
+            <h4 class="text-3xl md:text-4xl font-semibold text-gray-800">
+              夺宝奇兵下载体验
+            </h4>
           </div>
-
-          <!-- 左侧内容区域 (HTML中排第二，显示在左边) -->
-          <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center text-left">
+          <!-- 卡片容器 -->
+          <div class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
             
-            <!-- 大标题 -->
-            <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight mb-6 text-gray-900">
-              夺宝奇兵，<br>
-              <!-- 添加了 inline-block 和 mt-3 来增加与上一行的间距 -->
-              <span class="inline-block mt-3 bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">
-                现在免费体验！
-              </span>
-            </h1>
+            <!-- 右侧图片 (HTML中排第一，但 flex-row-reverse 会让它显示在右边) -->
+            <div class="md:w-1/2 promotion-image overflow-hidden">
+              <!-- 注意：请确保这里 src 引用的是截图中的夺宝奇兵界面图片 -->
+              <img 
+                src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5ealun9na5700vk67lj.png" 
+                alt="夺宝奇兵界面" 
+                class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
+              >
+            </div>
 
-            <!-- 描述文本 -->
-            <p class="text-gray-600 mb-8 text-base md:text-lg leading-relaxed">
-              AI 时代股票投资必备机构界的黑科技！<br>
-              加入「赢在美股」，即可参与夺宝奇兵免费体验 7 天的活动，立刻注册报名吧！
-            </p>
-            
-            <!-- 按钮组 -->
-            <div class="flex flex-row gap-4">
-              <!-- 按钮1：立即注册 (实心蓝) -->
-              <a href="#register" 
-                class="px-8 py-3 rounded-full bg-[#2563EB] text-white font-medium text-center shadow-md transition-all hover:bg-[#1d4ed8] hover:shadow-lg hover:-translate-y-0.5">
-                立即注册
-              </a>
+            <!-- 左侧内容区域 (HTML中排第二，显示在左边) -->
+            <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center text-left">
               
-              <!-- 按钮2：立刻下载 (空心蓝边框) -->
-              <a href="hcdbqb-download.html" 
-                class="px-8 py-3 rounded-full border border-[#2563EB] text-[#2563EB] font-medium text-center transition-all hover:-translate-y-0.5">
-                立刻下载
-              </a>
-            </div>
+              <!-- 大标题 -->
+              <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight mb-6 text-gray-900">
+                夺宝奇兵，<br>
+                <!-- 添加了 inline-block 和 mt-3 来增加与上一行的间距 -->
+                <span class="inline-block mt-3 bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">
+                  现在免费体验！
+                </span>
+              </h1>
 
-          </div>
-        </div>
+              <!-- 描述文本 -->
+              <p class="text-gray-600 mb-8 text-base md:text-lg leading-relaxed">
+                AI 时代股票投资必备机构界的黑科技！<br>
+                加入「赢在美股」，即可参与夺宝奇兵免费体验 7 天的活动，立刻注册报名吧！
+              </p>
+              
+              <!-- 按钮组 -->
+              <div class="flex flex-row gap-4">
+                <!-- 按钮1：立即注册 (实心蓝) -->
+                <a href="#register" 
+                  class="px-8 py-3 rounded-full bg-[#2563EB] text-white font-medium text-center shadow-md transition-all hover:bg-[#1d4ed8] hover:shadow-lg hover:-translate-y-0.5">
+                  立即注册
+                </a>
+                
+                <!-- 按钮2：立刻下载 (空心蓝边框) -->
+                <a href="hcdbqb-download.html" 
+                  class="px-8 py-3 rounded-full border border-[#2563EB] text-[#2563EB] font-medium text-center transition-all hover:-translate-y-0.5">
+                  立刻下载
+                </a>
+              </div>
 
-        <!-- 宣传项 3 - 夺宝利剑
-        <div
-          class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row animate-fade-in delay-100">
-          <div class="md:w-1/2 promotion-image">
-            <img src="https://hc.homilychart.com/hc/250121/img/duobaolijianindex.jpg" alt="夺宝利剑" class="w-full h-full">
+            </div>
           </div>
-          <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
-            <span
-              class="inline-block px-4 py-1 rounded-full bg-purple-100 text-accent text-base font-medium mb-4 breadcrumb-text">
-              HomilyLink > 夺宝奇兵 > Ai金牛 > 夺宝利剑
-            </span>
-            <h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">夺宝利剑</h3>
-            <p class="text-gray-600 mb-6 paragraph-text">
-              最聪明的AI智能均线结合三维波动量，让您在AI时代深度追踪机构的操盘行为！
-            </p>
-            <ul class="space-y-3 mb-8">
-              <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>最聪明的AI智能均线</span>
-              </li>
-              <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>三维波动量</span>
-              </li>
-              <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>AI大数据模型</span>
-              </li>
-            </ul>
-            <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
-              加入赢在美股，解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
-            </a>
+          <!-- 宣传项 4 - 专题讲座 -->
+          <div class="mb-6 text-center">
+            <h4 class="text-3xl md:text-4xl font-semibold text-gray-800">
+              赢家粉内部专题讲座
+            </h4>
           </div>
-        </div> -->
-
-        <!-- 宣传项 4 - 专题讲座 -->
-        <div class="mb-6 text-center">
-          <h4 class="text-3xl md:text-4xl font-semibold text-gray-800">
-            赢家粉内部专题讲座
-          </h4>
-        </div>
-        <div id="kc"
-          class="bg-white rounded-3xl shadow-xl overflow-hidden flex flex-col md:flex-row animate-fade-in delay-200">
-          <div class="md:w-1/2 promotion-image overflow-hidden">
-            <img 
-              id="lectureImage"
-              src="" 
-              alt="专题讲座" 
-              class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
-            >
-          </div>
-          <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
-            <span
-              class="inline-block px-4 py-1 rounded-full bg-amber-100 text-amber-600 text-base font-medium mb-4 breadcrumb-text">
-              HomilyLink > 消息 > 赢在美股班级群
-            </span>
-            <h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">HomilyLink专题讲座</h3>
-            <p class="text-gray-600 mb-6 paragraph-text">
-              我们推出 HomilyLink专题讲座;结合市场事实热点与机构领域黑科技"夺宝奇兵”，助力投资者提升股市获利能力。
-            </p>
-            <ul class="space-y-3 mb-8">
-              <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>课程为香港时间</span>
-              </li>
-              <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>体系化课程助力跟庄稳赢</span>
-              </li>
-              <li class="flex items-start list-item">
-                <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
-                <span>HomilyLink赢在美股班级群专属课程（实时答疑+干货分享）</span>
-              </li>
-            </ul>
-            <a href="#register" class="inline-flex items-center text-[#EF8800] font-medium  hover:text-[#FF5900] transition-colors">
-              加入赢在美股，解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
-            </a>
+          <div id="kc"
+            class="bg-white rounded-3xl shadow-xl overflow-hidden flex flex-col md:flex-row animate-fade-in delay-200">
+            <div class="md:w-1/2 promotion-image overflow-hidden">
+              <img 
+                id="lectureImage"
+                src="" 
+                alt="专题讲座" 
+                class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
+              >
+            </div>
+            <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
+              <span
+                class="inline-block px-4 py-1 rounded-full bg-amber-100 text-amber-600 text-base font-medium mb-4 breadcrumb-text">
+                HomilyLink > 消息 > 赢在美股班级群
+              </span>
+              <h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">HomilyLink专题讲座</h3>
+              <p class="text-gray-600 mb-6 paragraph-text">
+                我们推出 HomilyLink专题讲座;结合市场事实热点与机构领域黑科技"夺宝奇兵”，助力投资者提升股市获利能力。
+              </p>
+              <ul class="space-y-3 mb-8">
+                <li class="flex items-start list-item">
+                  <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
+                  <span>课程为香港时间</span>
+                </li>
+                <li class="flex items-start list-item">
+                  <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
+                  <span>体系化课程助力跟庄稳赢</span>
+                </li>
+                <li class="flex items-start list-item">
+                  <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
+                  <span>HomilyLink赢在美股班级群专属课程（实时答疑+干货分享）</span>
+                </li>
+              </ul>
+              <a href="#register" class="inline-flex items-center text-[#EF8800] font-medium  hover:text-[#FF5900] transition-colors">
+                加入赢在美股，解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
+              </a>
+            </div>
           </div>
         </div>
-      </div>
-    </section>
-    <!-- 注册表单区域 -->
-    <section id="register" class="py-20 bg-gray-50">
-      <div class="container mx-auto max-w-6xl relative">
-        <!-- 原有的注册表单部分 - 完全不变 -->
-        <div class="bg-gradient-to-br rounded-3xl shadow-2xl overflow-hidden">
-          <div class="grid grid-cols-1 md:grid-cols-2">
-            <!-- 左侧区域 - 已替换背景 -->
-            <div class="p-8 md:p-12 text-white flex flex-col justify-center bg-image-overlay">
-              <h2 class="text-2xl md:text-3xl font-bold mb-6 heading-secondary text-center ">教育精英化 · 武器AI化!</h2>
-              <p class="text-gray-300 mb-10 leading-relaxed paragraph-text">
-                填写报名表，即可快速解锁专业投资AI工具，助力您把握投资机会！
-              </p>
-              <div class="space-y-6">
-                <div class="flex items-start">
-                  <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
-                    <img alt="超级云脑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png">
+      </section>
+      <!-- 注册表单区域 -->
+      <section id="register" class="py-20 bg-gray-50">
+        <div class="container mx-auto max-w-6xl relative">
+          <!-- 原有的注册表单部分 - 完全不变 -->
+          <div class="bg-gradient-to-br rounded-3xl shadow-2xl overflow-hidden">
+            <div class="grid grid-cols-1 md:grid-cols-2">
+              <!-- 左侧区域 - 已替换背景 -->
+              <div class="p-8 md:p-12 text-white flex flex-col justify-center bg-image-overlay">
+                <h2 class="text-2xl md:text-3xl font-bold mb-6 heading-secondary text-center ">教育精英化 · 武器AI化!</h2>
+                <p class="text-gray-300 mb-10 leading-relaxed paragraph-text">
+                  填写报名表，即可快速解锁专业投资AI工具，助力您把握投资机会！
+                </p>
+                <div class="space-y-6">
+                  <div class="flex items-start">
+                    <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
+                      <img alt="超级云脑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png">
+                    </div>
+                    <div>
+                      <h3 class="font-semibold mb-1 heading-tertiary">DeepChart</h3>
+                      <p class="text-gray-400 text-sm paragraph-text">全球最懂机构行为的AI</p>
+                    </div>
                   </div>
-                  <div>
-                    <h3 class="font-semibold mb-1 heading-tertiary">DeepChart</h3>
-                    <p class="text-gray-400 text-sm paragraph-text">全球最懂机构行为的AI</p>
+
+                  <div class="flex items-start">
+                    <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
+                      <img alt="AI预测大模型" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png">
+                    </div>
+                    <div>
+                      <h3 class="font-semibold mb-1 heading-tertiary">夺宝奇兵</h3>
+                      <p class="text-gray-400 text-sm paragraph-text">机构界的黑科技</p>
+                    </div>
                   </div>
-                </div>
 
-                <div class="flex items-start">
-                  <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
-                    <img alt="AI预测大模型" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png">
+                  <div class="flex items-start">
+                    <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
+                      <img alt="夺宝利剑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png">
+                    </div>
+                    <div>
+                      <h3 class="font-semibold mb-1 heading-tertiary">赢在美股·体系化实战课程</h3>
+                      <p class="text-gray-400 text-sm paragraph-text">[学 · 练 · 战 · 享 ]用体系化思维，掌握最前沿美股分析方法与实战策略</p>
+                    </div>
                   </div>
+                </div>
+                
+                <!-- 在左侧区域底部添加标语 -->
+                <div class="mt-10 border-t border-white/20 pt-6">
+                  <h3 class="text-3xl font-bold text-center tracking-wider">
+                    加入赢在美股，开启赢家人生!
+                  </h3>
+                </div>
+              </div>
+
+              <!-- 右侧表单区域 - 保持不变 -->
+              <div class="bg-white p-8 md:p-12">
+                <form id="registrationForm" class="space-y-6">
+                  <input type="hidden" name="zbtype" id="zbType" value="6">
                   <div>
-                    <h3 class="font-semibold mb-1 heading-tertiary">夺宝奇兵</h3>
-                    <p class="text-gray-400 text-sm paragraph-text">机构界的黑科技</p>
+                    <label for="userNameInfo" class="block text-sm font-medium text-gray-700 mb-1 form-label">姓名 <span class="text-red-500">*</span></label>
+                    <input type="text" id="userNameInfo" name="userNameInfo"
+                      class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
+                      placeholder="请输入您的姓名" required>
                   </div>
-                </div>
 
-                <div class="flex items-start">
-                  <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
-                    <img alt="夺宝利剑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png">
+                  <div>
+                    <label for="countryInfo" class="block text-sm font-medium text-gray-700 mb-1 form-label">国家/地区代码 <span class="text-red-500">*</span></label>
+                    <select id="countryInfo" name="countryInfo"
+                      class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
+                      required>
+                      <option value="+65">+65 新加坡</option>
+                      <option value="+60">+60 马来西亚</option>
+                      <option value="+852">+852 香港</option>
+                      <option value="+1" selected>+1 美国</option>
+                      <option value="+62">+62 印尼</option>
+                      <option value="+1">+1 加拿大</option>
+                      <option value="+61">+61 澳大利亚</option>
+                      <option value="+673">+673 文莱</option>
+                      <option value="+886">+886 台湾</option>
+                      <option value="+86">+86 中国</option>
+                      <option value="+0">+0 其他</option>
+                      <option value="+64">+64 新西兰</option>
+                      <option value="+44">+44 英国</option>
+                      <option value="+81">+81 日本</option>
+                      <option value="+49">+49 德国</option>
+                      <option value="+82">+82 韩国</option>
+                      <option value="+84">+84 越南</option>
+                      <option value="+971">+971 阿联酋</option>
+                      <option value="+45">+45 丹麦</option>
+                      <option value="+853">+853 澳门</option>
+                      <option value="+66">+66 泰国</option>
+                      <option value="+91">+91 印度</option>
+                      <option value="+41">+41 瑞士</option>
+                      <option value="+358">+358 芬兰</option>
+                      <option value="+33">+33 法国</option>
+                      <option value="+63">+63 菲律宾</option>
+                      <option value="+31">+31 荷兰</option>
+                      <option value="+46">+46 瑞典</option>
+                      <option value="+34">+34 西班牙</option>
+                      <option value="+54">+54 阿根廷</option>
+                      <option value="+39">+39 意大利</option>
+                      <option value="+7">+7 俄罗斯</option>
+                      <option value="+420">+420 捷克</option>
+                    </select>
                   </div>
                   <div>
-                    <h3 class="font-semibold mb-1 heading-tertiary">赢在美股·体系化实战课程</h3>
-                    <p class="text-gray-400 text-sm paragraph-text">[学 · 练 · 战 · 享 ]用体系化思维，掌握最前沿美股分析方法与实战策略</p>
+                    <label for="userMobile" class="block text-sm font-medium text-gray-700 mb-1 form-label">电话号码 <span class="text-red-500">*</span></label>
+                    <input type="tel" name="userMobile" id="userMobile" placeholder="纯手机号 ( 不含国家编号 )"
+                      onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0/g,'')"
+                      class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
+                      autocomplete="off" required>
                   </div>
-                </div>
-              </div>
-              
-              <!-- 在左侧区域底部添加标语 -->
-              <div class="mt-10 border-t border-white/20 pt-6">
-                <h3 class="text-3xl font-bold text-center tracking-wider">
-                  加入赢在美股，开启赢家人生!
-                </h3>
-              </div>
-            </div>
 
-            <!-- 右侧表单区域 - 保持不变 -->
-            <div class="bg-white p-8 md:p-12">
-              <form id="registrationForm" class="space-y-6">
-                <input type="hidden" name="zbtype" id="zbType" value="6">
-                <div>
-                  <label for="userNameInfo" class="block text-sm font-medium text-gray-700 mb-1 form-label">姓名 <span class="text-red-500">*</span></label>
-                  <input type="text" id="userNameInfo" name="userNameInfo"
-                    class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
-                    placeholder="请输入您的姓名" required>
-                </div>
-
-                <div>
-                  <label for="countryInfo" class="block text-sm font-medium text-gray-700 mb-1 form-label">国家/地区代码 <span class="text-red-500">*</span></label>
-                  <select id="countryInfo" name="countryInfo"
-                    class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
-                    required>
-                    <option value="+65">+65 新加坡</option>
-                    <option value="+60">+60 马来西亚</option>
-                    <option value="+852">+852 香港</option>
-                    <option value="+1" selected>+1 美国</option>
-                    <option value="+62">+62 印尼</option>
-                    <option value="+1">+1 加拿大</option>
-                    <option value="+61">+61 澳大利亚</option>
-                    <option value="+673">+673 文莱</option>
-                    <option value="+886">+886 台湾</option>
-                    <option value="+86">+86 中国</option>
-                    <option value="+0">+0 其他</option>
-                    <option value="+64">+64 新西兰</option>
-                    <option value="+44">+44 英国</option>
-                    <option value="+81">+81 日本</option>
-                    <option value="+49">+49 德国</option>
-                    <option value="+82">+82 韩国</option>
-                    <option value="+84">+84 越南</option>
-                    <option value="+971">+971 阿联酋</option>
-                    <option value="+45">+45 丹麦</option>
-                    <option value="+853">+853 澳门</option>
-                    <option value="+66">+66 泰国</option>
-                    <option value="+91">+91 印度</option>
-                    <option value="+41">+41 瑞士</option>
-                    <option value="+358">+358 芬兰</option>
-                    <option value="+33">+33 法国</option>
-                    <option value="+63">+63 菲律宾</option>
-                    <option value="+31">+31 荷兰</option>
-                    <option value="+46">+46 瑞典</option>
-                    <option value="+34">+34 西班牙</option>
-                    <option value="+54">+54 阿根廷</option>
-                    <option value="+39">+39 意大利</option>
-                    <option value="+7">+7 俄罗斯</option>
-                    <option value="+420">+420 捷克</option>
-                  </select>
-                </div>
-                <div>
-                  <label for="userMobile" class="block text-sm font-medium text-gray-700 mb-1 form-label">电话号码 <span class="text-red-500">*</span></label>
-                  <input type="tel" name="userMobile" id="userMobile" placeholder="纯手机号 ( 不含国家编号 )"
-                    onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0/g,'')"
-                    class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
-                    autocomplete="off" required>
-                </div>
+                  <div>
+                    <label for="userWechat" class="block text-sm font-medium text-gray-700 mb-1 form-label">微信ID</label>
+                    <input type="text" name="userWechat" id="userWechat" placeholder="微信ID ( 如没有WhatsApp )"
+                      autocomplete="off"
+                      class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input">
+                  </div>
 
-                <div>
-                  <label for="userWechat" class="block text-sm font-medium text-gray-700 mb-1 form-label">微信ID</label>
-                  <input type="text" name="userWechat" id="userWechat" placeholder="微信ID ( 如没有WhatsApp )"
-                    autocomplete="off"
-                    class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input">
-                </div>
+                  <div>
+                    <label for="userEmail" class="block text-sm font-medium text-gray-700 mb-1 form-label">电子邮箱 <span class="text-red-500">*</span></label>
+                    <input type="email" placeholder="请输入您的邮箱" name="userEmail" id="userEmail" autocomplete="off"
+                      class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
+                      required>
+                  </div>
 
-                <div>
-                  <label for="userEmail" class="block text-sm font-medium text-gray-700 mb-1 form-label">电子邮箱 <span class="text-red-500">*</span></label>
-                  <input type="email" placeholder="请输入您的邮箱" name="userEmail" id="userEmail" autocomplete="off"
-                    class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
-                    required>
-                </div>
+                  <!-- 多选区域 -->
+                  <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-2">请选择您希望优先获取的权益 (可多选) <span class="text-red-500">*</span></label>
+                    <div class="space-y-3">
+                      <label class="flex items-center space-x-3 cursor-pointer group">
+                        <input type="checkbox" name="benefits[]" value="DeepChart" 
+                          class="w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox">
+                        <span class="text-sm text-gray-600 group-hover:text-gray-800">获取DeepChart体验权限</span>
+                      </label>
+                      <label class="flex items-center space-x-3 cursor-pointer group">
+                        <input type="checkbox" name="benefits[]" value="夺宝奇兵" 
+                          class="w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox">
+                        <span class="text-sm text-gray-600 group-hover:text-gray-800">获取"夺宝奇兵"体验权限</span>
+                      </label>
+                      <label class="flex items-center space-x-3 cursor-pointer group">
+                        <input type="checkbox" name="benefits[]" value="独家课程" 
+                          class="w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox">
+                        <span class="text-sm text-gray-600 group-hover:text-gray-800">参加"赢在美股"独家课程 - 学习前沿分析方法与操作策略</span>
+                      </label>
+                    </div>
+                  </div>
 
-                <!-- 多选区域 -->
-                <div>
-                  <label class="block text-sm font-medium text-gray-700 mb-2">请选择您希望优先获取的权益 (可多选) <span class="text-red-500">*</span></label>
-                  <div class="space-y-3">
-                    <label class="flex items-center space-x-3 cursor-pointer group">
-                      <input type="checkbox" name="benefits[]" value="DeepChart" 
-                        class="w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox">
-                      <span class="text-sm text-gray-600 group-hover:text-gray-800">获取DeepChart体验权限</span>
-                    </label>
-                    <label class="flex items-center space-x-3 cursor-pointer group">
-                      <input type="checkbox" name="benefits[]" value="夺宝奇兵" 
-                        class="w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox">
-                      <span class="text-sm text-gray-600 group-hover:text-gray-800">获取"夺宝奇兵"体验权限</span>
-                    </label>
-                    <label class="flex items-center space-x-3 cursor-pointer group">
-                      <input type="checkbox" name="benefits[]" value="独家课程" 
-                        class="w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox">
-                      <span class="text-sm text-gray-600 group-hover:text-gray-800">参加"赢在美股"独家课程 - 学习前沿分析方法与操作策略</span>
+                  <!-- 同意接收咨询 -->
+                  <div class="flex items-start">
+                    <input type="checkbox" id="agreement" name="agreement" 
+                      class="mt-1 mr-2 w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox" required>
+                    <label for="agreement" class="text-sm text-gray-600 form-label">
+                      我同意接收相关产品和服务的咨询
                     </label>
                   </div>
-                </div>
-
-                <!-- 同意接收咨询 -->
-                <div class="flex items-start">
-                  <input type="checkbox" id="agreement" name="agreement" 
-                    class="mt-1 mr-2 w-5 h-5 border-2 border-gray-300 rounded focus:border-orange-500 focus:ring-0 custom-orange-checkbox" required>
-                  <label for="agreement" class="text-sm text-gray-600 form-label">
-                    我同意接收相关产品和服务的咨询
-                  </label>
-                </div>
 
-                <!-- 提交按钮 -->
-                <button type="submit" id="submitBtn"
-                  class="w-full py-3 px-6 rounded-lg text-white font-medium hover:shadow-lg transition-all transform hover:-translate-y-0.5 custom-orange-button">
-                  提交注册
-                </button>
-              </form>
+                  <!-- 提交按钮 -->
+                  <button type="submit" id="submitBtn"
+                    class="w-full py-3 px-6 rounded-lg text-white font-medium hover:shadow-lg transition-all transform hover:-translate-y-0.5 custom-orange-button">
+                    提交注册
+                  </button>
+                </form>
+              </div>
             </div>
           </div>
-        </div>
 
-        <!-- === 声明卡片 === -->
-        <!-- 在大屏幕上显示，定位在注册表单的右侧外部，紧贴下沿 -->
-        <!-- 小屏幕隐藏 -->
-        <div class="hidden lg:block absolute left-full bottom-0 ml-4 w-64">
-          <div class="bg-white rounded-xl shadow-lg p-4 border border-gray-200">
-            <div class="mb-4 border-b border-gray-100 pb-3">
-              <h4 class="font-bold text-gray-900 mb-2 text-sm">注册说明</h4>
-              <div class="space-y-2 text-xs">
-                <div class="flex items-start">
-                  <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
-                    <i class="fa fa-user"></i>
+          <!-- === 声明卡片 === -->
+          <!-- 在大屏幕上显示，定位在注册表单的右侧外部，紧贴下沿 -->
+          <!-- 小屏幕隐藏 -->
+          <div class="hidden lg:block absolute left-full bottom-0 ml-4 w-64">
+            <div class="bg-white rounded-xl shadow-lg p-4 border border-gray-200">
+              <div class="mb-4 border-b border-gray-100 pb-3">
+                <h4 class="font-bold text-gray-900 mb-2 text-sm">注册说明</h4>
+                <div class="space-y-2 text-xs">
+                  <div class="flex items-start">
+                    <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
+                      <i class="fa fa-user"></i>
+                    </div>
+                    <p class="text-gray-600">请填写方便称呼您的姓名信息。</p>
                   </div>
-                  <p class="text-gray-600">请填写方便称呼您的姓名信息。</p>
-                </div>
-                <div class="flex items-start">
-                  <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
-                    <i class="fa fa-whatsapp"></i>
+                  <div class="flex items-start">
+                    <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
+                      <i class="fa fa-whatsapp"></i>
+                    </div>
+                    <p class="text-gray-600">手机号码最好支持WhatsApp联系。</p>
+                  </div>
+                  <div class="flex items-start">
+                    <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
+                      <i class="fa fa-comments"></i>
+                    </div>
+                    <p class="text-gray-600">微信的联系方式我们也支持。</p>
+                  </div>
+                  <div class="flex items-start">
+                    <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
+                      <i class="fa fa-envelope"></i>
+                    </div>
+                    <p class="text-gray-600">邮箱作为联系您的备用联系方式。</p>
                   </div>
-                  <p class="text-gray-600">手机号码最好支持WhatsApp联系。</p>
                 </div>
-                <div class="flex items-start">
-                  <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
-                    <i class="fa fa-comments"></i>
+              </div>
+              <div>
+                <h4 class="font-bold text-gray-900 mb-1 text-sm">郑重声明</h4>
+                <p class="text-xs text-gray-500 leading-relaxed">
+                  我们将严格保护您的个人信息安全，绝对不会向第三方泄露。
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </section>
+    <section id="page-register" class="page dohidden">
+      <!-- DeepChart2月份免费体验页面 -->
+      <div class="pt-32 pb-20">
+        <div class="container mx-auto max-w-6xl">
+          <!-- 标题区域 -->
+          <div class="text-center mb-8">
+            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
+              DeepChart2月份免费体验
+            </h1>
+            <p class="text-xl text-gray-600 mb-3">
+              赢家粉有一次在2月份体验的机会！
+            </p>
+            <h2 class="text-xl text-gray-600 mb-3">
+              全球最懂机构行为的AI伙伴
+            </h2>
+          </div>
+          <!-- 主容器：使用flex布局 -->
+          <div class="flex flex-col lg:flex-row gap-8">
+            <!-- 左侧表单区域 -->
+            <div class="lg:w-2/3">
+              <div class="bg-white rounded-3xl shadow-xl overflow-hidden">
+                <div class="p-8 md:p-12">
+                  <form class="space-y-6">
+                    <!-- 姓名 -->
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-2">姓名 <span class="text-red-500">*</span></label>
+                      <input type="text" 
+                        class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all form-input"
+                        placeholder="请输入您的姓名" required>
+                    </div>
+
+                    <!-- 手机号码 -->
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-2">手机号码 <span class="text-red-500">*</span></label>
+                      <div class="flex gap-3 flex-col md:flex-row">
+                        <select class="w-full md:w-1/3 px-3 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all">
+                          <option value="+1" selected>+1 美国</option>
+                          <option value="+86">+86 中国</option>
+                          <option value="+852">+852 香港</option>
+                        </select>
+                        <input type="tel"
+                          class="w-full md:flex-1 px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all"
+                          placeholder="不带国家编号的纯机号" required>
+                      </div>
+                    </div>
+
+                    <!-- 微信ID -->
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-2">微信ID</label>
+                      <input type="text"
+                        class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all"
+                        placeholder="微信ID（如没有WhatsApp）">
+                    </div>
+
+                    <!-- 邮箱地址 -->
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-2">邮箱地址 <span class="text-red-500">*</span></label>
+                      <input type="email"
+                        class="w-full px-4 py-3 rounded-lg border-2 border-gray-300 focus:border-orange-500 focus:ring-0 transition-all"
+                        placeholder="请输入您的邮箱地址" required>
+                    </div>
+                    <!-- 提交按钮 -->
+                    <button type="submit"
+                      class="w-full py-4 px-6 rounded-lg text-white font-bold text-lg hover:shadow-lg transition-all transform hover:-translate-y-0.5 mt-8 custom-orange-button">
+                      提交注册
+                    </button>
+
+                    <!-- WhatsApp帮助链接 -->
+                    <div class="text-center mt-6">
+                      <a href="https://api.whatsapp.com/send?phone=85255110485&text=我需要帮助"
+                        target="_blank"
+                        class="inline-flex items-center text-blue-600 hover:text-blue-800 text-sm">
+                        <i class="fa fa-whatsapp text-green-500 mr-2"></i>
+                        如需帮助？点击发WhatsApp
+                      </a>
+                    </div>
+                  </form>
+                </div>
+              </div>
+            </div>
+
+            <!-- 右侧声明区域 - 在小屏幕上显示在表单下面 -->
+            <div class="lg:w-1/3">
+              <div class="bg-white rounded-2xl shadow-xl p-6 h-full">
+                <div class="mb-2 border-b border-gray-100 pb-6">
+                  <h4 class="font-bold text-gray-900 mb-4 text-lg">注册说明</h4>
+                  <div class="space-y-4">
+                    <div class="flex items-start">
+                      <div class="w-8 h-8 rounded-full bg-orange-50 flex items-center justify-center mr-3 flex-shrink-0 text-orange-500">
+                        <i class="fa fa-user"></i>
+                      </div>
+                      <p class="text-gray-600">请填写方便称呼您的姓名信息。</p>
+                    </div>
+                    <div class="flex items-start">
+                      <div class="w-8 h-8 rounded-full bg-orange-50 flex items-center justify-center mr-3 flex-shrink-0 text-orange-500">
+                        <i class="fa fa-whatsapp"></i>
+                      </div>
+                      <p class="text-gray-600">手机号码最好支持WhatsApp联系。</p>
+                    </div>
+                    <div class="flex items-start">
+                      <div class="w-8 h-8 rounded-full bg-orange-50 flex items-center justify-center mr-3 flex-shrink-0 text-orange-500">
+                        <i class="fa fa-comments"></i>
+                      </div>
+                      <p class="text-gray-600">微信的联系方式我们也支持。</p>
+                    </div>
+                    <div class="flex items-start">
+                      <div class="w-8 h-8 rounded-full bg-orange-50 flex items-center justify-center mr-3 flex-shrink-0 text-orange-500">
+                        <i class="fa fa-envelope"></i>
+                      </div>
+                      <p class="text-gray-600">邮箱作为联系您的备用联系方式。</p>
+                    </div>
                   </div>
-                  <p class="text-gray-600">微信的联系方式我们也支持。</p>
                 </div>
-                <div class="flex items-start">
-                  <div class="w-5 h-5 rounded-full bg-orange-50 flex items-center justify-center mr-2 flex-shrink-0 text-orange-500 text-xs">
-                    <i class="fa fa-envelope"></i>
+                <!-- 温馨提示 -->
+                <div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mt-2 mb-2">
+                  <h4 class="font-bold text-amber-800 mb-2">温馨提示</h4>
+                    <p class="text-amber-700 text-sm">
+                      赢家粉可以在2月份免费体验。<br>
+                      包括：DEEPCHART所有功能<br>
+                      <span class="font-semibold">注意是2026年2月份哦！</span>
+                    </p>
                   </div>
-                  <p class="text-gray-600">邮箱作为联系您的备用联系方式。</p>
+                <div>
+                  <h4 class="font-bold text-gray-900 mb-3 text-lg">郑重声明</h4>
+                  <p class="text-gray-500 leading-relaxed">
+                    我们将严格保护您的个人信息安全，绝对不会向第三方泄露。
+                  </p>
                 </div>
               </div>
             </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section id="page-register-success"  class="page">
+      
+    </section>
+    <section  id="page-guide" class="page dohidden">
+      <div class="container mx-auto max-w-5xl pt-24">
+        <div
+          class="text-center mb-4 animate-fade-in"
+          style="opacity: 1; transform: translateY(0px)"
+        >
+          <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-2">
+            操作指南中心
+          </h2>
+          <p class="text-gray-600 max-w-2xl mx-auto">
+           通过视频以及图文说明，教你如何使用夺宝奇兵软件以及如何观看直播和观看重播!
+          </p>
+        </div>
+
+        <!-- 主视频播放窗口 -->
+        <div
+          class="bg-white rounded-2xl shadow-xl p-6 md:p-8 animate-fade-in delay-100"
+          style="opacity: 1; transform: translateY(0px)"
+        >
+          <h3 class="text-xl md:text-2xl font-semibold mb-4 text-center text-gray-500">
+            HomilyLink操作指南 &nbsp;|&nbsp;课程直播&nbsp;|&nbsp;重播指南
+          </h3>
+          <div class="video-container">
+            <!-- 兼容性视频播放器 -->
+            <video
+              id="guideVideo"
+              controls=""
+              poster="https://hc.homilychart.com/hc/250121/img/106-1200x675.jpg"
+              controlslist="nodownload"
+              class="w-full"
+            >
+              <source
+                src="https://hc.homilychart.com/hc/250121/img/homilylink-guide.mp4"
+                type="video/mp4"
+              />
+            </video>
+          </div>
+          <div class="mt-6 flex flex-wrap items-center justify-between gap-4">
             <div>
-              <h4 class="font-bold text-gray-900 mb-1 text-sm">郑重声明</h4>
-              <p class="text-xs text-gray-500 leading-relaxed">
-                我们将严格保护您的个人信息安全，绝对不会向第三方泄露。
-              </p>
+              <p class="text-gray-600">时长: 02:14</p>
+              <p class="text-gray-500 text-sm mt-1">HomilyLink操作指南</p>
+            </div>
+            <div class="flex space-x-3">
+              <button
+                class="flex items-center space-x-1 px-4 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors"
+              >
+                <img
+                  alt="夺宝奇兵"
+                  src="https://hc.homilychart.com/hc/250121/img/20230711171637.png"
+                  style="width: 30px; height: 30px"
+                />
+                <span
+                  ><a
+                    href="https://wa.me/+6588792879?text=进HomilyLink听课需要帮助"
+                    target="_blank"
+                    class="text-gray-400 transition-colors"
+                    style="color: black"
+                    >点击寻求帮助</a
+                  ></span
+                >
+              </button>
             </div>
           </div>
         </div>
@@ -1378,7 +1500,12 @@
       background-position: center;
       background-repeat: no-repeat;
     }
-    
+    .dohidden {
+      display: none;
+    }
+    .page{
+      min-height: calc(100vh-160px);
+    }
     .arrow-box {
       display: inline-block;
       width: 8px;
@@ -1478,7 +1605,9 @@
       border-color: #FFA300 !important;
       box-shadow: 0 0 0 3px rgba(255, 172, 25, 0.1);
     }
-
+    #page-register,#page-guide {
+      background: #FFF9ED;
+    }
   </style>
 </body>