feat: 更新拖拽题功能和图像资源，提升学习体验

- 在 DragQuizPanel 组件中添加空白分隔符功能，增强用户交互性。
- 更新多个场景中的图像资源，确保视觉内容的准确性和一致性。
- 调整引导对话文本，提升信息传达的清晰度。
- 引入新的拖拽题逻辑，优化用户填写体验。

src/pages/luxun/reflection/scene3.tsx

@@ -8,19 +8,29 @@ import SuccessAlert from "@/components/layout/alert/success-alert";
 const starName = "luxun";
 
 // 提示图标位置类型
-type HintPosition = "luxun1" | "jiaguo" | "piping" | "luxun2" | "none";
+type HintPosition =
+  | "luxun1"
+  | "guanzhu"
+  | "piping"
+  | "jiaguo"
+  | "luxun2"
+  | "none";
 
 const LuxunReflectionScene3 = () => {
   const navigate = useNavigate();
   const { moduleName } = useParams<{
     moduleName: string;
   }>();
-  const [showTopics, setShowTopics] = useState(false); // 是否显示"家国情怀"和"批判现实"
+  const [showGuanzhu, setShowGuanzhu] = useState(false); // 是否显示"关注底层"
+  const [showPiping, setShowPiping] = useState(false); // 是否显示"批判现实"
+  const [showJiaguo, setShowJiaguo] = useState(false); // 是否显示"家国情怀"
   const [hintPosition, setHintPosition] = useState<HintPosition>("luxun1"); // 提示图标位置
-  const [showQuiz1, setShowQuiz1] = useState(false); // 是否显示题目1
-  const [showQuiz2, setShowQuiz2] = useState(false); // 是否显示题目2
+  const [showQuiz1, setShowQuiz1] = useState(false); // 是否显示题目1（关注底层）
+  const [showQuiz2, setShowQuiz2] = useState(false); // 是否显示题目2（批判现实）
+  const [showQuiz3, setShowQuiz3] = useState(false); // 是否显示题目3（家国情怀）
   const [completedQuiz1, setCompletedQuiz1] = useState(false); // 题目1是否完成
   const [completedQuiz2, setCompletedQuiz2] = useState(false); // 题目2是否完成
+  const [completedQuiz3, setCompletedQuiz3] = useState(false); // 题目3是否完成
   const [showSummary, setShowSummary] = useState(false); // 是否显示总结
   const [completionGuideVisible, setCompletionGuideVisible] = useState(false); // 通关提示对话是否显示
   const [_completionGuideFinished, setCompletionGuideFinished] =
@@ -33,62 +43,86 @@ const LuxunReflectionScene3 = () => {
   // 结束语覆盖层是否已关闭
   const [endingOverlayFinished, setEndingOverlayFinished] = useState(false);
 
-  const allCompleted = completedQuiz1 && completedQuiz2;
-  const progress = (completedQuiz1 ? 1 : 0) + (completedQuiz2 ? 1 : 0);
-  const totalTasks = 2;
+  const allCompleted = completedQuiz1 && completedQuiz2 && completedQuiz3;
+  const progress =
+    (completedQuiz1 ? 1 : 0) +
+    (completedQuiz2 ? 1 : 0) +
+    (completedQuiz3 ? 1 : 0);
+  const totalTasks = 3;
 
   // 当显示总结后，延迟1秒显示通关提示对话
   useEffect(() => {
     if (showSummary) {
       const timer = setTimeout(() => {
         setCompletionGuideVisible(true);
-      }, 1000);
+      }, 800);
       return () => clearTimeout(timer);
     }
   }, [showSummary]);
 
   // 点击"鲁迅1"的处理
   const handleLuxun1Click = () => {
-    setShowTopics(true);
-    setHintPosition("jiaguo"); // 提示图标移动到"家国情怀"左侧
+    // 同时显示三个选项
+    setShowGuanzhu(true);
+    setShowPiping(true);
+    setShowJiaguo(true);
+    // 提示图标会根据完成状态自动显示在对应的选项上
   };
 
-  // 点击"家国情怀"的处理
-  const handleJiaguoClick = () => {
-    if (!showTopics) return; // 必须先点击"鲁迅1"
+  // 点击"关注底层"的处理
+  const handleGuanzhuClick = () => {
+    if (!showGuanzhu || completedQuiz1) return; // 必须先点击"鲁迅1"且未完成
     setShowQuiz1(true);
   };
 
   // 点击"批判现实"的处理
   const handlePipingClick = () => {
-    if (!completedQuiz1) return; // 必须先完成题目1
+    if (!completedQuiz1 || completedQuiz2) return; // 必须先完成题目1且未完成题目2
     setShowQuiz2(true);
   };
 
-  // 题目1提交处理
+  // 点击"家国情怀"的处理
+  const handleJiaguoClick = () => {
+    if (!completedQuiz2 || completedQuiz3) return; // 必须先完成题目2且未完成题目3
+    setShowQuiz3(true);
+  };
+
+  // 题目1提交处理（关注底层）
   const handleQuiz1Submit = (value: string, isCorrect: boolean) => {
     if (isCorrect) {
       setCompletedQuiz1(true);
       setShowQuiz1(false);
-      setHintPosition("piping"); // 提示图标移动到"批判现实"旁边
+      // 提示图标会自动移动到"批判现实"旁边（根据完成状态）
       // 显示成功提示
-      setSuccessMessage("鲁迅一生辗转，只为唤醒国人，守护家国。");
+      setSuccessMessage("鲁迅的文字始终聚焦底层百姓的苦难与希望。");
       setShowSuccessAlert(true);
     }
   };
 
-  // 题目2提交处理
+  // 题目2提交处理（批判现实）
   const handleQuiz2Submit = (value: string, isCorrect: boolean) => {
     if (isCorrect) {
       setCompletedQuiz2(true);
       setShowQuiz2(false);
-      setHintPosition("luxun2"); // 提示图标移动到"鲁迅2"旁边
+      // 提示图标会自动移动到"家国情怀"旁边（根据完成状态）
       // 显示成功提示
       setSuccessMessage("鲁迅以文字批判旧时代的黑暗，唤醒国人的觉醒。");
       setShowSuccessAlert(true);
     }
   };
 
+  // 题目3提交处理（家国情怀）
+  const handleQuiz3Submit = (value: string, isCorrect: boolean) => {
+    if (isCorrect) {
+      setCompletedQuiz3(true);
+      setShowQuiz3(false);
+      setHintPosition("luxun2"); // 提示图标移动到"鲁迅2"旁边
+      // 显示成功提示
+      setSuccessMessage("鲁迅一生辗转，只为唤醒国人，守护家国。");
+      setShowSuccessAlert(true);
+    }
+  };
+
   // 点击"鲁迅2"的处理
   const handleLuxun2Click = () => {
     if (allCompleted) {
@@ -120,32 +154,64 @@ const LuxunReflectionScene3 = () => {
 
       {/* 左侧：鲁迅的文学足迹 - 地图区域 */}
       <div className="w-[44.5%] h-full relative">
-        {/* 家国情怀 - 根据showTopics控制显示 */}
-        {showTopics && (
+        {/* 关注底层 - 同时显示，但按顺序启用 */}
+        {showGuanzhu && (
           <img
-            className={`absolute top-75 left-70 cursor-pointer transition-opacity ${
-              completedQuiz1 ? "opacity-50" : ""
-            }`}
-            src={getStaticImage(`${starName}/reflection/scene3/家国情怀`)}
-            alt="家国情怀"
-            onClick={handleJiaguoClick}
+            className={`absolute top-20 left-40 transition-opacity ${
+              completedQuiz1
+                ? "opacity-50 cursor-default"
+                : "cursor-pointer opacity-100"
+            } ${!showGuanzhu ? "opacity-30 cursor-not-allowed" : ""}`}
+            src={getStaticImage(`${starName}/reflection/scene3/关注底层`)}
+            alt="关注底层"
+            onClick={handleGuanzhuClick}
+            style={{
+              pointerEvents: completedQuiz1 ? "none" : "auto",
+            }}
           />
         )}
-        {/* 批判现实 - 根据showTopics和completedQuiz1控制显示 */}
-        {showTopics && (
+        {/* 批判现实 - 同时显示，但按顺序启用 */}
+        {showPiping && (
           <img
-            className={`absolute bottom-15 left-120 cursor-pointer transition-opacity ${
-              completedQuiz2 ? "opacity-50" : ""
+            className={`absolute top-60 left-40 transition-opacity ${
+              completedQuiz2
+                ? "opacity-50 cursor-default"
+                : completedQuiz1
+                ? "cursor-pointer opacity-100"
+                : "opacity-30 cursor-not-allowed"
             }`}
             src={getStaticImage(`${starName}/reflection/scene3/批判现实`)}
             alt="批判现实"
             onClick={handlePipingClick}
+            style={{
+              pointerEvents:
+                !completedQuiz1 || completedQuiz2 ? "none" : "auto",
+            }}
+          />
+        )}
+        {/* 家国情怀 - 同时显示，但按顺序启用 */}
+        {showJiaguo && (
+          <img
+            className={`absolute top-100 left-40 transition-opacity ${
+              completedQuiz3
+                ? "opacity-50 cursor-default"
+                : completedQuiz2
+                ? "cursor-pointer opacity-100"
+                : "opacity-30 cursor-not-allowed"
+            }`}
+            src={getStaticImage(`${starName}/reflection/scene3/家国情怀`)}
+            alt="家国情怀"
+            onClick={handleJiaguoClick}
+            style={{
+              pointerEvents:
+                !completedQuiz2 || completedQuiz3 ? "none" : "auto",
+            }}
           />
         )}
 
-        {/* 提示图标 - 家国情怀左侧 */}
-        {hintPosition === "jiaguo" && showTopics && (
-          <div className="absolute top-100 left-85  z-10 pointer-events-none">
+        {/* 提示图标 - 关注底层左侧（未完成题目1时显示） */}
+        {showGuanzhu && !completedQuiz1 && (
+          <div className="absolute top-32 left-86 z-10 pointer-events-none">
             <img
               className="animate-finger-bounce scale-x-[-1]"
               draggable={false}
@@ -164,9 +230,30 @@ const LuxunReflectionScene3 = () => {
           </div>
         )}
 
-        {/* 提示图标 - 批判现实旁边 */}
-        {hintPosition === "piping" && showTopics && completedQuiz1 && (
-          <div className="absolute bottom-0 left-180 z-10 pointer-events-none">
+        {/* 提示图标 - 批判现实旁边（完成题目1但未完成题目2时显示） */}
+        {showPiping && completedQuiz1 && !completedQuiz2 && (
+          <div className="absolute top-75 left-85 z-10 pointer-events-none">
+            <img
+              className="animate-finger-bounce scale-x-[-1]"
+              draggable={false}
+              src={getStaticImage(
+                `${starName}/reflection/scene1/鲁迅体悟点一点图标`
+              )}
+              alt="点一点图标"
+            />
+            <img
+              draggable={false}
+              src={getStaticImage(
+                `${starName}/reflection/scene1/鲁迅体悟改版点一点`
+              )}
+              alt="点一点"
+            />
+          </div>
+        )}
+
+        {/* 提示图标 - 家国情怀旁边（完成题目2但未完成题目3时显示） */}
+        {showJiaguo && completedQuiz2 && !completedQuiz3 && (
+          <div className="absolute top-112 left-85 z-10 pointer-events-none">
             <img
               className="animate-finger-bounce scale-x-[-1]"
               draggable={false}
@@ -291,16 +378,16 @@ const LuxunReflectionScene3 = () => {
         />
       )}
 
-      {/* 题目1：家国情怀 */}
+      {/* 题目1：关注底层 */}
       <SingleChoiceQuizPanel
         visible={showQuiz1}
-        title={"【单选】先生辗转多地创作,核心追求是(\xa0\xa0\xa0\xa0)"}
+        title="【单选】从闰土到祥林嫂，先生的文字始终看向："
         options={[
-          { value: "A", label: "A. 唤醒国人,改变社会" },
-          { value: "B", label: "B. 只为个人成名" },
+          { value: "A", label: "A. 底层普通百姓" },
+          { value: "B", label: "B. 达官贵人" },
         ]}
         correctAnswer="A"
-        errorMessage='不是哦,先生的创作从不是为了自己哦!请回忆先生"弃医从文"的初心。'
+        errorMessage="不是哦，先生的文字从来不是为达官贵人而写哦！回忆闰土、祥林嫂的身份。"
         onSubmit={handleQuiz1Submit}
       />
 
@@ -317,6 +404,19 @@ const LuxunReflectionScene3 = () => {
         onSubmit={handleQuiz2Submit}
       />
 
+      {/* 题目3：家国情怀 */}
+      <SingleChoiceQuizPanel
+        visible={showQuiz3}
+        title={"【单选】先生辗转多地创作,核心追求是(\xa0\xa0\xa0\xa0)"}
+        options={[
+          { value: "A", label: "A. 唤醒国人,改变社会" },
+          { value: "B", label: "B. 只为个人成名" },
+        ]}
+        correctAnswer="A"
+        errorMessage='不是哦,先生的创作从不是为了自己哦!请回忆先生"弃医从文"的初心。'
+        onSubmit={handleQuiz3Submit}
+      />
+
       {/* 成功提示弹窗 */}
       <SuccessAlert
         visible={showSuccessAlert}