feat: 移除不再使用的配置文件和更新组件，提升代码整洁性

- 删除 .claude/settings.local.json 配置文件，清理不必要的代码。
- 更新多个组件以引入音频资源，增强用户互动体验。
- 调整引导对话文本，确保信息准确性和一致性。
- 更新图像资源，提升视觉内容的准确性和一致性。

src/pages/sunzhongshan/internalization.tsx

@@ -369,6 +369,7 @@ const ChenyunInternalization = () => {
       <Narration
         visible={showNarration}
         text="从翠亨村的农家院落到影响中国的革命征程，孙中山先生以'亟拯斯民于水火，切扶大厦之将倾'的担当，在近代中国的黑暗中点燃了民主共和的火种。他留下的不仅是推翻帝制、建立共和的历史功绩，更有'振兴中华'的初心、'天下为公'的情怀、'与时俱进'的智慧。今天，我们站在故居的青砖黛瓦间，不仅要回望他为民族独立、人民幸福奋斗的一生，更要让这份精神穿越时空，成为新时代青年砥砺前行的力量。"
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_55.mp3")}
         onClose={() => {
           setShowNarration(false);
         }}
@@ -386,10 +387,16 @@ const ChenyunInternalization = () => {
         }}
         showMask={false}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_56.mp3")}
+        >
           小沪，参观完故居，我对孙中山先生从"医人"到"医国"的转变、《实业计划》里的宏大构想有了很多感触，但总觉得这些历史和精神离我们的生活还有些远，不知道该怎么真正理解和传承。
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_57.mp3")}
+        >
           你的感受特别真实！孙中山先生的精神不是停留在书本里的文字，而是能指导我们当下行动的思想财富。今天我们特别邀请到了上海孙中山故居纪念馆研究部主任孙旻老师，让她带我们一起解读先生精神的时代意义，把这份传承落到实处。
         </GuideStepsItem>
       </GuideSteps>
@@ -407,7 +414,10 @@ const ChenyunInternalization = () => {
         showMask={false}
         zIndex={60}
       >
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_58.mp3")}
+        >
           再看香山路7号这座小楼，相信你有很多心里话想对孙中山先生说。现在，就请你把这份感悟浓缩成几句话，既呼应先生的精神，也给自己未来许下一个承诺吧！
         </GuideStepsItem>
       </GuideSteps>
@@ -425,7 +435,8 @@ const ChenyunInternalization = () => {
 
       <EndingOverlay
         visible={showStudyGuide}
-        text="恭喜你已经顺利完成了黄炎培故居的学习，请继续前往下一个故居吧！"
+        text="恭喜你已经顺利完成了孙中山故居的学习，请继续前往下一个故居吧！"
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_59.mp3")}
         animationSpeed={200}
         onContinue={() => {
           if (audioRef.current) {

src/pages/sunzhongshan/place/place1.tsx

@@ -255,6 +255,7 @@ const SunzhongshanPlace1 = () => {
           setShowGuideModal(false);
           setVisible(true);
         }}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_01.mp3")}
       >
         {`同学你好，欢迎来到“走进故居·对话”学习模块！
          此刻你正置身于孙中山故居堂屋，接下来请随时光的脚步，一同走进他人生中四段激情燃烧的岁月：立志救国·推翻帝制、讨袁护法·捍卫共和、与时俱进·探索新路、抱病北上·鞠躬尽瘁。做好准备了吗？开始探索这段波澜壮阔的历史征程吧！`}
@@ -273,10 +274,16 @@ const SunzhongshanPlace1 = () => {
         showMask={false}
         highlightSelectors={[]}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_03.mp3")}
+        >
           小沪，老师说过，孙中山先生早年学习的是医学。从治病救人到革命救国，他为什么会做出这种转变呢？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_04.mp3")}
+        >
           来看看这张孙中山先生青年时期的相片吧。
         </GuideStepsItem>
       </GuideSteps>
@@ -286,6 +293,7 @@ const SunzhongshanPlace1 = () => {
         visible={showAfterDialogGuide}
         onContinue={() => setShowAfterDialogGuide(false)}
         ailgn="left"
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_02.mp3")}
       >
         1.场景中出现动态光点的展品表示未浏览，可通过点击光点来了解展品背后的故事，通过滚轮可以放大展品，浏览展品后蓝色动态光点会变为已浏览状态。
         {"\n"}
@@ -313,8 +321,16 @@ const SunzhongshanPlace1 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">"革命四杰"?</GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_05.mp3")}
+        >
+          "革命四杰"?
+        </GuideStepsItem>
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_06.mp3")}
+        >
           是呀,这是孙中山先生在香港西医书院就读之时与同学的留影。孙先生1887年入学,其间广泛阅读西方自然科学和社会政治学说书籍。常与同学陈少白、尤列、杨鹤龄一起畅谈革命,抨击时政,被戏称为"四大寇"。
         </GuideStepsItem>
       </GuideSteps>
@@ -330,10 +346,16 @@ const SunzhongshanPlace1 = () => {
         showMask={false}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_07.mp3")}
+        >
           原来孙先生早在青年时期就把国家前途命运放在了心上。
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_08.mp3")}
+        >
           不仅是关心，他还付诸了实际行动。看看这件展品。
         </GuideStepsItem>
       </GuideSteps>
@@ -357,12 +379,30 @@ const SunzhongshanPlace1 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_09.mp3")}
+        >
           这是郑观应写给盛宣怀的信。
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_10.mp3")}
+        >
           是的。1894年,孙中山先生回乡起草了"上李鸿章书",希望劝谏清政府改良救国。他多方寻找上书门径,这就是作为同乡和前辈的郑观应帮忙写给盛宣怀,希望他向李鸿章推荐孙先生的书信。
         </GuideStepsItem>
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_11.mp3")}
+        >
+          那么，这次上书最后成功了吗？
+        </GuideStepsItem>
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_12.mp3")}
+        >
+          1894年春天，朝鲜农民起义爆发。孙中山先生的上书于这一年的6月投递，可惜当时甲午战争已经箭在弦上，李鸿章忙于备战，并未予以接见。这件事使得孙先生放弃了依靠清政府改良救国的幻想，转而投身革命，以求彻底推翻封建君主专制制度。
+        </GuideStepsItem>
       </GuideSteps>
 
       {/* 光标4的对话 */}
@@ -377,10 +417,16 @@ const SunzhongshanPlace1 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_13.mp3")}
+        >
           哇!这张《申报》好震撼,"中华民国万岁""孙大总统万岁",就连发行日期写的都是"中华民国元年元月二日"!
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_14.mp3")}
+        >
           没错!资产阶级民主革命的尝试走过了风雨兼程的十余年,这一过程中孙中山先生一直在探寻救国道路,1905年孙先生在亲自撰写的《民报》发刊词中明确提出了三民主义,即民族、民权、民生这一资产阶级民主革命的政纲。
         </GuideStepsItem>
       </GuideSteps>
@@ -489,16 +535,25 @@ const SunzhongshanPlace1 = () => {
         showMask={false}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_15.mp3")}
+        >
           这些尝试终于在武昌起义过后迎来了回响。1911年年末，湖南、广东等14个省和上海纷纷宣布脱离清政府独立。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
           1912年1月1日上午，上海有一万多人聚集在沪宁车站，欢送孙先生前去南京就任临时大总统。当天夜里11点，孙先生在原清朝两江总督府宣誓就职，新的共和政体就此诞生。彼时仍属农历辛亥年，因此历史上将这一系列事件称为"辛亥革命"。
         </GuideStepsItem>
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_16.mp3")}
+        >
           孙中山先生领导的辛亥革命推动了中国社会的变革,可是这张《民立报》让我有点不明白,孙先生刚当上临时大总统,为什么又很快宣布"解职"了呀?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_17.mp3")}
+        >
           中华民国的建立有个重要背景——"南北议和"。辛亥革命中宣告独立的省份大多集中在中国南方,负隅顽抗的清政府将最后希望寄托在主导北洋军阀势力的袁世凯身上。在列强支持下,袁世凯率军南下。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -518,14 +573,28 @@ const SunzhongshanPlace1 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">这算不算一种"妥协"呀?</GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_18.mp3")}
+        >
+          这算不算一种"妥协"呀?
+        </GuideStepsItem>
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_19.mp3")}
+        >
           可以说,这是当时客观条件限制下的一种无奈妥协。因为革命党人的首要目标是推翻帝制,在武装力量不足以对抗北洋军阀的情况下,只能暂时信任袁世凯,希望他能维护共和。你看旁边的"南北议和"纪念章和纪念墨盒,就是当时这段历史的见证。
         </GuideStepsItem>
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_20.mp3")}
+        >
           可后来袁世凯不是复辟当皇帝了吗？那孙中山先生是不是特别后悔呀？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_21.mp3")}
+        >
           的确，所以辛亥革命未能改变旧中国半殖民地半封建的社会性质和中国人民的悲惨境遇，也未能完成实现民族独立、人民解放的历史任务。孙中山先生十分痛心，但也更坚定了捍卫共和的决心。这也为他后来发起二次革命、护法运动埋下了伏笔。
         </GuideStepsItem>
       </GuideSteps>

src/pages/sunzhongshan/place/place2.tsx

@@ -193,10 +193,16 @@ const SunzhongshanPlace2 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_22.mp3")}
+        >
           这张大大的路线图好复杂,上面画满了铁路线,这是孙中山先生规划的吗?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_23.mp3")}
+        >
           对!这是中国铁路总公司的路线图。孙中山先生辞去临时大总统后,致力于国家的实业建设。他认为"交通为实业之母,铁路又为交通之母"。要让国家强大,首先要发展实业,投身铁路规划与建设就是其中一项重要实践。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -237,10 +243,16 @@ const SunzhongshanPlace2 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_24.mp3")}
+        >
           真是一个宏伟的计划,可是在内忧外患的时局下,实现起来一定很艰难吧?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_25.mp3")}
+        >
           是的,1913年3月"宋教仁案"将国民党和袁世凯方面的矛盾推向高峰。不愿坐视袁世凯窃取辛亥革命果实后独揽大权,革命党人发动了"二次革命"。可惜革命失败,孙中山先生被迫流亡海外。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">

src/pages/sunzhongshan/place/place3.tsx

@@ -202,16 +202,28 @@ const SunzhongshanPlace3 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_36.mp3")}
+        >
           这张是李大钊先生的手迹啊，和孙中山先生有什么关系呢？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_37.mp3")}
+        >
           这封信的收件人是胡适。信里提到，孙中山先生经历了陈炯明叛变事件回到上海后，态度变得很冷静，不再坚持之前的护法主张，反而提出"收军权于中央""结合民主的联合战线,与反动派决裂"等。
         </GuideStepsItem>
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_38.mp3")}
+        >
           孙先生与李大钊先生进行了深入的交谈。他在寻找新的合作力量吗?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_39.mp3")}
+        >
           这个力量就是新生的中国共产党。孙中山先生向共产党人释放了巨大的诚意。除了与李大钊的频繁接触,他还在上海会见了共产国际代表马林,明确表示愿意和苏俄合作;邀请鲍罗庭来中国担任国民党组织教练员;
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -231,10 +243,16 @@ const SunzhongshanPlace3 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_40.mp3")}
+        >
           我记得国共第一次合作正式形成的标志就是国民党一大,这就是当时的大会宣言吗?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_41.mp3")}
+        >
           完全正确!1924年1月20日,中国国民党第一次全国代表大会在广东高师礼堂开幕,孙中山先生以国民党总理的身份担任大会主席,主持开幕式。此次大会共有165名代表出席,其中共产党员代表超过20人,包括李大钊、毛泽东等中共早期领导人。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -336,10 +354,16 @@ const SunzhongshanPlace3 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_34.mp3")}
+        >
           这时候，工农群众的力量还没有正式登上历史舞台呢。
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_35.mp3")}
+        >
           旁边这本《星期评论》创刊于五四运动后。孙中山先生在五四运动中看到了群众的力量和工人、学生们的热情。更觉顺应时代潮流，传播新文化、介绍马克思主义、鼓励工人运动的重要性。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -359,10 +383,16 @@ const SunzhongshanPlace3 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_32.mp3")}
+        >
           这本书看起来很特别,《社会主义的精义》是孙中山先生写的吗?他也关注社会主义学说呀?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_33.mp3")}
+        >
           不仅关注,而且还很早。1912年10月14日-16日,孙中山先生连续三日在上海三马路(今汉口路)中华大戏院发表关于社会主义学说的演讲,吸引了众多听众。这就是演说后经由他本人修订出版的小册子。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">

src/pages/sunzhongshan/place/place4.tsx

@@ -178,6 +178,8 @@ const SunzhongshanPlace4 = () => {
             return next;
           });
         }}
+        animationSpeed={200}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_46.mp3")}
       />
 
       {/* 关闭学习引导后显示的对话（图1） */}
@@ -192,10 +194,16 @@ const SunzhongshanPlace4 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_42.mp3")}
+        >
           革命终于有了可靠的盟友,统一战线建立;北伐战争在有条不紊地筹备中,国家统一在望,孙中山先生一定十分欣慰吧?
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_43.mp3")}
+        >
           是的。然而长期操劳国事使得孙中山先生身体抱恙。在生命最后的时间里,他仍在为国奔走,始终未曾停歇。看看这张拍摄于1924年11月17日的照片吧。
         </GuideStepsItem>
       </GuideSteps>
@@ -211,8 +219,16 @@ const SunzhongshanPlace4 = () => {
         showMask={false}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">这是……外滩？</GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_44.mp3")}
+        >
+          这是……外滩？
+        </GuideStepsItem>
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_45.mp3")}
+        >
           没错。1924年10月，冯玉祥将军发动“北京政变”，推翻了曹锟政府，邀请孙中山先生北上共商国是，希望能实现国家和平统一。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">

src/pages/sunzhongshan/reflection/index.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import { Image, StudyGuideModal } from "@/components";
-import { getBackgroundImage, getStaticImage } from "@/lib/utils";
+import { getBackgroundImage, getPublicPath, getStaticImage } from "@/lib/utils";
 
 const starName = "sunzhongshan";
 const GUIDE_STORAGE_KEY = `${starName}-reflection-guide-shown`;
@@ -192,7 +192,11 @@ const SunzhongshanReflection = () => {
       </div>
 
       {/* 学习引导弹窗 */}
-      <StudyGuideModal visible={showGuide} onContinue={handleGuideClose}>
+      <StudyGuideModal
+        visible={showGuide}
+        onContinue={handleGuideClose}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_47.mp3")}
+      >
         同学你好，欢迎来到“跨越时空·体悟”学习模块！{"\n"}
         请登陆“时空回溯・亲历时代”体验仓，下一站：二十世纪初，上海。{"\n"}
         辛亥革命之后，民主共和的观念深入人心。面对中外反动势力，社会各界更广泛地行动起来，以各自的方式争取着民主自由和国家尊严。

src/pages/sunzhongshan/reflection/scene1.tsx

@@ -105,7 +105,7 @@ const SunzhongshanReflectionScene1 = () => {
   const handleClueClick = (clueId: string, clueName: string) => {
     // 如果已收集，不重复收集
     if (isClueCollected(clueId)) {
-      setSuccessAlertContent("该线索已收集");
+      setSuccessAlertContent("该线索已收集!");
       setShowSuccessAlert(true);
       return;
     }
@@ -125,7 +125,7 @@ const SunzhongshanReflectionScene1 = () => {
         duration: 1200,
         onComplete: () => {
           // 动画完成后的回调
-          setSuccessAlertContent("获得该线索！快去线索簿查看详细信息吧！");
+          setSuccessAlertContent("获得1条线索，已获得线索可在线索簿中查看!");
           setShowSuccessAlert(true);
         },
       });
@@ -139,7 +139,7 @@ const SunzhongshanReflectionScene1 = () => {
 
     // 如果线索1已收集，显示提示
     if (isClueCollected(clue1Id)) {
-      setSuccessAlertContent("该线索已收集");
+      setSuccessAlertContent("该线索已收集!");
       setShowSuccessAlert(true);
       return;
     }
@@ -401,6 +401,11 @@ const SunzhongshanReflectionScene1 = () => {
         visible={showSuccessAlert}
         title="恭喜你!"
         content={successAlertContent}
+        audioSrc={
+          successAlertContent === "获得1条线索，已获得线索可在线索簿中查看!"
+            ? getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_49.mp3")
+            : undefined
+        }
         onContinue={() => {
           setShowSuccessAlert(false);
           setSuccessAlertContent("");
@@ -438,6 +443,7 @@ const SunzhongshanReflectionScene1 = () => {
         visible={showGuide}
         onContinue={handleGuideClose}
         zIndex={10000}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_48.mp3")}
       >
         同学你好，欢迎来到二十世纪初的上海。
         <br />
@@ -506,7 +512,9 @@ const SunzhongshanReflectionScene1 = () => {
       <EndingOverlay
         visible={showCompleteGuide}
         text={`恭喜你完成场景一的探索！\n粤军总司令陈炯明与孙中山政见无法统一。1922年6月16日，陈炯明部将叶举率4000余人包围总统府，炮击孙中山住所粤秀楼。这一叛变行动使得北伐事业再次陷于停顿，第二次护法运动失败……\n请你走进场景二，继续探索吧！`}
+        animationSpeed={200}
         onContinue={handleCompleteGuideClose}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_50.mp3")}
       />
     </div>
   );

src/pages/sunzhongshan/reflection/scene2.tsx

@@ -115,7 +115,7 @@ const SunzhongshanReflectionScene2 = () => {
   const handleClueClick = (clueId: string, clueName: string) => {
     // 如果已收集，不重复收集
     if (isClueCollected(clueId)) {
-      setSuccessAlertContent("该线索已收集");
+      setSuccessAlertContent("该线索已收集!");
       setShowSuccessAlert(true);
       return;
     }
@@ -135,7 +135,7 @@ const SunzhongshanReflectionScene2 = () => {
         duration: 1200,
         onComplete: () => {
           // 动画完成后的回调
-          setSuccessAlertContent("获得该线索！快去线索簿查看详细信息吧！");
+          setSuccessAlertContent("获得1条线索，已获得线索可在线索簿中查看!");
           setShowSuccessAlert(true);
         },
       });
@@ -149,7 +149,7 @@ const SunzhongshanReflectionScene2 = () => {
 
     // 如果线索1已收集，显示提示
     if (isClueCollected(clue1Id)) {
-      setSuccessAlertContent("该线索已收集");
+      setSuccessAlertContent("该线索已收集!");
       setShowSuccessAlert(true);
       return;
     }
@@ -169,7 +169,7 @@ const SunzhongshanReflectionScene2 = () => {
         duration: 1200,
         onComplete: () => {
           // 动画完成后显示成功提示
-          setSuccessAlertContent("获得该线索！快去线索簿查看详细信息吧！");
+          setSuccessAlertContent("获得1条线索，已获得线索可在线索簿中查看!");
           setShowSuccessAlert(true);
         },
       });
@@ -426,6 +426,11 @@ const SunzhongshanReflectionScene2 = () => {
         visible={showSuccessAlert}
         title="恭喜你!"
         content={successAlertContent}
+        audioSrc={
+          successAlertContent === "获得1条线索，已获得线索可在线索簿中查看!"
+            ? getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_49.mp3")
+            : undefined
+        }
         onContinue={() => {
           setShowSuccessAlert(false);
           setSuccessAlertContent("");
@@ -463,6 +468,7 @@ const SunzhongshanReflectionScene2 = () => {
         visible={showGuide}
         onContinue={handleGuideClose}
         zIndex={10000}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_51.mp3")}
       >
         1921年7月，中国共产党第一次全国代表大会在上海召开，中国革命的面貌自此焕然一新。
         <br />
@@ -533,6 +539,7 @@ const SunzhongshanReflectionScene2 = () => {
         text={`恭喜你完成场景二的探索！\n1922年夏到1924年初，李大钊来到上海，在宣传革命思想的同时与孙中山进行了数次会面，为改组国民党和促成第一次国共合作作出了巨大贡献。\n1924年1月，中国国民党第一次全国代表大会在广州召开，孙中山重新解释了三民主义，事实上确立了联俄、联共、扶助农工三大政策。李大钊、毛泽东等10名共产党员当选为中国国民党第一届中央执行委员会委员或候补委员。国民党一大的召开标志着第一次国共合作的正式形成。\n请你走进场景三，继续探索吧！`}
         animationSpeed={200}
         onContinue={handleCompleteGuideClose}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_52.mp3")}
       />
     </div>
   );

src/pages/sunzhongshan/reflection/scene3.tsx

@@ -112,7 +112,7 @@ const SunzhongshanReflectionScene3 = () => {
   const handleClueClick = (clueId: string, clueName: string) => {
     // 如果已收集，不重复收集
     if (isClueCollected(clueId)) {
-      setSuccessAlertContent("该线索已收集");
+      setSuccessAlertContent("该线索已收集!");
       setShowSuccessAlert(true);
       return;
     }
@@ -132,7 +132,7 @@ const SunzhongshanReflectionScene3 = () => {
         duration: 1200,
         onComplete: () => {
           // 动画完成后的回调
-          setSuccessAlertContent("获得该线索！快去线索簿查看详细信息吧！");
+          setSuccessAlertContent("获得1条线索，已获得线索可在线索簿中查看!");
           setShowSuccessAlert(true);
 
           // 如果是在"窃窃私语"场景收集了线索1，显示 Cursor
@@ -162,7 +162,7 @@ const SunzhongshanReflectionScene3 = () => {
 
     // 如果线索4已收集，显示提示
     if (isClueCollected(clue4Id)) {
-      setSuccessAlertContent("该线索已收集");
+      setSuccessAlertContent("该线索已收集!");
       setShowSuccessAlert(true);
       return;
     }
@@ -182,7 +182,7 @@ const SunzhongshanReflectionScene3 = () => {
         duration: 1200,
         onComplete: () => {
           // 动画完成后显示成功提示
-          setSuccessAlertContent("获得该线索！快去线索簿查看详细信息吧！");
+          setSuccessAlertContent("获得1条线索，已获得线索可在线索簿中查看!");
           setShowSuccessAlert(true);
         },
       });
@@ -472,6 +472,11 @@ const SunzhongshanReflectionScene3 = () => {
         visible={showSuccessAlert}
         title="恭喜你!"
         content={successAlertContent}
+        audioSrc={
+          successAlertContent === "获得1条线索，已获得线索可在线索簿中查看!"
+            ? getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_49.mp3")
+            : undefined
+        }
         onContinue={() => {
           setShowSuccessAlert(false);
           setSuccessAlertContent("");
@@ -517,6 +522,7 @@ const SunzhongshanReflectionScene3 = () => {
       <StudyGuideModal
         visible={showGuide}
         onContinue={handleGuideClose}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_53.mp3")}
         zIndex={10000}
       >
         后来,学校建立了中国社会主义青年团团支部,你积极靠拢,成为一名光荣的团员。
@@ -586,6 +592,7 @@ const SunzhongshanReflectionScene3 = () => {
       <EndingOverlay
         visible={showCompleteGuide}
         text={`辛亥革命拉开了中国完全意义上的近代民族民主革命的序幕。北洋军阀首领袁世凯窃取革命成果后，各地军阀势力对内割据混战，对外出卖国家利益，在政治上谋求专制和独裁，俨然成为民族独立、民主政治、民生幸福之路上的头号绊脚石。\n为了改变这一时期的困局，孙中山尝试过高举护法旗帜，两度领导护法运动；与新生的中国共产党展开合作，与无产阶级工农群众共建起统一战线；为了团结一切可以团结的力量，调动一切可以调动的因素，在生命最后的日子里抱病北上，一路不遗余力地向社会各界宣传反帝反封建主张。他经历了太多挫折，却始终以'行'求'知'。`}
+        audioSrc={getPublicPath("audio/sunzhongshan/mp3_sunzhongshan_54.mp3")}
         animationSpeed={200}
         onContinue={handleCompleteGuideClose}
       />