修改图片

index.html

@@ -80,7 +80,7 @@
         <a href="#features" class="font-medium py-2 hover:text-primary transition-colors">特色功能</a>
         <a href="#kc" class="font-medium py-2 hover:text-primary transition-colors">最新课程</a>
         <!-- <a href="hcdbqb-guide.html" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a> -->
-        <a href="#" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a>
+        <!-- <a href="#" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a> -->
         <a href="https://wa.me/+6588792879?text=夺宝奇兵指南我需要帮助" target="_blank"
           class="py-2 rounded-full gradient-background text-white font-medium text-center hover:shadow-lg transition-all">
           联系我们
@@ -175,9 +175,8 @@
 
       <!-- 宣传项 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">
-          <img src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" alt="智能数据分析平台"
-            class="w-full h-full object-cover">
+        <div class="md:w-1/2 promotion-image">
+          <img src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" alt="智能数据分析平台" class="w-full h-full">
         </div>
         <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
           <span
@@ -211,9 +210,8 @@
       <!-- 宣传项 2 - AI预测大模型 -->
       <div
         class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
-        <div class="md:w-1/2">
-          <img src="https://hc.homilychart.com/hc/250121/img/aiyucedamoxing.jpg" alt="AI预测大模型"
-            class="w-full h-full object-cover">
+        <div class="md:w-1/2 promotion-image">
+          <img src="https://hc.homilychart.com/hc/250121/img/aiyucedamoxing.jpg" alt="AI预测大模型" class="w-full h-full">
         </div>
         <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
           <span
@@ -246,10 +244,9 @@
 
       <!-- 宣传项 3 - 夺宝利剑 -->
       <div
-        class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
-        <div class="md:w-1/2">
-          <img src="https://hc.homilychart.com/hc/250121/img/duobaolijianindex.jpg" alt="夺宝利剑"
-            class="w-full h-full object-cover">
+        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 class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
           <span
@@ -283,9 +280,8 @@
       <!-- 宣传项 4 - 专题讲座 -->
       <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">
-          <img id="lectureImage" src="" alt="John Lu谈股专题讲座"
-            class="w-full h-full object-cover">
+        <div class="md:w-1/2 promotion-image">
+          <img id="lectureImage" src="" alt="John Lu谈股专题讲座" class="w-full h-full">
         </div>
         <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
           <span
@@ -520,8 +516,8 @@
             <li class="list-item">
               <!-- <a href="hcdbqb-guide.html"
                 class="text-gray-400 hover:text-white transition-colors">帮助中心</a> -->
-                <a href="#" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
-              </li>
+              <a href="#" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
+            </li>
             <li class="list-item"><a href="https://wa.me/+6588792879?text=我有问题" target="_blank"
                 class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
           </ul>
@@ -811,7 +807,7 @@
   </script>
 
   <style>
-        /* 全局字体大小调整 - 整体调小 */
+    /* 全局字体大小调整 - 整体调小 */
     html {
       font-size: 16px;
       scroll-behavior: smooth;
@@ -927,56 +923,43 @@
       font-size: 1rem;
     }
 
-    /* 宣传模块高度自适应 - 消除空白 */
-    .promotion-module {
-      display: flex;
-      flex-direction: column;
-      height: auto;
-    }
-
-    /* 确保图片容器有合适的高度 */
-    .promotion-module-image {
-      display: flex;
-      flex-direction: column;
-      min-height: 300px;
-    }
-
-    .promotion-module-content {
-      flex: 1;
+    /* 宣传模块图片样式优化 - 确保图片完整显示 */
+    .promotion-image {
       display: flex;
-      flex-direction: column;
+      min-height: 400px;
+      overflow: hidden;
+      align-items: center;
       justify-content: center;
-      padding-bottom: 2rem;
-    }
-
-    .promotion-module-wrapper {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      gap: 1.5rem;
+      background-color: #f8fafc;
     }
 
-    .promotion-module-breadcrumb {
-      margin-bottom: 0.75rem;
+    .promotion-image img {
+      width: auto;
+      max-width: 100%;
+      height: auto;
+      max-height: 100%;
+      object-fit: contain;
     }
 
-    .promotion-module-title {
-      margin-bottom: 1rem;
+    /* 针对不同模块的图片进行特定调整 */
+    /* 超级云脑图片 - 图表类图片，确保完整显示 */
+    .bg-white.rounded-3xl.shadow-xl.overflow-hidden.mb-16.flex.flex-col.md\\:flex-row.animate-fade-in .promotion-image {
+      background-color: #f0f9ff;
     }
 
-    .promotion-module-description {
-      margin-bottom: 1rem;
+    /* AI预测大模型图片 - 确保完整显示 */
+    .bg-white.rounded-3xl.shadow-xl.overflow-hidden.mb-16.flex.flex-col.md\\:flex-row-reverse.animate-fade-in.delay-100 .promotion-image {
+      background-color: #faf5ff;
     }
 
-    .promotion-module-list {
-      gap: 0.75rem;
-      margin-bottom: 1.5rem;
+    /* 夺宝利剑图片 - 图表类图片，确保完整显示 */
+    .bg-white.rounded-3xl.shadow-xl.overflow-hidden.mb-16.flex.flex-col.md\\:flex-row.animate-fade-in.delay-100 .promotion-image {
+      background-color: #f0fdf4;
     }
 
-    .promotion-module-action {
-      margin-top: auto;
-      align-self: flex-start;
+    /* John Lu谈股专题讲座图片 - 确保完整显示 */
+    .bg-white.rounded-3xl.shadow-xl.overflow-hidden.flex.flex-col.md\\:flex-row.animate-fade-in.delay-200 .promotion-image {
+      background-color: #ecfdf5;
     }
 
     /* 特色功能卡片高度调整 */
@@ -994,6 +977,14 @@
       margin-bottom: 0.75rem;
     }
 
+    /* 特色功能区域图标调整 */
+    .feature-card img {
+      max-width: 100%;
+      height: auto;
+      display: block;
+      margin: 0 auto;
+    }
+
     /* 注册表单区域调整 */
     .register-section-title {
       margin-bottom: 1rem;
@@ -1030,19 +1021,27 @@
       html {
         font-size: 14px;
       }
-      
+
       .page-body {
         font-size: 0.95rem;
       }
-      
+
       .mobile-nav-link {
         font-size: 0.95rem;
         padding-top: 0.6rem;
         padding-bottom: 0.6rem;
       }
-      
-      .promotion-module-content {
-        padding-bottom: 1.5rem;
+
+      .promotion-image {
+        min-height: 300px;
+      }
+
+      /* 移动端确保图片完整显示 */
+      .promotion-image img {
+        width: auto;
+        max-width: 90%;
+        height: auto;
+        max-height: 90%;
       }
     }
 
@@ -1052,6 +1051,7 @@
         opacity: 0;
         transform: translateY(20px);
       }
+
       to {
         opacity: 1;
         transform: translateY(0);
@@ -1062,6 +1062,7 @@
       0% {
         transform: rotate(0);
       }
+
       100% {
         transform: rotate(360deg);
       }