'commit'

dsLightRag/static/Menhu/index.html

@@ -342,6 +342,64 @@
             margin: 0 auto;
         }
         
+        /* 新增特色服务区块样式 */
+        .services {
+            padding: 80px 40px;
+            background-color: var(--bg-light);
+        }
+        
+        .services-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 40px;
+            max-width: 1400px;
+            margin: 0 auto;
+        }
+        
+        .service-card {
+            background-color: var(--white);
+            border-radius: 15px;
+            padding: 30px;
+            box-shadow: var(--shadow);
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .service-card:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 10px 30px rgba(0, 102, 255, 0.15);
+        }
+        
+        .service-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 5px;
+            height: 100%;
+            background-color: var(--primary-blue);
+        }
+        
+        .service-icon {
+            font-size: 48px;
+            color: var(--primary-blue);
+            margin-bottom: 20px;
+        }
+        
+        .service-title {
+            font-size: 24px;
+            font-weight: bold;
+            margin-bottom: 15px;
+            color: var(--text-dark);
+        }
+        
+        .service-description {
+            font-size: 16px;
+            color: var(--text-light);
+            line-height: 1.6;
+        }
+        
         .feature-card {
             background-color: var(--white);
             border-radius: 15px;
@@ -732,7 +790,8 @@
         <div class="wave"></div>
     </section>
 
-    <!-- 核心功能区 -->
+
+    <!-- 四大核心场景 -->
     <section class="features">
         <h2 class="section-title">四大核心场景</h2>
         <div class="features-grid">
@@ -767,6 +826,41 @@
         </div>
     </section>
 
+    <!-- 新增四大服务区块 -->
+    <section class="services">
+        <h2 class="section-title">四大特色服务</h2>
+        <div class="services-grid">
+            <div class="service-card">
+                <div class="service-icon">
+                    <i class="fas fa-video"></i>
+                </div>
+                <h3 class="service-title">教师AI资源制作视频教程</h3>
+                <p class="service-description">平方录制精美的最新最火获奖课件、流程AI制作方法拆解教程，手把手帮助教师学习AI技术。</p>
+            </div>
+            <div class="service-card">
+                <div class="service-icon">
+                    <i class="fas fa-flask"></i>
+                </div>
+                <h3 class="service-title">中小学AI实验室解决方案</h3>
+                <p class="service-description">提供ESP32、树莓派、机器臂、垃圾回收等硬件安装和软件部署，打造学校AI特色课程。</p>
+            </div>
+            <div class="service-card">
+                <div class="service-icon">
+                    <i class="fas fa-project-diagram"></i>
+                </div>
+                <h3 class="service-title">PBL+AI融合项目案例</h3>
+                <p class="service-description">以大数据+AI研究苏轼生平为例，提供案例+视频+资源，指导开展AI支持下的PBL课程设计。</p>
+            </div>
+            <div class="service-card">
+                <div class="service-icon">
+                    <i class="fas fa-bullhorn"></i>
+                </div>
+                <h3 class="service-title">宣传维护服务</h3>
+                <p class="service-description">为加入的学校、老师打造视频号、抖音号、公众号等维护宣传工作，让教师专注于教学。</p>
+            </div>
+        </div>
+    </section>
+
     <!-- 联盟与学科工坊 -->
     <section class="alliance">
         <h2 class="section-title">联盟与学科工坊</h2>