fix: 修复开发/测试包模拟进度被易班同步覆盖的问题

进度模拟面板写入 puzzleStore 后，App 启动时易班同步会将其覆盖；
现在在同步完成后按 sessionStorage 中保存的模式重放模拟进度，
确保测试包的"到达某故居/全流程完成"调试入口生效。

同时纳入近期未提交的页面、组件、资源与环境变量改动。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/letter/LetterTemplate.tsx

@@ -93,6 +93,7 @@ const LetterTemplate = ({
   const [signatureName, setSignatureName] = useState('')
   const [signatureError, setSignatureError] = useState(false)
   const [submitted, setSubmitted] = useState(false)
+  const [letterSent, setLetterSent] = useState(false)
   const [showSendVideo, setShowSendVideo] = useState(false)
   const [showReplyVideo, setShowReplyVideo] = useState(false)
   const [showScene, setShowScene] = useState(false)
@@ -167,6 +168,7 @@ const LetterTemplate = ({
   useEffect(() => {
     if (!visible) {
       setSubmitted(false)
+      setLetterSent(false)
       setBlankValues([])
       setBlankErrors([])
       setSignatureName('')
@@ -417,7 +419,7 @@ const LetterTemplate = ({
             <audio ref={audioRef} src={getPublicPath(audioSrc)} loop className="hidden" />
           )}
 
-          {!showSendVideo && (
+          {!showSendVideo && !letterSent && (
             <motion.div
               className="fixed inset-0 bg-black/50 z-100"
               initial={{ opacity: 0 }}
@@ -428,7 +430,7 @@ const LetterTemplate = ({
             />
           )}
 
-          {!showSendVideo && (
+          {!showSendVideo && !letterSent && (
             <motion.div
               className="fixed inset-0 z-101 flex items-center justify-center pointer-events-none"
               initial={{ opacity: 0, scale: 0.5, y: 100 }}
@@ -560,6 +562,7 @@ const LetterTemplate = ({
                         onClick={() => {
                           const nextValues = [...blankValues]
                           onSubmit?.(nextValues)
+                          setLetterSent(true)
                           setShowSendVideo(true)
                         }}
                         button
@@ -596,13 +599,19 @@ const LetterTemplate = ({
             )}
           </AnimatePresence>
 
-          {showScene && !showReplyImage && replyImageSrc && (
+          {(showScene || showSendVideo) && replyImageSrc && (
             <motion.div
               className="fixed inset-0 z-102"
-              initial={{ opacity: 0, y: 50 }}
-              animate={{ opacity: 1, y: 0 }}
-              exit={{ opacity: 0 }}
+              initial={false}
+              animate={
+                showScene && !showSendVideo && !showReplyImage
+                  ? { opacity: 1, y: 0 }
+                  : { opacity: 0, y: 50 }
+              }
               transition={{ duration: 0.5 }}
+              style={{
+                pointerEvents: showScene && !showSendVideo && !showReplyImage ? 'auto' : 'none',
+              }}
             >
               <img
                 src={getStaticImage(sceneImageSrc)}
@@ -636,20 +645,20 @@ const LetterTemplate = ({
             </motion.div>
           )}
 
-          {showReplyImage && replyImageSrc && (
+          {(showReplyImage || showScene) && replyImageSrc && (
             <motion.div
               className="fixed inset-0 z-103 flex items-center justify-center bg-black/80"
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
+              initial={false}
+              animate={showReplyImage ? { opacity: 1 } : { opacity: 0 }}
               transition={{ duration: 0.3 }}
+              style={{ pointerEvents: showReplyImage ? 'auto' : 'none' }}
             >
               <motion.img
                 src={getStaticImage(replyImageSrc)}
                 alt="回信"
                 className="w-full h-full object-contain"
-                initial={{ scale: 0.8, opacity: 0 }}
-                animate={{ scale: 1, opacity: 1 }}
+                initial={false}
+                animate={showReplyImage ? { scale: 1, opacity: 1 } : { scale: 0.8, opacity: 0 }}
                 transition={{ duration: 0.3 }}
                 onClick={(e) => e.stopPropagation()}
               />