Upload 44 files

models.js

@@ -112,6 +112,21 @@ const GameMonsterConfigSchema = new mongoose.Schema({
 });
 const GameMonsterConfigModel = mongoose.model('GameMonsterConfig', GameMonsterConfigSchema);
 
+const GameZenConfigSchema = new mongoose.Schema({ 
+    schoolId: String, 
+    className: String, 
+    durationMinutes: { type: Number, default: 40 },
+    threshold: { type: Number, default: 30 },
+    passRate: { type: Number, default: 90 },
+    rewardConfig: {
+        enabled: Boolean,
+        type: { type: String },
+        val: String,
+        count: Number
+    }
+});
+const GameZenConfigModel = mongoose.model('GameZenConfig', GameZenConfigSchema);
+
 const AchievementConfigSchema = new mongoose.Schema({ schoolId: String, className: String, achievements: [{ id: String, name: String, icon: String, points: Number, description: String }], exchangeRules: [{ id: String, cost: Number, rewardType: String, rewardName: String, rewardValue: Number }] });
 const AchievementConfigModel = mongoose.model('AchievementConfig', AchievementConfigSchema);
 
@@ -126,6 +141,6 @@ const LeaveRequestModel = mongoose.model('LeaveRequest', LeaveRequestSchema);
 
 module.exports = {
     School, User, Student, Course, Score, ClassModel, SubjectModel, ExamModel, ScheduleModel,
-    ConfigModel, NotificationModel, GameSessionModel, StudentRewardModel, LuckyDrawConfigModel, GameMonsterConfigModel,
+    ConfigModel, NotificationModel, GameSessionModel, StudentRewardModel, LuckyDrawConfigModel, GameMonsterConfigModel, GameZenConfigModel,
     AchievementConfigModel, StudentAchievementModel, AttendanceModel, LeaveRequestModel
 };

pages/GameMonster.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { api } from '../services/api';
 import { AchievementConfig, Student } from '../types';
-import { Play, Pause, Settings, Maximize, Minimize, Gift, Trophy, Package, Volume2, Keyboard, Award, RotateCcw } from 'lucide-react';
+import { Play, Pause, Settings, Maximize, Minimize, Gift, Trophy, Package, Volume2, Keyboard, Award, RotateCcw, UserX } from 'lucide-react';
 
 // Monster visual assets
 const MONSTER_TYPES = ['👾', '👹', '👺', '👻', '💀', '👽'];
@@ -24,6 +24,8 @@ export const GameMonster: React.FC = () => {
   // Config State
   const [achConfig, setAchConfig] = useState<AchievementConfig | null>(null);
   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); 
@@ -102,7 +104,15 @@ export const GameMonster: React.FC = () => {
               api.games.getMonsterConfig(homeroomClass)
           ]);
           setAchConfig(ac);
-          setStudents((stus as Student[]).filter((s: Student) => s.className === homeroomClass));
+          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);
@@ -280,11 +290,12 @@ export const GameMonster: React.FC = () => {
   };
 
   const handleBatchGrant = async () => {
-      if (!rewardConfig.enabled || students.length === 0) return;
-      if (!confirm(`确定为全班 ${students.length} 名学生发放奖励吗？`)) return;
+      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 = students.map(s => {
+          const promises = targets.map(s => {
               if (rewardConfig.type === 'ACHIEVEMENT') {
                   return api.achievements.grant({
                       studentId: s._id || String(s.id),
@@ -471,6 +482,17 @@ export const GameMonster: React.FC = () => {
                             </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">
@@ -546,6 +568,44 @@ export const GameMonster: React.FC = () => {
             </div>
         )}
 
+        {/* Student Filter Modal */}
+        {isFilterOpen && (
+            <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>
+                        <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>
+                        </div>
+                    </div>
+                    <div className="flex-1 overflow-y-auto p-4 bg-gray-50">
+                        <div className="grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-2">
+                            {students.map(s => {
+                                const isExcluded = excludedStudentIds.has(s._id || String(s.id));
+                                return (
+                                    <div 
+                                        key={s._id} 
+                                        onClick={() => {
+                                            const newSet = new Set(excludedStudentIds);
+                                            if (isExcluded) newSet.delete(s._id || String(s.id));
+                                            else newSet.add(s._id || String(s.id));
+                                            setExcludedStudentIds(newSet);
+                                        }}
+                                        className={`p-2 rounded border cursor-pointer text-center text-sm transition-all select-none ${isExcluded ? 'bg-red-50 border-red-300 text-red-500 opacity-60' : 'bg-white border-gray-200 hover:border-blue-300'}`}
+                                    >
+                                        <div className="font-bold">{s.name}</div>
+                                        <div className="text-xs opacity-70">{s.seatNo}</div>
+                                        {isExcluded && <div className="text-[10px] font-bold mt-1">已排除</div>}
+                                    </div>
+                                )
+                            })}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        )}
+
         {/* 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">
@@ -561,7 +621,7 @@ export const GameMonster: React.FC = () => {
                         <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>

pages/GameRandom.tsx

@@ -1,8 +1,9 @@
+
 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 } 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);
@@ -19,6 +20,10 @@ export const GameRandom: React.FC = () => {
   const [showResultModal, setShowResultModal] = useState(false);
   const [isFullscreen, setIsFullscreen] = useState(false);
 
+  // Filter State
+  const [excludedStudentIds, setExcludedStudentIds] = useState<Set<string>>(new Set());
+  const [isFilterOpen, setIsFilterOpen] = useState(false);
+
   // Reward State
   const [rewardType, setRewardType] = useState<'DRAW_COUNT' | 'ITEM' | 'ACHIEVEMENT'>('DRAW_COUNT');
   const [rewardId, setRewardId] = useState(''); // Achievement ID or Item Name
@@ -63,10 +68,17 @@ export const GameRandom: React.FC = () => {
 
   const getTargetList = () => {
       if (mode === 'TEAM') return teams;
-      if (scopeTeamId === 'ALL') return students;
-      const team = teams.find(t => t.id === scopeTeamId);
-      if (!team) return students;
-      return students.filter(s => team.members.includes(s._id || String(s.id)));
+      
+      let baseList = students;
+      if (scopeTeamId !== 'ALL') {
+          const team = teams.find(t => t.id === scopeTeamId);
+          if (team) {
+              baseList = students.filter(s => team.members.includes(s._id || String(s.id)));
+          }
+      }
+      
+      // Filter out excluded students
+      return baseList.filter(s => !excludedStudentIds.has(s._id || String(s.id)));
   };
 
   const startRandom = () => {
@@ -125,7 +137,14 @@ export const GameRandom: React.FC = () => {
       } else {
           // Team mode: find all students in team
           const team = selectedResult as GameTeam;
-          targets = students.filter(s => team.members.includes(s._id || String(s.id)));
+          // IMPORTANT: Exclude absent students from team reward
+          targets = students.filter(s => team.members.includes(s._id || String(s.id)) && !excludedStudentIds.has(s._id || String(s.id)));
+      }
+
+      if (targets.length === 0) {
+          alert('没有符合条件的学生可发放奖励');
+          setShowResultModal(false);
+          return;
       }
 
       const rewardName = rewardType === 'ACHIEVEMENT' 
@@ -194,6 +213,14 @@ export const GameRandom: React.FC = () => {
                         {teams.map(t => <option key={t.id} value={t.id}>{t.name} (组)</option>)}
                     </select>
                 )}
+                
+                <button 
+                    onClick={() => setIsFilterOpen(true)} 
+                    className={`flex items-center gap-1 px-3 py-2 rounded-lg text-sm border font-medium ${excludedStudentIds.size > 0 ? 'bg-red-50 text-red-600 border-red-200' : 'bg-gray-50 text-gray-600 border-gray-200'}`}
+                >
+                    <UserX size={16}/> 排除 ({excludedStudentIds.size})
+                </button>
+
                 <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>
@@ -260,6 +287,44 @@ export const GameRandom: React.FC = () => {
             </button>
         </div>
 
+        {/* Student Filter Modal */}
+        {isFilterOpen && (
+            <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>
+                        <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>
+                        </div>
+                    </div>
+                    <div className="flex-1 overflow-y-auto p-4 bg-gray-50">
+                        <div className="grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-2">
+                            {students.map(s => {
+                                const isExcluded = excludedStudentIds.has(s._id || String(s.id));
+                                return (
+                                    <div 
+                                        key={s._id} 
+                                        onClick={() => {
+                                            const newSet = new Set(excludedStudentIds);
+                                            if (isExcluded) newSet.delete(s._id || String(s.id));
+                                            else newSet.add(s._id || String(s.id));
+                                            setExcludedStudentIds(newSet);
+                                        }}
+                                        className={`p-2 rounded border cursor-pointer text-center text-sm transition-all select-none ${isExcluded ? 'bg-red-50 border-red-300 text-red-500 opacity-60' : 'bg-white border-gray-200 hover:border-blue-300'}`}
+                                    >
+                                        <div className="font-bold">{s.name}</div>
+                                        <div className="text-xs opacity-70">{s.seatNo}</div>
+                                        {isExcluded && <div className="text-[10px] font-bold mt-1">已排除</div>}
+                                    </div>
+                                )
+                            })}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        )}
+
         {/* Result Modal */}
         {showResultModal && selectedResult && (
             <div className="fixed inset-0 bg-black/60 z-[110] flex items-center justify-center p-4 backdrop-blur-sm animate-in fade-in">
@@ -298,4 +363,4 @@ export const GameRandom: React.FC = () => {
       return createPortal(GameContent, document.body);
   }
   return GameContent;
-};
+};

pages/GameZen.tsx

@@ -0,0 +1,549 @@
+
+import React, { useState, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { api } from '../services/api';
+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 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);
+  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);
+  const [students, setStudents] = useState<Student[]>([]);
+  const [excludedStudentIds, setExcludedStudentIds] = useState<Set<string>>(new Set());
+  const [isFilterOpen, setIsFilterOpen] = useState(false);
+  
+  const [durationMinutes, setDurationMinutes] = useState(40);
+  const [threshold, setThreshold] = useState(30);
+  const [passRate, setPassRate] = useState(90);
+  
+  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);
+  
+  // Sync Refs
+  useEffect(() => { isPlayingRef.current = isPlaying; }, [isPlaying]);
+  useEffect(() => { gameStateRef.current = gameState; }, [gameState]);
+
+  useEffect(() => {
+    loadData();
+    return () => {
+      stopAudio();
+      if(reqRef.current) cancelAnimationFrame(reqRef.current);
+    };
+  }, []);
+
+  const loadData = async () => {
+      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);
+          }
+      } catch (e) { console.error(e); }
+  };
+
+  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);
+      
+      audioContextRef.current = ctx;
+      analyserRef.current = analyser;
+      sourceRef.current = source;
+      dataArrayRef.current = new Uint8Array(analyser.frequencyBinCount);
+    } catch (e) {
+      console.error("Mic error", e);
+      alert('无法访问麦克风，请检查权限');
+    }
+  };
+
+  const stopAudio = () => {
+    if (sourceRef.current) sourceRef.current.disconnect();
+    if (audioContextRef.current) audioContextRef.current.close();
+    audioContextRef.current = null;
+  };
+
+  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 startGame = async () => {
+    saveConfig();
+    setIsConfigOpen(false);
+    setGameState('PLAYING');
+    setTimeLeft(durationMinutes * 60);
+    setQuietSeconds(0);
+    setTotalSeconds(0);
+    setScore(100);
+    
+    await startAudio();
+    setIsPlaying(true);
+    
+    lastTimeRef.current = performance.now();
+    if (reqRef.current) cancelAnimationFrame(reqRef.current);
+    reqRef.current = requestAnimationFrame(loop);
+  };
+
+  const endGame = () => {
+      setIsPlaying(false);
+      setGameState('FINISHED');
+      if(reqRef.current) cancelAnimationFrame(reqRef.current);
+      stopAudio();
+  };
+
+  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 vol = Math.min(100, Math.floor(avg / 2));
+        setCurrentVolume(vol);
+
+        // Game Logic
+        if (delta > 0) {
+            setTotalSeconds(prev => prev + delta);
+            if (vol < threshold) {
+                setQuietSeconds(prev => prev + delta);
+            }
+        }
+    }
+
+    setTimeLeft(prev => {
+        const next = prev - delta;
+        if (next <= 0) {
+            endGame();
+            return 0;
+        }
+        return next;
+    });
+  };
+
+  // Score Calculation
+  const calculatedScore = totalSeconds > 0 ? Math.round((quietSeconds / totalSeconds) * 100) : 100;
+  const isQuiet = currentVolume < threshold;
+
+  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 (rewardConfig.type === 'ACHIEVEMENT') {
+                  return api.achievements.grant({
+                      studentId: s._id || String(s.id),
+                      achievementId: rewardConfig.val,
+                      semester: '当前学期'
+                  });
+              } else {
+                  return api.games.grantReward({
+                      studentId: s._id || String(s.id),
+                      count: rewardConfig.count,
+                      rewardType: rewardConfig.type,
+                      name: rewardConfig.type === 'DRAW_COUNT' ? '禅道修行奖励' : rewardConfig.val
+                  });
+              }
+          });
+          await Promise.all(promises);
+          alert('奖励发放成功！');
+          setIsConfigOpen(true); 
+          setGameState('IDLE');
+      } catch (e) { alert('发放失败'); }
+  };
+
+  const containerStyle = isFullscreen ? {
+      position: 'fixed' as 'fixed',
+      top: 0,
+      left: 0,
+      width: '100vw',
+      height: '100vh',
+      zIndex: 999999,
+      backgroundColor: '#0f766e', 
+  } : {};
+
+  // Zen Visuals
+  const monkY = isQuiet ? -20 : 0; 
+  const monkScale = isQuiet ? 1.1 : 1;
+  const glowOpacity = isQuiet ? 0.6 : 0;
+
+  const GameContent = (
+    <div 
+        className={`${isFullscreen ? '' : 'h-full w-full relative'} flex flex-col bg-teal-800 overflow-hidden select-none transition-all duration-300 font-sans`}
+        style={containerStyle}
+    >
+        {/* Background */}
+        <div className="absolute inset-0 bg-gradient-to-b from-teal-900 to-teal-700 opacity-90 pointer-events-none"></div>
+        <div className="absolute inset-0 flex items-center justify-center pointer-events-none opacity-10">
+            <div className={`w-[800px] h-[800px] border-[50px] rounded-full border-white transition-all duration-1000 ${isQuiet ? 'scale-100' : 'scale-90 border-red-500'}`}></div>
+        </div>
+
+        {/* HUD */}
+        <div className="absolute top-4 left-4 z-50 flex gap-3">
+            <div className="bg-black/30 border border-teal-300/30 rounded-xl p-3 min-w-[120px] text-center backdrop-blur-md">
+                <span className="text-[10px] text-teal-200 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-teal-300/30 rounded-xl p-3 min-w-[120px] text-center backdrop-blur-md">
+                <span className="text-[10px] text-teal-200 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>
+
+        {/* Status Indicator */}
+        <div className="absolute top-4 right-4 z-50">
+             <div className={`px-4 py-2 rounded-full font-bold shadow-lg backdrop-blur-md transition-colors ${isQuiet ? 'bg-green-500/20 text-green-300 border border-green-500/50' : 'bg-red-500/20 text-red-300 border border-red-500/50'}`}>
+                 {isQuiet ? '🌿 极静 · 专注' : '⚠️ 喧哗 · 浮躁'}
+             </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/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>
+
+        {/* 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 bg-yellow-200 rounded-full blur-[80px] transition-all duration-1000"
+                style={{ opacity: glowOpacity, transform: `scale(${isQuiet ? 1.5 : 0.5})` }}
+            ></div>
+
+            {/* Monk/Visual */}
+            <div 
+                className="text-[150px] transition-all duration-1000 ease-in-out relative z-20 drop-shadow-2xl"
+                style={{ transform: `translateY(${monkY}px) scale(${monkScale})` }}
+            >
+                {isQuiet ? '🧘' : '😖'}
+            </div>
+            
+            {/* Levitation Base */}
+            <div className={`w-40 h-10 bg-black/20 rounded-[100%] blur-md transition-all duration-1000 ${isQuiet ? 'scale-75 opacity-50' : 'scale-100 opacity-80'}`}></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">
+                                            <div className="absolute top-0 bottom-0 w-0.5 bg-yellow-500 z-10 shadow-[0_0_5px_yellow]" style={{left: `${threshold}%`}}></div>
+                                            <div 
+                                                className={`h-full transition-all duration-75 ${currentVolume < threshold ? 'bg-green-500' : 'bg-red-500'}`}
+                                                style={{width: `${Math.min(currentVolume, 100)}%`}}
+                                            ></div>
+                                        </div>
+                                        <div className="mt-2">
+                                            <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 + 5); }} 
+                                        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>
+
+                            <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>
+
+                        {/* 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>
+
+                    <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>
+        )}
+
+        {/* Student Filter Modal */}
+        {isFilterOpen && (
+            <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>
+                        <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>
+                        </div>
+                    </div>
+                    <div className="flex-1 overflow-y-auto p-4 bg-gray-50">
+                        <div className="grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-2">
+                            {students.map(s => {
+                                const isExcluded = excludedStudentIds.has(s._id || String(s.id));
+                                return (
+                                    <div 
+                                        key={s._id} 
+                                        onClick={() => {
+                                            const newSet = new Set(excludedStudentIds);
+                                            if (isExcluded) newSet.delete(s._id || String(s.id));
+                                            else newSet.add(s._id || String(s.id));
+                                            setExcludedStudentIds(newSet);
+                                        }}
+                                        className={`p-2 rounded border cursor-pointer text-center text-sm transition-all select-none ${isExcluded ? 'bg-red-50 border-red-300 text-red-500 opacity-60' : 'bg-white border-gray-200 hover:border-blue-300'}`}
+                                    >
+                                        <div className="font-bold">{s.name}</div>
+                                        <div className="text-xs opacity-70">{s.seatNo}</div>
+                                        {isExcluded && <div className="text-[10px] font-bold mt-1">已排除</div>}
+                                    </div>
+                                )
+                            })}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        )}
+
+        {/* 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>
+                    
+                    {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 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>
+                </div>
+            </div>
+        )}
+    </div>
+  );
+
+  if (isFullscreen) {
+      return createPortal(GameContent, document.body);
+  }
+  return GameContent;
+};

pages/Games.tsx

@@ -1,10 +1,11 @@
 
 import React, { useState } from 'react';
-import { Trophy, Star, Award, Zap, Mic } from 'lucide-react';
+import { Trophy, Star, Award, Zap, Mic, Moon } from 'lucide-react';
 import { GameMountain } from './GameMountain';
 import { GameLucky } from './GameLucky';
 import { GameRandom } from './GameRandom';
 import { GameMonster } from './GameMonster';
+import { GameZen } from './GameZen';
 import { GameRewards } from './GameRewards';
 import { AchievementTeacher } from './AchievementTeacher';
 import { AchievementStudent } from './AchievementStudent';
@@ -12,7 +13,7 @@ import { api } from '../services/api';
 
 export const Games: React.FC = () => {
   const [activeTab, setActiveTab] = useState<'games' | 'achievements' | 'rewards'>('games');
-  const [activeGame, setActiveGame] = useState<'mountain' | 'lucky' | 'random' | 'monster'>('mountain');
+  const [activeGame, setActiveGame] = useState<'mountain' | 'lucky' | 'random' | 'monster' | 'zen'>('mountain');
 
   const currentUser = api.auth.getCurrentUser();
   const isStudent = currentUser?.role === 'STUDENT';
@@ -50,12 +51,16 @@ export const Games: React.FC = () => {
                   <button onClick={() => setActiveGame('monster')} className={`px-4 py-1.5 rounded-xl text-sm font-bold transition-all whitespace-nowrap ${activeGame === 'monster' ? 'bg-purple-100 text-purple-700 border-2 border-purple-200 shadow-sm' : 'text-gray-500 hover:bg-white hover:shadow-sm border-2 border-transparent'}`}>
                      <Mic size={14} className="inline mr-1"/> 早读战怪兽
                   </button>
+                  <button onClick={() => setActiveGame('zen')} className={`px-4 py-1.5 rounded-xl text-sm font-bold transition-all whitespace-nowrap ${activeGame === 'zen' ? 'bg-teal-100 text-teal-700 border-2 border-teal-200 shadow-sm' : 'text-gray-500 hover:bg-white hover:shadow-sm border-2 border-transparent'}`}>
+                     <Moon size={14} className="inline mr-1"/> 禅道修行
+                  </button>
                </div>
                
                <div className="flex-1 bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden relative">
                   {activeGame === 'mountain' ? <GameMountain /> : 
                    activeGame === 'lucky' ? <GameLucky /> : 
-                   activeGame === 'random' ? <GameRandom /> : <GameMonster />}
+                   activeGame === 'random' ? <GameRandom /> : 
+                   activeGame === 'zen' ? <GameZen /> : <GameMonster />}
                </div>
             </div>
          )}
@@ -70,4 +75,4 @@ export const Games: React.FC = () => {
       </div>
     </div>
   );
-};
+};

server.js

@@ -7,7 +7,7 @@ const path = require('path');
 const compression = require('compression'); 
 const { 
     School, User, Student, Course, Score, ClassModel, SubjectModel, ExamModel, ScheduleModel,
-    ConfigModel, NotificationModel, GameSessionModel, StudentRewardModel, LuckyDrawConfigModel, GameMonsterConfigModel,
+    ConfigModel, NotificationModel, GameSessionModel, StudentRewardModel, LuckyDrawConfigModel, GameMonsterConfigModel, GameZenConfigModel,
     AchievementConfigModel, StudentAchievementModel, AttendanceModel, LeaveRequestModel
 } = require('./models');
 
@@ -509,7 +509,7 @@ app.post('/api/games/lucky-draw', async (req, res) => {
    } catch (e) { res.status(500).json({ error: e.message }); }
 });
 
-// --- NEW MONSTER CONFIG ROUTES ---
+// --- 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;
@@ -522,6 +522,18 @@ app.post('/api/games/monster-config', async (req, res) => {
     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 } ] } ] };
@@ -573,7 +585,8 @@ app.delete('/api/schools/:id', async (req, res) => {
         await GameSessionModel.deleteMany({ schoolId });
         await StudentRewardModel.deleteMany({ schoolId });
         await LuckyDrawConfigModel.deleteMany({ schoolId });
-        await GameMonsterConfigModel.deleteMany({ schoolId }); // Clean up monster config
+        await GameMonsterConfigModel.deleteMany({ schoolId }); 
+        await GameZenConfigModel.deleteMany({ schoolId });
         await AchievementConfigModel.deleteMany({ schoolId });
         await StudentAchievementModel.deleteMany({ schoolId });
         res.json({ success: true });
@@ -800,4 +813,4 @@ app.post('/api/batch-delete', async (req, res) => {
 });
 
 app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'dist', 'index.html')); });
-app.listen(PORT, () => console.log(`🚀 Server running on port ${PORT}`));
+app.listen(PORT, () => console.log(`🚀 Server running on port ${PORT}`));

services/api.ts

@@ -207,6 +207,8 @@ export const api = {
     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: {