feat(home): 首页首屏升级为高端全景轮播图系统并增强现代中式科技质感

tests/HomepageDesignTest.php

@@ -62,7 +62,10 @@ class HomepageDesignTest
         // 7. 案例、流程、评价、CTA 板块测试
         $this->testEssentialSections();
 
-        // 8. 响应式布局测试
+        // 8. 轮播图 (Carousel) 专项测试
+        $this->testCarouselSection();
+
+        // 9. 响应式布局测试
         $this->testResponsiveDesign();
 
         echo "\n测试结果: {$this->passed} 通过, {$this->failed} 失败\n";
@@ -186,6 +189,19 @@ class HomepageDesignTest
         $this->assert(strpos($this->htmlContent, 'nhc-footer') !== false, "必须包含现代化专业页脚板块");
     }
 
+    /**
+     * 测试轮播图 (Carousel) 结构与组件
+     */
+    public function testCarouselSection()
+    {
+        $this->assert(strpos($this->htmlContent, 'nhc-carousel') !== false, "必须包含高端轮播图 nhc-carousel 容器");
+        $this->assert(strpos($this->htmlContent, 'nhc-carousel-slide') !== false, "必须包含轮播图幻灯片 nhc-carousel-slide");
+        $this->assert(strpos($this->htmlContent, 'nhc-carousel-prev') !== false && strpos($this->htmlContent, 'nhc-carousel-next') !== false, "必须包含轮播图左右切换导航控件");
+        $this->assert(strpos($this->htmlContent, 'nhc-carousel-indicators') !== false, "必须包含轮播图指示器组件");
+        $hasCarouselCss = (stripos($this->cssContent, 'nhc-carousel') !== false);
+        $this->assert($hasCarouselCss, "CSS 中必须包含高端轮播图专用样式规范");
+    }
+
     /**
      * 测试响应式断点与设计
      */