Merge pull request YueZheng-Sea-angle#39 from invain01/main

fix.修复help页面显示bug，修复每日挑战tag同时启用时Bug

Author: YueZheng-Sea-angle

src/components/auth/Auth.css

@@ -8,7 +8,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 1000;
+  z-index: 10000;
 }
 
 .auth-modal {

src/components/auth/UserProfile.css

@@ -114,7 +114,7 @@
   border-radius: 12px;
   box-shadow: 0 20px 60px rgba(248, 165, 194, 0.4);  /* 使用主题色阴影 */
   min-width: 220px;
-  z-index: 1000;
+  z-index: 9999;
   animation: dropdownSlideIn 0.2s ease-out;
   border: 2px solid var(--primary-pink);  /* 使用主题色边框 */
   backdrop-filter: blur(10px);  /* 添加模糊效果 */

src/components/common/GameHelp.css

@@ -8,7 +8,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 10001;
   padding: 20px;
 }
 

src/components/common/GameHelp.tsx

@@ -1,13 +1,14 @@
 import React, { useState } from 'react';
 import { Button } from './Button';
 import './GameHelp.css';
+import { createPortal } from 'react-dom';
 
 interface GameHelpProps {
   onClose?: () => void;
 }
 
 export const GameHelp: React.FC<GameHelpProps> = ({ onClose }) => {
-  return (
+  return createPortal(
     <div className="game-help-modal">
       <div className="help-content">
         <div className="help-header">
@@ -124,7 +125,8 @@ export const GameHelp: React.FC<GameHelpProps> = ({ onClose }) => {
           </div>
         )}
       </div>
-    </div>
+    </div>,
+    document.body
   );
 };
 
@@ -147,4 +149,4 @@ export const GameHelpButton: React.FC = () => {
       )}
     </>
   );
-};
+};

src/components/common/OriginalImagePreview.css

@@ -8,7 +8,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 1000;
+  z-index: 10000;
 }
 
 .original-image-preview-modal {

src/components/editor/PreviewModal.css

@@ -8,7 +8,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 10000;
   backdrop-filter: blur(4px);
 }
 

src/components/game/GameCompletionModal.css

@@ -9,7 +9,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 10000;
   animation: modalFadeIn 0.3s ease-out;
 }
 

src/components/leaderboard/LeaderboardModal.css

@@ -9,7 +9,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 1000;
+  z-index: 10000;
 }
 
 .leaderboard-modal {

src/pages/DailyChallengeGame.tsx

@@ -110,27 +110,35 @@ export const DailyChallengeGame: React.FC<DailyChallengeGameProps> = ({
 
   // 检查是否可以放置到该槽位（根据特效规则）
   const canPlaceToSlot = useCallback((slotIndex: number) => {
+    let canPlace = true;
+    let hasEffects = false;
+    
     // 作茧自缚特效：动态解锁机制
     if (challenge.effects?.includes('corner_start') || challenge.effects?.includes('作茧自缚')) {
+      hasEffects = true;
       // 如果还没有放置任何拼图块，只能放在角落
       if (gameState && gameState.answerGrid.every(slot => slot === null)) {
-        return isCornerSlot(slotIndex);
+        canPlace = canPlace && isCornerSlot(slotIndex);
+      } else {
+        // 否则检查该槽位是否已解锁
+        canPlace = canPlace && effectStates.unlockedSlots.has(slotIndex);
       }
-      // 否则检查该槽位是否已解锁
-      return effectStates.unlockedSlots.has(slotIndex);
     }
 
     // 亦步亦趋特效：只能在上次放置的拼图块周围放置
     if (challenge.effects?.includes('brightness') || challenge.effects?.includes('亦步亦趋')) {
+      hasEffects = true;
       // 如果还没有放置任何拼图块，可以放在任意位置
       if (gameState && gameState.answerGrid.every(slot => slot === null)) {
-        return true;
+        canPlace = canPlace && true;
+      } else {
+        // 否则检查是否在允许的槽位列表中
+        canPlace = canPlace && effectStates.stepFollowSlots.has(slotIndex);
       }
-      // 否则检查是否在允许的槽位列表中
-      return effectStates.stepFollowSlots.has(slotIndex);
     }
 
-    return true;
+    // 如果没有启用任何特效，可以直接放置
+    return hasEffects ? canPlace : true;
   }, [challenge.effects, gameState, isCornerSlot, effectStates.unlockedSlots, effectStates.stepFollowSlots]);
 
   // 获取特效CSS类名