feat:黄炎培对话对接中

src/pages/huangyanpei/place/place5.tsx

@@ -1,5 +1,12 @@
 import { useState, useRef } from "react";
-import { ExhibitOverlay, Title, Image, Cursor, Video } from "@/components";
+import {
+  ExhibitOverlay,
+  Title,
+  Image,
+  Cursor,
+  Video,
+  StudyGuideModal,
+} from "@/components";
 import { getBackgroundImage, getStaticImage, getPublicPath } from "@/lib/utils";
 import { useNavigate, useParams } from "react-router-dom";
 import type { VideoRef } from "@/components/video";
@@ -21,6 +28,8 @@ const HuangyanpeiPlace5 = () => {
   const [visited, setVisited] = useState<Set<number>>(new Set());
   const [videoVisible, setVideoVisible] = useState(false);
   const videoRef = useRef<VideoRef>(null);
+  // 学习引导弹窗（进入场景即显示）
+  const [showGuideModal, setShowGuideModal] = useState(true);
 
   const handleOpenExhibit = (index: 1 | 2) => {
     if (index === 2) {
@@ -49,6 +58,12 @@ const HuangyanpeiPlace5 = () => {
         backgroundImage: getBackgroundImage(`huangyanpei/place5/7_001`),
       }}
     >
+      <img
+        src={getStaticImage("huangyanpei/place5/7_003")}
+        alt=""
+        className="absolute top-72 right-37"
+      />
+
       <Title
         title="延安对话"
         subtitle={subtitle}
@@ -94,10 +109,9 @@ const HuangyanpeiPlace5 = () => {
         <div className="fixed inset-0 z-[9999] bg-black">
           <Video
             ref={videoRef}
-            src={getPublicPath(
-              "video/chenyun/8陈云纪念馆16大米价格暴涨_x264.mp4"
-            )}
+            src={getPublicPath("video/huangyanpei/huangyanpei_07.mp4")}
             className="w-full h-full"
+            controls
             autoPlay
             playsInline
             preload="auto"
@@ -129,6 +143,19 @@ const HuangyanpeiPlace5 = () => {
           setActiveExhibitId(null);
         }}
       />
+
+      {/* 学习引导（进入场景即显示，与 place1 保持一致） */}
+      <StudyGuideModal
+        visible={showGuideModal}
+        onContinue={() => setShowGuideModal(false)}
+        ailgn="left"
+      >
+        1、场景中出现动态光点的展品表示未浏览，可通过点击光点来了解展品背后的故事，通过滚轮可以放大展品，浏览展品后蓝色动态光点会变为已浏览状态；
+        {"\n"}
+        2、在学习过程中会掉落拼图碎片，拼图碎片会自动收入拼图盒中，拼图盒可以点击查看当前拼图收集情况，点击单个拼图可以回到获得拼图的场景再次学习；
+        {"\n"}
+        3、所有动态光点的展品全部学习后才能进入下一个场景学习；
+      </StudyGuideModal>
     </div>
   );
 };