Upload 44 files

pages/GameMonster.tsx

@@ -1,254 +1,579 @@
-
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import { createPortal } from 'react-dom';
 import { api } from '../services/api';
-import { Student, GameMonsterConfig, AchievementConfig } from '../types';
-import { Sword, Settings, Loader2, Save, X, Mic, Volume2, Trophy } from 'lucide-react';
+import { AchievementConfig, Student } from '../types';
+import { Play, Pause, Settings, Maximize, Minimize, Gift, Trophy, Package, Volume2, Keyboard, Award, RotateCcw, UserX } from 'lucide-react';
+
+// Monster visual assets
+const MONSTER_TYPES = ['👾', '👹', '👺', '👻', '💀', '👽'];
 
 export const GameMonster: React.FC = () => {
-  const [config, setConfig] = useState<GameMonsterConfig | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+  const currentUser = api.auth.getCurrentUser();
+  const homeroomClass = currentUser?.homeroomClass;
+
+  // React State (for UI rendering)
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [gameState, setGameState] = useState<'IDLE' | 'PLAYING' | 'VICTORY' | 'DEFEAT'>('IDLE');
+  const [timeLeft, setTimeLeft] = useState(300); 
+  const [monsterPos, setMonsterPos] = useState(100); 
+  const [currentVolume, setCurrentVolume] = useState(0);
+  const [attackCount, setAttackCount] = useState(0);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [isHit, setIsHit] = useState(false);
   
-  // Game State
-  const [hp, setHp] = useState(100);
-  const [monsterState, setMonsterState] = useState<'IDLE' | 'HIT' | 'DEAD'>('IDLE');
-  const [volume, setVolume] = useState(0); // Simulated volume 0-100
-  const [isFighting, setIsFighting] = useState(false);
-  const [students, setStudents] = useState<Student[]>([]);
+  // Config State
   const [achConfig, setAchConfig] = useState<AchievementConfig | null>(null);
-  
-  // Student filter state
+  const [students, setStudents] = useState<Student[]>([]);
   const [excludedStudentIds, setExcludedStudentIds] = useState<Set<string>>(new Set());
   const [isFilterOpen, setIsFilterOpen] = useState(false);
+  
+  const [duration, setDuration] = useState(300);
+  const [sensitivity, setSensitivity] = useState(40); 
+  const [difficulty, setDifficulty] = useState(5); 
+  const [useKeyboardMode, setUseKeyboardMode] = useState(false);
+  
+  const [rewardConfig, setRewardConfig] = useState<{
+      enabled: boolean;
+      type: 'DRAW_COUNT' | 'ITEM' | 'ACHIEVEMENT';
+      val: string;
+      count: number;
+  }>({ enabled: true, type: 'DRAW_COUNT', val: '早读奖励', count: 1 });
 
-  const currentUser = api.auth.getCurrentUser();
-  const isTeacher = currentUser?.role === 'TEACHER';
-  const homeroomClass = isTeacher ? currentUser?.homeroomClass : (currentUser?.role === 'STUDENT' ? currentUser?.homeroomClass : '');
+  const [isConfigOpen, setIsConfigOpen] = useState(true);
 
-  // Simulation Interval for "Microphone" volume
-  useEffect(() => {
-    let interval: any;
-    if (isFighting && monsterState !== 'DEAD') {
-      interval = setInterval(() => {
-        // Simulate volume fluctuation or use real Web Audio API if browser allows without gesture
-        const simulatedVol = Math.random() * 100;
-        setVolume(simulatedVol);
-        
-        // Damage logic based on sensitivity
-        if (config && simulatedVol > (100 - config.sensitivity)) {
-            setHp(prev => {
-                const damage = config.difficulty > 0 ? (simulatedVol / 10) / config.difficulty : 1;
-                const newHp = Math.max(0, prev - damage);
-                if (newHp === 0) setMonsterState('DEAD');
-                else setMonsterState('HIT');
-                return newHp;
-            });
-            setTimeout(() => setMonsterState(prev => prev === 'DEAD' ? 'DEAD' : 'IDLE'), 200);
-        }
-      }, 500);
-    }
-    return () => clearInterval(interval);
-  }, [isFighting, config, monsterState]);
+  // REFS
+  const isPlayingRef = useRef(false);
+  const gameStateRef = useRef('IDLE');
+  const lastTimeRef = useRef(0);
+  
+  // Logic Refs
+  const volumeRef = useRef(0);
+  const keyboardModeRef = useRef(false);
+  const sensitivityRef = useRef(40);
+  const difficultyRef = useRef(5);
+  
+  const audioContextRef = useRef<AudioContext | null>(null);
+  const analyserRef = useRef<AnalyserNode | null>(null);
+  const dataArrayRef = useRef<Uint8Array | null>(null);
+  const sourceRef = useRef<MediaStreamAudioSourceNode | null>(null);
+  const reqRef = useRef<number>(0);
+  const lastAttackTime = useRef(0);
+
+  // Monster Army Layout
+  const monsterArmy = useMemo(() => {
+      const formations = [
+          { emoji: MONSTER_TYPES[0], x: 0, y: 5, s: 1.2, z: 20 },
+          { emoji: MONSTER_TYPES[1], x: -30, y: 15, s: 0.9, z: 15 },
+          { emoji: MONSTER_TYPES[2], x: 30, y: 15, s: 0.9, z: 15 },
+          { emoji: MONSTER_TYPES[3], x: -15, y: 25, s: 0.8, z: 10 },
+          { emoji: MONSTER_TYPES[4], x: 15, y: 25, s: 0.8, z: 10 },
+          { emoji: MONSTER_TYPES[5], x: 0, y: 35, s: 0.7, z: 5 },
+      ];
+      
+      return formations.map((pos, i) => ({
+          id: i,
+          emoji: pos.emoji,
+          leftPercent: 50 + pos.x, 
+          bottomPercent: pos.y,
+          scale: pos.s,
+          zIndex: pos.z
+      }));
+  }, []);
+
+  // Sync Refs
+  useEffect(() => { isPlayingRef.current = isPlaying; }, [isPlaying]);
+  useEffect(() => { gameStateRef.current = gameState; }, [gameState]);
+  useEffect(() => { keyboardModeRef.current = useKeyboardMode; }, [useKeyboardMode]);
+  useEffect(() => { sensitivityRef.current = sensitivity; }, [sensitivity]);
+  useEffect(() => { difficultyRef.current = difficulty; }, [difficulty]);
 
   useEffect(() => {
     loadData();
+    return () => {
+      stopAudio();
+      if(reqRef.current) cancelAnimationFrame(reqRef.current);
+    };
   }, []);
 
   const loadData = async () => {
-    if (!homeroomClass) {
-        setLoading(false);
-        return;
-    }
+      if (!homeroomClass) return;
+      try {
+          const [ac, stus, savedConfig] = await Promise.all([
+              api.achievements.getConfig(homeroomClass),
+              api.students.getAll(),
+              api.games.getMonsterConfig(homeroomClass)
+          ]);
+          setAchConfig(ac);
+          const classStudents = (stus as Student[]).filter((s: Student) => s.className === homeroomClass);
+          // Sort by Seat No
+          classStudents.sort((a, b) => {
+              const seatA = parseInt(a.seatNo || '99999');
+              const seatB = parseInt(b.seatNo || '99999');
+              if (seatA !== seatB) return seatA - seatB;
+              return a.name.localeCompare(b.name, 'zh-CN');
+          });
+          setStudents(classStudents);
+          
+          if (savedConfig && savedConfig.duration) {
+              setDuration(savedConfig.duration);
+              setSensitivity(savedConfig.sensitivity);
+              setDifficulty(savedConfig.difficulty);
+              setUseKeyboardMode(savedConfig.useKeyboardMode);
+              if (savedConfig.rewardConfig) setRewardConfig(savedConfig.rewardConfig);
+          }
+      } catch (e) { console.error(e); }
+  };
+
+  const startAudio = async () => {
+    if (useKeyboardMode) return;
     try {
-        const [cfg, stus, ac] = await Promise.all([
-            api.games.getMonsterConfig(homeroomClass),
-            api.students.getAll(),
-            api.achievements.getConfig(homeroomClass)
-        ]);
-        
-        const classStudents = stus.filter((s: Student) => s.className === homeroomClass);
-        // Sort students
-        classStudents.sort((a, b) => {
-            const seatA = parseInt(a.seatNo || '99999');
-            const seatB = parseInt(b.seatNo || '99999');
-            if (seatA !== seatB) return seatA - seatB;
-            return a.name.localeCompare(b.name, 'zh-CN');
-        });
-        setStudents(classStudents);
-        setAchConfig(ac);
-
-        if (cfg && cfg.className) {
-            setConfig(cfg);
-        } else {
-            // Default Config
-            setConfig({
-                schoolId: currentUser?.schoolId || '',
-                className: homeroomClass,
-                duration: 300,
-                sensitivity: 50,
-                difficulty: 5,
-                useKeyboardMode: false,
-                rewardConfig: {
-                    enabled: true,
-                    type: 'DRAW_COUNT',
-                    val: '1',
-                    count: 1
-                }
-            });
-        }
-    } catch (e) { console.error(e); } 
-    finally { setLoading(false); }
+      if (audioContextRef.current && audioContextRef.current.state === 'running') return;
+      
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      // @ts-ignore
+      const AudioContext = window.AudioContext || window.webkitAudioContext;
+      const ctx = new AudioContext();
+      const analyser = ctx.createAnalyser();
+      analyser.fftSize = 256;
+      const source = ctx.createMediaStreamSource(stream);
+      source.connect(analyser);
+      
+      audioContextRef.current = ctx;
+      analyserRef.current = analyser;
+      sourceRef.current = source;
+      dataArrayRef.current = new Uint8Array(analyser.frequencyBinCount);
+    } catch (e) {
+      console.error("Mic error", e);
+      alert('无法访问麦克风，切换至键盘模式');
+      setUseKeyboardMode(true);
+    }
   };
 
-  const handleStart = () => {
-      setHp(100);
-      setMonsterState('IDLE');
-      setIsFighting(true);
+  const stopAudio = () => {
+    if (sourceRef.current) sourceRef.current.disconnect();
+    if (audioContextRef.current) audioContextRef.current.close();
+    audioContextRef.current = null;
   };
 
-  const handleStop = () => {
-      setIsFighting(false);
-      setVolume(0);
+  const saveConfig = async () => {
+      if (!homeroomClass) return;
+      try {
+          await api.games.saveMonsterConfig({
+              className: homeroomClass,
+              duration,
+              sensitivity,
+              difficulty,
+              useKeyboardMode,
+              rewardConfig
+          });
+      } catch (e) { console.error('Auto-save config failed', e); }
   };
 
-  const handleGrantReward = async () => {
-      if (!config?.rewardConfig.enabled || students.length === 0) return;
-      if (!confirm('怪兽已被击败！确认给全班同学发放奖励吗？')) return;
+  const startGame = async () => {
+    saveConfig();
+    setIsConfigOpen(false);
+    setGameState('PLAYING');
+    setMonsterPos(100);
+    setTimeLeft(duration);
+    setAttackCount(0);
+    setIsHit(false);
+    volumeRef.current = 0;
+    
+    await startAudio();
+    setIsPlaying(true);
+    
+    lastTimeRef.current = performance.now();
+    if (reqRef.current) cancelAnimationFrame(reqRef.current);
+    reqRef.current = requestAnimationFrame(loop);
+  };
 
+  const togglePause = () => {
+      if (gameState === 'IDLE') {
+          startGame();
+          return;
+      }
+      if (gameState !== 'PLAYING') return;
+      setIsPlaying(!isPlaying);
+  };
+
+  // --- GAME LOOP ---
+  const loop = (time: number) => {
+    reqRef.current = requestAnimationFrame(loop);
+
+    if (!isPlayingRef.current || gameStateRef.current !== 'PLAYING') {
+        lastTimeRef.current = time; 
+        return; 
+    }
+
+    const delta = (time - lastTimeRef.current) / 1000;
+    lastTimeRef.current = time;
+
+    let currentVol = 0;
+    
+    if (keyboardModeRef.current) {
+        volumeRef.current = Math.max(0, volumeRef.current - (100 * delta));
+        currentVol = volumeRef.current;
+    } else {
+        if (analyserRef.current && dataArrayRef.current) {
+            analyserRef.current.getByteFrequencyData(dataArrayRef.current as any);
+            const avg = dataArrayRef.current.reduce((a,b)=>a+b) / dataArrayRef.current.length;
+            
+            // ADJUSTMENT: Moderate Gain Factor
+            // Raw 0-255 -> 0-127 mapped to 0-100 approx.
+            // Avg 40 (Noise) -> 20.
+            // Avg 100 (Talk) -> 50.
+            // Avg 180 (Loud) -> 90.
+            // This provides a much better dynamic range than *2.5 (too loud) or /2.5 (too quiet).
+            currentVol = Math.min(100, Math.floor(avg / 2));
+            
+            volumeRef.current = currentVol;
+        }
+    }
+    
+    setCurrentVolume(currentVol);
+
+    setMonsterPos(prev => {
+        let next = prev;
+        next -= (difficultyRef.current * 2 * delta); 
+
+        if (currentVol > sensitivityRef.current) {
+            const power = (currentVol - sensitivityRef.current) * 0.8 * delta; 
+            next += power;
+
+            if (time - lastAttackTime.current > 150) {
+                lastAttackTime.current = time;
+                setAttackCount(c => c + 1);
+                setIsHit(true);
+                setTimeout(() => setIsHit(false), 100);
+            }
+        }
+
+        if (next <= 0) {
+            endGame('DEFEAT');
+            return 0;
+        }
+        return Math.min(100, next);
+    });
+
+    setTimeLeft(prev => {
+        const next = prev - delta;
+        if (next <= 0) {
+            endGame('VICTORY');
+            return 0;
+        }
+        return next;
+    });
+  };
+
+  const handleManualInput = () => {
+      if (!useKeyboardMode || !isPlaying || gameState !== 'PLAYING') return;
+      volumeRef.current = Math.min(volumeRef.current + 40, 100);
+      setCurrentVolume(volumeRef.current);
+  };
+
+  useEffect(() => {
+      const handler = (e: KeyboardEvent) => {
+          if (e.code === 'Space') {
+              e.preventDefault(); 
+              handleManualInput();
+          }
+      };
+      window.addEventListener('keydown', handler);
+      return () => window.removeEventListener('keydown', handler);
+  }, [useKeyboardMode, isPlaying, gameState]);
+
+  const endGame = (result: 'VICTORY' | 'DEFEAT') => {
+      setIsPlaying(false);
+      setGameState(result);
+      if(reqRef.current) cancelAnimationFrame(reqRef.current);
+      stopAudio();
+  };
+
+  const handleBatchGrant = async () => {
       const targets = students.filter(s => !excludedStudentIds.has(s._id || String(s.id)));
+      if (!rewardConfig.enabled || targets.length === 0) return;
+      if (!confirm(`确定为全班 ${targets.length} 名学生发放奖励吗？\n(已排除 ${excludedStudentIds.size} 名请假学生)`)) return;
 
       try {
           const promises = targets.map(s => {
-              if (config.rewardConfig.type === 'ACHIEVEMENT' && config.rewardConfig.val) {
+              if (rewardConfig.type === 'ACHIEVEMENT') {
                   return api.achievements.grant({
                       studentId: s._id || String(s.id),
-                      achievementId: config.rewardConfig.val,
+                      achievementId: rewardConfig.val,
                       semester: '当前学期'
                   });
               } else {
                   return api.games.grantReward({
                       studentId: s._id || String(s.id),
-                      count: config.rewardConfig.count || 1,
-                      rewardType: config.rewardConfig.type,
-                      name: config.rewardConfig.type === 'DRAW_COUNT' ? '早读抽奖券' : config.rewardConfig.val,
-                      source: '早读战怪兽'
+                      count: rewardConfig.count,
+                      rewardType: rewardConfig.type,
+                      name: rewardConfig.type === 'DRAW_COUNT' ? '早读抽奖券' : rewardConfig.val
                   });
               }
           });
           await Promise.all(promises);
-          alert(`奖励已发放给 ${targets.length} 名学生！`);
-          handleStart(); // Reset
+          alert('奖励发放成功！');
+          setIsConfigOpen(false); 
       } catch (e) { alert('发放失败'); }
   };
 
-  const saveConfig = async () => {
-      if (config) await api.games.saveMonsterConfig(config);
-      setIsSettingsOpen(false);
-  };
+  const containerStyle = isFullscreen ? {
+      position: 'fixed' as 'fixed',
+      top: 0,
+      left: 0,
+      width: '100vw',
+      height: '100vh',
+      zIndex: 999999,
+      backgroundColor: '#0f172a', 
+  } : {};
 
-  if (loading) return <div className="h-full flex items-center justify-center"><Loader2 className="animate-spin text-blue-600"/></div>;
-  if (!config) return <div className="h-full flex items-center justify-center text-gray-400">无法加载配置 (仅限班级成员)</div>;
-
-  return (
-    <div className="h-full flex flex-col bg-slate-900 text-white overflow-hidden relative">
-        {/* Settings Button */}
-        {isTeacher && (
-            <div className="absolute top-4 right-4 z-20 flex gap-2">
-                <button 
-                    onClick={() => setIsFilterOpen(true)}
-                    className={`px-3 py-2 rounded-full text-xs font-bold transition-colors ${excludedStudentIds.size > 0 ? 'bg-red-500/20 text-red-300 border border-red-500/50' : 'bg-white/10 hover:bg-white/20 text-white'}`}
-                >
-                    人员筛选 {excludedStudentIds.size > 0 && `(${excludedStudentIds.size})`}
-                </button>
-                <button 
-                    onClick={() => setIsSettingsOpen(true)} 
-                    className="p-2 bg-white/10 hover:bg-white/20 rounded-full transition-colors"
-                >
-                    <Settings size={20} className="text-white"/>
-                </button>
-            </div>
-        )}
+  const healthPercent = duration > 0 ? Math.max(0, Math.min(100, (timeLeft / duration) * 100)) : 100;
+
+  const GameContent = (
+    <div 
+        className={`${isFullscreen ? '' : 'h-full w-full relative'} flex flex-col bg-slate-900 overflow-hidden select-none transition-all duration-300`}
+        style={containerStyle}
+    >
+        {/* Background */}
+        <div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1519074069444-1ba4fff66d16?q=80&w=2544&auto=format&fit=crop')] bg-cover bg-center opacity-40 pointer-events-none"></div>
+        <div className="absolute inset-0 bg-gradient-to-t from-black via-transparent to-black opacity-80 pointer-events-none"></div>
 
-        {/* Main Game Area */}
-        <div className="flex-1 flex flex-col items-center justify-center relative">
-            {/* Background Effect */}
-            <div className={`absolute inset-0 transition-opacity duration-100 ${monsterState === 'HIT' ? 'bg-red-500/20' : 'bg-transparent'}`}></div>
+        {/* HUD Top Left */}
+        <div className="absolute top-4 left-4 z-50 flex gap-3 pointer-events-none">
+            <div className="bg-black/60 border border-yellow-500/30 rounded-xl p-3 min-w-[100px] text-center backdrop-blur-md">
+                <span className="text-[10px] text-yellow-500 font-bold uppercase block">倒计时</span>
+                <span className={`text-3xl font-mono font-black ${timeLeft < 30 ? 'text-red-500 animate-pulse' : 'text-white'}`}>
+                    {Math.floor(timeLeft / 60)}:{String(Math.floor(timeLeft % 60)).padStart(2, '0')}
+                </span>
+            </div>
+            <div className="bg-black/60 border border-red-500/30 rounded-xl p-3 min-w-[100px] text-center backdrop-blur-md">
+                <span className="text-[10px] text-red-400 font-bold uppercase block">连击数</span>
+                <span className="text-3xl font-mono font-black text-white">{attackCount}</span>
+            </div>
+        </div>
 
-            {/* Monster */}
-            <div className={`relative transition-transform duration-100 ${monsterState === 'HIT' ? 'scale-95 translate-x-2' : 'scale-100'}`}>
-                <div className={`text-9xl filter drop-shadow-[0_0_20px_rgba(255,255,255,0.5)] transition-all duration-500 ${monsterState === 'DEAD' ? 'opacity-0 scale-0 rotate-180' : 'opacity-100'}`}>
-                    👾
+        {/* Volume Bar Top Right */}
+        <div className="absolute top-4 right-4 z-50 w-48 pointer-events-none hidden md:block">
+             <div className="bg-black/40 p-2 rounded-lg backdrop-blur-md border border-white/10">
+                <div className="flex justify-between text-[10px] text-gray-400 mb-1">
+                    <span>{useKeyboardMode ? 'KBD' : 'MIC'}</span>
+                    <span>MAX</span>
                 </div>
-                {/* HP Bar */}
-                <div className="absolute -bottom-12 left-1/2 -translate-x-1/2 w-64 h-6 bg-slate-700 rounded-full overflow-hidden border-2 border-slate-500">
+                <div className="w-full h-3 bg-gray-800 rounded-full overflow-hidden relative">
+                    <div className="absolute top-0 bottom-0 w-0.5 bg-white z-10" style={{left: `${sensitivity}%`}}></div>
                     <div 
-                        className={`h-full transition-all duration-200 ${hp > 50 ? 'bg-green-500' : hp > 20 ? 'bg-yellow-500' : 'bg-red-500'}`}
-                        style={{ width: `${hp}%` }}
+                        className={`h-full transition-all duration-75 ${currentVolume > sensitivity ? 'bg-green-500 shadow-[0_0_10px_#22c55e]' : 'bg-yellow-600'}`}
+                        style={{width: `${Math.min(currentVolume, 100)}%`}}
                     ></div>
                 </div>
-                <div className="absolute -bottom-20 left-1/2 -translate-x-1/2 text-2xl font-black font-mono">
-                    HP: {Math.ceil(hp)}%
-                </div>
+             </div>
+        </div>
+
+        {/* Main Controls */}
+        <div className="absolute bottom-6 left-1/2 -translate-x-1/2 z-50 flex gap-4 items-center bg-black/50 p-2 rounded-2xl backdrop-blur-md border border-white/10 shadow-2xl">
+             <button 
+                onClick={() => setIsConfigOpen(true)} 
+                className="p-3 bg-gray-700/50 hover:bg-gray-600 text-white rounded-xl transition-all border border-transparent hover:border-gray-400"
+                title="设置"
+             >
+                 <Settings size={20}/>
+             </button>
+
+             <button 
+                onClick={togglePause} 
+                className={`p-4 rounded-xl shadow-lg transition-all transform active:scale-95 flex items-center justify-center w-16 h-16 border-2 ${isPlaying ? 'bg-yellow-500 border-yellow-300 text-black hover:bg-yellow-400' : 'bg-green-600 border-green-400 text-white hover:bg-green-500 animate-pulse'}`}
+                title={isPlaying ? "暂停" : "开始"}
+             >
+                 {isPlaying ? <Pause fill="currentColor" size={28}/> : <Play fill="currentColor" size={28}/>}
+             </button>
+
+             <button 
+                onClick={() => setIsFullscreen(!isFullscreen)} 
+                className={`p-3 rounded-xl transition-all border ${isFullscreen ? 'bg-blue-600 text-white border-blue-400' : 'bg-gray-700/50 text-white hover:bg-gray-600 border-transparent hover:border-gray-400'}`}
+                title="全屏切换"
+             >
+                 {isFullscreen ? <Minimize size={20}/> : <Maximize size={20}/>}
+             </button>
+        </div>
+
+        {/* Game Area */}
+        <div className="flex-1 relative z-10 flex flex-col justify-end pb-24 pointer-events-auto" onClick={handleManualInput}>
+            <div className="absolute bottom-0 left-0 w-[15%] h-[80%] bg-gradient-to-r from-blue-900/30 to-transparent flex flex-col justify-end items-center pb-20 border-r border-blue-500/30">
+                <div className="text-6xl animate-bounce mb-4">🏰</div>
             </div>
 
-            {/* Victory Screen */}
-            {monsterState === 'DEAD' && (
-                <div className="absolute inset-0 flex flex-col items-center justify-center bg-black/60 z-10 animate-in zoom-in">
-                    <Trophy size={80} className="text-yellow-400 mb-4"/>
-                    <h2 className="text-4xl font-bold mb-6 text-yellow-100">怪兽已被击败！</h2>
-                    {isTeacher && (
-                        <button 
-                            onClick={handleGrantReward}
-                            className="bg-yellow-500 hover:bg-yellow-600 text-black px-8 py-3 rounded-full font-bold text-lg shadow-lg flex items-center gap-2 transform hover:scale-105 transition-all"
+            <div 
+                className="absolute bottom-20 transition-transform duration-75 ease-linear w-80 h-64 pointer-events-none"
+                style={{ 
+                    left: `${Math.max(5, monsterPos)}%`, 
+                    transform: `translateX(-50%) ${isHit ? 'scale(0.95)' : 'scale(1)'}`,
+                    filter: isHit ? 'drop-shadow(0 0 30px red) brightness(2) hue-rotate(-20deg)' : 'none'
+                }}
+            >
+                <div className="absolute -top-10 left-10 right-10 h-2 bg-gray-800 rounded-full overflow-hidden border border-white/20">
+                    <div 
+                        className="h-full bg-gradient-to-r from-red-600 to-red-400 transition-all duration-300 ease-linear" 
+                        style={{width: `${healthPercent}%`}}
+                    ></div>
+                </div>
+
+                <div className="relative w-full h-full">
+                    {monsterArmy.map((m) => (
+                        <div 
+                            key={m.id}
+                            className="absolute text-7xl filter drop-shadow-2xl transition-transform"
+                            style={{
+                                left: `${m.leftPercent}%`,
+                                bottom: `${m.bottomPercent}%`,
+                                transform: `translate(-50%, 0) scale(${m.scale})`,
+                                zIndex: m.zIndex,
+                                animation: `monsterWalk 1s infinite alternate ${m.id * 0.2}s`
+                            }}
                         >
-                            <Trophy size={20}/> 发放全班奖励
-                        </button>
-                    )}
-                    <button onClick={handleStart} className="mt-4 text-slate-400 hover:text-white underline">再来一局</button>
+                            {m.emoji}
+                        </div>
+                    ))}
+                    {isHit && <div className="absolute top-0 left-1/2 text-8xl animate-ping z-50">💥</div>}
                 </div>
-            )}
+            </div>
         </div>
 
-        {/* Controls */}
-        <div className="h-32 bg-slate-800 border-t border-slate-700 flex items-center justify-between px-8">
-            <div className="flex items-center gap-4">
-                <div className={`p-4 rounded-full ${isFighting ? 'bg-red-500 animate-pulse' : 'bg-slate-600'}`}>
-                    <Mic size={24}/>
-                </div>
-                <div>
-                    <div className="text-xs text-slate-400 uppercase font-bold mb-1">当前音量能量</div>
-                    <div className="flex items-end gap-1 h-10">
-                        {Array.from({length: 10}).map((_, i) => (
-                            <div 
-                                key={i} 
-                                className={`w-3 rounded-t-sm transition-all duration-100 ${i < (volume/10) ? 'bg-green-400' : 'bg-slate-600'}`}
-                                style={{ height: `${i < (volume/10) ? (Math.random()*50 + 50) : 20}%` }}
-                            ></div>
-                        ))}
+        {/* Config Modal */}
+        {isConfigOpen && (
+            <div className="absolute inset-0 bg-black/80 z-[999999] flex items-center justify-center p-4 backdrop-blur-md">
+                <div className="bg-slate-800 text-white rounded-2xl w-full max-w-lg max-h-[90vh] flex flex-col shadow-2xl border border-slate-700 animate-in zoom-in-95">
+                    <div className="p-5 border-b border-slate-700 flex justify-between items-center bg-slate-900/50">
+                        <h2 className="text-xl font-bold flex items-center"><Settings className="mr-2 text-blue-400"/> 游戏设置</h2>
                     </div>
-                </div>
-            </div>
+                    
+                    <div className="p-6 space-y-5 overflow-y-auto flex-1 custom-scrollbar">
+                        <div className="space-y-4">
+                            <div>
+                                <label className="text-xs text-gray-400 font-bold uppercase block mb-1">早读时长 (秒)</label>
+                                <input type="number" className="w-full bg-slate-900 border border-slate-600 rounded p-3 text-white focus:border-blue-500 outline-none" value={duration} onChange={e=>setDuration(Number(e.target.value))}/>
+                            </div>
+                            
+                            <div>
+                                <label className="text-xs text-gray-400 font-bold uppercase block mb-1">怪兽前进速度 (难度: {difficulty})</label>
+                                <input type="range" min="1" max="20" className="w-full h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer" value={difficulty} onChange={e=>setDifficulty(Number(e.target.value))}/>
+                                <div className="flex justify-between text-xs text-gray-500 mt-1"><span>1 (龟速)</span><span>20 (极速)</span></div>
+                            </div>
 
-            <div className="flex items-center gap-4">
-                {!isFighting && monsterState !== 'DEAD' && (
-                    <button onClick={handleStart} className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-xl font-bold flex items-center gap-2 text-lg shadow-lg shadow-blue-900/50">
-                        <Sword size={20}/> 开始战斗
-                    </button>
-                )}
-                {isFighting && (
-                    <button onClick={handleStop} className="bg-slate-700 hover:bg-slate-600 text-white px-6 py-3 rounded-xl font-bold">
-                        暂停
-                    </button>
-                )}
+                            <div>
+                                <label className="text-xs text-gray-400 font-bold uppercase block mb-1">声控灵敏度阈值: {sensitivity}</label>
+                                <input type="range" min="5" max="95" className="w-full h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer" value={sensitivity} onChange={e=>setSensitivity(Number(e.target.value))}/>
+                                <div className="flex justify-between text-xs text-gray-500 mt-1"><span>5 (极易触发/小声)</span><span>95 (极难触发/吼叫)</span></div>
+                            </div>
+
+                            <div className="flex items-center justify-between bg-slate-900 p-3 rounded-lg border border-slate-700">
+                                <span className="text-sm font-bold flex items-center text-white"><Maximize size={16} className="mr-2"/> 全屏模式</span>
+                                <label className="relative inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" checked={isFullscreen} onChange={e=>setIsFullscreen(e.target.checked)} className="sr-only peer"/>
+                                    <div className="w-9 h-5 bg-slate-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-blue-600"></div>
+                                </label>
+                            </div>
+
+                            <label className="flex items-center gap-3 bg-slate-900 p-3 rounded-lg border border-slate-700 cursor-pointer hover:bg-slate-700/50 transition-colors">
+                                <input type="checkbox" checked={useKeyboardMode} onChange={e=>setUseKeyboardMode(e.target.checked)} className="w-5 h-5 rounded bg-slate-800 border-slate-600 text-blue-500 focus:ring-blue-500"/>
+                                <div>
+                                    <span className="text-sm font-bold flex items-center text-white"><Keyboard size={16} className="mr-2"/> 键盘/点击辅助模式</span>
+                                    <p className="text-[10px] text-gray-400 mt-0.5">无麦克风或IE浏览器推荐开启 (空格键攻击)</p>
+                                </div>
+                            </label>
+                        </div>
+
+                        {/* Person Filter */}
+                        <div className="bg-slate-900 p-4 rounded-xl border border-slate-700">
+                            <div className="flex justify-between items-center mb-2">
+                                <h4 className="text-xs text-gray-400 font-bold uppercase">参与人员</h4>
+                                <button onClick={() => setIsFilterOpen(true)} className="text-xs text-blue-400 hover:text-blue-300 flex items-center">
+                                    <UserX size={14} className="mr-1"/> 排除请假学生 ({excludedStudentIds.size})
+                                </button>
+                            </div>
+                            <p className="text-xs text-gray-500">共 {students.length - excludedStudentIds.size} 人参与奖励结算</p>
+                        </div>
+
+                        {/* Extended Reward Config */}
+                        <div className="bg-slate-900 p-4 rounded-xl border border-slate-700 space-y-3">
+                            <div className="flex items-center justify-between">
+                                <span className="text-sm font-bold flex items-center text-amber-400"><Award size={16} className="mr-2"/> 挑战成功奖励</span>
+                                <label className="relative inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" checked={rewardConfig.enabled} onChange={e=>setRewardConfig({...rewardConfig, enabled: e.target.checked})} className="sr-only peer"/>
+                                    <div className="w-9 h-5 bg-slate-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-amber-500"></div>
+                                </label>
+                            </div>
+                            
+                            {rewardConfig.enabled && (
+                                <div className="space-y-3 animate-in slide-in-from-top-2">
+                                    <div className="flex gap-2">
+                                        {[
+                                            {id: 'DRAW_COUNT', label: '抽奖券', icon: <TicketIcon/>},
+                                            {id: 'ITEM', label: '实物', icon: <Package size={14}/>},
+                                            {id: 'ACHIEVEMENT', label: '成就', icon: <Trophy size={14}/>}
+                                        ].map(t => (
+                                            <button 
+                                                key={t.id} 
+                                                onClick={() => setRewardConfig({...rewardConfig, type: t.id as any})}
+                                                className={`flex-1 py-2 text-xs rounded-lg border transition-all flex items-center justify-center gap-1 ${rewardConfig.type === t.id ? 'bg-amber-500/20 border-amber-500 text-amber-400' : 'bg-slate-800 border-slate-600 text-gray-400 hover:bg-slate-700'}`}
+                                            >
+                                                {t.icon} {t.label}
+                                            </button>
+                                        ))}
+                                    </div>
+
+                                    <div className="flex gap-2">
+                                        {rewardConfig.type === 'ACHIEVEMENT' ? (
+                                            <select 
+                                                className="flex-1 bg-slate-800 border border-slate-600 rounded-lg p-2 text-xs text-white outline-none"
+                                                value={rewardConfig.val}
+                                                onChange={e=>setRewardConfig({...rewardConfig, val: e.target.value})}
+                                            >
+                                                <option value="">-- 选择成就 --</option>
+                                                {achConfig?.achievements.map(a => <option key={a.id} value={a.id}>{a.icon} {a.name}</option>)}
+                                            </select>
+                                        ) : rewardConfig.type === 'ITEM' ? (
+                                            <input 
+                                                className="flex-1 bg-slate-800 border border-slate-600 rounded-lg p-2 text-xs text-white outline-none placeholder-gray-500" 
+                                                placeholder="奖品名称"
+                                                value={rewardConfig.val}
+                                                onChange={e=>setRewardConfig({...rewardConfig, val: e.target.value})}
+                                            />
+                                        ) : (
+                                            <div className="flex-1 bg-slate-800 border border-slate-600 rounded-lg p-2 text-xs text-gray-400">
+                                                自动发放系统抽奖券
+                                            </div>
+                                        )}
+                                        <div className="flex items-center bg-slate-800 border border-slate-600 rounded-lg px-2">
+                                            <span className="text-xs text-gray-500 mr-2">x</span>
+                                            <input 
+                                                type="number" 
+                                                min={1} 
+                                                className="bg-transparent w-8 text-center text-white text-xs outline-none" 
+                                                value={rewardConfig.count} 
+                                                onChange={e=>setRewardConfig({...rewardConfig, count: Number(e.target.value)})}
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                            )}
+                        </div>
+                    </div>
+
+                    <div className="p-5 border-t border-slate-700 bg-slate-900/50 shrink-0">
+                        <button onClick={startGame} className="w-full py-3 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 rounded-xl font-bold text-lg shadow-lg shadow-blue-900/50 transition-all transform hover:scale-[1.02] flex items-center justify-center">
+                            <Play size={20} className="mr-2" fill="white"/> 开始挑战
+                        </button>
+                    </div>
+                </div>
             </div>
-        </div>
+        )}
 
-        {/* Filter Modal */}
+        {/* Student Filter Modal */}
         {isFilterOpen && (
-            <div className="fixed inset-0 bg-black/50 z-[60] flex items-center justify-center p-4 text-slate-800">
-                <div className="bg-white rounded-xl w-full max-w-3xl h-[80vh] flex flex-col shadow-2xl animate-in zoom-in-95">
+            <div className="absolute inset-0 bg-black/50 z-[1000000] flex items-center justify-center p-4">
+                <div className="bg-white rounded-xl w-full max-w-3xl h-[80vh] flex flex-col shadow-2xl animate-in zoom-in-95 text-gray-800">
                     <div className="p-4 border-b flex justify-between items-center">
-                        <h3 className="font-bold text-lg">排除请假/缺勤学生 (不发放奖励)</h3>
+                        <h3 className="font-bold text-lg">排除请假/缺勤学生</h3>
                         <div className="flex gap-2">
                             <button onClick={() => setExcludedStudentIds(new Set())} className="text-xs text-blue-600 hover:underline">清空选择</button>
                             <button onClick={() => setIsFilterOpen(false)} className="px-4 py-1 bg-blue-600 text-white rounded text-sm">确定</button>
@@ -281,64 +606,60 @@ export const GameMonster: React.FC = () => {
             </div>
         )}
 
-        {/* Settings Modal */}
-        {isSettingsOpen && (
-            <div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4 text-slate-800">
-                <div className="bg-white rounded-xl w-full max-w-md p-6 shadow-2xl animate-in zoom-in-95">
-                    <div className="flex justify-between items-center mb-6">
-                        <h3 className="text-xl font-bold">游戏设置</h3>
-                        <button onClick={() => setIsSettingsOpen(false)}><X size={24} className="text-gray-400 hover:text-gray-600"/></button>
+        {/* Result Modal */}
+        {gameState !== 'IDLE' && gameState !== 'PLAYING' && !isConfigOpen && (
+            <div className="absolute inset-0 bg-black/90 z-[110] flex items-center justify-center p-4 backdrop-blur-lg animate-in zoom-in">
+                <div className="text-center w-full max-w-lg">
+                    <div className="text-9xl mb-6 animate-bounce drop-shadow-[0_0_25px_rgba(255,255,255,0.5)]">
+                        {gameState === 'VICTORY' ? '🏆' : '💀'}
                     </div>
+                    <h2 className={`text-6xl font-black mb-2 tracking-tight ${gameState==='VICTORY' ? 'text-transparent bg-clip-text bg-gradient-to-b from-yellow-300 to-yellow-600' : 'text-gray-400'}`}>
+                        {gameState === 'VICTORY' ? '守卫成功!' : '防线沦陷...'}
+                    </h2>
                     
-                    <div className="space-y-4 mb-6">
-                        <div>
-                            <label className="block text-sm font-bold text-gray-700 mb-1">声音灵敏度 (0-100)</label>
-                            <input type="range" min="0" max="90" className="w-full" value={config.sensitivity} onChange={e => setConfig({...config, sensitivity: Number(e.target.value)})}/>
-                            <div className="text-xs text-right text-gray-500">{config.sensitivity} (数值越大越容易触发)</div>
-                        </div>
-                        <div>
-                            <label className="block text-sm font-bold text-gray-700 mb-1">怪兽防御力 (难度)</label>
-                            <input type="number" min="1" max="20" className="w-full border rounded p-2" value={config.difficulty} onChange={e => setConfig({...config, difficulty: Number(e.target.value)})}/>
-                        </div>
-                        
-                        <div className="border-t pt-4">
-                            <label className="block text-sm font-bold text-gray-700 mb-2">通关奖励设置</label>
-                            <div className="flex items-center gap-2 mb-2">
-                                <input type="checkbox" checked={config.rewardConfig.enabled} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, enabled: e.target.checked}})}/>
-                                <span className="text-sm">启用自动奖励</span>
-                            </div>
-                            {config.rewardConfig.enabled && (
-                                <div className="bg-gray-50 p-3 rounded-lg space-y-2 border">
-                                    <select className="w-full border rounded p-2 text-sm" value={config.rewardConfig.type} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, type: e.target.value as any}})}>
-                                        <option value="DRAW_COUNT">🎲 抽奖券</option>
-                                        <option value="ITEM">🎁 物品</option>
-                                        <option value="ACHIEVEMENT">🏆 成就</option>
-                                    </select>
-                                    
-                                    {config.rewardConfig.type === 'ACHIEVEMENT' ? (
-                                        <select className="w-full border rounded p-2 text-sm" value={config.rewardConfig.val} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, val: e.target.value}})}>
-                                            <option value="">选择成就</option>
-                                            {achConfig?.achievements.map(a => <option key={a.id} value={a.id}>{a.icon} {a.name}</option>)}
-                                        </select>
-                                    ) : (
-                                        <input className="w-full border rounded p-2 text-sm" placeholder={config.rewardConfig.type === 'ITEM' ? '物品名称' : '备注'} value={config.rewardConfig.val} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, val: e.target.value}})}/>
-                                    )}
-                                    
-                                    <div className="flex items-center gap-2">
-                                        <span className="text-sm">数量:</span>
-                                        <input type="number" min="1" className="border rounded p-1 w-16 text-sm" value={config.rewardConfig.count} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, count: Number(e.target.value)}})}/>
-                                    </div>
-                                </div>
-                            )}
+                    {gameState === 'VICTORY' && rewardConfig.enabled && (
+                        <div className="bg-white/10 p-6 rounded-2xl mb-10 border border-white/10 backdrop-blur-sm mt-8">
+                            <p className="text-yellow-200 font-bold mb-2 flex items-center justify-center"><Gift size={20} className="mr-2"/> 奖励已解锁</p>
+                            <p className="text-sm text-gray-300 mb-4">
+                                为 <span className="text-white font-bold">{students.length - excludedStudentIds.size}</span> 名学生发放：
+                                <span className="text-white font-bold mx-1 border-b border-white/30">
+                                    {rewardConfig.type==='ACHIEVEMENT' ? '成就奖状' : rewardConfig.type==='ITEM' ? rewardConfig.val : '抽奖券'}
+                                </span>
+                                x{rewardConfig.count}
+                            </p>
+                            <button onClick={handleBatchGrant} className="bg-amber-500 hover:bg-amber-600 text-white px-6 py-2 rounded-lg font-bold text-sm shadow-lg transition-colors">
+                                立即发放
+                            </button>
                         </div>
-                    </div>
+                    )}
 
-                    <button onClick={saveConfig} className="w-full bg-blue-600 text-white py-2 rounded-lg font-bold hover:bg-blue-700 flex items-center justify-center gap-2">
-                        <Save size={18}/> 保存配置
-                    </button>
+                    <div className="flex gap-4 justify-center mt-8">
+                        <button onClick={() => setIsConfigOpen(true)} className="px-8 py-3 bg-white/10 hover:bg-white/20 text-white rounded-full font-bold flex items-center transition-colors border border-white/10">
+                            <Settings size={18} className="mr-2"/> 调整设置
+                        </button>
+                        <button onClick={startGame} className="px-10 py-3 bg-blue-600 hover:bg-blue-500 text-white rounded-full font-bold flex items-center shadow-lg shadow-blue-500/50 transition-all hover:scale-105">
+                            <RotateCcw size={18} className="mr-2"/> 再来一次
+                        </button>
+                    </div>
                 </div>
             </div>
         )}
+        
+        <style>{`
+            @keyframes monsterWalk {
+                0% { transform: scale(0.8) rotate(-5deg); }
+                100% { transform: scale(0.8) rotate(5deg); }
+            }
+        `}</style>
     </div>
   );
+
+  if (isFullscreen) {
+      return createPortal(GameContent, document.body);
+  }
+  return GameContent;
 };
+
+const TicketIcon = () => (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
+);

pages/GameRandom.tsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { api } from '../services/api';
 import { Student, GameSession, GameTeam, AchievementConfig } from '../types';
-import { Loader2, User, Users, Play, Pause, Gift, CheckCircle, XCircle, Award, Volume2, Settings, Maximize, Minimize, UserX, RotateCcw, Repeat } from 'lucide-react';
+import { Loader2, User, Users, Play, Pause, Gift, CheckCircle, XCircle, Award, Volume2, Settings, Maximize, Minimize, UserX } from 'lucide-react';
 
 export const GameRandom: React.FC = () => {
   const [loading, setLoading] = useState(true);
@@ -24,10 +24,6 @@ export const GameRandom: React.FC = () => {
   const [excludedStudentIds, setExcludedStudentIds] = useState<Set<string>>(new Set());
   const [isFilterOpen, setIsFilterOpen] = useState(false);
 
-  // Avoid Repetition State
-  const [avoidRepeat, setAvoidRepeat] = useState(false);
-  const [pickedIds, setPickedIds] = useState<Set<string>>(new Set());
-
   // Reward State
   const [rewardType, setRewardType] = useState<'DRAW_COUNT' | 'ITEM' | 'ACHIEVEMENT'>('DRAW_COUNT');
   const [rewardId, setRewardId] = useState(''); // Achievement ID or Item Name
@@ -45,12 +41,6 @@ export const GameRandom: React.FC = () => {
     return () => stopAnimation();
   }, []);
 
-  // Clear picked history when switching modes
-  useEffect(() => {
-      setPickedIds(new Set());
-      setHighlightIndex(null);
-  }, [mode]);
-
   const loadData = async () => {
     if (!homeroomClass) return setLoading(false);
     try {
@@ -77,13 +67,7 @@ export const GameRandom: React.FC = () => {
   };
 
   const getTargetList = () => {
-      if (mode === 'TEAM') {
-          let tList = teams;
-          if (avoidRepeat) {
-              tList = tList.filter(t => !pickedIds.has(t.id));
-          }
-          return tList;
-      }
+      if (mode === 'TEAM') return teams;
       
       let baseList = students;
       if (scopeTeamId !== 'ALL') {
@@ -93,23 +77,13 @@ export const GameRandom: React.FC = () => {
           }
       }
       
-      // Filter out excluded students (Attendance)
-      let list = baseList.filter(s => !excludedStudentIds.has(s._id || String(s.id)));
-
-      // Filter out picked students (Avoid Repetition)
-      if (avoidRepeat) {
-          list = list.filter(s => !pickedIds.has(s._id || String(s.id)));
-      }
-
-      return list;
+      // Filter out excluded students
+      return baseList.filter(s => !excludedStudentIds.has(s._id || String(s.id)));
   };
 
   const startRandom = () => {
       const list = getTargetList();
-      if (list.length === 0) {
-          if (avoidRepeat && pickedIds.size > 0) return alert('所有对象都已点过名，请点击“重置”按钮重新开始。');
-          return alert('当前范围内没有可选对象');
-      }
+      if (list.length === 0) return alert('当前范围内没有可选对象');
       
       setIsRunning(true);
       setShowResultModal(false);
@@ -130,7 +104,6 @@ export const GameRandom: React.FC = () => {
           } else {
               // Stop
               stopAnimation();
-              // IMPORTANT: The highlightIndex corresponds to the *filtered* list, not the original data
               setTimeout(() => finalizeSelection(list), 500);
           }
       };
@@ -142,13 +115,6 @@ export const GameRandom: React.FC = () => {
           if (prev === null) return 0;
           const result = list[prev];
           setSelectedResult(result);
-          
-          // Mark as picked
-          if (avoidRepeat) {
-              const id = mode === 'TEAM' ? (result as GameTeam).id : (result as Student)._id || String((result as Student).id);
-              setPickedIds(prevSet => new Set(prevSet).add(id));
-          }
-
           setShowResultModal(true);
           return prev;
       });
@@ -159,12 +125,6 @@ export const GameRandom: React.FC = () => {
       setIsRunning(false);
   };
 
-  const resetPicked = () => {
-      if (confirm('确定要清空已点名记录，重新开始吗？')) {
-          setPickedIds(new Set());
-      }
-  };
-
   const handleGrantReward = async () => {
       if (!selectedResult || !enableReward) {
           setShowResultModal(false);
@@ -204,8 +164,7 @@ export const GameRandom: React.FC = () => {
                       studentId: s._id || String(s.id),
                       count: rewardCount,
                       rewardType,
-                      name: rewardName,
-                      source: '随机点名'
+                      name: rewardName
                   });
               }
           });
@@ -262,27 +221,6 @@ export const GameRandom: React.FC = () => {
                     <UserX size={16}/> 排除 ({excludedStudentIds.size})
                 </button>
 
-                <div className="h-8 w-px bg-gray-200 mx-2"></div>
-
-                <button 
-                    onClick={() => setAvoidRepeat(!avoidRepeat)} 
-                    className={`flex items-center gap-1 px-3 py-2 rounded-lg text-sm border font-medium transition-colors ${avoidRepeat ? 'bg-indigo-50 text-indigo-600 border-indigo-200' : 'bg-white text-gray-500 border-gray-200 hover:bg-gray-50'}`}
-                >
-                    <Repeat size={16} className={avoidRepeat ? '' : 'text-gray-400'}/> {avoidRepeat ? '不重复点名' : '允许重复'}
-                </button>
-
-                {avoidRepeat && pickedIds.size > 0 && (
-                    <button 
-                        onClick={resetPicked} 
-                        className="flex items-center gap-1 px-3 py-2 rounded-lg text-sm font-medium text-gray-500 hover:text-red-500 hover:bg-red-50 transition-colors"
-                        title="清空已点名记录"
-                    >
-                        <RotateCcw size={14}/> 重置 ({pickedIds.size})
-                    </button>
-                )}
-
-                <div className="h-8 w-px bg-gray-200 mx-2"></div>
-
                 <div className="flex items-center gap-2 bg-amber-50 px-3 py-2 rounded-lg border border-amber-100">
                     <Gift size={16} className="text-amber-500"/>
                     <label className="text-sm font-bold text-gray-700">奖励:</label>

pages/GameZen.tsx

@@ -1,382 +1,535 @@
 
 import React, { useState, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
 import { api } from '../services/api';
-import { Student, GameZenConfig, AchievementConfig } from '../types';
-import { Moon, Play, Square, Settings, Save, X, Loader2, Clock, CheckCircle, Volume2 } from 'lucide-react';
-
-const formatTime = (seconds: number) => {
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-};
+import { AchievementConfig, Student } from '../types';
+import { Play, Pause, Settings, Maximize, Minimize, Gift, Trophy, Package, Moon, UserX, CheckCircle, Volume2 } from 'lucide-react';
 
 export const GameZen: React.FC = () => {
-  const [config, setConfig] = useState<GameZenConfig | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
-  const [students, setStudents] = useState<Student[]>([]);
+  const currentUser = api.auth.getCurrentUser();
+  const homeroomClass = currentUser?.homeroomClass;
+
+  // React State
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [gameState, setGameState] = useState<'IDLE' | 'PLAYING' | 'FINISHED'>('IDLE');
+  const [timeLeft, setTimeLeft] = useState(2400); // Seconds
+  const [currentVolume, setCurrentVolume] = useState(0); // This is now the SMOOTHED volume
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  
+  // Game Logic State
+  const [score, setScore] = useState(100);
+  const [quietSeconds, setQuietSeconds] = useState(0);
+  const [totalSeconds, setTotalSeconds] = useState(0);
+  
+  // Config State
   const [achConfig, setAchConfig] = useState<AchievementConfig | null>(null);
-
-  // Student filter state
+  const [students, setStudents] = useState<Student[]>([]);
   const [excludedStudentIds, setExcludedStudentIds] = useState<Set<string>>(new Set());
   const [isFilterOpen, setIsFilterOpen] = useState(false);
-
-  // Game State
-  const [timeLeft, setTimeLeft] = useState(0);
-  const [isActive, setIsActive] = useState(false);
-  const [isFinished, setIsFinished] = useState(false);
   
-  // Real-time Audio
-  const [volume, setVolume] = useState(0); // Smooth volume
-  const [stateLevel, setStateLevel] = useState<'Deep'|'Focused'|'Restless'|'Chaos'>('Deep');
-  const [isTestMode, setIsTestMode] = useState(false);
-  const [testVolume, setTestVolume] = useState(0);
-
-  const timerRef = useRef<any>(null);
-  const audioContextRef = useRef<AudioContext|null>(null);
-  const analyserRef = useRef<AnalyserNode|null>(null);
-  const dataArrayRef = useRef<Uint8Array|null>(null);
-  const animationFrameRef = useRef<number|null>(null);
+  const [durationMinutes, setDurationMinutes] = useState(40);
+  const [threshold, setThreshold] = useState(30);
+  const [passRate, setPassRate] = useState(90);
   
-  // Smooth Value Ref
-  const smoothVolRef = useRef(0);
-
-  const currentUser = api.auth.getCurrentUser();
-  const isTeacher = currentUser?.role === 'TEACHER';
-  const homeroomClass = isTeacher ? currentUser?.homeroomClass : (currentUser?.role === 'STUDENT' ? currentUser?.homeroomClass : '');
+  const [rewardConfig, setRewardConfig] = useState<{
+      enabled: boolean;
+      type: 'DRAW_COUNT' | 'ITEM' | 'ACHIEVEMENT';
+      val: string;
+      count: number;
+  }>({ enabled: true, type: 'DRAW_COUNT', val: '自习奖励', count: 1 });
+
+  const [isConfigOpen, setIsConfigOpen] = useState(true);
+
+  // REFS
+  const isPlayingRef = useRef(false);
+  const gameStateRef = useRef('IDLE');
+  const lastTimeRef = useRef(0);
+  const audioContextRef = useRef<AudioContext | null>(null);
+  const analyserRef = useRef<AnalyserNode | null>(null);
+  const dataArrayRef = useRef<Uint8Array | null>(null);
+  const sourceRef = useRef<MediaStreamAudioSourceNode | null>(null);
+  const reqRef = useRef<number>(0);
+  
+  // Logic Refs for Smoothing
+  const smoothedVolRef = useRef(0);
+  
+  // Sync Refs
+  useEffect(() => { isPlayingRef.current = isPlaying; }, [isPlaying]);
+  useEffect(() => { gameStateRef.current = gameState; }, [gameState]);
 
   useEffect(() => {
     loadData();
     return () => {
-        clearInterval(timerRef.current);
-        if(animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current);
-        if(audioContextRef.current) audioContextRef.current.close();
+      stopAudio();
+      if(reqRef.current) cancelAnimationFrame(reqRef.current);
     };
   }, []);
 
   const loadData = async () => {
-    if (!homeroomClass) {
-        setLoading(false);
-        return;
-    }
-    try {
-        const [cfg, stus, ac] = await Promise.all([
-            api.games.getZenConfig(homeroomClass),
-            api.students.getAll(),
-            api.achievements.getConfig(homeroomClass)
-        ]);
-        
-        const classStudents = stus.filter((s: Student) => s.className === homeroomClass);
-        // Sort
-        classStudents.sort((a, b) => {
-            const seatA = parseInt(a.seatNo || '99999');
-            const seatB = parseInt(b.seatNo || '99999');
-            if (seatA !== seatB) return seatA - seatB;
-            return a.name.localeCompare(b.name, 'zh-CN');
-        });
-        setStudents(classStudents);
-        setAchConfig(ac);
-
-        if (cfg && cfg.className) {
-            setConfig(cfg);
-            setTimeLeft(cfg.durationMinutes * 60);
-        } else {
-            // Default Config
-            const defaultCfg = {
-                schoolId: currentUser?.schoolId || '',
-                className: homeroomClass,
-                durationMinutes: 40,
-                threshold: 30,
-                passRate: 90,
-                rewardConfig: {
-                    enabled: true,
-                    type: 'DRAW_COUNT' as any,
-                    val: '1',
-                    count: 1
-                }
-            };
-            setConfig(defaultCfg);
-            setTimeLeft(40 * 60);
-        }
-    } catch (e) { console.error(e); } 
-    finally { setLoading(false); }
-  };
-
-  const initAudio = async () => {
-      if (!audioContextRef.current) {
-          try {
-              const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-              const audioCtx = new (window.AudioContext || (window as any).webkitAudioContext)();
-              const analyser = audioCtx.createAnalyser();
-              const source = audioCtx.createMediaStreamSource(stream);
-              source.connect(analyser);
-              analyser.fftSize = 256;
-              const bufferLength = analyser.frequencyBinCount;
-              const dataArray = new Uint8Array(bufferLength);
-              
-              audioContextRef.current = audioCtx;
-              analyserRef.current = analyser;
-              dataArrayRef.current = dataArray;
-          } catch(e) {
-              alert('无法访问麦克风，请检查权限。');
-              return false;
+      if (!homeroomClass) return;
+      try {
+          const [ac, stus, savedConfig] = await Promise.all([
+              api.achievements.getConfig(homeroomClass),
+              api.students.getAll(),
+              api.games.getZenConfig(homeroomClass)
+          ]);
+          setAchConfig(ac);
+          const classStudents = (stus as Student[]).filter((s: Student) => s.className === homeroomClass);
+          // Sort by Seat No
+          classStudents.sort((a, b) => {
+              const seatA = parseInt(a.seatNo || '99999');
+              const seatB = parseInt(b.seatNo || '99999');
+              if (seatA !== seatB) return seatA - seatB;
+              return a.name.localeCompare(b.name, 'zh-CN');
+          });
+          setStudents(classStudents);
+          
+          if (savedConfig && savedConfig.durationMinutes) {
+              setDurationMinutes(savedConfig.durationMinutes);
+              setThreshold(savedConfig.threshold);
+              setPassRate(savedConfig.passRate);
+              if (savedConfig.rewardConfig) setRewardConfig(savedConfig.rewardConfig);
           }
-      }
-      return true;
+      } catch (e) { console.error(e); }
   };
 
-  const monitorAudio = () => {
-      if (!analyserRef.current || !dataArrayRef.current) return;
-      
-      // Fix: Cast to any to avoid Uint8Array<ArrayBufferLike> vs Uint8Array<ArrayBuffer> mismatch
-      analyserRef.current.getByteFrequencyData(dataArrayRef.current as any);
+  const startAudio = async () => {
+    try {
+      if (audioContextRef.current && audioContextRef.current.state === 'running') return;
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      // @ts-ignore
+      const AudioContext = window.AudioContext || window.webkitAudioContext;
+      const ctx = new AudioContext();
+      const analyser = ctx.createAnalyser();
+      analyser.fftSize = 256;
+      const source = ctx.createMediaStreamSource(stream);
+      source.connect(analyser);
       
-      let sum = 0;
-      for(let i = 0; i < dataArrayRef.current.length; i++) {
-          sum += dataArrayRef.current[i];
-      }
-      const rawAvg = sum / dataArrayRef.current.length; // 0 - 255
-      // Normalize to 0-100 approximate
-      const normalized = Math.min(100, (rawAvg / 128) * 100); 
-
-      // Smoothing: Fast Attack, Slow Decay
-      if (normalized > smoothVolRef.current) {
-          smoothVolRef.current = normalized; // Jump up immediately
-      } else {
-          smoothVolRef.current += (normalized - smoothVolRef.current) * 0.05; // Decay slowly
-      }
-
-      const displayVol = smoothVolRef.current;
+      audioContextRef.current = ctx;
+      analyserRef.current = analyser;
+      sourceRef.current = source;
+      dataArrayRef.current = new Uint8Array(analyser.frequencyBinCount);
+    } catch (e) {
+      console.error("Mic error", e);
+      alert('无法访问麦克风，请检查权限');
+    }
+  };
 
-      if (isTestMode) {
-          setTestVolume(displayVol);
-      } else {
-          setVolume(displayVol);
-          // Determine State based on Threshold (T)
-          const T = config?.threshold || 30;
-          
-          if (displayVol < T * 0.5) setStateLevel('Deep');
-          else if (displayVol < T) setStateLevel('Focused');
-          else if (displayVol < T * 1.5) setStateLevel('Restless');
-          else setStateLevel('Chaos');
-      }
+  const stopAudio = () => {
+    if (sourceRef.current) sourceRef.current.disconnect();
+    if (audioContextRef.current) audioContextRef.current.close();
+    audioContextRef.current = null;
+  };
 
-      animationFrameRef.current = requestAnimationFrame(monitorAudio);
+  const saveConfig = async () => {
+      if (!homeroomClass) return;
+      try {
+          await api.games.saveZenConfig({
+              className: homeroomClass,
+              durationMinutes,
+              threshold,
+              passRate,
+              rewardConfig
+          });
+      } catch (e) { console.error('Auto-save config failed', e); }
   };
 
-  const startTimer = async () => {
-      if (await initAudio()) {
-          setIsActive(true);
-          setIsFinished(false);
-          monitorAudio();
-          
-          timerRef.current = setInterval(() => {
-              setTimeLeft(prev => {
-                  if (prev <= 1) {
-                      clearInterval(timerRef.current);
-                      finishSession();
-                      return 0;
-                  }
-                  return prev - 1;
-              });
-          }, 1000);
-      }
+  const startGame = async () => {
+    saveConfig();
+    setIsConfigOpen(false);
+    setGameState('PLAYING');
+    setTimeLeft(durationMinutes * 60);
+    setQuietSeconds(0);
+    setTotalSeconds(0);
+    setScore(100);
+    smoothedVolRef.current = 0; // Reset smooth vol
+    
+    await startAudio();
+    setIsPlaying(true);
+    
+    lastTimeRef.current = performance.now();
+    if (reqRef.current) cancelAnimationFrame(reqRef.current);
+    reqRef.current = requestAnimationFrame(loop);
   };
 
-  const stopTimer = () => {
-      clearInterval(timerRef.current);
-      if(animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current);
-      setIsActive(false);
-      // Reset smooth ref for next run
-      smoothVolRef.current = 0;
-      setVolume(0);
+  const endGame = () => {
+      setIsPlaying(false);
+      setGameState('FINISHED');
+      if(reqRef.current) cancelAnimationFrame(reqRef.current);
+      stopAudio();
   };
 
-  const resetTimer = () => {
-      stopTimer();
-      setTimeLeft((config?.durationMinutes || 40) * 60);
-      setIsFinished(false);
-      setStateLevel('Deep');
+  const loop = (time: number) => {
+    reqRef.current = requestAnimationFrame(loop);
+
+    if (!isPlayingRef.current || gameStateRef.current !== 'PLAYING') {
+        lastTimeRef.current = time; 
+        return; 
+    }
+
+    const delta = (time - lastTimeRef.current) / 1000;
+    lastTimeRef.current = time;
+
+    // Audio Processing
+    if (analyserRef.current && dataArrayRef.current) {
+        analyserRef.current.getByteFrequencyData(dataArrayRef.current as any);
+        const avg = dataArrayRef.current.reduce((a,b)=>a+b) / dataArrayRef.current.length;
+        const rawVol = Math.min(100, Math.floor(avg / 2));
+        
+        // --- SMOOTHING ALGORITHM (Fast Attack, Slow Decay) ---
+        // If getting louder, react fast (0.2). If getting quieter, react slow (0.05).
+        // This prevents flickering at the threshold.
+        const smoothingFactor = rawVol > smoothedVolRef.current ? 0.2 : 0.05;
+        smoothedVolRef.current = smoothedVolRef.current + (rawVol - smoothedVolRef.current) * smoothingFactor;
+        
+        // Ensure strictly non-negative
+        if (smoothedVolRef.current < 0) smoothedVolRef.current = 0;
+
+        const displayVol = Math.round(smoothedVolRef.current);
+        setCurrentVolume(displayVol);
+
+        // Game Logic uses SMOOTHED volume for stability
+        if (delta > 0) {
+            setTotalSeconds(prev => prev + delta);
+            // Count as quiet only if below threshold (Levels 1 & 2)
+            if (displayVol < threshold) {
+                setQuietSeconds(prev => prev + delta);
+            }
+        }
+    }
+
+    setTimeLeft(prev => {
+        const next = prev - delta;
+        if (next <= 0) {
+            endGame();
+            return 0;
+        }
+        return next;
+    });
   };
 
-  const finishSession = () => {
-      stopTimer();
-      setIsFinished(true);
-      // Play sound
-      const audio = new Audio('https://assets.mixkit.co/active_storage/sfx/2869/2869-preview.mp3');
-      audio.play().catch(() => {});
+  // Score Calculation
+  const calculatedScore = totalSeconds > 0 ? Math.round((quietSeconds / totalSeconds) * 100) : 100;
+
+  // Determine Current State (4 Levels) based on SMOOTHED volume
+  const getZenState = () => {
+      if (currentVolume < threshold * 0.5) return 'DEEP';
+      if (currentVolume < threshold) return 'FOCUSED';
+      if (currentVolume < threshold * 1.5) return 'RESTLESS';
+      return 'CHAOS';
   };
 
-  const handleGrantReward = async () => {
-      if (!config?.rewardConfig.enabled || students.length === 0) return;
-      if (!confirm('修行结束！确认给全班同学发放奖励吗？')) return;
+  const currentState = getZenState();
 
+  const handleBatchGrant = async () => {
       const targets = students.filter(s => !excludedStudentIds.has(s._id || String(s.id)));
+      if (!rewardConfig.enabled || targets.length === 0) return;
+      if (!confirm(`确定为 ${targets.length} 名学生发放奖励吗？\n(已排除 ${excludedStudentIds.size} 名请假学生)`)) return;
 
       try {
           const promises = targets.map(s => {
-              if (config.rewardConfig.type === 'ACHIEVEMENT' && config.rewardConfig.val) {
+              if (rewardConfig.type === 'ACHIEVEMENT') {
                   return api.achievements.grant({
                       studentId: s._id || String(s.id),
-                      achievementId: config.rewardConfig.val,
+                      achievementId: rewardConfig.val,
                       semester: '当前学期'
                   });
               } else {
                   return api.games.grantReward({
                       studentId: s._id || String(s.id),
-                      count: config.rewardConfig.count || 1,
-                      rewardType: config.rewardConfig.type,
-                      name: config.rewardConfig.type === 'DRAW_COUNT' ? '禅道修行奖励' : config.rewardConfig.val,
-                      source: '禅道修行'
+                      count: rewardConfig.count,
+                      rewardType: rewardConfig.type,
+                      name: rewardConfig.type === 'DRAW_COUNT' ? '禅道修行奖励' : rewardConfig.val
                   });
               }
           });
           await Promise.all(promises);
-          alert(`奖励已发放给 ${targets.length} 名学生！`);
-          resetTimer();
+          alert('奖励发放成功！');
+          setIsConfigOpen(true); 
+          setGameState('IDLE');
       } catch (e) { alert('发放失败'); }
   };
 
-  const saveConfig = async () => {
-      if (config) {
-          await api.games.saveZenConfig(config);
-          setTimeLeft(config.durationMinutes * 60);
+  const containerStyle = isFullscreen ? {
+      position: 'fixed' as 'fixed',
+      top: 0,
+      left: 0,
+      width: '100vw',
+      height: '100vh',
+      zIndex: 999999,
+  } : {};
+
+  // Visual Parameters Mapping
+  const visualParams = {
+      DEEP: { 
+          bg: 'bg-gradient-to-b from-teal-900 to-teal-800', 
+          monk: '🧘', monkY: -50, monkScale: 1.2, 
+          text: '🌿 极静 · 入定', badge: 'bg-teal-500/20 text-teal-200 border-teal-500/50',
+          auraColor: 'bg-emerald-300', auraOpacity: 0.6, auraScale: 1.5
+      },
+      FOCUSED: { 
+          bg: 'bg-gradient-to-b from-emerald-800 to-emerald-600', 
+          monk: '🧘', monkY: 0, monkScale: 1.0, 
+          text: '🍃 专注 · 宁静', badge: 'bg-emerald-500/20 text-emerald-100 border-emerald-500/50',
+          auraColor: 'bg-emerald-200', auraOpacity: 0.3, auraScale: 1.1
+      },
+      RESTLESS: { 
+          bg: 'bg-gradient-to-b from-amber-800 to-orange-700', 
+          monk: '😰', monkY: 10, monkScale: 0.95, 
+          text: '🍂 浮躁 · 波动', badge: 'bg-amber-500/20 text-amber-100 border-amber-500/50',
+          auraColor: 'bg-orange-400', auraOpacity: 0.2, auraScale: 0.9
+      },
+      CHAOS: { 
+          bg: 'bg-gradient-to-b from-red-900 to-red-700', 
+          monk: '😖', monkY: 20, monkScale: 0.9, 
+          text: '🔥 喧哗 · 破功', badge: 'bg-red-500/20 text-red-100 border-red-500/50',
+          auraColor: 'bg-red-500', auraOpacity: 0.1, auraScale: 0.8
       }
-      setIsSettingsOpen(false);
-      setIsTestMode(false);
-      stopTimer(); // Stop test loop
   };
 
-  const toggleTestMode = async () => {
-      if (!isTestMode) {
-          if(await initAudio()) {
-              setIsTestMode(true);
-              monitorAudio();
-          }
-      } else {
-          setIsTestMode(false);
-          stopTimer();
-      }
-  };
+  const currentVisual = visualParams[currentState];
+
+  const GameContent = (
+    <div 
+        className={`${isFullscreen ? '' : 'h-full w-full relative'} flex flex-col overflow-hidden select-none transition-all duration-1000 ease-in-out font-sans ${currentVisual.bg}`}
+        style={containerStyle}
+    >
+        {/* Background Overlay */}
+        <div className="absolute inset-0 bg-black/10 pointer-events-none"></div>
+        <div className="absolute inset-0 flex items-center justify-center pointer-events-none opacity-20">
+            <div className={`w-[800px] h-[800px] border-[50px] rounded-full border-white transition-all duration-1000 ${currentState === 'DEEP' ? 'scale-110 opacity-50' : 'scale-90 opacity-20'}`}></div>
+        </div>
 
-  if (loading) return <div className="h-full flex items-center justify-center"><Loader2 className="animate-spin text-teal-600"/></div>;
-  if (!config) return <div className="h-full flex items-center justify-center text-gray-400">无法加载配置</div>;
+        {/* HUD */}
+        <div className="absolute top-4 left-4 z-50 flex gap-3">
+            <div className="bg-black/30 border border-white/20 rounded-xl p-3 min-w-[120px] text-center backdrop-blur-md">
+                <span className="text-[10px] text-gray-300 font-bold uppercase block">倒计时</span>
+                <span className="text-3xl font-mono font-black text-white">
+                    {Math.floor(timeLeft / 60)}:{String(Math.floor(timeLeft % 60)).padStart(2, '0')}
+                </span>
+            </div>
+            <div className="bg-black/30 border border-white/20 rounded-xl p-3 min-w-[120px] text-center backdrop-blur-md">
+                <span className="text-[10px] text-gray-300 font-bold uppercase block">专注评分</span>
+                <span className={`text-3xl font-mono font-black ${calculatedScore >= passRate ? 'text-green-400' : 'text-red-400'}`}>{calculatedScore}</span>
+            </div>
+        </div>
 
-  // Visual Styles based on State
-  let bgClass = "bg-teal-900";
-  let textClass = "text-teal-50";
-  let circleBorder = "border-teal-700";
-  let statusText = "极静 · DEEP ZEN";
-  
-  if (stateLevel === 'Deep') {
-      bgClass = "bg-teal-900";
-      circleBorder = "border-teal-400 shadow-[0_0_50px_rgba(45,212,191,0.3)]";
-      statusText = "极静 · DEEP ZEN";
-  } else if (stateLevel === 'Focused') {
-      bgClass = "bg-emerald-800";
-      circleBorder = "border-emerald-400";
-      statusText = "专注 · FOCUSED";
-  } else if (stateLevel === 'Restless') {
-      bgClass = "bg-amber-900";
-      circleBorder = "border-amber-500 animate-pulse";
-      statusText = "浮躁 · RESTLESS";
-  } else {
-      bgClass = "bg-red-950";
-      circleBorder = "border-red-600 shadow-[0_0_60px_rgba(220,38,38,0.5)] animate-bounce";
-      statusText = "喧哗 · CHAOS";
-  }
+        {/* Status Indicator */}
+        <div className="absolute top-4 right-4 z-50">
+             <div className={`px-6 py-3 rounded-full font-bold text-lg shadow-lg backdrop-blur-md transition-all duration-500 border ${currentVisual.badge}`}>
+                 {currentVisual.text}
+             </div>
+        </div>
 
-  return (
-    <div className={`h-full flex flex-col ${bgClass} ${textClass} overflow-hidden relative transition-colors duration-1000 ease-in-out`}>
-        {/* Decorative Elements */}
-        <div className="absolute top-10 left-10 text-9xl opacity-20 select-none animate-pulse duration-[10s]">🌑</div>
-        <div className="absolute bottom-10 right-10 text-9xl opacity-20 select-none animate-bounce duration-[20s]">🎋</div>
-
-        {/* Top Controls */}
-        {isTeacher && (
-            <div className="absolute top-4 right-4 z-20 flex gap-2">
-                <button 
-                    onClick={() => setIsFilterOpen(true)}
-                    className={`px-3 py-2 rounded-full text-xs font-bold transition-colors ${excludedStudentIds.size > 0 ? 'bg-red-500/20 text-red-300 border border-red-500/50' : 'bg-white/10 hover:bg-white/20 text-white'}`}
-                >
-                    人员筛选 {excludedStudentIds.size > 0 && `(${excludedStudentIds.size})`}
-                </button>
-                <button 
-                    onClick={() => setIsSettingsOpen(true)} 
-                    className="p-2 bg-white/10 hover:bg-white/20 rounded-full transition-colors"
-                >
-                    <Settings size={20} className="text-white"/>
-                </button>
-            </div>
-        )}
+        {/* Main Controls */}
+        <div className="absolute bottom-6 left-1/2 -translate-x-1/2 z-50 flex gap-4 items-center bg-black/40 p-2 rounded-2xl backdrop-blur-md border border-white/10 shadow-2xl">
+             <button 
+                onClick={() => setIsConfigOpen(true)} 
+                className="p-3 bg-white/10 hover:bg-white/20 text-white rounded-xl transition-all"
+                title="设置"
+             >
+                 <Settings size={20}/>
+             </button>
+
+             {gameState === 'PLAYING' ? (
+                 <button 
+                    onClick={endGame} 
+                    className="px-6 py-3 rounded-xl shadow-lg bg-red-600 hover:bg-red-500 text-white font-bold transition-all"
+                 >
+                    提前结束
+                 </button>
+             ) : (
+                 <button 
+                    onClick={startGame} 
+                    className="p-4 rounded-xl shadow-lg bg-green-600 hover:bg-green-500 text-white transition-all w-16 h-16 flex items-center justify-center animate-pulse"
+                 >
+                    <Play fill="currentColor" size={28}/>
+                 </button>
+             )}
+
+             <button 
+                onClick={() => setIsFullscreen(!isFullscreen)} 
+                className="p-3 bg-white/10 hover:bg-white/20 text-white rounded-xl transition-all"
+                title="全屏"
+             >
+                 {isFullscreen ? <Minimize size={20}/> : <Maximize size={20}/>}
+             </button>
+        </div>
 
-        <div className="flex-1 flex flex-col items-center justify-center relative z-10">
-            {isActive && (
-                <h2 className="text-2xl font-light tracking-[0.5em] mb-4 opacity-80 transition-all">{statusText}</h2>
-            )}
-            {!isActive && <h2 className="text-teal-200 font-medium tracking-[0.5em] mb-8 text-xl">禅 · 道 · 修 · 行</h2>}
+        {/* Visuals */}
+        <div className="flex-1 relative z-10 flex flex-col items-center justify-center pb-20">
+            {/* Aura */}
+            <div 
+                className={`absolute w-64 h-64 rounded-full blur-[80px] transition-all duration-1000 ${currentVisual.auraColor}`}
+                style={{ opacity: currentVisual.auraOpacity, transform: `scale(${currentVisual.auraScale})` }}
+            ></div>
+
+            {/* Monk/Visual */}
+            <div 
+                className={`text-[150px] transition-all duration-1000 ease-in-out relative z-20 drop-shadow-2xl ${currentState === 'CHAOS' ? 'animate-bounce' : currentState === 'RESTLESS' ? 'animate-pulse' : ''}`}
+                style={{ transform: `translateY(${currentVisual.monkY}px) scale(${currentVisual.monkScale})` }}
+            >
+                {currentVisual.monk}
+            </div>
             
-            <div className={`relative w-80 h-80 rounded-full border-4 flex items-center justify-center transition-all duration-500 ${circleBorder}`}>
-                {/* Monk / Lotus Animation */}
-                <div className={`absolute -bottom-4 transition-all duration-1000 text-6xl ${stateLevel==='Deep'?'translate-y-[-40px] scale-110': stateLevel==='Focused'?'translate-y-0': stateLevel==='Restless'?'translate-y-2 rotate-2': 'translate-y-4 rotate-6'}`}>
-                    🧘
-                </div>
+            {/* Levitation Base (Shadow) */}
+            <div className={`w-40 h-10 bg-black/30 rounded-[100%] blur-md transition-all duration-1000 ${currentState === 'DEEP' ? 'scale-50 opacity-40 translate-y-10' : 'scale-100 opacity-80'}`}></div>
+        </div>
 
-                {isActive && (
-                    <div className="absolute inset-0 rounded-full border-4 border-t-transparent border-white/20 animate-spin duration-[10s]"></div>
-                )}
-                <div className="text-6xl font-thin font-mono tracking-wider z-10 relative drop-shadow-lg">
-                    {formatTime(timeLeft)}
-                </div>
-            </div>
+        {/* Config Modal */}
+        {isConfigOpen && (
+            <div className="absolute inset-0 bg-black/80 z-[999999] flex items-center justify-center p-4 backdrop-blur-md">
+                <div className="bg-slate-800 text-white rounded-2xl w-full max-w-2xl max-h-[90vh] flex flex-col shadow-2xl border border-slate-700 animate-in zoom-in-95">
+                    <div className="p-5 border-b border-slate-700 flex justify-between items-center bg-slate-900/50">
+                        <h2 className="text-xl font-bold flex items-center"><Moon className="mr-2 text-teal-400"/> 禅道修行设置</h2>
+                    </div>
+                    
+                    <div className="p-6 space-y-6 overflow-y-auto flex-1 custom-scrollbar">
+                        <div className="grid grid-cols-2 gap-6">
+                            <div className="col-span-2 bg-slate-900 p-4 rounded-xl border border-slate-700">
+                                <h4 className="text-xs text-teal-400 font-bold uppercase mb-4">麦克风校准 (Calibration)</h4>
+                                <div className="flex items-center gap-4">
+                                    <div className="flex-1">
+                                        <div className="flex justify-between text-xs text-gray-400 mb-1">
+                                            <span>当前环境噪音: {currentVolume}</span>
+                                            <span>阈值设定: {threshold}</span>
+                                        </div>
+                                        <div className="w-full h-6 bg-gray-800 rounded-full overflow-hidden relative border border-gray-600">
+                                            {/* Threshold Marker */}
+                                            <div className="absolute top-0 bottom-0 w-0.5 bg-yellow-500 z-10 shadow-[0_0_5px_yellow]" style={{left: `${threshold}%`}}></div>
+                                            
+                                            {/* Current Vol Bar */}
+                                            <div 
+                                                className={`h-full transition-all duration-75 ${
+                                                    currentVolume < threshold * 0.5 ? 'bg-teal-500' : 
+                                                    currentVolume < threshold ? 'bg-emerald-500' :
+                                                    currentVolume < threshold * 1.5 ? 'bg-orange-500' : 'bg-red-600'
+                                                }`}
+                                                style={{width: `${Math.min(currentVolume, 100)}%`}}
+                                            ></div>
+                                        </div>
+                                        <div className="mt-2 flex justify-between text-[10px] text-gray-500 px-1">
+                                            <span>静</span>
+                                            <span>↑ 阈值</span>
+                                            <span>闹</span>
+                                        </div>
+                                        <div className="mt-1">
+                                            <input type="range" min="1" max="100" className="w-full h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer" value={threshold} onChange={e=>setThreshold(Number(e.target.value))}/>
+                                        </div>
+                                    </div>
+                                    <button 
+                                        onClick={() => { startAudio(); setThreshold(currentVolume + 10); }} 
+                                        className="px-4 py-2 bg-slate-700 hover:bg-slate-600 rounded-lg text-xs font-bold whitespace-nowrap border border-slate-600"
+                                    >
+                                        <Volume2 size={14} className="inline mr-1"/> 自动设定
+                                    </button>
+                                </div>
+                                <p className="text-[10px] text-gray-500 mt-2">* 绿色区域为安静(计分)，橙色/红色区域为喧哗(不计分)。请在安静环境下点击自动设定。</p>
+                            </div>
 
-            {/* Volume Meter (Debug) */}
-            {isActive && (
-                <div className="mt-8 w-64 h-2 bg-black/20 rounded-full overflow-hidden">
-                    <div className="h-full bg-white/50 transition-all duration-200" style={{width: `${Math.min(100, volume)}%`}}></div>
-                </div>
-            )}
+                            <div>
+                                <label className="text-xs text-gray-400 font-bold uppercase block mb-1">修行时长 (分钟)</label>
+                                <input type="number" className="w-full bg-slate-900 border border-slate-600 rounded p-3 text-white focus:border-teal-500 outline-none" value={durationMinutes} onChange={e=>setDurationMinutes(Number(e.target.value))}/>
+                            </div>
+                            
+                            <div>
+                                <label className="text-xs text-gray-400 font-bold uppercase block mb-1">及格评分 (%)</label>
+                                <input type="number" min="1" max="100" className="w-full bg-slate-900 border border-slate-600 rounded p-3 text-white focus:border-teal-500 outline-none" value={passRate} onChange={e=>setPassRate(Number(e.target.value))}/>
+                            </div>
+                        </div>
 
-            {isFinished && (
-                <div className="mt-8 flex flex-col items-center animate-in fade-in slide-in-from-bottom-4">
-                    <div className="bg-teal-500/20 text-teal-200 px-6 py-2 rounded-full border border-teal-500/50 mb-4 flex items-center gap-2">
-                        <CheckCircle size={18}/> 修行圆满完成
+                        {/* Person Filter */}
+                        <div className="bg-slate-900 p-4 rounded-xl border border-slate-700">
+                            <div className="flex justify-between items-center mb-2">
+                                <h4 className="text-xs text-gray-400 font-bold uppercase">参与人员</h4>
+                                <button onClick={() => setIsFilterOpen(true)} className="text-xs text-blue-400 hover:text-blue-300 flex items-center">
+                                    <UserX size={14} className="mr-1"/> 排除请假学生 ({excludedStudentIds.size})
+                                </button>
+                            </div>
+                            <p className="text-xs text-gray-500">共 {students.length - excludedStudentIds.size} 人参与奖励结算</p>
+                        </div>
+
+                        {/* Reward Config */}
+                        <div className="bg-slate-900 p-4 rounded-xl border border-slate-700 space-y-3">
+                            <div className="flex items-center justify-between">
+                                <span className="text-sm font-bold flex items-center text-amber-400"><Gift size={16} className="mr-2"/> 达成奖励</span>
+                                <label className="relative inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" checked={rewardConfig.enabled} onChange={e=>setRewardConfig({...rewardConfig, enabled: e.target.checked})} className="sr-only peer"/>
+                                    <div className="w-9 h-5 bg-slate-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-amber-500"></div>
+                                </label>
+                            </div>
+                            
+                            {rewardConfig.enabled && (
+                                <div className="space-y-3 animate-in slide-in-from-top-2">
+                                    <div className="flex gap-2">
+                                        {[
+                                            {id: 'DRAW_COUNT', label: '抽奖券', icon: <Gift size={14}/>},
+                                            {id: 'ITEM', label: '实物', icon: <Package size={14}/>},
+                                            {id: 'ACHIEVEMENT', label: '成就', icon: <Trophy size={14}/>}
+                                        ].map(t => (
+                                            <button 
+                                                key={t.id} 
+                                                onClick={() => setRewardConfig({...rewardConfig, type: t.id as any})}
+                                                className={`flex-1 py-2 text-xs rounded-lg border transition-all flex items-center justify-center gap-1 ${rewardConfig.type === t.id ? 'bg-amber-500/20 border-amber-500 text-amber-400' : 'bg-slate-800 border-slate-600 text-gray-400 hover:bg-slate-700'}`}
+                                            >
+                                                {t.icon} {t.label}
+                                            </button>
+                                        ))}
+                                    </div>
+
+                                    <div className="flex gap-2">
+                                        {rewardConfig.type === 'ACHIEVEMENT' ? (
+                                            <select 
+                                                className="flex-1 bg-slate-800 border border-slate-600 rounded-lg p-2 text-xs text-white outline-none"
+                                                value={rewardConfig.val}
+                                                onChange={e=>setRewardConfig({...rewardConfig, val: e.target.value})}
+                                            >
+                                                <option value="">-- 选择成就 --</option>
+                                                {achConfig?.achievements.map(a => <option key={a.id} value={a.id}>{a.icon} {a.name}</option>)}
+                                            </select>
+                                        ) : rewardConfig.type === 'ITEM' ? (
+                                            <input 
+                                                className="flex-1 bg-slate-800 border border-slate-600 rounded-lg p-2 text-xs text-white outline-none placeholder-gray-500" 
+                                                placeholder="奖品名称"
+                                                value={rewardConfig.val}
+                                                onChange={e=>setRewardConfig({...rewardConfig, val: e.target.value})}
+                                            />
+                                        ) : (
+                                            <div className="flex-1 bg-slate-800 border border-slate-600 rounded-lg p-2 text-xs text-gray-400">
+                                                自动发放系统抽奖券
+                                            </div>
+                                        )}
+                                        <div className="flex items-center bg-slate-800 border border-slate-600 rounded-lg px-2">
+                                            <span className="text-xs text-gray-500 mr-2">x</span>
+                                            <input 
+                                                type="number" 
+                                                min={1} 
+                                                className="bg-transparent w-8 text-center text-white text-xs outline-none" 
+                                                value={rewardConfig.count} 
+                                                onChange={e=>setRewardConfig({...rewardConfig, count: Number(e.target.value)})}
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                            )}
+                        </div>
                     </div>
-                    {isTeacher && (
-                        <button 
-                            onClick={handleGrantReward}
-                            className="bg-amber-500 hover:bg-amber-600 text-white px-8 py-3 rounded-full font-bold shadow-lg transform hover:scale-105 transition-all"
-                        >
-                            发放全班奖励
+
+                    <div className="p-5 border-t border-slate-700 bg-slate-900/50 shrink-0">
+                        <button onClick={startGame} className="w-full py-3 bg-gradient-to-r from-teal-600 to-emerald-600 hover:from-teal-500 hover:to-emerald-500 rounded-xl font-bold text-lg shadow-lg shadow-teal-900/50 transition-all transform hover:scale-[1.02] flex items-center justify-center">
+                            <Play size={20} className="mr-2" fill="white"/> 开始修行
                         </button>
-                    )}
+                    </div>
                 </div>
-            )}
-        </div>
-
-        {/* Controls */}
-        <div className="h-24 bg-black/20 border-t border-white/10 flex items-center justify-center gap-8 relative z-10">
-            {!isActive && !isFinished && (
-                <button onClick={startTimer} className="bg-teal-600 hover:bg-teal-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg transition-transform hover:scale-110">
-                    <Play size={24} className="ml-1"/>
-                </button>
-            )}
-            {isActive && (
-                <button onClick={stopTimer} className="bg-amber-600 hover:bg-amber-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg transition-transform hover:scale-110">
-                    <Square size={20} fill="white"/>
-                </button>
-            )}
-            <button onClick={resetTimer} className="text-white/60 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors absolute right-8">
-                重置
-            </button>
-        </div>
+            </div>
+        )}
 
-        {/* Filter Modal */}
+        {/* Student Filter Modal */}
         {isFilterOpen && (
-            <div className="fixed inset-0 bg-black/50 z-[60] flex items-center justify-center p-4 text-slate-800">
-                <div className="bg-white rounded-xl w-full max-w-3xl h-[80vh] flex flex-col shadow-2xl animate-in zoom-in-95">
+            <div className="absolute inset-0 bg-black/80 z-[1000000] flex items-center justify-center p-4">
+                <div className="bg-white rounded-xl w-full max-w-3xl h-[80vh] flex flex-col shadow-2xl animate-in zoom-in-95 text-gray-800">
                     <div className="p-4 border-b flex justify-between items-center">
-                        <h3 className="font-bold text-lg">排除请假/缺勤学生 (不发放奖励)</h3>
+                        <h3 className="font-bold text-lg">排除请假/缺勤学生</h3>
                         <div className="flex gap-2">
                             <button onClick={() => setExcludedStudentIds(new Set())} className="text-xs text-blue-600 hover:underline">清空选择</button>
                             <button onClick={() => setIsFilterOpen(false)} className="px-4 py-1 bg-blue-600 text-white rounded text-sm">确定</button>
@@ -409,98 +562,49 @@ export const GameZen: React.FC = () => {
             </div>
         )}
 
-        {/* Settings Modal */}
-        {isSettingsOpen && (
-            <div className="fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4 text-slate-800">
-                <div className="bg-white rounded-xl w-full max-w-md p-6 shadow-2xl animate-in zoom-in-95">
-                    <div className="flex justify-between items-center mb-6">
-                        <h3 className="text-xl font-bold">修行设置</h3>
-                        <button onClick={() => setIsSettingsOpen(false)}><X size={24} className="text-gray-400 hover:text-gray-600"/></button>
+        {/* Result Modal */}
+        {gameState === 'FINISHED' && !isConfigOpen && (
+            <div className="absolute inset-0 bg-black/90 z-[110] flex items-center justify-center p-4 backdrop-blur-lg animate-in zoom-in">
+                <div className="text-center w-full max-w-lg">
+                    <div className="text-9xl mb-6 animate-bounce drop-shadow-[0_0_25px_rgba(255,255,255,0.5)]">
+                        {calculatedScore >= passRate ? '🌸' : '🍂'}
                     </div>
+                    <h2 className={`text-5xl font-black mb-2 tracking-tight ${calculatedScore >= passRate ? 'text-transparent bg-clip-text bg-gradient-to-b from-green-300 to-emerald-600' : 'text-gray-400'}`}>
+                        {calculatedScore >= passRate ? '修行圆满' : '心浮气躁'}
+                    </h2>
+                    <p className="text-xl text-gray-300 mb-8">
+                        最终评分: <span className="font-mono font-bold text-white text-3xl">{calculatedScore}</span>
+                    </p>
                     
-                    <div className="space-y-6 mb-6">
-                        <div>
-                            <label className="block text-sm font-bold text-gray-700 mb-2 flex items-center"><Clock size={16} className="mr-2"/> 修行时长 (分钟)</label>
-                            <div className="grid grid-cols-4 gap-2">
-                                {[10, 20, 30, 40, 45, 60, 90].map(m => (
-                                    <button 
-                                        key={m} 
-                                        onClick={() => setConfig({...config, durationMinutes: m})}
-                                        className={`py-2 rounded border text-sm font-medium transition-colors ${config.durationMinutes === m ? 'bg-teal-600 text-white border-teal-600' : 'bg-white text-gray-600 hover:border-teal-400'}`}
-                                    >
-                                        {m}
-                                    </button>
-                                ))}
-                            </div>
+                    {calculatedScore >= passRate && rewardConfig.enabled && (
+                        <div className="bg-white/10 p-6 rounded-2xl mb-10 border border-white/10 backdrop-blur-sm">
+                            <p className="text-teal-200 font-bold mb-2 flex items-center justify-center"><Gift size={20} className="mr-2"/> 奖励已解锁</p>
+                            <p className="text-sm text-gray-300 mb-4">
+                                为 <span className="font-bold text-white">{students.length - excludedStudentIds.size}</span> 名学生发放：
+                                <span className="text-white font-bold mx-1 border-b border-white/30">
+                                    {rewardConfig.type==='ACHIEVEMENT' ? '成就奖状' : rewardConfig.type==='ITEM' ? rewardConfig.val : '抽奖券'}
+                                </span>
+                                x{rewardConfig.count}
+                            </p>
+                            <button onClick={handleBatchGrant} className="bg-amber-500 hover:bg-amber-600 text-white px-6 py-2 rounded-lg font-bold text-sm shadow-lg transition-colors">
+                                立即发放
+                            </button>
                         </div>
+                    )}
 
-                        <div>
-                            <label className="block text-sm font-bold text-gray-700 mb-2 flex items-center justify-between">
-                                <span><Volume2 size={16} className="inline mr-2"/> 安静阈值</span>
-                                <button onClick={toggleTestMode} className={`text-xs px-2 py-1 rounded border ${isTestMode ? 'bg-red-100 text-red-600 border-red-200' : 'bg-gray-100 text-gray-600'}`}>
-                                    {isTestMode ? '停止测试' : '测试麦克风'}
-                                </button>
-                            </label>
-                            {isTestMode && (
-                                <div className="mb-2 text-xs bg-gray-50 p-2 rounded flex items-center gap-2">
-                                    <span className="text-gray-500">当前环境音量:</span>
-                                    <div className="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
-                                        <div className="h-full bg-blue-500 transition-all duration-100" style={{width: `${testVolume}%`}}></div>
-                                    </div>
-                                    <span className="font-bold w-8 text-right">{Math.round(testVolume)}</span>
-                                    <button onClick={() => setConfig({...config, threshold: Math.round(testVolume) + 5})} className="text-blue-600 underline ml-2">设为阈值</button>
-                                </div>
-                            )}
-                            <input 
-                                type="range" min="1" max="100" className="w-full" 
-                                value={config.threshold} 
-                                onChange={e => setConfig({...config, threshold: Number(e.target.value)})}
-                            />
-                            <div className="flex justify-between text-xs text-gray-400">
-                                <span>敏感 (1)</span>
-                                <span>当前: {config.threshold}</span>
-                                <span>宽松 (100)</span>
-                            </div>
-                        </div>
-                        
-                        <div className="border-t pt-4">
-                            <label className="block text-sm font-bold text-gray-700 mb-2">完成奖励</label>
-                            <div className="flex items-center gap-2 mb-2">
-                                <input type="checkbox" checked={config.rewardConfig.enabled} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, enabled: e.target.checked}})}/>
-                                <span className="text-sm">启用自动奖励</span>
-                            </div>
-                            {config.rewardConfig.enabled && (
-                                <div className="bg-gray-50 p-3 rounded-lg space-y-2 border">
-                                    <select className="w-full border rounded p-2 text-sm" value={config.rewardConfig.type} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, type: e.target.value as any}})}>
-                                        <option value="DRAW_COUNT">🎲 抽奖券</option>
-                                        <option value="ITEM">🎁 物品</option>
-                                        <option value="ACHIEVEMENT">🏆 成就</option>
-                                    </select>
-                                    
-                                    {config.rewardConfig.type === 'ACHIEVEMENT' ? (
-                                        <select className="w-full border rounded p-2 text-sm" value={config.rewardConfig.val} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, val: e.target.value}})}>
-                                            <option value="">选择成就</option>
-                                            {achConfig?.achievements.map(a => <option key={a.id} value={a.id}>{a.icon} {a.name}</option>)}
-                                        </select>
-                                    ) : (
-                                        <input className="w-full border rounded p-2 text-sm" placeholder={config.rewardConfig.type === 'ITEM' ? '物品名称' : '备注'} value={config.rewardConfig.val} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, val: e.target.value}})}/>
-                                    )}
-                                    
-                                    <div className="flex items-center gap-2">
-                                        <span className="text-sm">数量:</span>
-                                        <input type="number" min="1" className="border rounded p-1 w-16 text-sm" value={config.rewardConfig.count} onChange={e => setConfig({...config, rewardConfig: {...config.rewardConfig, count: Number(e.target.value)}})}/>
-                                    </div>
-                                </div>
-                            )}
-                        </div>
+                    <div className="flex gap-4 justify-center mt-8">
+                        <button onClick={() => setIsConfigOpen(true)} className="px-8 py-3 bg-white/10 hover:bg-white/20 text-white rounded-full font-bold flex items-center transition-colors border border-white/10">
+                            <Settings size={18} className="mr-2"/> 再来一次
+                        </button>
                     </div>
-
-                    <button onClick={saveConfig} className="w-full bg-teal-600 text-white py-2 rounded-lg font-bold hover:bg-teal-700 flex items-center justify-center gap-2">
-                        <Save size={18}/> 保存并重置
-                    </button>
                 </div>
             </div>
         )}
     </div>
   );
+
+  if (isFullscreen) {
+      return createPortal(GameContent, document.body);
+  }
+  return GameContent;
 };

pages/Login.tsx

@@ -1,7 +1,7 @@
 
 import React, { useState, useEffect } from 'react';
 import { GraduationCap, Lock, User as UserIcon, AlertCircle, ArrowRight, Loader2, ArrowLeft, School as SchoolIcon, Mail, Phone, Smile, BookOpen, Users, Clipboard } from 'lucide-react';
-import { User, UserRole, School, ClassInfo, Subject, SystemConfig } from '../types';
+import { User, UserRole, School, ClassInfo, Subject } from '../types';
 import { api } from '../services/api';
 
 interface LoginProps {
@@ -56,7 +56,7 @@ export const Login: React.FC<LoginProps> = ({ onLogin }) => {
   // School Specific Metadata for linkage
   const [schoolClasses, setSchoolClasses] = useState<ClassInfo[]>([]);
   const [schoolSubjects, setSchoolSubjects] = useState<Subject[]>([]);
-  const [publicConfig, setPublicConfig] = useState<any>({ 
+  const [publicConfig, setPublicConfig] = useState({ 
       allowRegister: true, 
       allowAdminRegister: false, 
       allowStudentRegister: true,
@@ -71,7 +71,7 @@ export const Login: React.FC<LoginProps> = ({ onLogin }) => {
   useEffect(() => {
     if (view === 'register') {
       api.schools.getPublic().then(setSchools).catch(console.error);
-      api.config.getPublic().then((data: any) => setPublicConfig(data)).catch(console.error);
+      api.config.getPublic().then(setPublicConfig).catch(console.error);
     }
   }, [view]);
 

pages/ScoreList.tsx

@@ -124,9 +124,9 @@ export const ScoreList: React.FC = () => {
       courseName: activeSubject,
       score: formData.status === 'Normal' ? Number(formData.score) : 0,
       semester: importSemester,
-      type: formData.type as any,
+      type: formData.type,
       examName: formData.examName,
-      status: formData.status as ExamStatus
+      status: formData.status
     });
     setIsAddOpen(false);
     setFormData({ studentId: '', score: '', type: 'Final', examName: '', status: 'Normal' });
@@ -183,7 +183,7 @@ export const ScoreList: React.FC = () => {
                  if (rawVal !== undefined && rawVal !== null && rawVal !== '') {
                     promises.push(api.scores.add({
                           studentName: student.name, studentNo: student.studentNo, courseName: sub.name,
-                          score: scoreVal, semester: importSemester, type: importType as any,
+                          score: scoreVal, semester: importSemester, type: importType,
                           examName: importExamName || '批量导入', status: statusVal
                        }).then(() => successCount++)
                     );

pages/StudentList.tsx

@@ -163,7 +163,7 @@ export const StudentList: React.FC = () => {
       const payload = {
         ...formData,
         birthday: '2015-01-01', 
-        status: 'Enrolled' as const,
+        status: 'Enrolled',
         gender: formData.gender as any
       };
 

server.js

@@ -1,17 +1,816 @@
+// ... imports
+const express = require('express');
+const mongoose = require('mongoose');
+const cors = require('cors');
+const bodyParser = require('body-parser');
+const path = require('path');
+const compression = require('compression'); 
+const { 
+    School, User, Student, Course, Score, ClassModel, SubjectModel, ExamModel, ScheduleModel,
+    ConfigModel, NotificationModel, GameSessionModel, StudentRewardModel, LuckyDrawConfigModel, GameMonsterConfigModel, GameZenConfigModel,
+    AchievementConfigModel, StudentAchievementModel, AttendanceModel, LeaveRequestModel
+} = require('./models');
+
+// ... constants
+const PORT = 7860;
+const MONGO_URI = 'mongodb+srv://dv890a:db8822723@chatpro.gw3v0v7.mongodb.net/chatpro?retryWrites=true&w=majority&appName=chatpro&authSource=admin';
+
+const app = express();
+
+// PERFORMANCE 1: Enable Gzip Compression
+app.use(compression());
+
+app.use(cors());
+app.use(bodyParser.json({ limit: '10mb' })); 
+
+// PERFORMANCE 2: Smart Caching Strategy
+app.use(express.static(path.join(__dirname, 'dist'), {
+  setHeaders: (res, filePath) => {
+    if (filePath.endsWith('.html')) {
+      res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+    } else {
+      res.setHeader('Cache-Control', 'public, max-age=31536000, immutable');
+    }
+  }
+}));
+
+const InMemoryDB = {
+  schools: [],
+  users: [],
+  // ... other mock data if needed, but we rely on Mongo mostly now
+  isFallback: false
+};
+
+const connectDB = async () => {
+  try {
+    await mongoose.connect(MONGO_URI, { serverSelectionTimeoutMS: 30000 });
+    console.log('✅ MongoDB 连接成功 (Real Data)');
+  } catch (err) {
+    console.error('❌ MongoDB 连接失败:', err.message);
+    console.warn('⚠️ 启动内存数据库模式 (Limited functionality)');
+    InMemoryDB.isFallback = true;
+  }
+};
+connectDB();
+
+// ... Helpers ...
+const getQueryFilter = (req) => { 
+  const s = req.headers['x-school-id']; 
+  const role = req.headers['x-user-role'];
+  
+  if (role === 'PRINCIPAL') {
+      if (!s) return { _id: null }; 
+      return { schoolId: s };
+  }
+
+  if (!s) return {};
+  
+  return { 
+    $or: [
+      { schoolId: s },
+      { schoolId: { $exists: false } },
+      { schoolId: null }
+    ]
+  }; 
+};
+const injectSchoolId = (req, b) => ({ ...b, schoolId: req.headers['x-school-id'] });
+
+const getAutoSemester = () => {
+    const now = new Date();
+    const month = now.getMonth() + 1; // 1-12
+    const year = now.getFullYear();
+    if (month >= 8 || month === 1) {
+        const startYear = month === 1 ? year - 1 : year;
+        return `${startYear}-${startYear + 1}学年 第一学期`;
+    } else {
+        const startYear = year - 1;
+        return `${startYear}-${startYear + 1}学年 第二学期`;
+    }
+};
+
+const generateStudentNo = async () => {
+    const year = new Date().getFullYear();
+    const random = Math.floor(100000 + Math.random() * 900000); 
+    return `${year}${random}`;
+};
+
+// ... ROUTES ...
+app.get('/api/auth/me', async (req, res) => {
+    const username = req.headers['x-user-username'];
+    if (!username) return res.status(401).json({ error: 'Unauthorized' });
+    const user = await User.findOne({ username });
+    if (!user) return res.status(404).json({ error: 'User not found' });
+    res.json(user);
+});
+
+app.post('/api/auth/update-profile', async (req, res) => {
+    const { userId, trueName, phone, avatar, currentPassword, newPassword } = req.body;
+    
+    try {
+        const user = await User.findById(userId);
+        if (!user) return res.status(404).json({ error: 'User not found' });
+
+        // If changing password, verify old one
+        if (newPassword) {
+            if (user.password !== currentPassword) {
+                return res.status(401).json({ error: 'INVALID_PASSWORD', message: '旧密码错误' });
+            }
+            user.password = newPassword;
+        }
+
+        if (trueName) user.trueName = trueName;
+        if (phone) user.phone = phone;
+        if (avatar) user.avatar = avatar;
+
+        await user.save();
+
+        // If user is a student, sync profile data to Student collection
+        if (user.role === 'STUDENT') {
+            await Student.findOneAndUpdate(
+                { studentNo: user.studentNo },
+                { name: user.trueName || user.username, phone: user.phone }
+            );
+        }
+        // If user is a teacher, sync name to Class collection
+        if (user.role === 'TEACHER' && user.homeroomClass) {
+             const cls = await ClassModel.findOne({ schoolId: user.schoolId, $expr: { $eq: [{ $concat: ["$grade", "$className"] }, user.homeroomClass] } });
+             if (cls) {
+                 cls.teacherName = user.trueName || user.username;
+                 await cls.save();
+             }
+        }
+
+        res.json({ success: true, user });
+    } catch (e) {
+        console.error(e);
+        res.status(500).json({ error: e.message });
+    }
+});
+
+app.post('/api/auth/register', async (req, res) => {
+    const { role, username, password, schoolId, trueName, seatNo } = req.body;
+    const className = req.body.className || req.body.homeroomClass; 
+    
+    try {
+        if (role === 'STUDENT') {
+            if (!trueName || !className) {
+                return res.status(400).json({ error: 'MISSING_FIELDS', message: '姓名和班级不能为空' });
+            }
+
+            const cleanName = trueName.trim();
+            const cleanClass = className.trim();
+
+            const existingProfile = await Student.findOne({ 
+                schoolId,
+                name: { $regex: new RegExp(`^${cleanName}$`, 'i') },
+                className: cleanClass
+            });
+
+            let finalUsername = '';
+
+            if (existingProfile) {
+                if (existingProfile.studentNo && existingProfile.studentNo.length > 5) {
+                    finalUsername = existingProfile.studentNo;
+                } else {
+                    finalUsername = await generateStudentNo();
+                    existingProfile.studentNo = finalUsername;
+                    await existingProfile.save();
+                }
+
+                const userExists = await User.findOne({ username: finalUsername, schoolId });
+                if (userExists) {
+                    if (userExists.status === 'active') {
+                        return res.status(409).json({ error: 'ACCOUNT_EXISTS', message: '该学生账号已存在且激活，请直接登录。' });
+                    }
+                    if (userExists.status === 'pending') {
+                        return res.status(409).json({ error: 'ACCOUNT_PENDING', message: '该学生的注册申请正在审核中，请耐心等待。' });
+                    }
+                }
+            } else {
+                finalUsername = await generateStudentNo();
+            }
+
+            await User.create({
+                username: finalUsername,
+                password,
+                role: 'STUDENT',
+                trueName: cleanName,
+                schoolId,
+                status: 'pending', 
+                homeroomClass: cleanClass, 
+                studentNo: finalUsername, 
+                seatNo: seatNo || '',     
+                parentName: req.body.parentName,
+                parentPhone: req.body.parentPhone,
+                address: req.body.address,
+                idCard: req.body.idCard,
+                gender: req.body.gender || 'Male',
+                createTime: new Date()
+            });
+
+            return res.json({ username: finalUsername });
+        } 
+        
+        const existing = await User.findOne({ username });
+        if (existing) return res.status(409).json({ error: 'USERNAME_EXISTS', message: '用户名已存在' });
+
+        await User.create({...req.body, status: 'pending', createTime: new Date()});
+        res.json({ username });
+
+    } catch(e) {
+        console.error(e);
+        res.status(500).json({ error: e.message });
+    }
+});
+
+app.get('/api/users', async (req, res) => {
+    const filter = getQueryFilter(req);
+    const requesterRole = req.headers['x-user-role'];
+    if (requesterRole === 'PRINCIPAL') filter.role = { $ne: 'ADMIN' };
+    if (req.query.role) filter.role = req.query.role;
+    res.json(await User.find(filter).sort({ createTime: -1 })); 
+});
+
+app.put('/api/users/:id', async (req, res) => {
+    const userId = req.params.id;
+    const updates = req.body;
+    const requesterRole = req.headers['x-user-role'];
+
+    try {
+        const user = await User.findById(userId);
+        if (!user) return res.status(404).json({ error: 'User not found' });
+        
+        if (requesterRole === 'PRINCIPAL') {
+            if (user.schoolId !== req.headers['x-school-id']) return res.status(403).json({ error: 'Permission denied' });
+            if (user.role === 'ADMIN' || updates.role === 'ADMIN') return res.status(403).json({ error: 'Cannot modify Admin users' });
+        }
+
+        if (user.status !== 'active' && updates.status === 'active') {
+            if (user.role === 'TEACHER' && user.homeroomClass) {
+                await ClassModel.updateOne(
+                    { schoolId: user.schoolId, $expr: { $eq: [{ $concat: ["$grade", "$className"] }, user.homeroomClass] } },
+                    { teacherName: user.trueName || user.username }
+                );
+            }
+            if (user.role === 'STUDENT') {
+                const profileData = {
+                    schoolId: user.schoolId,
+                    studentNo: user.studentNo, 
+                    seatNo: user.seatNo,
+                    name: user.trueName,
+                    className: user.homeroomClass,
+                    gender: user.gender || 'Male',
+                    parentName: user.parentName,
+                    parentPhone: user.parentPhone,
+                    address: user.address,
+                    idCard: user.idCard,
+                    status: 'Enrolled',
+                    birthday: '2015-01-01' 
+                };
+                await Student.findOneAndUpdate(
+                    { studentNo: user.studentNo, schoolId: user.schoolId },
+                    { $set: profileData },
+                    { upsert: true, new: true }
+                );
+            }
+        }
+        await User.findByIdAndUpdate(userId, updates);
+        res.json({});
+    } catch (e) {
+        console.error(e);
+        res.status(500).json({ error: e.message });
+    }
+});
+
+app.post('/api/users/class-application', async (req, res) => {
+    const { userId, type, targetClass, action } = req.body; 
+    const userRole = req.headers['x-user-role'];
+    const schoolId = req.headers['x-school-id'];
+
+    if (action === 'APPLY') {
+        try {
+            const user = await User.findById(userId);
+            if(!user) return res.status(404).json({error:'User not found'});
+            await User.findByIdAndUpdate(userId, {
+                classApplication: { type: type, targetClass: targetClass || '', status: 'PENDING' }
+            });
+            const typeText = type === 'CLAIM' ? '申请班主任' : '申请卸任';
+            await NotificationModel.create({
+                schoolId, targetUserId: userId, title: '申请已提交', content: `您已成功提交 ${typeText} (${type === 'CLAIM' ? targetClass : user.homeroomClass}) 的申请，等待管理员审核。`, type: 'info'
+            });
+            await NotificationModel.create({ schoolId, targetRole: 'ADMIN', title: '新的班主任任免申请', content: `${user.trueName || user.username} 申请 ${typeText}，请及时处理。`, type: 'warning' });
+            await NotificationModel.create({ schoolId, targetRole: 'PRINCIPAL', title: '新的班主任任免申请', content: `${user.trueName || user.username} 申请 ${typeText}，请及时处理。`, type: 'warning' });
+            return res.json({ success: true });
+        } catch (e) {
+            console.error(e);
+            return res.status(500).json({ error: e.message });
+        }
+    }
+
+    if (userRole === 'ADMIN' || userRole === 'PRINCIPAL') {
+        const user = await User.findById(userId);
+        if (!user || !user.classApplication) return res.status(404).json({ error: 'Application not found' });
+        const appType = user.classApplication.type;
+        const appTarget = user.classApplication.targetClass;
+
+        if (action === 'APPROVE') {
+            const updates = { classApplication: null };
+            if (appType === 'CLAIM') {
+                updates.homeroomClass = appTarget;
+                const classes = await ClassModel.find({ schoolId });
+                const matchedClass = classes.find(c => (c.grade + c.className) === appTarget);
+                if (matchedClass) {
+                    if (matchedClass.teacherName) await User.updateOne({ trueName: matchedClass.teacherName, schoolId }, { homeroomClass: '' });
+                    await ClassModel.findByIdAndUpdate(matchedClass._id, { teacherName: user.trueName || user.username });
+                }
+            } else if (appType === 'RESIGN') {
+                updates.homeroomClass = '';
+                if (user.homeroomClass) {
+                     const classes = await ClassModel.find({ schoolId });
+                     const matchedClass = classes.find(c => (c.grade + c.className) === user.homeroomClass);
+                     if (matchedClass) await ClassModel.findByIdAndUpdate(matchedClass._id, { teacherName: '' });
+                }
+            }
+            await User.findByIdAndUpdate(userId, updates);
+            await NotificationModel.create({ schoolId, targetUserId: userId, title: '申请已通过', content: `管理员已同意您的${appType === 'CLAIM' ? '任教' : '卸任'}申请。`, type: 'success' });
+        } else {
+            await User.findByIdAndUpdate(userId, { 'classApplication.status': 'REJECTED' });
+            await NotificationModel.create({ schoolId, targetUserId: userId, title: '申请被拒绝', content: `管理员拒绝了您的${appType === 'CLAIM' ? '任教' : '卸任'}申请。`, type: 'error' });
+        }
+        return res.json({ success: true });
+    }
+    res.status(403).json({ error: 'Permission denied' });
+});
+
+app.post('/api/students/promote', async (req, res) => {
+    const { teacherFollows } = req.body; 
+    const sId = req.headers['x-school-id'];
+    const role = req.headers['x-user-role'];
+    if (role !== 'ADMIN' && role !== 'PRINCIPAL') return res.status(403).json({ error: 'Permission denied' });
+
+    const GRADE_MAP = {
+      '一年级': '二年级', '二年级': '三年级', '三年级': '四年级', '四年级': '五年级', '五年级': '六年级', '六年级': '毕业',
+      '初一': '初二', '七年级': '八年级', '初二': '初三', '八年级': '九年级', '初三': '毕业', '九年级': '毕业',
+      '高一': '高二', '高二': '高三', '高三': '毕业'
+    };
+
+    const classes = await ClassModel.find(getQueryFilter(req));
+    let promotedCount = 0;
+
+    for (const cls of classes) {
+        const currentGrade = cls.grade;
+        const nextGrade = GRADE_MAP[currentGrade] || currentGrade;
+        const suffix = cls.className; 
+
+        if (nextGrade === '毕业') {
+             const oldFullClass = cls.grade + cls.className;
+             await Student.updateMany({ className: oldFullClass, ...getQueryFilter(req) }, { status: 'Graduated', className: '已毕业' });
+             if (teacherFollows && cls.teacherName) {
+                 await User.updateOne({ trueName: cls.teacherName, schoolId: sId }, { homeroomClass: '' });
+                 await ClassModel.findByIdAndUpdate(cls._id, { teacherName: '' });
+             }
+        } else {
+             const oldFullClass = cls.grade + cls.className;
+             const newFullClass = nextGrade + suffix; 
+             await ClassModel.findOneAndUpdate({ grade: nextGrade, className: suffix, schoolId: sId }, { schoolId: sId, grade: nextGrade, className: suffix, teacherName: teacherFollows ? cls.teacherName : undefined }, { upsert: true });
+             const result = await Student.updateMany({ className: oldFullClass, status: 'Enrolled', ...getQueryFilter(req) }, { className: newFullClass });
+             promotedCount += result.modifiedCount;
+
+             if (teacherFollows && cls.teacherName) {
+                 await User.updateOne({ trueName: cls.teacherName, schoolId: sId, homeroomClass: oldFullClass }, { homeroomClass: newFullClass });
+                 await ClassModel.findByIdAndUpdate(cls._id, { teacherName: '' });
+                 // Migrate other configs (omitted for brevity)
+             }
+        }
+    }
+    res.json({ success: true, count: promotedCount });
+});
+
+app.post('/api/students/transfer', async (req, res) => {
+    const { studentId, targetClass } = req.body;
+    const student = await Student.findById(studentId);
+    if (!student) return res.status(404).json({ error: 'Student not found' });
+    student.className = targetClass;
+    await student.save();
+    res.json({ success: true });
+});
+
+app.get('/api/achievements/config', async (req, res) => {
+    const { className } = req.query;
+    if (!className) return res.status(400).json({ error: 'Class name required' });
+    const config = await AchievementConfigModel.findOne({ ...getQueryFilter(req), className });
+    res.json(config || { className, achievements: [], exchangeRules: [] });
+});
+app.post('/api/achievements/config', async (req, res) => {
+    const { className } = req.body;
+    const sId = req.headers['x-school-id'];
+    await AchievementConfigModel.findOneAndUpdate({ className, schoolId: sId }, injectSchoolId(req, req.body), { upsert: true });
+    res.json({ success: true });
+});
+app.get('/api/achievements/student', async (req, res) => {
+    const { studentId, semester } = req.query;
+    const filter = getQueryFilter(req);
+    if (studentId) filter.studentId = studentId;
+    if (semester && semester !== '全部时间' && semester !== 'All') filter.semester = semester;
+    const list = await StudentAchievementModel.find(filter).sort({ createTime: -1 });
+    res.json(list);
+});
+app.post('/api/achievements/grant', async (req, res) => {
+    const { studentId, achievementId, semester } = req.body;
+    const sId = req.headers['x-school-id'];
+    const student = await Student.findById(studentId);
+    const config = await AchievementConfigModel.findOne({ className: student.className, ...getQueryFilter(req) });
+    const ach = config?.achievements.find(a => a.id === achievementId);
+    if (!ach) return res.status(404).json({ error: 'Achievement not found' });
+    await StudentAchievementModel.create({ schoolId: sId, studentId, studentName: student.name, achievementId: ach.id, achievementName: ach.name, achievementIcon: ach.icon, semester: semester || '当前学期' });
+    await Student.findByIdAndUpdate(studentId, { $inc: { flowerBalance: ach.points } });
+    res.json({ success: true });
+});
+app.post('/api/achievements/exchange', async (req, res) => {
+    const { studentId, ruleId } = req.body;
+    const sId = req.headers['x-school-id'];
+    const student = await Student.findById(studentId);
+    const config = await AchievementConfigModel.findOne({ className: student.className, ...getQueryFilter(req) });
+    const rule = config?.exchangeRules.find(r => r.id === ruleId);
+    if (!rule) return res.status(404).json({ error: 'Exchange rule not found' });
+    if ((student.flowerBalance || 0) < rule.cost) return res.status(400).json({ error: 'INSUFFICIENT_FLOWERS', message: '小红花余额不足' });
+    await Student.findByIdAndUpdate(studentId, { $inc: { flowerBalance: -rule.cost } });
+    let status = 'PENDING';
+    if (rule.rewardType === 'DRAW_COUNT') {
+        status = 'REDEEMED';
+        await Student.findByIdAndUpdate(studentId, { $inc: { drawAttempts: rule.rewardValue } });
+    }
+    await StudentRewardModel.create({ schoolId: sId, studentId, studentName: student.name, rewardType: rule.rewardType, name: rule.rewardName, count: rule.rewardValue, status: status, source: `积分兑换` });
+    res.json({ success: true });
+});
+
+app.get('/api/games/lucky-config', async (req, res) => {
+   const filter = getQueryFilter(req);
+   if (req.query.className) filter.className = req.query.className;
+   const config = await LuckyDrawConfigModel.findOne(filter);
+   res.json(config || { prizes: [], dailyLimit: 3, cardCount: 9, defaultPrize: '再接再厉' });
+});
+app.post('/api/games/lucky-config', async (req, res) => {
+   const data = injectSchoolId(req, req.body);
+   await LuckyDrawConfigModel.findOneAndUpdate({ className: data.className, ...getQueryFilter(req) }, data, { upsert: true });
+   res.json({ success: true });
+});
+app.post('/api/games/lucky-draw', async (req, res) => {
+   const { studentId } = req.body; 
+   const schoolId = req.headers['x-school-id'];
+   const userRole = req.headers['x-user-role'];
+   try {
+      const student = await Student.findById(studentId);
+      if (!student) return res.status(404).json({ error: 'Student not found' });
+      const config = await LuckyDrawConfigModel.findOne({ className: student.className, ...getQueryFilter(req) });
+      const prizes = config?.prizes || [];
+      const defaultPrize = config?.defaultPrize || '再接再厉';
+      const dailyLimit = config?.dailyLimit || 3;
+      const consolationWeight = config?.consolationWeight || 0;
+
+      const availablePrizes = prizes.filter(p => (p.count === undefined || p.count > 0));
+      if (availablePrizes.length === 0 && consolationWeight === 0) return res.status(400).json({ error: 'POOL_EMPTY', message: '奖品库存不足' });
+
+      if (userRole === 'STUDENT') {
+          if (student.drawAttempts <= 0) return res.status(403).json({ error: '次数不足', message: '您的抽奖次数已用完' });
+          const today = new Date().toISOString().split('T')[0];
+          let dailyLog = student.dailyDrawLog || { date: today, count: 0 };
+          if (dailyLog.date !== today) dailyLog = { date: today, count: 0 };
+          if (dailyLog.count >= dailyLimit) return res.status(403).json({ error: 'DAILY_LIMIT_REACHED', message: `今日抽奖次数已达上限 (${dailyLimit}次)` });
+          dailyLog.count += 1;
+          student.drawAttempts -= 1;
+          student.dailyDrawLog = dailyLog;
+          await student.save();
+      } else {
+          if (student.drawAttempts <= 0) return res.status(403).json({ error: '次数不足', message: '该学生抽奖次数已用完' });
+          student.drawAttempts -= 1;
+          await student.save();
+      }
+
+      let totalWeight = consolationWeight;
+      availablePrizes.forEach(p => totalWeight += (p.probability || 0));
+      let random = Math.random() * totalWeight;
+      let selectedPrize = defaultPrize;
+      let rewardType = 'CONSOLATION'; 
+      let matchedPrize = null;
+
+      for (const p of availablePrizes) {
+          random -= (p.probability || 0);
+          if (random <= 0) { matchedPrize = p; break; }
+      }
+
+      if (matchedPrize) {
+         selectedPrize = matchedPrize.name;
+         rewardType = 'ITEM'; 
+         if (config._id) await LuckyDrawConfigModel.updateOne({ _id: config._id, "prizes.id": matchedPrize.id }, { $inc: { "prizes.$.count": -1 } });
+      }
+      await StudentRewardModel.create({ schoolId, studentId, studentName: student.name, rewardType, name: selectedPrize, count: 1, status: 'PENDING', source: '幸运大抽奖' });
+      res.json({ prize: selectedPrize, rewardType });
+   } catch (e) { res.status(500).json({ error: e.message }); }
+});
+
+// --- GAME CONFIG ROUTES ---
+app.get('/api/games/monster-config', async (req, res) => {
+    const filter = getQueryFilter(req);
+    if (req.query.className) filter.className = req.query.className;
+    const config = await GameMonsterConfigModel.findOne(filter);
+    res.json(config || {});
+});
+app.post('/api/games/monster-config', async (req, res) => {
+    const data = injectSchoolId(req, req.body);
+    await GameMonsterConfigModel.findOneAndUpdate({ className: data.className, ...getQueryFilter(req) }, data, { upsert: true });
+    res.json({ success: true });
+});
+
+app.get('/api/games/zen-config', async (req, res) => {
+    const filter = getQueryFilter(req);
+    if (req.query.className) filter.className = req.query.className;
+    const config = await GameZenConfigModel.findOne(filter);
+    res.json(config || {});
+});
+app.post('/api/games/zen-config', async (req, res) => {
+    const data = injectSchoolId(req, req.body);
+    await GameZenConfigModel.findOneAndUpdate({ className: data.className, ...getQueryFilter(req) }, data, { upsert: true });
+    res.json({ success: true });
+});
+
+app.get('/api/notifications', async (req, res) => {
+  const { role, userId } = req.query; 
+  const query = { $and: [ getQueryFilter(req), { $or: [ { targetRole: null, targetUserId: null }, { targetRole: role }, { targetUserId: userId } ] } ] };
+  res.json(await NotificationModel.find(query).sort({ createTime: -1 }).limit(20));
+});
+app.get('/api/public/schools', async (req, res) => { res.json(await School.find({}, 'name code _id')); });
+app.get('/api/public/config', async (req, res) => { 
+    const currentSem = getAutoSemester();
+    let config = await ConfigModel.findOne({ key: 'main' });
+    if (config) {
+        let semesters = config.semesters || [];
+        if (!semesters.includes(currentSem)) {
+            semesters.unshift(currentSem);
+            config.semesters = semesters;
+            config.semester = currentSem; 
+            await ConfigModel.updateOne({ key: 'main' }, { semesters, semester: currentSem });
+        }
+    } else {
+        config = { key: 'main', allowRegister: true, semester: currentSem, semesters: [currentSem] };
+    }
+    res.json(config); 
+});
+app.get('/api/public/meta', async (req, res) => { res.json({ classes: await ClassModel.find({ schoolId: req.query.schoolId }), subjects: await SubjectModel.find({ schoolId: req.query.schoolId }) }); });
+app.post('/api/auth/login', async (req, res) => {
+  const { username, password } = req.body;
+  const user = await User.findOne({ username, password });
+  if (!user) return res.status(401).json({ message: 'Error' });
+  if (user.status !== 'active') return res.status(403).json({ error: 'PENDING_APPROVAL' });
+  res.json(user);
+});
+app.get('/api/schools', async (req, res) => { res.json(await School.find()); });
+app.post('/api/schools', async (req, res) => { res.json(await School.create(req.body)); });
+app.put('/api/schools/:id', async (req, res) => { await School.findByIdAndUpdate(req.params.id, req.body); res.json({}); });
+app.delete('/api/schools/:id', async (req, res) => {
+    const schoolId = req.params.id;
+    try {
+        await School.findByIdAndDelete(schoolId);
+        await User.deleteMany({ schoolId });
+        await Student.deleteMany({ schoolId });
+        await ClassModel.deleteMany({ schoolId });
+        await SubjectModel.deleteMany({ schoolId });
+        await Course.deleteMany({ schoolId });
+        await Score.deleteMany({ schoolId });
+        await ExamModel.deleteMany({ schoolId });
+        await ScheduleModel.deleteMany({ schoolId });
+        await NotificationModel.deleteMany({ schoolId });
+        await AttendanceModel.deleteMany({ schoolId });
+        await LeaveRequestModel.deleteMany({ schoolId });
+        await GameSessionModel.deleteMany({ schoolId });
+        await StudentRewardModel.deleteMany({ schoolId });
+        await LuckyDrawConfigModel.deleteMany({ schoolId });
+        await GameMonsterConfigModel.deleteMany({ schoolId }); 
+        await GameZenConfigModel.deleteMany({ schoolId });
+        await AchievementConfigModel.deleteMany({ schoolId });
+        await StudentAchievementModel.deleteMany({ schoolId });
+        res.json({ success: true });
+    } catch (e) { res.status(500).json({ error: e.message }); }
+});
+app.delete('/api/users/:id', async (req, res) => { 
+    const requesterRole = req.headers['x-user-role'];
+    if (requesterRole === 'PRINCIPAL') {
+        const user = await User.findById(req.params.id);
+        if (!user || user.schoolId !== req.headers['x-school-id']) return res.status(403).json({error: 'Permission denied'});
+        if (user.role === 'ADMIN') return res.status(403).json({error: 'Cannot delete admin'});
+    }
+    await User.findByIdAndDelete(req.params.id); 
+    res.json({}); 
+});
+app.get('/api/students', async (req, res) => { res.json(await Student.find(getQueryFilter(req))); });
+app.post('/api/students', async (req, res) => { 
+    const data = injectSchoolId(req, req.body);
+    if (data.studentNo === '') delete data.studentNo;
+    try {
+        const existing = await Student.findOne({ schoolId: data.schoolId, name: data.name, className: data.className });
+        if (existing) {
+            Object.assign(existing, data);
+            if (!existing.studentNo) { existing.studentNo = await generateStudentNo(); }
+            await existing.save();
+        } else {
+            if (!data.studentNo) { data.studentNo = await generateStudentNo(); }
+            await Student.create(data);
+        }
+        res.json({ success: true });
+    } catch (e) {
+        if (e.code === 11000) return res.status(409).json({ error: 'DUPLICATE', message: '保存失败：存在重复的系统ID' });
+        res.status(500).json({ error: e.message });
+    }
+});
+app.put('/api/students/:id', async (req, res) => { await Student.findByIdAndUpdate(req.params.id, req.body); res.json({}); });
+app.delete('/api/students/:id', async (req, res) => { await Student.findByIdAndDelete(req.params.id); res.json({}); });
+app.get('/api/classes', async (req, res) => { 
+    const filter = getQueryFilter(req);
+    const cls = await ClassModel.find(filter); 
+    const resData = await Promise.all(cls.map(async c => {
+        const count = await Student.countDocuments({ className: c.grade + c.className, status: 'Enrolled', ...filter });
+        return { ...c.toObject(), studentCount: count };
+    }));
+    res.json(resData); 
+});
+app.post('/api/classes', async (req, res) => { 
+    const data = injectSchoolId(req, req.body);
+    await ClassModel.create(data);
+    if (data.teacherName) await User.updateOne({ trueName: data.teacherName, schoolId: data.schoolId }, { homeroomClass: data.grade + data.className });
+    res.json({}); 
+});
+app.put('/api/classes/:id', async (req, res) => {
+    const classId = req.params.id;
+    const { grade, className, teacherName } = req.body;
+    const sId = req.headers['x-school-id'];
+    const oldClass = await ClassModel.findById(classId);
+    if (!oldClass) return res.status(404).json({ error: 'Class not found' });
+    const newFullClass = grade + className;
+    const oldFullClass = oldClass.grade + oldClass.className;
+    if (oldClass.teacherName && (oldClass.teacherName !== teacherName || oldFullClass !== newFullClass)) {
+        await User.updateOne({ trueName: oldClass.teacherName, schoolId: sId, homeroomClass: oldFullClass }, { homeroomClass: '' });
+    }
+    if (teacherName) await User.updateOne({ trueName: teacherName, schoolId: sId }, { homeroomClass: newFullClass });
+    await ClassModel.findByIdAndUpdate(classId, { grade, className, teacherName });
+    if (oldFullClass !== newFullClass) await Student.updateMany({ className: oldFullClass, schoolId: sId }, { className: newFullClass });
+    res.json({ success: true });
+});
+app.delete('/api/classes/:id', async (req, res) => { 
+    const cls = await ClassModel.findById(req.params.id);
+    if (cls && cls.teacherName) await User.updateOne({ trueName: cls.teacherName, schoolId: cls.schoolId, homeroomClass: cls.grade + cls.className }, { homeroomClass: '' });
+    await ClassModel.findByIdAndDelete(req.params.id); 
+    res.json({}); 
+});
+app.get('/api/subjects', async (req, res) => { res.json(await SubjectModel.find(getQueryFilter(req))); });
+app.post('/api/subjects', async (req, res) => { await SubjectModel.create(injectSchoolId(req, req.body)); res.json({}); });
+app.put('/api/subjects/:id', async (req, res) => { await SubjectModel.findByIdAndUpdate(req.params.id, req.body); res.json({}); });
+app.delete('/api/subjects/:id', async (req, res) => { await SubjectModel.findByIdAndDelete(req.params.id); res.json({}); });
+app.get('/api/courses', async (req, res) => { res.json(await Course.find(getQueryFilter(req))); });
+app.post('/api/courses', async (req, res) => { await Course.create(injectSchoolId(req, req.body)); res.json({}); });
+app.put('/api/courses/:id', async (req, res) => { await Course.findByIdAndUpdate(req.params.id, req.body); res.json({}); });
+app.delete('/api/courses/:id', async (req, res) => { await Course.findByIdAndDelete(req.params.id); res.json({}); });
+app.get('/api/scores', async (req, res) => { res.json(await Score.find(getQueryFilter(req))); });
+app.post('/api/scores', async (req, res) => { await Score.create(injectSchoolId(req, req.body)); res.json({}); });
+app.put('/api/scores/:id', async (req, res) => { await Score.findByIdAndUpdate(req.params.id, req.body); res.json({}); });
+app.delete('/api/scores/:id', async (req, res) => { await Score.findByIdAndDelete(req.params.id); res.json({}); });
+app.get('/api/exams', async (req, res) => { res.json(await ExamModel.find(getQueryFilter(req))); });
+app.post('/api/exams', async (req, res) => { await ExamModel.findOneAndUpdate({name:req.body.name}, injectSchoolId(req, req.body), {upsert:true}); res.json({}); });
+app.get('/api/schedules', async (req, res) => { 
+    const query = { ...getQueryFilter(req), ...req.query };
+    if (query.grade) { query.className = { $regex: '^' + query.grade }; delete query.grade; }
+    res.json(await ScheduleModel.find(query)); 
+});
+app.post('/api/schedules', async (req, res) => { 
+    const filter = { className:req.body.className, dayOfWeek:req.body.dayOfWeek, period:req.body.period };
+    const sId = req.headers['x-school-id'];
+    if(sId) filter.schoolId = sId;
+    await ScheduleModel.findOneAndUpdate(filter, injectSchoolId(req, req.body), {upsert:true}); 
+    res.json({}); 
+});
+app.delete('/api/schedules', async (req, res) => { await ScheduleModel.deleteOne({...getQueryFilter(req), ...req.query}); res.json({}); });
+app.get('/api/stats', async (req, res) => { 
+    const filter = getQueryFilter(req);
+    const studentCount = await Student.countDocuments(filter);
+    const courseCount = await Course.countDocuments(filter);
+    const scores = await Score.find({...filter, status: 'Normal'});
+    let avgScore = 0; let excellentRate = '0%';
+    if (scores.length > 0) {
+        const total = scores.reduce((sum, s) => sum + s.score, 0);
+        avgScore = parseFloat((total / scores.length).toFixed(1));
+        const excellent = scores.filter(s => s.score >= 90).length;
+        excellentRate = Math.round((excellent / scores.length) * 100) + '%';
+    }
+    res.json({ studentCount, courseCount, avgScore, excellentRate });
+});
+app.get('/api/config', async (req, res) => { 
+    const currentSem = getAutoSemester();
+    let config = await ConfigModel.findOne({key:'main'});
+    if (config) {
+        let semesters = config.semesters || [];
+        if (!semesters.includes(currentSem)) {
+            semesters.unshift(currentSem);
+            config.semesters = semesters;
+            config.semester = currentSem; 
+            await ConfigModel.updateOne({ key: 'main' }, { semesters, semester: currentSem });
+        }
+    } else {
+        config = { key: 'main', allowRegister: true, semester: currentSem, semesters: [currentSem] };
+    }
+    res.json(config); 
+});
+app.post('/api/config', async (req, res) => { await ConfigModel.findOneAndUpdate({key:'main'}, req.body, {upsert:true}); res.json({}); });
+app.get('/api/games/mountain', async (req, res) => { res.json(await GameSessionModel.findOne({...getQueryFilter(req), className: req.query.className})); });
+app.post('/api/games/mountain', async (req, res) => { 
+    const filter = { className: req.body.className };
+    const sId = req.headers['x-school-id'];
+    if(sId) filter.schoolId = sId;
+    await GameSessionModel.findOneAndUpdate(filter, injectSchoolId(req, req.body), {upsert:true}); 
+    res.json({}); 
+});
 app.post('/api/games/grant-reward', async (req, res) => { 
-    const { studentId, count, rewardType, name, source } = req.body;
+    const { studentId, count, rewardType, name } = req.body;
     const finalCount = count || 1;
     const finalName = name || (rewardType === 'DRAW_COUNT' ? '抽奖券' : '奖品');
     if (rewardType === 'DRAW_COUNT') await Student.findByIdAndUpdate(studentId, { $inc: { drawAttempts: finalCount } });
-    await StudentRewardModel.create({ 
-        schoolId: req.headers['x-school-id'], 
-        studentId, 
-        studentName: (await Student.findById(studentId)).name, 
-        rewardType, 
-        name: finalName, 
-        count: finalCount, 
-        status: rewardType === 'DRAW_COUNT' ? 'REDEEMED' : 'PENDING', 
-        source: source || '教师发放' 
-    });
-    res.json({}); 
-});
+    await StudentRewardModel.create({ schoolId: req.headers['x-school-id'], studentId, studentName: (await Student.findById(studentId)).name, rewardType, name: finalName, count: finalCount, status: rewardType === 'DRAW_COUNT' ? 'REDEEMED' : 'PENDING', source: '教师发放' });
+    res.json({}); 
+});
+app.put('/api/rewards/:id', async (req, res) => { await StudentRewardModel.findByIdAndUpdate(req.params.id, req.body); res.json({}); });
+app.delete('/api/rewards/:id', async (req, res) => {
+    const reward = await StudentRewardModel.findById(req.params.id);
+    if (!reward) return res.status(404).json({error: 'Not found'});
+    if (reward.rewardType === 'DRAW_COUNT') {
+        const student = await Student.findById(reward.studentId);
+        if (student && student.drawAttempts < reward.count) return res.status(400).json({ error: 'FAILED_REVOKE', message: '修改失败，次数已被使用' });
+        await Student.findByIdAndUpdate(reward.studentId, { $inc: { drawAttempts: -reward.count } });
+    }
+    await StudentRewardModel.findByIdAndDelete(req.params.id);
+    res.json({});
+});
+app.get('/api/rewards', async (req, res) => { 
+    const filter = getQueryFilter(req);
+    if(req.query.studentId) filter.studentId = req.query.studentId;
+    if (req.query.className) {
+        const classStudents = await Student.find({ className: req.query.className, ...getQueryFilter(req) }, '_id');
+        filter.studentId = { $in: classStudents.map(s => s._id.toString()) };
+    }
+    if (req.query.excludeType) filter.rewardType = { $ne: req.query.excludeType };
+    const page = parseInt(req.query.page) || 1;
+    const limit = parseInt(req.query.limit) || 20;
+    const skip = (page - 1) * limit;
+    const total = await StudentRewardModel.countDocuments(filter);
+    const list = await StudentRewardModel.find(filter).sort({createTime:-1}).skip(skip).limit(limit);
+    res.json({ list, total }); 
+});
+app.post('/api/rewards', async (req, res) => { 
+    const data = injectSchoolId(req, req.body);
+    if (!data.count) data.count = 1;
+    if(data.rewardType==='DRAW_COUNT') { data.status='REDEEMED'; await Student.findByIdAndUpdate(data.studentId, {$inc:{drawAttempts:data.count}}); }
+    await StudentRewardModel.create(data); 
+    res.json({}); 
+});
+app.post('/api/rewards/:id/redeem', async (req, res) => { await StudentRewardModel.findByIdAndUpdate(req.params.id, {status:'REDEEMED'}); res.json({}); });
+app.get('/api/attendance', async (req, res) => {
+    const { className, date, studentId } = req.query;
+    const filter = getQueryFilter(req);
+    if(className) filter.className = className;
+    if(date) filter.date = date;
+    if(studentId) filter.studentId = studentId;
+    res.json(await AttendanceModel.find(filter));
+});
+app.post('/api/attendance/check-in', async (req, res) => {
+    const { studentId, date, status } = req.body;
+    const exists = await AttendanceModel.findOne({ studentId, date });
+    if (exists) return res.status(400).json({ error: 'ALREADY_CHECKED_IN', message: '今日已打卡' });
+    const student = await Student.findById(studentId);
+    await AttendanceModel.create({ schoolId: req.headers['x-school-id'], studentId, studentName: student.name, className: student.className, date, status: status || 'Present', checkInTime: new Date() });
+    res.json({ success: true });
+});
+app.post('/api/attendance/batch', async (req, res) => {
+    const { className, date, status } = req.body;
+    const students = await Student.find({ className, ...getQueryFilter(req) });
+    const ops = students.map(s => ({ updateOne: { filter: { studentId: s._id, date }, update: { $setOnInsert: { schoolId: req.headers['x-school-id'], studentId: s._id, studentName: s.name, className: s.className, date, status: status || 'Present', checkInTime: new Date() } }, upsert: true } }));
+    if (ops.length > 0) await AttendanceModel.bulkWrite(ops);
+    res.json({ success: true, count: ops.length });
+});
+app.put('/api/attendance/update', async (req, res) => {
+    const { studentId, date, status } = req.body;
+    const student = await Student.findById(studentId);
+    await AttendanceModel.findOneAndUpdate({ studentId, date }, { schoolId: req.headers['x-school-id'], studentId, studentName: student.name, className: student.className, date, status, checkInTime: new Date() }, { upsert: true });
+    res.json({ success: true });
+});
+app.post('/api/leave', async (req, res) => {
+    await LeaveRequestModel.create(injectSchoolId(req, req.body));
+    const { studentId, startDate } = req.body;
+    const student = await Student.findById(studentId);
+    if (student) await AttendanceModel.findOneAndUpdate({ studentId, date: startDate }, { schoolId: req.headers['x-school-id'], studentId, studentName: student.name, className: student.className, date: startDate, status: 'Leave', checkInTime: new Date() }, { upsert: true });
+    res.json({ success: true });
+});
+app.post('/api/batch-delete', async (req, res) => { 
+    if(req.body.type==='student') await Student.deleteMany({_id:{$in:req.body.ids}});
+    if(req.body.type==='score') await Score.deleteMany({_id:{$in:req.body.ids}});
+    res.json({}); 
+});
+
+app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'dist', 'index.html')); });
+app.listen(PORT, () => console.log(`🚀 Server running on port ${PORT}`));

services/api.ts

@@ -1,174 +1,238 @@
-import { User, UserRole, Student, ClassInfo, School, Subject, Course, Score, Schedule, SystemConfig, Notification, ApiResponse, GameSession, LuckyDrawConfig, StudentReward, GameMonsterConfig, GameZenConfig, AchievementConfig, StudentAchievement, Attendance } from '../types';
-
-const API_BASE = '/api';
-
-const getHeaders = () => {
-  const token = localStorage.getItem('token');
-  const schoolId = localStorage.getItem('admin_view_school_id') || localStorage.getItem('user_school_id');
-  const headers: HeadersInit = {
-    'Content-Type': 'application/json',
-  };
-  if (token) headers['Authorization'] = `Bearer ${token}`;
-  if (schoolId) headers['x-school-id'] = schoolId;
-  return headers;
+import { User, ClassInfo, SystemConfig, Subject, School, Schedule, GameSession, StudentReward, LuckyDrawConfig, Attendance, LeaveRequest, AchievementConfig } from '../types';
+
+const getBaseUrl = () => {
+  let isProd = false;
+  try {
+    // @ts-ignore
+    if (typeof import.meta !== 'undefined' && import.meta.env && import.meta.env.PROD) {
+      isProd = true;
+    }
+  } catch (e) {}
+  
+  if (isProd || (typeof window !== 'undefined' && window.location.port === '7860')) {
+    return '/api';
+  }
+  return 'http://localhost:7860/api';
 };
 
-const request = async <T>(endpoint: string, options: RequestInit = {}): Promise<T> => {
-  const res = await fetch(`${API_BASE}${endpoint}`, {
-    ...options,
-    headers: { ...getHeaders(), ...options.headers },
-  });
+const API_BASE_URL = getBaseUrl();
+
+async function request(endpoint: string, options: RequestInit = {}) {
+  const headers: any = { 'Content-Type': 'application/json', ...options.headers };
+  
+  if (typeof window !== 'undefined') {
+    const currentUser = JSON.parse(localStorage.getItem('user') || 'null');
+    const selectedSchoolId = localStorage.getItem('admin_view_school_id');
+    
+    if (currentUser?.role === 'ADMIN' && selectedSchoolId) {
+      headers['x-school-id'] = selectedSchoolId;
+    } else if (currentUser?.schoolId) {
+      headers['x-school-id'] = currentUser.schoolId;
+    }
+    
+    // Inject User Role for backend logic (e.g., bypassing draw limits)
+    if (currentUser?.role) {
+      headers['x-user-role'] = currentUser.role;
+      headers['x-user-username'] = currentUser.username;
+    }
+  }
+
+  const res = await fetch(`${API_BASE_URL}${endpoint}`, { ...options, headers });
 
-  const data = await res.json();
   if (!res.ok) {
-    throw new Error(data.message || 'API request failed');
+    if (res.status === 401) throw new Error('AUTH_FAILED');
+    const errorData = await res.json().catch(() => ({}));
+    const errorMessage = errorData.error || errorData.message || `Server Error: ${res.status}`;
+    if (errorData.error === 'PENDING_APPROVAL') throw new Error('PENDING_APPROVAL');
+    if (errorData.error === 'BANNED') throw new Error('BANNED');
+    if (errorData.error === 'CONFLICT') throw new Error(errorData.message); 
+    if (errorData.error === 'INVALID_PASSWORD') throw new Error('INVALID_PASSWORD');
+    throw new Error(errorMessage);
   }
-  return data as T;
-};
+  return res.json();
+}
 
 export const api = {
-  init: () => {
-      // Any initialization logic if needed
-  },
+  init: () => console.log('🔗 API:', API_BASE_URL),
+
   auth: {
     login: async (username: string, password: string): Promise<User> => {
-        const user = await request<User>('/auth/login', {
-            method: 'POST',
-            body: JSON.stringify({ username, password })
-        });
+      const user = await request('/auth/login', { method: 'POST', body: JSON.stringify({ username, password }) });
+      if (typeof window !== 'undefined') {
         localStorage.setItem('user', JSON.stringify(user));
-        if(user.schoolId) localStorage.setItem('user_school_id', user.schoolId);
-        return user;
+        localStorage.removeItem('admin_view_school_id');
+      }
+      return user;
+    },
+    refreshSession: async (): Promise<User | null> => {
+        try {
+            const user = await request('/auth/me');
+            if (typeof window !== 'undefined' && user) {
+                localStorage.setItem('user', JSON.stringify(user));
+            }
+            return user;
+        } catch (e) { return null; }
+    },
+    register: async (data: any): Promise<User> => {
+      return await request('/auth/register', { method: 'POST', body: JSON.stringify(data) });
+    },
+    updateProfile: async (data: any): Promise<any> => {
+      return await request('/auth/update-profile', { method: 'POST', body: JSON.stringify(data) });
     },
-    register: (data: any) => request<any>('/auth/register', { method: 'POST', body: JSON.stringify(data) }),
     logout: () => {
+      if (typeof window !== 'undefined') {
         localStorage.removeItem('user');
-        localStorage.removeItem('user_school_id');
         localStorage.removeItem('admin_view_school_id');
-        // Clear token if token based auth is fully implemented in future
+      }
     },
     getCurrentUser: (): User | null => {
-        const u = localStorage.getItem('user');
-        return u ? JSON.parse(u) : null;
-    },
-    refreshSession: () => request<User>('/auth/session'),
-    updateProfile: (data: any) => request('/auth/profile', { method: 'PUT', body: JSON.stringify(data) }),
+      if (typeof window !== 'undefined') {
+        try {
+          const stored = localStorage.getItem('user');
+          if (stored) return JSON.parse(stored);
+        } catch (e) {
+          localStorage.removeItem('user');
+        }
+      }
+      return null;
+    }
+  },
+
+  schools: {
+    getPublic: () => request('/public/schools'),
+    getAll: () => request('/schools'),
+    add: (data: School) => request('/schools', { method: 'POST', body: JSON.stringify(data) }),
+    update: (id: string, data: Partial<School>) => request(`/schools/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
+    delete: (id: string) => request(`/schools/${id}`, { method: 'DELETE' }) // NEW
   },
+
   users: {
-    getAll: (params: any = {}) => {
-        const search = new URLSearchParams(params);
-        return request<User[]>(`/users?${search.toString()}`);
+    getAll: (options?: { global?: boolean; role?: string }) => {
+       const params = new URLSearchParams();
+       if (options?.global) params.append('global', 'true');
+       if (options?.role) params.append('role', options.role);
+       return request(`/users?${params.toString()}`);
     },
     update: (id: string, data: Partial<User>) => request(`/users/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
     delete: (id: string) => request(`/users/${id}`, { method: 'DELETE' }),
-    applyClass: (data: any) => request('/users/apply-class', { method: 'POST', body: JSON.stringify(data) }),
+    applyClass: (data: { userId: string, type: 'CLAIM'|'RESIGN', targetClass?: string, action: 'APPLY'|'APPROVE'|'REJECT' }) => 
+        request('/users/class-application', { method: 'POST', body: JSON.stringify(data) }),
   },
+
   students: {
-    getAll: () => request<Student[]>('/students'),
-    add: (data: Partial<Student>) => request('/students', { method: 'POST', body: JSON.stringify(data) }),
-    update: (id: string, data: Partial<Student>) => request(`/students/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-    delete: (id: string) => request(`/students/${id}`, { method: 'DELETE' }),
-    transfer: (data: {studentId: string, targetClass: string}) => request('/students/transfer', { method: 'POST', body: JSON.stringify(data) }),
-    promote: (data: { teacherFollows: boolean }) => request<{count: number}>('/students/promote', { method: 'POST', body: JSON.stringify(data) }),
+    getAll: () => request('/students'),
+    add: (data: any) => request('/students', { method: 'POST', body: JSON.stringify(data) }),
+    update: (id: string, data: any) => request(`/students/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
+    delete: (id: string | number) => request(`/students/${id}`, { method: 'DELETE' }),
+    // NEW: Promote and Transfer
+    promote: (data: { teacherFollows: boolean }) => request('/students/promote', { method: 'POST', body: JSON.stringify(data) }),
+    transfer: (data: { studentId: string, targetClass: string }) => request('/students/transfer', { method: 'POST', body: JSON.stringify(data) })
   },
+
   classes: {
-    getAll: () => request<ClassInfo[]>('/classes'),
-    add: (data: Partial<ClassInfo>) => request('/classes', { method: 'POST', body: JSON.stringify(data) }),
-    update: (id: string, data: Partial<ClassInfo>) => request(`/classes/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-    delete: (id: string | number) => request(`/classes/${id}`, { method: 'DELETE' }),
-  },
-  schools: {
-    getAll: () => request<School[]>('/schools'), // Admin only
-    getPublic: () => request<School[]>('/public/schools'), // For registration
-    add: (data: Partial<School>) => request('/schools', { method: 'POST', body: JSON.stringify(data) }),
-    update: (id: string, data: Partial<School>) => request(`/schools/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-    delete: (id: string) => request(`/schools/${id}`, { method: 'DELETE' }),
+    getAll: () => request('/classes'),
+    add: (data: ClassInfo) => request('/classes', { method: 'POST', body: JSON.stringify(data) }),
+    delete: (id: string | number) => request(`/classes/${id}`, { method: 'DELETE' })
   },
+
   subjects: {
-    getAll: () => request<Subject[]>('/subjects'),
-    add: (data: Partial<Subject>) => request('/subjects', { method: 'POST', body: JSON.stringify(data) }),
-    update: (id: string, data: Partial<Subject>) => request(`/subjects/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-    delete: (id: string) => request(`/subjects/${id}`, { method: 'DELETE' }),
+    getAll: () => request('/subjects'),
+    add: (data: Subject) => request('/subjects', { method: 'POST', body: JSON.stringify(data) }),
+    update: (id: string | number, data: Partial<Subject>) => request(`/subjects/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
+    delete: (id: string | number) => request(`/subjects/${id}`, { method: 'DELETE' })
+  },
+
+  exams: {
+    getAll: () => request('/exams'),
+    save: (data: any) => request('/exams', { method: 'POST', body: JSON.stringify(data) })
   },
+
   courses: {
-    getAll: () => request<Course[]>('/courses'),
-    add: (data: Partial<Course>) => request('/courses', { method: 'POST', body: JSON.stringify(data) }),
-    update: (id: string, data: Partial<Course>) => request(`/courses/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-    delete: (id: string) => request(`/courses/${id}`, { method: 'DELETE' }),
+    getAll: () => request('/courses'),
+    add: (data: any) => request('/courses', { method: 'POST', body: JSON.stringify(data) }),
+    update: (id: string | number, data: any) => request(`/courses/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
+    delete: (id: string | number) => request(`/courses/${id}`, { method: 'DELETE' })
   },
+
   scores: {
-    getAll: () => request<Score[]>('/scores'),
-    add: (data: Partial<Score>) => request('/scores', { method: 'POST', body: JSON.stringify(data) }),
-    update: (id: string, data: Partial<Score>) => request(`/scores/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-    delete: (id: string) => request(`/scores/${id}`, { method: 'DELETE' }),
-  },
-  exams: {
-    getAll: () => request<any[]>('/exams'),
-    save: (data: any) => request('/exams', { method: 'POST', body: JSON.stringify(data) }),
+    getAll: () => request('/scores'),
+    add: (data: any) => request('/scores', { method: 'POST', body: JSON.stringify(data) }),
+    update: (id: string | number, data: any) => request(`/scores/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
+    delete: (id: string | number) => request(`/scores/${id}`, { method: 'DELETE' })
   },
+  
   schedules: {
-    get: (params: any = {}) => {
-        const search = new URLSearchParams(params);
-        return request<Schedule[]>(`/schedules?${search.toString()}`);
+    get: (params: { className?: string; teacherName?: string; grade?: string }) => {
+       const qs = new URLSearchParams(params as any).toString();
+       return request(`/schedules?${qs}`);
     },
-    save: (data: Partial<Schedule>) => request('/schedules', { method: 'POST', body: JSON.stringify(data) }),
-    delete: (data: Partial<Schedule>) => request('/schedules', { method: 'DELETE', body: JSON.stringify(data) }),
+    save: (data: Schedule) => request('/schedules', { method: 'POST', body: JSON.stringify(data) }),
+    delete: (params: { className: string; dayOfWeek: number; period: number }) => {
+       const qs = new URLSearchParams(params as any).toString();
+       return request(`/schedules?${qs}`, { method: 'DELETE' });
+    }
   },
-  config: {
-    get: () => request<SystemConfig>('/config'),
-    getPublic: () => request<SystemConfig>('/public/config'),
-    save: (data: SystemConfig) => request('/config', { method: 'POST', body: JSON.stringify(data) }),
+
+  attendance: {
+    checkIn: (data: { studentId: string, date: string, status?: string }) => request('/attendance/check-in', { method: 'POST', body: JSON.stringify(data) }),
+    get: (params: { className?: string, date?: string, studentId?: string }) => {
+        const qs = new URLSearchParams(params as any).toString();
+        return request(`/attendance?${qs}`);
+    },
+    batch: (data: { className: string, date: string, status?: string }) => request('/attendance/batch', { method: 'POST', body: JSON.stringify(data) }),
+    update: (data: { studentId: string, date: string, status: string }) => request('/attendance/update', { method: 'PUT', body: JSON.stringify(data) }),
+    applyLeave: (data: { studentId: string, studentName: string, className: string, reason: string, startDate: string, endDate: string }) => request('/leave', { method: 'POST', body: JSON.stringify(data) }),
   },
+
   stats: {
-    getSummary: () => request<any>('/stats/summary'),
+    getSummary: () => request('/stats')
   },
-  notifications: {
-    getAll: (userId: string, role: string) => request<Notification[]>(`/notifications?userId=${userId}&role=${role}`),
+
+  config: {
+    get: () => request('/config'), 
+    getPublic: () => request('/public/config'),
+    save: (data: SystemConfig) => request('/config', { method: 'POST', body: JSON.stringify(data) })
   },
-  batchDelete: (type: string, ids: string[]) => request('/batch-delete', { method: 'POST', body: JSON.stringify({ type, ids }) }),
   
+  notifications: {
+    getAll: (userId: string, role: string) => request(`/notifications?userId=${userId}&role=${role}`),
+  },
+
   games: {
-    // Mountain
-    getMountainSession: (className: string) => request<GameSession | null>(`/games/mountain-session?className=${className}`),
-    saveMountainSession: (session: GameSession) => request('/games/mountain-session', { method: 'POST', body: JSON.stringify(session) }),
-    // Lucky Draw
-    getLuckyConfig: (className: string) => request<LuckyDrawConfig>(`/games/lucky-config?className=${className}`),
-    saveLuckyConfig: (config: LuckyDrawConfig) => request('/games/lucky-config', { method: 'POST', body: JSON.stringify(config) }),
-    drawLucky: (studentId: string) => request<{prize: string, rewardType: string}>('/games/lucky-draw', { method: 'POST', body: JSON.stringify({ studentId }) }),
-    // Common
-    grantReward: (data: { studentId: string, count: number, rewardType: string, name?: string, source?: string }) => request('/games/grant-reward', { method: 'POST', body: JSON.stringify(data) }),
-    
-    // Monster
-    getMonsterConfig: (className: string) => request<GameMonsterConfig>(`/games/monster-config?className=${className}`),
-    saveMonsterConfig: (config: GameMonsterConfig) => request('/games/monster-config', { method: 'POST', body: JSON.stringify(config) }),
-    
-    // Zen
-    getZenConfig: (className: string) => request<GameZenConfig>(`/games/zen-config?className=${className}`),
-    saveZenConfig: (config: GameZenConfig) => request('/games/zen-config', { method: 'POST', body: JSON.stringify(config) }),
+    getMountainSession: (className: string) => request(`/games/mountain?className=${className}`),
+    saveMountainSession: (data: GameSession) => request('/games/mountain', { method: 'POST', body: JSON.stringify(data) }),
+    getLuckyConfig: (className?: string) => request(`/games/lucky-config${className ? `?className=${className}` : ''}`),
+    saveLuckyConfig: (data: LuckyDrawConfig) => request('/games/lucky-config', { method: 'POST', body: JSON.stringify(data) }),
+    drawLucky: (studentId: string) => request('/games/lucky-draw', { method: 'POST', body: JSON.stringify({ studentId }) }),
+    grantReward: (data: { studentId: string, count: number, rewardType: string, name?: string }) => request('/games/grant-reward', { method: 'POST', body: JSON.stringify(data) }),
+    getMonsterConfig: (className: string) => request(`/games/monster-config?className=${className}`),
+    saveMonsterConfig: (data: any) => request('/games/monster-config', { method: 'POST', body: JSON.stringify(data) }),
+    getZenConfig: (className: string) => request(`/games/zen-config?className=${className}`),
+    saveZenConfig: (data: any) => request('/games/zen-config', { method: 'POST', body: JSON.stringify(data) }),
   },
+  
   achievements: {
-      getConfig: (className: string) => request<AchievementConfig | null>(`/achievements/config?className=${className}`),
-      saveConfig: (config: AchievementConfig) => request('/achievements/config', { method: 'POST', body: JSON.stringify(config) }),
-      getStudentAchievements: (studentId: string, semester?: string) => request<StudentAchievement[]>(`/achievements/student/${studentId}?semester=${semester||''}`),
+      getConfig: (className: string) => request(`/achievements/config?className=${className}`),
+      saveConfig: (data: AchievementConfig) => request('/achievements/config', { method: 'POST', body: JSON.stringify(data) }),
+      getStudentAchievements: (studentId: string, semester?: string) => request(`/achievements/student?studentId=${studentId}${semester ? `&semester=${semester}` : ''}`),
       grant: (data: { studentId: string, achievementId: string, semester: string }) => request('/achievements/grant', { method: 'POST', body: JSON.stringify(data) }),
       exchange: (data: { studentId: string, ruleId: string }) => request('/achievements/exchange', { method: 'POST', body: JSON.stringify(data) }),
   },
+
   rewards: {
-      getMyRewards: (studentId: string, page: number, pageSize: number) => request<any>(`/rewards/my?studentId=${studentId}&page=${page}&pageSize=${pageSize}`),
-      getClassRewards: (page: number, pageSize: number, className?: string) => request<any>(`/rewards/class?page=${page}&pageSize=${pageSize}&className=${className||''}`),
-      addReward: (data: Partial<StudentReward>) => request('/rewards', { method: 'POST', body: JSON.stringify(data) }),
-      redeem: (id: string) => request(`/rewards/${id}/redeem`, { method: 'POST' }),
-      update: (id: string, data: Partial<StudentReward>) => request(`/rewards/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
-      delete: (id: string) => request(`/rewards/${id}`, { method: 'DELETE' }),
+    getMyRewards: (studentId: string, page = 1, limit = 20) => request(`/rewards?studentId=${studentId}&page=${page}&limit=${limit}&excludeType=CONSOLATION`),
+    getClassRewards: (page = 1, limit = 20, className?: string) => {
+        let qs = `scope=class&page=${page}&limit=${limit}&excludeType=CONSOLATION`;
+        if (className) qs += `&className=${className}`;
+        return request(`/rewards?${qs}`);
+    }, 
+    addReward: (data: Partial<StudentReward>) => request('/rewards', { method: 'POST', body: JSON.stringify(data) }),
+    update: (id: string, data: Partial<StudentReward>) => request(`/rewards/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
+    delete: (id: string) => request(`/rewards/${id}`, { method: 'DELETE' }),
+    redeem: (id: string) => request(`/rewards/${id}/redeem`, { method: 'POST' }),
   },
-  attendance: {
-      get: (params: any) => {
-          const s = new URLSearchParams(params);
-          return request<Attendance[]>(`/attendance?${s.toString()}`);
-      },
-      checkIn: (data: {studentId: string, date: string}) => request('/attendance/checkin', { method: 'POST', body: JSON.stringify(data) }),
-      update: (data: {studentId: string, date: string, status: string}) => request('/attendance/update', { method: 'POST', body: JSON.stringify(data) }),
-      batch: (data: {className: string, date: string}) => request('/attendance/batch', { method: 'POST', body: JSON.stringify(data) }),
-      applyLeave: (data: any) => request('/attendance/leave', { method: 'POST', body: JSON.stringify(data) }),
+
+  batchDelete: (type: 'student' | 'score' | 'user', ids: string[]) => {
+    return request('/batch-delete', { method: 'POST', body: JSON.stringify({ type, ids }) });
   }
-};
+};

types.ts

@@ -1,4 +1,3 @@
-
 export enum UserRole {
   ADMIN = 'ADMIN',
   PRINCIPAL = 'PRINCIPAL', // 新增校长角色
@@ -261,21 +260,6 @@ export interface GameMonsterConfig {
   };
 }
 
-export interface GameZenConfig {
-  _id?: string;
-  schoolId: string;
-  className: string;
-  durationMinutes: number;
-  threshold: number;
-  passRate: number;
-  rewardConfig: {
-      enabled: boolean;
-      type: 'DRAW_COUNT' | 'ITEM' | 'ACHIEVEMENT';
-      val: string;
-      count: number;
-  };
-}
-
 // --- Achievement System Types ---
 
 export interface AchievementItem {
@@ -339,4 +323,4 @@ export interface LeaveRequest {
   endDate: string;
   status: 'Pending' | 'Approved' | 'Rejected';
   createTime: string;
-}
+}