feat: 更新场景和组件，优化用户体验

- 更新多个场景中的引导对话，提升学习互动性。
- 修改组件以清理不必要的学习引导弹窗，简化用户流程。
- 调整文本内容，确保信息准确性和一致性。
- 添加背景音乐控制，增强沉浸式体验。

src/components/layout/clue/ClueContent.tsx

@@ -21,11 +21,11 @@ const ClueContent = ({ clue }: ClueContentProps) => {
             {clue.title}
           </h2>
           {typeof clue.content === "string" ? (
-            <div className="text-3xl leading-16 text-[#896a27] whitespace-pre-line text-center">
+            <div className="text-3xl leading-16 text-[#896a27] whitespace-pre-line">
               {clue.content}
             </div>
           ) : (
-            <div className="text-3xl leading-16 text-[#896a27] text-center">
+            <div className="text-3xl leading-16 text-[#896a27]">
               {clue.content}
             </div>
           )}

src/components/layout/quiz/DragQuizPanel.tsx

@@ -24,7 +24,7 @@ const DragQuizPanel = ({
     >
       <div className="relative w-[1728px] h-[972px] flex flex-col items-center pt-12 pb-14">
         {/* 题干卡片 */}
-        <div className="w-[1600px] rounded-[32px] bg-black/90 px-20 py-12 shadow-[0_20px_60px_rgba(240,190,117,0.8)] border-4 border-[#d4c5a9]">
+        <div className="w-[1700px] rounded-[32px] bg-black/90 px-20 py-12 shadow-[0_20px_60px_rgba(240,190,117,0.8)] border-4 border-[#d4c5a9]">
           <div className="text-[32px] leading-relaxed text-white">
             {title && <div className="mb-4">{title}</div>}
             <div>