feat:孙中山对话前3个场景

src/pages/sunzhongshan/place/place4.tsx

@@ -1,5 +1,11 @@
 import { useState } from "react";
-import { ExhibitOverlay, Title, Image, Cursor } from "@/components";
+import {
+  ExhibitOverlay,
+  Title,
+  Image,
+  Cursor,
+  StudyGuideModal,
+} from "@/components";
 import { getBackgroundImage, getStaticImage } from "@/lib/utils";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -16,6 +22,8 @@ const SunzhongshanPlace4 = () => {
     moduleName: string;
   }>();
 
+  // 学习引导弹窗（进入场景即显示）
+  const [showGuideModal, setShowGuideModal] = useState(true);
   const [activeExhibitId, setActiveExhibitId] = useState<1 | 2 | null>(null);
   const [visited, setVisited] = useState<Set<number>>(new Set());
 
@@ -94,6 +102,19 @@ const SunzhongshanPlace4 = () => {
           setActiveExhibitId(null);
         }}
       />
+
+      {/* 学习引导（进入场景即显示，与 place1 保持一致） */}
+      <StudyGuideModal
+        visible={showGuideModal}
+        onContinue={() => setShowGuideModal(false)}
+        ailgn="left"
+      >
+        1、场景中出现动态光点的展品表示未浏览，可通过点击光点来了解展品背后的故事，通过滚轮可以放大展品，浏览展品后蓝色动态光点会变为已浏览状态；
+        {"\n"}
+        2、在学习过程中会掉落拼图碎片，拼图碎片会自动收入拼图盒中，拼图盒可以点击查看当前拼图收集情况，点击单个拼图可以回到获得拼图的场景再次学习；
+        {"\n"}
+        3、所有动态光点的展品全部学习后才能进入下一个场景学习；
+      </StudyGuideModal>
     </div>
   );
 };