From 419b7e964ec963bdef61f96fdca59c3dd37a990f Mon Sep 17 00:00:00 2001
From: zhaoruhui <national_zrh@163.com>
Date: Thu, 23 Oct 2025 15:10:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist-test/index.html |  2 +-
 index.html           | 99 ++++++++++++++++++++++++++++++----------------------
 2 files changed, 59 insertions(+), 42 deletions(-)

diff --git a/dist-test/index.html b/dist-test/index.html
index ab90224..2590b0d 100644
--- a/dist-test/index.html
+++ b/dist-test/index.html
@@ -456,7 +456,7 @@
         <div>
           <div class="flex items-center space-x-2 mb-6">
             <div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center">
-              <img alt="赢在美股" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png"
+              <img alt="赢在美股" src="https://d31zlh4on95l9h.cloudfront.net/images/497d8b38ab9f738e9720d5d7bddf3beb.png"
                 style="width: 40px;height: 40px;">
             </div>
             <span class="text-xl font-bold">赢在美股</span>
diff --git a/index.html b/index.html
index 26e41c8..25580ad 100644
--- a/index.html
+++ b/index.html
@@ -334,7 +334,7 @@
                   <p class="text-gray-400 text-sm paragraph-text">您的股票体检专家！</p>
                 </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://hc.homilychart.com/hc/250121/img/AIyuce.png">
@@ -344,7 +344,7 @@
                   <p class="text-gray-400 text-sm paragraph-text">时间空间价格AI精准预测！</p>
                 </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://hc.homilychart.com/hc/250121/img/duobaolijian.png">
@@ -356,7 +356,7 @@
               </div>
             </div>
           </div>
-  
+
           <!-- 右侧表单区域 - 保持不变 -->
           <div class="bg-white p-8 md:p-12">
             <form id="registrationForm" class="space-y-6">
@@ -367,7 +367,7 @@
                   class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all form-input"
                   placeholder="请输入您的姓名" required>
               </div>
-  
+
               <div>
                 <label for="countryInfo" class="block text-sm font-medium text-gray-700 mb-1 form-label">国家/地区代码</label>
                 <select id="countryInfo" name="countryInfo"
@@ -415,27 +415,28 @@
                   class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary 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"
+                <input type="text" name="userWechat" id="userWechat" placeholder="微信ID ( 如没有WhatsApp )"
+                  autocomplete="off"
                   class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all form-input">
               </div>
-  
+
               <div>
                 <label for="userEmail" class="block text-sm font-medium text-gray-700 mb-1 form-label">电子邮箱</label>
                 <input type="email" placeholder="请输入您的邮箱" name="userEmail" id="userEmail" autocomplete="off"
                   class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary focus:border-primary transition-all form-input"
                   required>
               </div>
-  
+
               <div class="flex items-start">
                 <input type="checkbox" id="agreement" name="agreement" class="mt-1 mr-2" 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 gradient-background text-white font-medium hover:shadow-lg hover:shadow-primary/20 transition-all transform hover:-translate-y-0.5 form-button">
                 提交注册
@@ -485,12 +486,12 @@
         <div>
           <h4 class="text-lg font-semibold mb-6 heading-tertiary">产品</h4>
           <ul class="space-y-3">
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">HomilyChart</a></li>
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">HomilyChart</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
             <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
                 class="text-gray-400 hover:text-white transition-colors">博股会员</a></li>
             <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
@@ -501,12 +502,12 @@
         <div>
           <h4 class="text-lg font-semibold mb-6 heading-tertiary">公司</h4>
           <ul class="space-y-3">
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
           </ul>
         </div>
 
@@ -516,10 +517,11 @@
             <li class="list-item">
               <!-- <a href="hcdbqb-guide.html"
                 class="text-gray-400 hover:text-white transition-colors">帮助中心</a> -->
-              <a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
+              <a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
             </li>
-            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
-                class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
+            <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
+                target="_blank" class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
           </ul>
         </div>
       </div>
@@ -772,6 +774,16 @@
       });
     }
 
+    /**
+     * 滚动到注册表单
+     */
+    function scrollToRegisterForm() {
+      const registerSection = document.getElementById('register');
+      if (registerSection) {
+        registerSection.scrollIntoView({ behavior: 'smooth' });
+      }
+    }
+
     // 页面加载完成后执行
     window.addEventListener('load', () => {
       console.log('页面加载完成，开始调用loadLectureImage...');
@@ -779,6 +791,9 @@
       executeScrollAnimation();
       // 隐藏加载状态
       document.getElementById('loadingOverlay').style.display = 'none';
+
+      // 新增：页面加载后自动滚动到注册表单
+      scrollToRegisterForm();
     });
 
     // 绑定表单提交事件
@@ -1115,27 +1130,29 @@
       border-radius: 50%;
       animation: spin 1s linear infinite;
     }
+
     .gradient-background {
-            background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
-        }
-        
-        .bg-image-overlay {
-            background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), 
-                              url('https://d31zlh4on95l9h.cloudfront.net/images/3b28e7abdfc4b495324cc3e6d9210b51.jpg');
-            background-size: cover;
-            background-position: center;
-            background-repeat: no-repeat;
-        }
+      background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
+    }
+
+    .bg-image-overlay {
+      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
+        url('https://d31zlh4on95l9h.cloudfront.net/images/3b28e7abdfc4b495324cc3e6d9210b51.jpg');
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+    }
+
     .gradient-background {
-        background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
+      background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
     }
-    
+
     .footer-bg {
-        background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
-                          url('https://d31zlh4on95l9h.cloudfront.net/images/22576b3fe6f29e642f322d4d315ae426.jpg');
-        background-size: cover;
-        background-position: center;
-        background-repeat: no-repeat;
+      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
+        url('https://d31zlh4on95l9h.cloudfront.net/images/22576b3fe6f29e642f322d4d315ae426.jpg');
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
     }
   </style>
 </body>