feat: 添加黄炎培相关场景和引导对话

- 新增黄炎培故居的图像资源，丰富视觉内容。
- 更新多个场景中的引导对话，提升学习互动性和历史背景的准确性。
- 调整文本内容，确保信息的一致性和流畅性。
- 引入结束窗口，增强用户体验，鼓励用户深入了解黄炎培的教育理念。

src/pages/huangyanpei/place/place5.tsx

@@ -31,8 +31,12 @@ const HuangyanpeiPlace5 = () => {
   const [visited, setVisited] = useState<Set<number>>(new Set());
   const [videoVisible, setVideoVisible] = useState(false);
   const videoRef = useRef<VideoRef>(null);
+  // 光标1的引导对话状态
+  const [guide1Visible, setGuide1Visible] = useState(false);
+  const [guide1Step, setGuide1Step] = useState(0);
   // 展品2视频后的对话引导状态
   const [guideVisible, setGuideVisible] = useState(false);
+  const [guideStep, setGuideStep] = useState(0);
   // 题目显示状态
   const [showQuiz, setShowQuiz] = useState(false);
   // 成功提示状态
@@ -40,10 +44,13 @@ const HuangyanpeiPlace5 = () => {
 
   const handleOpenExhibit = (index: 1 | 2) => {
     if (index === 2) {
-      // 展品2：点击时播放视频，不展示展品
-      setVideoVisible(true);
+      // 展品2：点击时显示对话，再显示视频
+      setGuideStep(0);
+      setGuideVisible(true);
     } else {
       // 展品1：正常展示展品
+      setGuide1Step(0);
+      setGuide1Visible(true);
       setActiveExhibitId(index);
     }
   };
@@ -113,7 +120,7 @@ const HuangyanpeiPlace5 = () => {
         />
       )}
 
-      {/* 展品2视频播放（全屏） */}
+      {/* 对话后显示展品2视频播放（全屏） */}
       {videoVisible && (
         <div className="fixed inset-0 z-[9999] bg-black">
           <Video
@@ -127,8 +134,8 @@ const HuangyanpeiPlace5 = () => {
             showSkipButton
             skipText="跳过"
             onEnded={() => {
-              // 视频结束后显示对话引导
-              setGuideVisible(true);
+              // 对话结束后显示题目
+              setShowQuiz(true);
             }}
           />
         </div>
@@ -136,11 +143,11 @@ const HuangyanpeiPlace5 = () => {
 
       <ExhibitOverlay
         visible={activeExhibitId !== null}
-        description={
-          activeExhibitId === 1
-            ? '1940年,国民党政府还坚持"攘外必先安内"的政策,让国共两党的关系越来越紧张。黄炎培等有识之士看到这种严峻形势,觉得中间派应该联合起来,为国家寻求一条和平发展的道路。于是他联系了张君励、梁漱溟等爱国同仁,后来又联合了第三党和无党派人士,准备成立统一的同盟。刚好这时发生了震惊中外的"皖南事变",国共矛盾进一步激化,黄炎培心里特别着急,就加紧了筹备工作。1941年3月19日,中国民主政团同盟正式成立,参加成立会的有13人,选出了5位常委,黄炎培当选为第一任主席。1945年,他还创立了民主建国会并担任第一任主委,带领大家积极投入"反内战、保和平"的民主斗争,为国家的和平稳定奔走呼号。'
-            : undefined
-        }
+        // description={
+        //   activeExhibitId === 1
+        //     ? '1940年,国民党政府还坚持"攘外必先安内"的政策,让国共两党的关系越来越紧张。黄炎培等有识之士看到这种严峻形势,觉得中间派应该联合起来,为国家寻求一条和平发展的道路。于是他联系了张君励、梁漱溟等爱国同仁,后来又联合了第三党和无党派人士,准备成立统一的同盟。刚好这时发生了震惊中外的"皖南事变",国共矛盾进一步激化,黄炎培心里特别着急,就加紧了筹备工作。1941年3月19日,中国民主政团同盟正式成立,参加成立会的有13人,选出了5位常委,黄炎培当选为第一任主席。1945年,他还创立了民主建国会并担任第一任主委,带领大家积极投入"反内战、保和平"的民主斗争,为国家的和平稳定奔走呼号。'
+        //     : undefined
+        // }
         src={activeExhibitId ? exhibitSrcMap[activeExhibitId] : ""}
         onClose={() => {
           if (activeExhibitId !== null) {
@@ -154,38 +161,68 @@ const HuangyanpeiPlace5 = () => {
         }}
       />
 
-      {/* 展品2视频后的引导对话 */}
+      {/* 光标1的引导对话 */}
+      <GuideSteps
+        visible={guide1Visible}
+        currentStep={guide1Step}
+        onStepChange={setGuide1Step}
+        onVisibleChange={(visible) => {
+          setGuide1Visible(visible);
+        }}
+        showMask={false}
+        zIndex={10000}
+      >
+        <GuideStepsItem speaker="student">
+          抗战胜利后，黄炎培先生除了继续推进职业教育，还参与了政党活动呀？他创建民主政团同盟，是想为国家做些什么呢？
+        </GuideStepsItem>
+        <GuideStepsItem speaker="guide">
+          这和当时的历史背景分不开。1940年，国民党政府还坚持“攘外必先安内”的政策，让国共两党的关系越来越紧张。黄炎培等有识之士看到这种严峻形势，觉得中间派应该联合起来，为国家寻求一条和平发展的道路。
+        </GuideStepsItem>
+        <GuideStepsItem speaker="guide">
+          于是他联系了张君劢、梁漱溟等爱国同仁，后来又联合了第三党和无党派人士，准备成立统一的同盟。刚好这时发生了震惊中外的“皖南事变”，国共矛盾进一步激化，黄炎培心里特别着急，就加紧了筹备工作。
+        </GuideStepsItem>
+        <GuideStepsItem speaker="guide">
+          1941年3月19日，中国民主政团同盟正式成立，参加成立会的有13人，选出了5位常委，黄炎培当选为第一任主席。
+        </GuideStepsItem>
+        <GuideStepsItem speaker="guide">
+          1945年，他还创立了民主建国会并担任第一任主委，带领大家积极投入“反内战、保和平”的民主斗争，为国家的和平稳定奔走呼号。
+        </GuideStepsItem>
+      </GuideSteps>
+
+      {/* 光标2的引导对话 */}
       <GuideSteps
         visible={guideVisible}
+        currentStep={guideStep}
+        onStepChange={setGuideStep}
         onVisibleChange={(visible) => {
           setGuideVisible(visible);
-          // 对话结束后显示题目
+          // 如果对话结束，显示视频
           if (!visible) {
-            setShowQuiz(true);
+            setVideoVisible(true);
           }
         }}
-        showMask={true}
+        showMask={false}
         highlightSelectors={[]}
         zIndex={10000}
       >
         <GuideStepsItem speaker="student">
-          哇!这就是历史课上学的"窑洞对"!黄炎培先生和毛主席的这次谈话,是不是破解了"历史周期率"呀?
+          哇！这就是历史课上学的“窑洞对”！黄炎培先生和毛主席的这次谈话，是不是谈到了“历史周期率”呀？
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
-          完全正确!1945年7月1日,黄炎培以国民参政员的身份,带着考察团一行六人赴延安考察,中共中央领导人毛泽东、朱德、周恩来等都亲自到机场迎接。7月4日,他和毛泽东主席长谈了十几个小时,这场对话能和诸葛亮的"隆中对"相媲美。
+          完全正确！1945年7月1日，黄炎培以国民参政员的身份，带着考察团一行六人赴延安考察，中共中央领导人毛泽东、朱德、周恩来等都亲自到机场迎接。7月4日，他和毛泽东主席长谈了十几个小时，这场对话能和诸葛亮的“隆中对”相媲美。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
-          谈话中,黄炎培提出了一个深刻的问题:"其兴也勃焉,其亡也忽焉",也就是历代王朝逃不开的"历史周期率"。毛泽东主席当场回答:"我们已经找到新路,这条新路就是民主。
+          谈话中，黄炎培提出了一个深刻的问题：“其兴也勃焉，其亡也忽焉”，也就是历代王朝逃不开的“历史周期率”。毛泽东主席当场回答：“我们已经找到新路，我们能跳出这周期律，这条新路就是民主。”
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
-          "后来,黄炎培把这段对话写进了《延安归来》这本书,一夜之间就畅销十万册,成为当时最热门的书籍,而"实行民主"也被大家称为破解历史周期率的"初版答案"。
+          后来，黄炎培把这段对话写进了《延安归来》这本书，一夜之间就畅销十万册，成为当时最热门的书籍，而“实行民主”也被大家称为破解历史周期率的“初版答案”。
         </GuideStepsItem>
       </GuideSteps>
 
       {/* 题目 */}
       <SingleChoiceQuizPanel
         visible={showQuiz}
-        title='《延安归来》中"破解历史周期率"的"初版答案"一夜畅销十万册,其提出的核心对策是( )'
+        title={`【单选】《延安归来》中"破解历史周期率"的"初版答案"一夜畅销十万册,其提出的核心对策是(\xa0\xa0\xa0\xa0)。`}
         options={[
           { value: "A", label: "A. 实行民主" },
           { value: "B", label: "B. 发展经济" },
@@ -193,7 +230,7 @@ const HuangyanpeiPlace5 = () => {
           { value: "D", label: "D. 武装斗争" },
         ]}
         correctAnswer="A"
-        errorMessage='1945年7月,黄炎培在延安向毛泽东提出"其兴也勃焉,其亡也忽焉"的历史周期率之问。毛泽东当即回答:"我们已经找到新路,这条新路就是民主。"黄炎培将这一对话写入《延安归来》,首次公开提出以"民主"破解历代王朝兴衰循环的命题。该书一夜之间畅销十万册,使"实行民主"成为当时社会各界瞩目的"初版答案",故选A。'
+        errorMessage="1945年7月，黄炎培在延安向毛泽东提出“其兴也勃焉，其亡也忽焉”的历史周期率之问。毛泽东回答：“我们已经找到新路，我们能跳出这周期律，这条新路就是民主。”黄炎培将这一对话写入《延安归来》，首次公开提出以“民主”破解历代王朝兴衰循环的命题。该书一夜之间畅销十万册，使“实行民主”成为当时社会各界瞩目的“初版答案”。"
         onSubmit={(value, isCorrect) => {
           if (isCorrect) {
             setVideoVisible(false);
@@ -219,7 +256,6 @@ const HuangyanpeiPlace5 = () => {
           setShowSuccessAlert(false);
         }}
       />
-
     </div>
   );
 };