feat: 更新图像资源和引导对话，提升学习体验

- 替换多个场景中的图像资源，确保视觉内容的准确性和一致性。
- 更新信件组件中的输入校验功能，提升用户填写体验。
- 调整引导对话文本，增强互动性和信息传达的清晰度。
- 引入结束窗口，鼓励用户深入了解鲁迅和孙中山的历史背景。

src/pages/sunzhongshan/reflection/scene1.tsx

@@ -7,6 +7,7 @@ import {
   flyToAnimation,
   Video,
   StudyGuideModal,
+  EndingOverlay,
 } from "@/components";
 import { SuccessAlert } from "@/components/layout";
 import { SingleChoiceQuizPanel } from "@/components/layout/quiz";
@@ -234,6 +235,8 @@ const SunzhongshanReflectionScene1 = () => {
   // 处理完成提示关闭
   const handleCompleteGuideClose = () => {
     setShowCompleteGuide(false);
+    // 保存场景1完成状态
+    localStorage.setItem(`${starName}-reflection-scene1-completed`, "true");
   };
 
   // 获取线索图片
@@ -433,9 +436,10 @@ const SunzhongshanReflectionScene1 = () => {
         onContinue={handleGuideClose}
         zIndex={10000}
       >
-        同学你好，欢迎来到二十世纪初的上海。{"\n"}
+        同学你好，欢迎来到二十世纪初的上海。
+        <br />
         辛亥革命之后，民主共和的观念深入人心。面对中外反动势力，社会各界更广泛地行动起来，以各自的方式争取着民主自由和国家尊严。
-        {"\n"}
+        <br />
         你需要在本场景中找出4条线索，并正确回答所有问题后，才能拨开时局迷雾，进入下一个场景。
       </StudyGuideModal>
 
@@ -444,8 +448,8 @@ const SunzhongshanReflectionScene1 = () => {
         visible={showQuiz1}
         title="今天的日期是?"
         options={[
-          { value: "A", label: "A: 1919年5月5日" },
-          { value: "B", label: "B: 1921年5月5日" },
+          { value: "A", label: "A.1919年5月5日" },
+          { value: "B", label: "B.1921年5月5日" },
         ]}
         correctAnswer="B"
         errorMessage="回答错误,请你再仔细思考一下吧。"
@@ -461,12 +465,12 @@ const SunzhongshanReflectionScene1 = () => {
           {
             value: "A",
             label:
-              "今天路过莫利爱路29号,旁观了中国国民党党部举行的庆祝活动。得知孙中山先生重整旗鼓,预备再度联合西南军阀进行二次护法。思及1918年第一次护法运动的失败,隐隐为孙先生此番努力感到忧虑。",
+              "A.今天路过莫利爱路29号,旁观了中国国民党党部举行的庆祝活动。得知孙中山先生重整旗鼓,预备再度联合西南军阀进行二次护法。思及1918年第一次护法运动的失败,隐隐为孙先生此番努力感到忧虑。",
           },
           {
             value: "B",
             label:
-              "参加了中华职业学校同学为庆祝广州军政府成立、孙中山在广州就任非常大总统而组织的活动,深感革命成功有望。",
+              "B.参加了中华职业学校同学为庆祝广州军政府成立、孙中山在广州就任非常大总统而组织的活动,深感革命成功有望。",
           },
         ]}
         correctAnswer="A"
@@ -482,11 +486,11 @@ const SunzhongshanReflectionScene1 = () => {
         options={[
           {
             value: "A",
-            label: "A: 团结强大的军阀,共举民主共和旗帜",
+            label: "A.团结强大的军阀,共举民主共和旗帜",
           },
           {
             value: "B",
-            label: "B: 团结各族各界群众,建立广泛的革命统一战线",
+            label: "B.团结各族各界群众,建立广泛的革命统一战线",
           },
         ]}
         correctAnswer="B"
@@ -496,14 +500,11 @@ const SunzhongshanReflectionScene1 = () => {
       />
 
       {/* 完成提示弹窗 */}
-      <StudyGuideModal
+      <EndingOverlay
         visible={showCompleteGuide}
+        text={`"恭喜你完成场景一的探索！{\n}粤军总司令陈炯明与孙中山政见无法统一。1922年6月16日，陈炯明部将叶举率4000余人包围总统府，炮击孙中山住所粤秀楼。这一叛变行动使得北伐事业再次陷于停顿，第二次护法运动失败……{\n}请你走进场景二，继续探索吧！"`}
         onContinue={handleCompleteGuideClose}
-        zIndex={10002}
-        verticalAlign="center"
-      >
-        完成本游戏探索！快去体验其他故事吧！
-      </StudyGuideModal>
+      />
     </div>
   );
 };