Upload 29 files

App.tsx

@@ -2,7 +2,7 @@
 import React, { useState, useEffect, Suspense } from 'react';
 import { Sidebar } from './components/Sidebar';
 import { Header } from './components/Header';
-// Lazy load pages for performance optimization
+// Lazy load pages
 const Dashboard = React.lazy(() => import('./pages/Dashboard').then(module => ({ default: module.Dashboard })));
 const StudentList = React.lazy(() => import('./pages/StudentList').then(module => ({ default: module.StudentList })));
 const CourseList = React.lazy(() => import('./pages/CourseList').then(module => ({ default: module.CourseList })));
@@ -13,13 +13,13 @@ const Reports = React.lazy(() => import('./pages/Reports').then(module => ({ def
 const SubjectList = React.lazy(() => import('./pages/SubjectList').then(module => ({ default: module.SubjectList })));
 const UserList = React.lazy(() => import('./pages/UserList').then(module => ({ default: module.UserList })));
 const SchoolList = React.lazy(() => import('./pages/SchoolList').then(module => ({ default: module.SchoolList })));
+const Games = React.lazy(() => import('./pages/Games').then(module => ({ default: module.Games })));
 
 import { Login } from './pages/Login';
 import { User, UserRole } from './types';
 import { api } from './services/api';
 import { AlertTriangle, Loader2 } from 'lucide-react';
 
-// Error Boundary Component
 class ErrorBoundary extends React.Component<{children: React.ReactNode}, {hasError: boolean, error: Error | null}> {
   constructor(props: any) {
     super(props);
@@ -44,28 +44,15 @@ class ErrorBoundary extends React.Component<{children: React.ReactNode}, {hasErr
             </div>
             <h2 className="text-2xl font-bold text-gray-900 mb-2">哎呀，页面出错了</h2>
             <p className="text-gray-500 mb-6">系统遇到了一些非预期的问题。通常这可能是网络波动或缓存问题导致的。</p>
-            
             <div className="bg-gray-50 p-4 rounded text-left text-xs text-red-500 overflow-auto max-h-40 mb-6 border border-red-100 font-mono">
               {this.state.error?.message || 'Unknown Error'}
             </div>
-
-            <button 
-              onClick={() => window.location.reload()}
-              className="w-full px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors font-medium"
-            >
-              刷新页面重试
-            </button>
-            <button 
-              onClick={() => { localStorage.clear(); window.location.reload(); }}
-              className="mt-3 w-full text-sm text-gray-400 hover:text-gray-600 underline"
-            >
-              清除缓存并重置 (解决白屏)
-            </button>
+            <button onClick={() => window.location.reload()} className="w-full px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors font-medium">刷新页面重试</button>
+            <button onClick={() => { localStorage.clear(); window.location.reload(); }} className="mt-3 w-full text-sm text-gray-400 hover:text-gray-600 underline">清除缓存并重置 (解决白屏)</button>
           </div>
         </div>
       );
     }
-
     return this.props.children;
   }
 }
@@ -120,6 +107,7 @@ const AppContent: React.FC = () => {
       case 'subjects': return <SubjectList />;
       case 'users': return <UserList />;
       case 'schools': return <SchoolList />; 
+      case 'games': return <Games />; // New Route
       default: return <Dashboard onNavigate={(view) => setCurrentView(view)} />;
     }
   };
@@ -134,7 +122,8 @@ const AppContent: React.FC = () => {
     reports: '统计报表',
     subjects: '学科设置',
     users: '用户权限管理',
-    schools: '学校维度管理'
+    schools: '学校维度管理',
+    games: '互动教学中心'
   };
 
   if (loading) return <div className="min-h-screen flex items-center justify-center bg-gray-50 text-blue-600">加载中...</div>;
@@ -153,16 +142,10 @@ const AppContent: React.FC = () => {
       />
       
       <div className="flex-1 flex flex-col w-full">
-        <Header 
-          user={currentUser!} 
-          title={viewTitles[currentView] || '智慧校园'} 
-          onMenuClick={() => setSidebarOpen(true)}
-        />
+        <Header user={currentUser!} title={viewTitles[currentView] || '智慧校园'} onMenuClick={() => setSidebarOpen(true)}/>
         <main className="flex-1 overflow-x-hidden overflow-y-auto bg-gray-50 p-4 md:p-6 w-full">
           <div className="max-w-7xl mx-auto w-full">
-            <Suspense fallback={<PageLoading />}>
-              {renderContent()}
-            </Suspense>
+            <Suspense fallback={<PageLoading />}>{renderContent()}</Suspense>
           </div>
         </main>
       </div>

components/Sidebar.tsx

@@ -1,6 +1,6 @@
 
 import React from 'react';
-import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building } from 'lucide-react';
+import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building, Gamepad2 } from 'lucide-react';
 import { UserRole } from '../types';
 
 interface SidebarProps {
@@ -13,16 +13,17 @@ interface SidebarProps {
 }
 
 export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, userRole, onLogout, isOpen, onClose }) => {
+  // Define menu items with explicit roles
   const menuItems = [
-    { id: 'dashboard', label: '工作台', icon: LayoutDashboard, roles: [UserRole.ADMIN, UserRole.TEACHER] },
+    { id: 'dashboard', label: '工作台', icon: LayoutDashboard, roles: [UserRole.ADMIN, UserRole.TEACHER, UserRole.STUDENT] },
     { id: 'students', label: '学生管理', icon: Users, roles: [UserRole.ADMIN, UserRole.TEACHER] },
     { id: 'classes', label: '班级管理', icon: School, roles: [UserRole.ADMIN] },
     { id: 'schools', label: '学校管理', icon: Building, roles: [UserRole.ADMIN] },
-    { id: 'courses', label: '课程管理', icon: BookOpen, roles: [UserRole.ADMIN, UserRole.TEACHER, UserRole.STUDENT] },
-    { id: 'grades', label: '成绩管理', icon: GraduationCap, roles: [UserRole.ADMIN, UserRole.TEACHER, UserRole.STUDENT] },
-    // Update: Allow TEACHER to access reports
-    { id: 'reports', label: '报表统计', icon: FileText, roles: [UserRole.ADMIN, UserRole.TEACHER] },
-    // Update: Allow TEACHER to access subjects (limited view)
+    { id: 'courses', label: '课程管理', icon: BookOpen, roles: [UserRole.ADMIN, UserRole.TEACHER] },
+    { id: 'grades', label: '成绩管理', icon: GraduationCap, roles: [UserRole.ADMIN, UserRole.TEACHER] },
+    // New: Interactive Games
+    { id: 'games', label: '互动教学', icon: Gamepad2, roles: [UserRole.TEACHER, UserRole.STUDENT] },
+    { id: 'reports', label: '报表统计', icon: FileText, roles: [UserRole.ADMIN, UserRole.TEACHER, UserRole.STUDENT] },
     { id: 'subjects', label: '学科设置', icon: Palette, roles: [UserRole.ADMIN, UserRole.TEACHER] },
     { id: 'users', label: '用户管理', icon: UserCog, roles: [UserRole.ADMIN] },
     { id: 'settings', label: '系统设置', icon: Settings, roles: [UserRole.ADMIN] },

metadata.json

@@ -1,5 +1,5 @@
 {
-  "name": "Copy of 智慧校园管理系统",
+  "name": "智慧校园管理系统",
   "description": "一个综合性的学生管理系统仪表板，具有基于角色的访问控制、学生档案、课程管理和绩效分析功能。",
   "requestFramePermissions": []
 }

pages/Dashboard.tsx

@@ -1,15 +1,15 @@
 
 import React, { useEffect, useState } from 'react';
-import { Users, BookOpen, GraduationCap, TrendingUp, AlertTriangle, ArrowRight, Activity, Calendar, X, CheckCircle, Plus, Trash2 } from 'lucide-react';
+import { Users, BookOpen, GraduationCap, TrendingUp, AlertTriangle, Activity, Calendar, X, CheckCircle, Plus } from 'lucide-react';
 import { api } from '../services/api';
-import { Score, ClassInfo, Subject, Schedule, User, SystemConfig } from '../types';
+import { Score, ClassInfo, Subject, Schedule, User } from '../types';
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
+import { StudentDashboard } from './StudentDashboard';
 
 interface DashboardProps {
   onNavigate: (view: string) => void;
 }
 
-// 优化后的年级排序：支持 K12 全学段中文习惯排序
 export const gradeOrder: Record<string, number> = { 
     '一年级': 1, '二年级': 2, '三年级': 3, '四年级': 4, '五年级': 5, '六年级': 6, 
     '初一': 7, '七年级': 7, '初二': 8, '八年级': 8, '初三': 9, '九年级': 9, 
@@ -17,12 +17,10 @@ export const gradeOrder: Record<string, number> = {
 };
 export const sortGrades = (a: string, b: string) => (gradeOrder[a] || 99) - (gradeOrder[b] || 99);
 export const sortClasses = (a: string, b: string) => {
-    // 提取年级部分
     const getGrade = (s: string) => Object.keys(gradeOrder).find(g => s.startsWith(g)) || '';
     const gradeA = getGrade(a);
     const gradeB = getGrade(b);
     if (gradeA !== gradeB) return sortGrades(gradeA, gradeB);
-    // 年级相同，比较班级号 (假设格式如 (1)班, 1班)
     const getNum = (s: string) => parseInt(s.replace(/[^0-9]/g, '')) || 0;
     return getNum(a) - getNum(b);
 };
@@ -40,18 +38,23 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
   const [subjects, setSubjects] = useState<Subject[]>([]);
   const [teachers, setTeachers] = useState<User[]>([]);
   
-  // 课表视图状态
-  const [viewGrade, setViewGrade] = useState(''); // 管理员年级视角
-  
+  const [viewGrade, setViewGrade] = useState(''); 
   const [editingCell, setEditingCell] = useState<{day: number, period: number} | null>(null);
   const [editForm, setEditForm] = useState({ className: '', subject: '', teacherName: '' });
 
-  // Chart Data
   const [trendData, setTrendData] = useState<any[]>([]);
 
   const currentUser = api.auth.getCurrentUser();
   const isAdmin = currentUser?.role === 'ADMIN';
   const isTeacher = currentUser?.role === 'TEACHER';
+  const isStudent = currentUser?.role === 'STUDENT';
+
+  // If Student, Render Student Dashboard
+  if (isStudent) {
+    return <StudentDashboard />;
+  }
+
+  // --- Admin/Teacher Logic Below ---
 
   useEffect(() => {
     const loadData = async () => {
@@ -69,7 +72,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
         setSubjects(subs);
         setTeachers(userList);
 
-        // 如果是管理员，且没有选年级，默认选中第一个有数据的年级
         if (isAdmin && classes.length > 0) {
             const grades = Array.from(new Set((classes as ClassInfo[]).map((c: ClassInfo) => c.grade))).sort(sortGrades);
             if (grades.length > 0) {
@@ -77,7 +79,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
             }
         }
 
-        // Generate Warnings (Simplified)
         const newWarnings: string[] = [];
         subs.forEach((sub: Subject) => {
            const subScores = (scores as Score[]).filter((s: Score) => s.courseName === sub.name && s.status === 'Normal');
@@ -88,7 +89,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
         });
         setWarnings(newWarnings);
 
-        // Trend Data
         const examGroups: Record<string, number[]> = {};
         (scores as Score[]).filter((s: Score) => s.status==='Normal').forEach((s: Score) => {
            const key = s.examName || s.type;
@@ -114,17 +114,14 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
   const fetchSchedules = async () => {
      try {
         const params: any = {};
-        
-        // 逻辑：如果是管理员，只看年级视图；如果是老师，看自己的
         if (isAdmin) {
-           if (!viewGrade) return; // 等待默认年级加载
+           if (!viewGrade) return; 
            params.grade = viewGrade;
         } else {
            if (currentUser?.role === 'TEACHER') {
               params.teacherName = currentUser.trueName || currentUser.username;
            }
         }
-        
         const data = await api.schedules.get(params);
         setSchedules(data);
      } catch(e) { console.error(e); }
@@ -133,37 +130,35 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
   const handleOpenAddModal = (day: number, period: number) => {
       setEditingCell({ day, period });
       setEditForm({ 
-         className: '', // 需选择
-         subject: isTeacher ? (currentUser?.teachingSubject || '') : '', // 老师自��填科目
-         teacherName: isTeacher ? (currentUser?.trueName || currentUser?.username || '') : '' // 老师自动填名字
+         className: '',
+         subject: isTeacher ? (currentUser?.teachingSubject || '') : '', 
+         teacherName: isTeacher ? (currentUser?.trueName || currentUser?.username || '') : '' 
       });
   };
 
   const handleSaveSchedule = async () => {
      if (!editingCell) return;
-     
-     // 校验
      if (!editForm.className) return alert('请选择班级');
      if (!editForm.subject) return alert('请选择科目');
      if (!editForm.teacherName) return alert('请选择任课教师');
 
-     // 构造班级全名
-     const targetClassName = editForm.className; 
-
-     await api.schedules.save({
-        className: targetClassName,
-        dayOfWeek: editingCell.day,
-        period: editingCell.period,
-        subject: editForm.subject,
-        teacherName: editForm.teacherName
-     });
-     setEditingCell(null);
-     fetchSchedules();
+     try {
+       await api.schedules.save({
+          className: editForm.className,
+          dayOfWeek: editingCell.day,
+          period: editingCell.period,
+          subject: editForm.subject,
+          teacherName: editForm.teacherName
+       });
+       setEditingCell(null);
+       fetchSchedules();
+     } catch (err: any) {
+       alert('排课失败：' + (err.message || '未知错误'));
+     }
   };
 
   const handleDeleteSchedule = async (schedule: Schedule) => {
      if (!confirm(`确定删除 ${schedule.className} 的 ${schedule.subject} 课？`)) return;
-     
      await api.schedules.delete({
         className: schedule.className,
         dayOfWeek: schedule.dayOfWeek,
@@ -172,12 +167,7 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
      fetchSchedules();
   };
 
-  // 排序后的年级选项 (Admin Only)
   const uniqueGrades = Array.from(new Set(classList.map(c => c.grade))).sort(sortGrades);
-  
-  // 弹窗中可选的班级列表：
-  // 1. 如果是管理员，显示当前选中年级 viewGrade 的班级 (保持上下文一致)
-  // 2. 如果是老师，显示全校所有班级 (因为老师可能跨年级授课)
   const modalClassOptions = isAdmin 
       ? classList.filter(c => c.grade === viewGrade).map(c => c.grade + c.className).sort(sortClasses)
       : classList.map(c => c.grade + c.className).sort(sortClasses);
@@ -206,7 +196,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
         </div>
       </div>
 
-      {/* KPI Cards */}
       <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
         {cards.map((card, index) => (
           <div key={index} className="bg-white rounded-xl shadow-sm border border-gray-100 p-6 flex items-start justify-between hover:shadow-md transition-shadow relative overflow-hidden group">
@@ -225,9 +214,7 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
         ))}
       </div>
 
-      {/* Charts & Widgets */}
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-        {/* Main Chart */}
         <div className="lg:col-span-2 bg-white rounded-xl shadow-sm border border-gray-100 p-6">
            <div className="flex items-center justify-between mb-6">
               <h3 className="text-lg font-bold text-gray-800">全校考试成绩走势</h3>
@@ -248,7 +235,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
            </div>
         </div>
 
-        {/* Warnings & Quick Start */}
         <div className="space-y-6">
            <div className="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
              <div className="flex items-center justify-between mb-4">
@@ -276,7 +262,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
         </div>
       </div>
 
-      {/* Timetable Modal */}
       {showSchedule && (
          <div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4">
             <div className="bg-white rounded-xl w-full max-w-6xl h-[90vh] p-6 relative animate-in fade-in flex flex-col shadow-2xl">
@@ -284,7 +269,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
                   <div className="flex flex-wrap items-center gap-4">
                      <h3 className="text-xl font-bold flex items-center"><Calendar className="mr-2 text-blue-600"/> 智能课程表</h3>
                      
-                     {/* Admin Controls */}
                      {isAdmin && (
                         <div className="flex bg-gray-100 rounded-lg p-1">
                            <select 
@@ -320,18 +304,12 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
                               <td className="p-4 border-b border-r font-bold text-gray-400 bg-gray-50/50">第{period}节</td>
                               {[1,2,3,4,5].map(day => {
                                  const slotItems = schedules.filter(s => s.dayOfWeek === day && s.period === period);
-                                 // Update: Admins OR Teachers can add/edit
-                                 // Teacher can add slots for themselves
                                  const canAdd = isAdmin || isTeacher;
                                  
                                  return (
-                                    <td 
-                                       key={day} 
-                                       className="p-2 border-b h-28 align-top transition-colors relative group"
-                                    >
+                                    <td key={day} className="p-2 border-b h-28 align-top transition-colors relative group">
                                        <div className="flex flex-wrap gap-2 content-start h-full overflow-y-auto custom-scrollbar pb-6">
                                           {slotItems.map(item => {
-                                             // Teacher can only delete their own lessons
                                              const canDelete = isAdmin || (isTeacher && (item.teacherName === currentUser.trueName || item.teacherName === currentUser.username));
                                              return (
                                                 <div key={item._id} className="text-xs text-left bg-white border border-blue-200 rounded-md p-2 w-full shadow-sm relative group/item hover:border-blue-400 hover:shadow-md transition-all">
@@ -348,7 +326,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
                                                       )}
                                                    </div>
                                                    <div className="flex justify-between items-center text-gray-600">
-                                                      {/* 显示班级名 */}
                                                       <span className="bg-blue-50 text-blue-600 px-1.5 rounded font-mono text-[10px] font-bold">
                                                          {item.className.replace(viewGrade, '')}
                                                       </span>
@@ -357,14 +334,9 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
                                                 </div>
                                              );
                                           })}
-                                          
-                                          {/* Add Button */}
                                           {canAdd && (
                                              <div className="absolute bottom-1 right-1 left-1 flex justify-center opacity-0 group-hover:opacity-100 transition-opacity">
-                                                 <button 
-                                                    onClick={() => handleOpenAddModal(day, period)}
-                                                    className="w-full bg-blue-50 border border-blue-200 text-blue-500 rounded py-1 hover:bg-blue-100 flex items-center justify-center shadow-sm"
-                                                 >
+                                                 <button onClick={() => handleOpenAddModal(day, period)} className="w-full bg-blue-50 border border-blue-200 text-blue-500 rounded py-1 hover:bg-blue-100 flex items-center justify-center shadow-sm">
                                                     <Plus size={14}/>
                                                  </button>
                                              </div>
@@ -380,7 +352,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
                </div>
             </div>
             
-            {/* 排课弹窗 */}
             {editingCell && (
                <div className="absolute inset-0 bg-black/20 flex items-center justify-center backdrop-blur-[1px] z-50">
                   <div className="bg-white p-6 rounded-xl shadow-2xl w-80 animate-in zoom-in-95 border border-gray-100">
@@ -389,45 +360,27 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
                         <span className="text-sm font-normal text-gray-500">周{['一','二','三','四','五'][editingCell.day-1]} 第{editingCell.period}节</span>
                      </h4>
                      <div className="space-y-4">
-                        {/* 班级选择: Admin 选择 viewGrade 下的班级，Teacher 可以选全校班级 */}
                         <div>
                            <label className="text-xs font-bold text-gray-500 uppercase mb-1 block">班级</label>
-                           <select 
-                              className="w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-2 focus:ring-blue-500 outline-none" 
-                              value={editForm.className} 
-                              onChange={e=>setEditForm({...editForm, className: e.target.value})}
-                           >
+                           <select className="w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-2 focus:ring-blue-500 outline-none" value={editForm.className} onChange={e=>setEditForm({...editForm, className: e.target.value})}>
                               <option value="">-- 请选择班级 --</option>
                               {modalClassOptions.map(c => <option key={c} value={c}>{c}</option>)}
                            </select>
                         </div>
-
                         <div>
                            <label className="text-xs font-bold text-gray-500 uppercase mb-1 block">科目</label>
-                           <select 
-                              className="w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-2 focus:ring-blue-500 outline-none disabled:bg-gray-100 disabled:text-gray-500" 
-                              value={editForm.subject} 
-                              onChange={e=>setEditForm({...editForm, subject: e.target.value})}
-                              disabled={isTeacher && !!currentUser?.teachingSubject} // 老师如果有任教科目则锁定
-                           >
+                           <select className="w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-2 focus:ring-blue-500 outline-none disabled:bg-gray-100 disabled:text-gray-500" value={editForm.subject} onChange={e=>setEditForm({...editForm, subject: e.target.value})} disabled={isTeacher && !!currentUser?.teachingSubject}>
                               <option value="">-- 请选择科目 --</option>
                               {subjects.map(s=><option key={s._id} value={s.name}>{s.name}</option>)}
                            </select>
                         </div>
-                        
                         <div>
                            <label className="text-xs font-bold text-gray-500 uppercase mb-1 block">任课教师</label>
-                           <select 
-                              className="w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-2 focus:ring-blue-500 outline-none disabled:bg-gray-100 disabled:text-gray-500" 
-                              value={editForm.teacherName} 
-                              onChange={e=>setEditForm({...editForm, teacherName: e.target.value})}
-                              disabled={isTeacher} // 老师只能给自己排课
-                           >
+                           <select className="w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-2 focus:ring-blue-500 outline-none disabled:bg-gray-100 disabled:text-gray-500" value={editForm.teacherName} onChange={e=>setEditForm({...editForm, teacherName: e.target.value})} disabled={isTeacher}>
                               <option value="">-- 请选择教师 --</option>
                               {teachers.map(t=><option key={t._id} value={t.trueName || t.username}>{t.trueName} ({t.teachingSubject || '无科目'})</option>)}
                            </select>
                         </div>
-
                         <div className="flex gap-3 pt-2">
                            <button onClick={handleSaveSchedule} className="flex-1 bg-blue-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">确认添加</button>
                            <button onClick={()=>setEditingCell(null)} className="flex-1 bg-gray-100 text-gray-700 py-2 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors">取消</button>
@@ -439,7 +392,6 @@ export const Dashboard: React.FC<DashboardProps> = ({ onNavigate }) => {
          </div>
       )}
 
-      {/* System Status Modal */}
       {showStatus && (
          <div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4">
             <div className="bg-white rounded-xl w-full max-w-sm p-6 relative animate-in fade-in zoom-in-95">

pages/Games.tsx

@@ -0,0 +1,333 @@
+
+import React, { useState, useEffect } from 'react';
+import { api } from '../services/api';
+import { GameSession, GameTeam, Student, StudentReward, LuckyDrawConfig } from '../types';
+import { Trophy, Gift, Lock, Settings, Plus, Minus, Users, RefreshCw, Star, ArrowRight, Loader2 } from 'lucide-react';
+
+// --- Mountain Game Sub-Components ---
+
+const MountainStage = ({ team, index, rewardsConfig, maxSteps }: { team: GameTeam, index: number, rewardsConfig: any[], maxSteps: number }) => {
+  const percentage = Math.min(Math.max(team.score, 0), maxSteps) / maxSteps;
+  const bottomPos = 5 + (percentage * 85);
+  
+  return (
+    <div className="relative flex flex-col items-center justify-end h-[400px] w-48 mx-4 flex-shrink-0 select-none group">
+      <div className="absolute -top-12 text-center w-[140%] z-20">
+        <h3 className="text-lg font-black text-slate-800 bg-white/90 px-3 py-1 rounded-xl shadow-sm border border-white/60">
+          {team.name}
+        </h3>
+      </div>
+      
+      {/* Mountain SVG Background */}
+      <div className="absolute bottom-0 left-0 w-full h-full z-0 overflow-visible filter drop-shadow-md">
+         <svg viewBox="0 0 200 500" preserveAspectRatio="none" className="w-full h-full">
+            <path d="M100 20 L 190 500 L 10 500 Z" fill={index % 2 === 0 ? '#4ade80' : '#22c55e'} stroke="#15803d" strokeWidth="2" />
+            <path d="M100 20 L 125 150 L 110 130 L 100 160 L 90 130 L 75 150 Z" fill="white" opacity="0.8" />
+         </svg>
+      </div>
+
+      {/* Ladder & Rewards */}
+      <div className="absolute bottom-0 w-10 h-[90%] z-10 flex flex-col-reverse justify-between items-center py-4">
+         {Array.from({ length: maxSteps + 1 }).map((_, i) => {
+            const reward = rewardsConfig.find(r => r.scoreThreshold === i);
+            const isUnlocked = team.score >= i;
+            return (
+               <div key={i} className="relative w-full h-full flex items-center justify-center">
+                  <div className="w-full h-1 bg-amber-700/50 rounded-sm"></div>
+                  {reward && (
+                     <div className={`absolute left-full ml-2 px-2 py-1 rounded text-[10px] font-bold whitespace-nowrap border ${isUnlocked ? 'bg-yellow-100 border-yellow-300 text-yellow-700' : 'bg-gray-100 border-gray-200 text-gray-400'}`}>
+                        {reward.rewardType === 'DRAW_COUNT' ? '🎲' : '🎁'} {reward.rewardName}
+                     </div>
+                  )}
+               </div>
+            );
+         })}
+      </div>
+
+      {/* Climber */}
+      <div className="absolute z-30 transition-all duration-700 ease-out flex flex-col items-center" style={{ bottom: `${bottomPos}%` }}>
+         <div className="w-12 h-12 bg-white rounded-full border-4 shadow-lg flex items-center justify-center transform hover:scale-110 transition-transform" style={{ borderColor: team.color }}>
+            <span className="text-2xl">{team.avatar || '🚩'}</span>
+            <div className="absolute -top-2 -right-2 bg-red-500 text-white text-[10px] font-bold w-5 h-5 rounded-full flex items-center justify-center border border-white">
+               {team.score}
+            </div>
+         </div>
+      </div>
+    </div>
+  );
+};
+
+// --- Lucky Wheel Sub-Components ---
+
+const LuckyGrid = ({ prizes, onDraw, remaining, isSpinning }: { prizes: string[], onDraw: () => void, remaining: number, isSpinning: boolean }) => {
+   return (
+      <div className="relative w-full max-w-md mx-auto aspect-square bg-red-600 rounded-3xl p-4 shadow-2xl border-4 border-yellow-400">
+         <div className="grid grid-cols-3 gap-2 h-full">
+            {/* 8 items around, center is button */}
+            {[0, 1, 2, 7, -1, 3, 6, 5, 4].map((idx, pos) => {
+               if (idx === -1) {
+                  return (
+                     <button 
+                        key="btn" 
+                        onClick={onDraw} 
+                        disabled={isSpinning || remaining <= 0}
+                        className="bg-yellow-400 hover:bg-yellow-300 active:scale-95 disabled:opacity-50 disabled:scale-100 transition-all rounded-xl flex flex-col items-center justify-center shadow-inner border-b-4 border-yellow-600"
+                     >
+                        <span className="text-2xl font-black text-red-700">抽奖</span>
+                        <span className="text-xs font-bold text-red-800">剩 {remaining} 次</span>
+                     </button>
+                  );
+               }
+               return (
+                  <div key={pos} className="bg-red-50 rounded-xl flex items-center justify-center text-center p-1 shadow-sm border border-red-100">
+                     <span className="text-sm font-bold text-red-800 break-words w-full">{prizes[idx] || '谢谢参与'}</span>
+                  </div>
+               );
+            })}
+         </div>
+      </div>
+   );
+};
+
+// --- Main Page ---
+
+export const Games: React.FC = () => {
+  const [activeGame, setActiveGame] = useState<'mountain' | 'lucky'>('mountain');
+  const [session, setSession] = useState<GameSession | null>(null);
+  const [luckyConfig, setLuckyConfig] = useState<LuckyDrawConfig | null>(null);
+  const [myRewards, setMyRewards] = useState<StudentReward[]>([]);
+  const [studentInfo, setStudentInfo] = useState<Student | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  // Teacher Controls
+  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+  const [students, setStudents] = useState<Student[]>([]);
+
+  const currentUser = api.auth.getCurrentUser();
+  const isTeacher = currentUser?.role === 'TEACHER';
+
+  useEffect(() => {
+    loadData();
+  }, [activeGame]);
+
+  const loadData = async () => {
+    setLoading(true);
+    try {
+      // Load context based on user
+      let targetClass = '';
+      if (isTeacher && currentUser.homeroomClass) targetClass = currentUser.homeroomClass;
+      else if (currentUser.role === 'STUDENT') {
+         const stus = await api.students.getAll();
+         const me = stus.find((s: Student) => s.name === (currentUser.trueName || currentUser.username));
+         if (me) {
+            setStudentInfo(me);
+            targetClass = me.className;
+         }
+      }
+
+      if (targetClass) {
+         // Load Mountain Data
+         const sess = await api.games.getMountainSession(targetClass);
+         if (sess) setSession(sess);
+         else if (isTeacher) {
+            // Init default session for teacher
+            const newSess = {
+               schoolId: currentUser.schoolId!,
+               className: targetClass,
+               subject: '综合',
+               isEnabled: true,
+               maxSteps: 10,
+               teams: [
+                  { id: '1', name: '探索队', score: 0, avatar: '🚀', color: '#ef4444', members: [] },
+                  { id: '2', name: '雄鹰队', score: 0, avatar: '🦅', color: '#3b82f6', members: [] }
+               ],
+               rewardsConfig: [
+                  { scoreThreshold: 5, rewardType: 'DRAW_COUNT', rewardName: '抽奖券', rewardValue: 1 },
+                  { scoreThreshold: 10, rewardType: 'ITEM', rewardName: '神秘大奖', rewardValue: 1 }
+               ]
+            };
+            setSession(newSess);
+         }
+      }
+
+      // Load Lucky Config
+      const lCfg = await api.games.getLuckyConfig();
+      setLuckyConfig(lCfg);
+
+      // Load Rewards if Student
+      if (currentUser.role === 'STUDENT' && studentInfo) {
+         const rews = await api.rewards.getMyRewards(studentInfo._id!);
+         setMyRewards(rews);
+      }
+
+      if (isTeacher) {
+         setStudents(await api.students.getAll());
+      }
+
+    } catch (e) { console.error(e); }
+    finally { setLoading(false); }
+  };
+
+  const handleScoreChange = async (teamId: string, delta: number) => {
+    if (!session || !isTeacher) return;
+    const newTeams = session.teams.map(t => {
+       if (t.id !== teamId) return t;
+       const newScore = Math.max(0, Math.min(session.maxSteps, t.score + delta));
+       
+       // Check for Reward Trigger (Scaling up)
+       if (delta > 0) {
+          const reward = session.rewardsConfig.find(r => r.scoreThreshold === newScore);
+          if (reward) {
+             // Distribute Reward to all members
+             t.members.forEach(stuId => {
+                const stu = students.find(s => (s._id || s.id) == stuId);
+                if (stu) {
+                   api.rewards.addReward({
+                      schoolId: session.schoolId,
+                      studentId: stu._id || String(stu.id),
+                      studentName: stu.name,
+                      rewardType: reward.rewardType as any,
+                      name: reward.rewardName,
+                      status: 'PENDING',
+                      source: `群岳争锋 - ${t.name} ${newScore}分奖励`
+                   });
+                }
+             });
+             alert(`🎉 ${t.name} 达到 ${newScore} 分！已发放 [${reward.rewardName}] 给 ${t.members.length} 名组员！`);
+          }
+       }
+       return { ...t, score: newScore };
+    });
+    
+    const newSession = { ...session, teams: newTeams };
+    setSession(newSession);
+    await api.games.saveMountainSession(newSession);
+  };
+
+  // Lucky Draw Logic
+  const handleDraw = async () => {
+     if (!studentInfo || !luckyConfig) return;
+     if ((studentInfo.drawAttempts || 0) <= 0) return alert('抽奖次数不足！请通过“群岳争锋”游戏获取。');
+     
+     // 1. Consume Attempt
+     await api.rewards.consumeDraw(studentInfo._id!);
+     setStudentInfo({ ...studentInfo, drawAttempts: (studentInfo.drawAttempts || 0) - 1 });
+     
+     // 2. Random Logic
+     const rand = Math.random();
+     const prizeIndex = Math.floor(rand * luckyConfig.prizes.length);
+     const prize = luckyConfig.prizes[prizeIndex] || luckyConfig.defaultPrize;
+     
+     // 3. Record Prize
+     await api.rewards.addReward({
+        schoolId: luckyConfig.schoolId,
+        studentId: studentInfo._id,
+        studentName: studentInfo.name,
+        rewardType: 'ITEM',
+        name: prize,
+        status: 'PENDING',
+        source: '幸运大抽奖'
+     });
+
+     alert(`🎁 恭喜你抽中了：${prize}！请联系老师兑换。`);
+     loadData(); // Reload rewards
+  };
+
+  if (loading) return <div className="p-10 text-center"><Loader2 className="animate-spin inline"/></div>;
+
+  if (!isTeacher && !session?.isEnabled) {
+     return <div className="p-10 text-center text-gray-400">老师尚未开启互动教学功能</div>;
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* Game Switcher */}
+      <div className="flex justify-center space-x-4 mb-6">
+         <button 
+           onClick={() => setActiveGame('mountain')} 
+           className={`px-6 py-3 rounded-2xl font-bold flex items-center transition-all ${activeGame === 'mountain' ? 'bg-gradient-to-r from-green-500 to-emerald-600 text-white shadow-lg scale-105' : 'bg-white text-gray-500 hover:bg-gray-50'}`}
+         >
+            <Trophy className="mr-2"/> 群岳争锋
+         </button>
+         <button 
+           onClick={() => setActiveGame('lucky')} 
+           className={`px-6 py-3 rounded-2xl font-bold flex items-center transition-all ${activeGame === 'lucky' ? 'bg-gradient-to-r from-red-500 to-pink-600 text-white shadow-lg scale-105' : 'bg-white text-gray-500 hover:bg-gray-50'}`}
+         >
+            <Gift className="mr-2"/> 幸运红包
+         </button>
+      </div>
+
+      {/* --- MOUNTAIN GAME --- */}
+      {activeGame === 'mountain' && session && (
+         <div className="animate-in fade-in">
+            {isTeacher && (
+               <div className="flex justify-end mb-4">
+                  <button onClick={() => setIsSettingsOpen(true)} className="flex items-center text-sm text-gray-600 bg-white px-3 py-1.5 rounded-lg border hover:bg-gray-50"><Settings size={16} className="mr-1"/> 游戏设置</button>
+               </div>
+            )}
+            
+            <div className="bg-gradient-to-b from-sky-200 to-white rounded-3xl p-8 overflow-x-auto min-h-[500px] border border-sky-100 shadow-inner relative">
+               <div className="flex items-end min-w-max mx-auto justify-center gap-8 pb-10">
+                  {session.teams.map((team, idx) => (
+                     <div key={team.id} className="relative group">
+                        <MountainStage 
+                           team={team} 
+                           index={idx} 
+                           rewardsConfig={session.rewardsConfig} 
+                           maxSteps={session.maxSteps} 
+                        />
+                        {/* Teacher Controls */}
+                        {isTeacher && (
+                           <div className="absolute -bottom-12 left-1/2 -translate-x-1/2 flex items-center bg-white rounded-full shadow-lg p-1 border border-gray-100 opacity-0 group-hover:opacity-100 transition-opacity">
+                              <button onClick={() => handleScoreChange(team.id, -1)} className="p-2 hover:bg-gray-100 rounded-full text-gray-500"><Minus size={16}/></button>
+                              <span className="w-8 text-center font-bold text-gray-700">{team.score}</span>
+                              <button onClick={() => handleScoreChange(team.id, 1)} className="p-2 hover:bg-blue-50 rounded-full text-blue-600"><Plus size={16}/></button>
+                           </div>
+                        )}
+                     </div>
+                  ))}
+               </div>
+            </div>
+         </div>
+      )}
+
+      {/* --- LUCKY DRAW GAME --- */}
+      {activeGame === 'lucky' && luckyConfig && (
+         <div className="animate-in fade-in grid grid-cols-1 md:grid-cols-2 gap-8">
+            <div className="flex flex-col items-center justify-center">
+               <div className="bg-white p-6 rounded-2xl shadow-sm border w-full max-w-md mb-6 text-center">
+                  <h3 className="text-xl font-bold text-gray-800 mb-2">我的抽奖券</h3>
+                  <div className="text-4xl font-black text-amber-500 mb-2">{studentInfo?.drawAttempts || 0}</div>
+                  <p className="text-xs text-gray-400">每日上限 {luckyConfig.dailyLimit} 次</p>
+               </div>
+               <LuckyGrid 
+                  prizes={luckyConfig.prizes} 
+                  onDraw={handleDraw} 
+                  remaining={studentInfo?.drawAttempts || 0}
+                  isSpinning={false} 
+               />
+            </div>
+            
+            {/* Rewards List */}
+            <div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
+               <h3 className="font-bold text-gray-800 mb-4 flex items-center"><Star className="text-yellow-400 mr-2"/> 我的战利品</h3>
+               <div className="space-y-3 max-h-[500px] overflow-y-auto">
+                  {myRewards.length > 0 ? myRewards.map(r => (
+                     <div key={r._id} className="flex justify-between items-center p-3 bg-gray-50 rounded-lg border border-gray-100">
+                        <div>
+                           <div className="font-bold text-gray-800">{r.name}</div>
+                           <div className="text-xs text-gray-400">{r.source}</div>
+                        </div>
+                        {r.status === 'REDEEMED' 
+                           ? <span className="text-xs bg-gray-200 text-gray-500 px-2 py-1 rounded">已兑换</span>
+                           : <span className="text-xs bg-green-100 text-green-700 px-2 py-1 rounded cursor-pointer">未兑换</span>
+                        }
+                     </div>
+                  )) : <div className="text-center text-gray-400 py-10">暂无奖品，去登山吧！</div>}
+               </div>
+            </div>
+         </div>
+      )}
+    </div>
+  );
+};

pages/Reports.tsx

@@ -2,13 +2,12 @@
 import React, { useState, useEffect } from 'react';
 import { 
   BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, 
-  LineChart, Line, AreaChart, Area, PieChart as RePieChart, Pie, Cell, RadarChart, Radar, PolarGrid, PolarAngleAxis, PolarRadiusAxis 
+  LineChart, Line, AreaChart, Area, RadarChart, Radar, PolarGrid, PolarAngleAxis, PolarRadiusAxis 
 } from 'recharts';
 import { api } from '../services/api';
-import { Loader2, Download, Filter, TrendingUp, Grid, BarChart2, User, PieChart as PieChartIcon } from 'lucide-react';
+import { Loader2, Download, Filter, TrendingUp, Grid, BarChart2, User, PieChart as PieChartIcon, Lock } from 'lucide-react';
 import { Score, Student, ClassInfo, Subject, Exam } from '../types';
 
-// Reuse sort logic
 const localSortGrades = (a: string, b: string) => {
     const order: Record<string, number> = { '一年级': 1, '二年级': 2, '三年级': 3, '四年级': 4, '五年级': 5, '六年级': 6, '初一': 7, '七年级': 7, '初二': 8, '八年级': 8, '初三': 9, '九年级': 9, '高一': 10, '高二': 11, '高三': 12 };
     return (order[a] || 99) - (order[b] || 99);
@@ -16,35 +15,27 @@ const localSortGrades = (a: string, b: string) => {
 
 export const Reports: React.FC = () => {
   const [loading, setLoading] = useState(true);
-  const [activeTab, setActiveTab] = useState<'overview' | 'grade' | 'trend' | 'matrix' | 'student'>('overview');
+  const currentUser = api.auth.getCurrentUser();
+  const isStudent = currentUser?.role === 'STUDENT';
+
+  // Force 'student' tab for Student Role
+  const [activeTab, setActiveTab] = useState<'overview' | 'grade' | 'trend' | 'matrix' | 'student'>(isStudent ? 'student' : 'overview');
   
-  // Data
   const [scores, setScores] = useState<Score[]>([]);
   const [students, setStudents] = useState<Student[]>([]);
   const [classes, setClasses] = useState<ClassInfo[]>([]);
   const [subjects, setSubjects] = useState<Subject[]>([]);
   const [exams, setExams] = useState<Exam[]>([]);
 
-  // Filters
   const [selectedGrade, setSelectedGrade] = useState<string>('六年级');
-  const [selectedClass, setSelectedClass] = useState<string>(''); // For Trend/Student
-  const [selectedSubject, setSelectedSubject] = useState<string>(''); // For Trend
+  const [selectedClass, setSelectedClass] = useState<string>(''); 
+  const [selectedSubject, setSelectedSubject] = useState<string>(''); 
 
-  // Computed Data
   const [gradeAnalysisData, setGradeAnalysisData] = useState<any[]>([]);
   const [trendData, setTrendData] = useState<any[]>([]);
   const [matrixData, setMatrixData] = useState<any[]>([]);
+  const [overviewData, setOverviewData] = useState<any>({});
 
-  // Overview Data
-  const [overviewData, setOverviewData] = useState<{
-     totalStudents: number;
-     avgScore: number;
-     passRate: number;
-     gradeLadder: any[];
-     subjectDist: any[];
-  }>({ totalStudents: 0, avgScore: 0, passRate: 0, gradeLadder: [], subjectDist: [] });
-
-  // Student Focus State
   const [selectedStudent, setSelectedStudent] = useState<Student | null>(null);
 
   useEffect(() => {
@@ -64,9 +55,17 @@ export const Reports: React.FC = () => {
         setSubjects(subs);
         setExams(exs);
         
-        // Set Defaults
         if (cls.length > 0) setSelectedClass(cls[0].grade + cls[0].className);
         if (subs.length > 0) setSelectedSubject(subs[0].name);
+
+        // If Student, auto select self
+        if (isStudent) {
+           const me = stus.find(s => s.name === (currentUser.trueName || currentUser.username));
+           if (me) {
+              setSelectedClass(me.className);
+              setSelectedStudent(me);
+           }
+        }
       } catch (e) {
         console.error(e);
       } finally {
@@ -76,164 +75,83 @@ export const Reports: React.FC = () => {
     loadData();
   }, []);
 
-  // Compute Metrics whenever filters or data change
   useEffect(() => {
     if (scores.length === 0 || students.length === 0) return;
 
-    // --- 0. Overview Calculations ---
-    const normalScores = scores.filter(s => s.status === 'Normal');
-    const totalAvg = normalScores.length ? normalScores.reduce((a,b)=>a+b.score,0)/normalScores.length : 0;
-    const totalPass = normalScores.filter(s => s.score >= 60).length;
-    const passRate = normalScores.length ? (totalPass / normalScores.length)*100 : 0;
-    
-    // Grade Ladder (Avg score by grade)
-    const uniqueGradesList = Array.from(new Set(classes.map(c => c.grade))).sort(localSortGrades);
-    const ladderData = uniqueGradesList.map(g => {
-       const gradeClasses = classes.filter(c => c.grade === g).map(c => c.grade+c.className);
-       const gradeStus = students.filter(s => gradeClasses.includes(s.className)).map(s => s.studentNo);
-       const gradeScores = normalScores.filter(s => gradeStus.includes(s.studentNo));
-       const gAvg = gradeScores.length ? gradeScores.reduce((a,b)=>a+b.score,0)/gradeScores.length : 0;
-       return { name: g, 平均分: Number(gAvg.toFixed(1)) };
-    });
-
-    // Subject Distribution
-    const subDist = subjects.map(sub => {
-       const subScores = normalScores.filter(s => s.courseName === sub.name);
-       const sAvg = subScores.length ? subScores.reduce((a,b)=>a+b.score,0)/subScores.length : 0;
-       return { name: sub.name, value: Number(sAvg.toFixed(1)), color: sub.color };
-    });
-
-    setOverviewData({
-       totalStudents: students.length,
-       avgScore: Number(totalAvg.toFixed(1)),
-       passRate: Number(passRate.toFixed(1)),
-       gradeLadder: ladderData,
-       subjectDist: subDist
-    });
-
-
-    // --- 1. Grade Analysis (Horizontal Class Comparison) ---
-    const gradeClasses = classes.filter(c => c.grade === selectedGrade);
-    const gaData = gradeClasses.map(cls => {
-      const fullClassName = cls.grade + cls.className;
-      const classStudentIds = students.filter(s => s.className === fullClassName).map(s => s.studentNo);
-      
-      const classScores = scores.filter(s => classStudentIds.includes(s.studentNo) && s.status === 'Normal');
-      
-      const totalScore = classScores.reduce((sum, s) => sum + s.score, 0);
-      const avg = classScores.length ? (totalScore / classScores.length) : 0;
-      
-      const passed = classScores.filter(s => s.score >= 60).length;
-      const passRate = classScores.length ? (passed / classScores.length) * 100 : 0;
-      
-      const excellent = classScores.filter(s => {
-         // Find subject threshold
-         const sub = subjects.find(sub => sub.name === s.courseName);
-         return s.score >= (sub?.excellenceThreshold || 90);
-      }).length;
-      const excellentRate = classScores.length ? (excellent / classScores.length) * 100 : 0;
-
-      return {
-        name: cls.className, // Label X-axis with just class name to save space
-        fullName: fullClassName,
-        平均分: Number(avg.toFixed(1)),
-        及格率: Number(passRate.toFixed(1)),
-        优秀率: Number(excellentRate.toFixed(1)),
-        studentCount: classStudentIds.length
-      };
-    });
-    setGradeAnalysisData(gaData);
-
+    // --- Overview ---
+    if (!isStudent) {
+        const normalScores = scores.filter(s => s.status === 'Normal');
+        const totalAvg = normalScores.length ? normalScores.reduce((a,b)=>a+b.score,0)/normalScores.length : 0;
+        const totalPass = normalScores.filter(s => s.score >= 60).length;
+        const passRate = normalScores.length ? (totalPass / normalScores.length)*100 : 0;
+        
+        const uniqueGradesList = Array.from(new Set(classes.map(c => c.grade))).sort(localSortGrades);
+        const ladderData = uniqueGradesList.map(g => {
+           const gradeClasses = classes.filter(c => c.grade === g).map(c => c.grade+c.className);
+           const gradeStus = students.filter(s => gradeClasses.includes(s.className)).map(s => s.studentNo);
+           const gradeScores = normalScores.filter(s => gradeStus.includes(s.studentNo));
+           const gAvg = gradeScores.length ? gradeScores.reduce((a,b)=>a+b.score,0)/gradeScores.length : 0;
+           return { name: g, 平均分: Number(gAvg.toFixed(1)) };
+        });
+
+        const subDist = subjects.map(sub => {
+           const subScores = normalScores.filter(s => s.courseName === sub.name);
+           const sAvg = subScores.length ? subScores.reduce((a,b)=>a+b.score,0)/subScores.length : 0;
+           return { name: sub.name, value: Number(sAvg.toFixed(1)), color: sub.color };
+        });
+
+        setOverviewData({
+           totalStudents: students.length,
+           avgScore: Number(totalAvg.toFixed(1)),
+           passRate: Number(passRate.toFixed(1)),
+           gradeLadder: ladderData,
+           subjectDist: subDist
+        });
+
+        // --- Grade Analysis ---
+        const gradeClasses = classes.filter(c => c.grade === selectedGrade);
+        const gaData = gradeClasses.map(cls => {
+          const fullClassName = cls.grade + cls.className;
+          const classStudentIds = students.filter(s => s.className === fullClassName).map(s => s.studentNo);
+          const classScores = scores.filter(s => classStudentIds.includes(s.studentNo) && s.status === 'Normal');
+          const totalScore = classScores.reduce((sum, s) => sum + s.score, 0);
+          const avg = classScores.length ? (totalScore / classScores.length) : 0;
+          const passed = classScores.filter(s => s.score >= 60).length;
+          const passRate = classScores.length ? (passed / classScores.length) * 100 : 0;
+          const excellent = classScores.filter(s => {
+             const sub = subjects.find(sub => sub.name === s.courseName);
+             return s.score >= (sub?.excellenceThreshold || 90);
+          }).length;
+          const excellentRate = classScores.length ? (excellent / classScores.length) * 100 : 0;
+          return { name: cls.className, fullName: fullClassName, 平均分: Number(avg.toFixed(1)), 及格率: Number(passRate.toFixed(1)), 优秀率: Number(excellentRate.toFixed(1)) };
+        });
+        setGradeAnalysisData(gaData);
+    }
 
-    // --- 2. Trend Analysis (Time/Exam based) ---
-    // Group by Exam Name or Type. Sort using Exam Dates if available.
-    if (selectedClass && selectedSubject) {
+    // --- Trend Analysis ---
+    if (selectedClass && selectedSubject && !isStudent) {
       const classStudentIds = students.filter(s => s.className === selectedClass).map(s => s.studentNo);
-      
       const uniqueExamNames = Array.from(new Set(scores.map(s => s.examName || s.type)));
-      
-      // Sort exams by date
       uniqueExamNames.sort((a, b) => {
          const dateA = exams.find(e => e.name === a)?.date || '9999-99-99';
          const dateB = exams.find(e => e.name === b)?.date || '9999-99-99';
          return dateA.localeCompare(dateB);
       });
-
       const tData = uniqueExamNames.map(exam => {
-         const examScores = scores.filter(s => 
-            (s.examName === exam || s.type === exam) && 
-            s.courseName === selectedSubject &&
-            s.status === 'Normal'
-         );
-         
-         // Class Avg
+         const examScores = scores.filter(s => (s.examName === exam || s.type === exam) && s.courseName === selectedSubject && s.status === 'Normal');
          const classExamScores = examScores.filter(s => classStudentIds.includes(s.studentNo));
-         const classAvg = classExamScores.length 
-            ? classExamScores.reduce((a,b)=>a+b.score,0) / classExamScores.length 
-            : 0;
-
-         // Grade Avg (for comparison)
+         const classAvg = classExamScores.length ? classExamScores.reduce((a,b)=>a+b.score,0) / classExamScores.length : 0;
          const currentGrade = classes.find(c => c.grade + c.className === selectedClass)?.grade || '';
          const gradeStudentIds = students.filter(s => s.className.startsWith(currentGrade)).map(s => s.studentNo);
          const gradeExamScores = examScores.filter(s => gradeStudentIds.includes(s.studentNo));
-         const gradeAvg = gradeExamScores.length
-            ? gradeExamScores.reduce((a,b)=>a+b.score,0) / gradeExamScores.length
-            : 0;
-
-         return {
-            name: exam,
-            班级平均: Number(classAvg.toFixed(1)),
-            年级平均: Number(gradeAvg.toFixed(1))
-         };
+         const gradeAvg = gradeExamScores.length ? gradeExamScores.reduce((a,b)=>a+b.score,0) / gradeExamScores.length : 0;
+         return { name: exam, 班级平均: Number(classAvg.toFixed(1)), 年级平均: Number(gradeAvg.toFixed(1)) };
       });
       setTrendData(tData);
     }
-
-    // --- 3. Subject Matrix (Heatmap Table) ---
-    const mData = gradeClasses.map(cls => {
-       const fullClassName = cls.grade + cls.className;
-       const classStudentIds = students.filter(s => s.className === fullClassName).map(s => s.studentNo);
-       
-       const row: any = { className: cls.className, fullName: fullClassName };
-       
-       subjects.forEach(sub => {
-          const subScores = scores.filter(s => 
-             s.courseName === sub.name && 
-             classStudentIds.includes(s.studentNo) && 
-             s.status === 'Normal'
-          );
-          const avg = subScores.length ? subScores.reduce((a,b)=>a+b.score,0)/subScores.length : 0;
-          row[sub.name] = Number(avg.toFixed(1));
-       });
-       return row;
-    });
-    setMatrixData(mData);
-
   }, [scores, students, classes, subjects, exams, selectedGrade, selectedClass, selectedSubject]);
 
-
-  const exportExcel = () => {
-    // @ts-ignore
-    if (!window.XLSX) return alert('Excel 组件未加载');
-    // @ts-ignore
-    const XLSX = window.XLSX;
-
-    // Export current active tab data
-    let dataToExport: any[] = [];
-    if (activeTab === 'grade') dataToExport = gradeAnalysisData;
-    else if (activeTab === 'trend') dataToExport = trendData;
-    else if (activeTab === 'matrix') dataToExport = matrixData;
-    else dataToExport = gradeAnalysisData; // Default
-
-    const ws = XLSX.utils.json_to_sheet(dataToExport);
-    const wb = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(wb, ws, "Report");
-    XLSX.writeFile(wb, `Report_${activeTab}_${new Date().toISOString().slice(0,10)}.xlsx`);
-  };
-
-  // Helper for Student Focus
   const getStudentTrend = (studentNo: string) => {
-     // Get all scores for this student, grouped by exam, sorted by date
      const stuScores = scores.filter(s => s.studentNo === studentNo && s.status === 'Normal');
      const uniqueExamNames = Array.from(new Set(stuScores.map(s => s.examName || s.type)));
      uniqueExamNames.sort((a, b) => {
@@ -241,7 +159,6 @@ export const Reports: React.FC = () => {
         const dateB = exams.find(e => e.name === b)?.date || '9999-99-99';
         return dateA.localeCompare(dateB);
      });
-     
      return uniqueExamNames.map(exam => {
         const s = stuScores.find(s => (s.examName || s.type) === exam);
         return { name: exam, score: s ? s.score : 0 };
@@ -259,35 +176,32 @@ export const Reports: React.FC = () => {
 
   const getStudentAttendance = (studentNo: string) => {
       const all = scores.filter(s => s.studentNo === studentNo);
-      return {
-         absent: all.filter(s => s.status === 'Absent').length,
-         leave: all.filter(s => s.status === 'Leave').length
-      };
+      return { absent: all.filter(s => s.status === 'Absent').length };
   };
 
   const uniqueGrades = Array.from(new Set(classes.map(c => c.grade))).sort(localSortGrades);
   const allClasses = classes.map(c => c.grade + c.className);
   
-  // Student List for Focus Tab
-  const focusStudents = students.filter(s => selectedClass ? s.className === selectedClass : true);
+  // Student Focus List
+  // If Student Role, only show SELF.
+  const focusStudents = isStudent 
+      ? (selectedStudent ? [selectedStudent] : []) 
+      : students.filter(s => selectedClass ? s.className === selectedClass : true);
 
   if (loading) return <div className="flex justify-center py-20"><Loader2 className="animate-spin text-blue-600"/></div>;
 
   return (
     <div className="space-y-6">
-      <div className="flex flex-col md:flex-row justify-between items-center gap-4">
+      <div className="flex justify-between items-center">
          <div>
-            <h2 className="text-xl font-bold text-gray-800">教务数据分析中心</h2>
-            <p className="text-sm text-gray-500">基于 {scores.length} 条成绩数据分析</p>
-         </div>
-         <div className="flex gap-2">
-            <button onClick={exportExcel} className="flex items-center space-x-2 px-4 py-2 bg-emerald-50 text-emerald-600 border border-emerald-200 rounded-lg text-sm hover:bg-emerald-100 transition-colors">
-               <Download size={16}/><span>导出报表</span>
-            </button>
+            <h2 className="text-xl font-bold text-gray-800">
+               {isStudent ? '我的成绩分析' : '教务数据分析中心'}
+            </h2>
          </div>
       </div>
 
-      {/* Tabs */}
+      {/* Tabs - Hidden for Students */}
+      {!isStudent && (
       <div className="flex space-x-1 bg-gray-100 p-1 rounded-xl w-full md:w-auto overflow-x-auto">
          {[
             { id: 'overview', label: '全校概览', icon: PieChartIcon },
@@ -308,27 +222,23 @@ export const Reports: React.FC = () => {
             </button>
          ))}
       </div>
+      )}
 
-      {/* Content Area */}
       <div className="bg-white rounded-xl shadow-sm border border-gray-100 p-6 min-h-[500px]">
-         
-         {/* Filter Bar */}
-         {activeTab !== 'overview' && (
+         {/* Filters */}
+         {!isStudent && activeTab !== 'overview' && (
             <div className="flex flex-wrap gap-4 mb-8 items-center bg-gray-50 p-4 rounded-lg">
                 <div className="flex items-center text-sm font-bold text-gray-500"><Filter size={16} className="mr-2"/> 筛选维度:</div>
-                
                 {(activeTab === 'grade' || activeTab === 'matrix') && (
-                <select className="border border-gray-300 p-2 rounded text-sm text-gray-800 focus:ring-2 focus:ring-blue-500" value={selectedGrade} onChange={e => setSelectedGrade(e.target.value)}>
+                <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedGrade} onChange={e => setSelectedGrade(e.target.value)}>
                     {uniqueGrades.map(g => <option key={g} value={g}>{g}</option>)}
                 </select>
                 )}
-
                 {(activeTab === 'trend' || activeTab === 'student') && (
                 <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedClass} onChange={e => setSelectedClass(e.target.value)}>
                     {allClasses.map(c => <option key={c} value={c}>{c}</option>)}
                 </select>
                 )}
-                
                 {activeTab === 'trend' && (
                 <select className="border border-gray-300 p-2 rounded text-sm text-gray-800" value={selectedSubject} onChange={e => setSelectedSubject(e.target.value)}>
                     {subjects.map(s => <option key={s._id} value={s.name}>{s.name}</option>)}
@@ -337,10 +247,9 @@ export const Reports: React.FC = () => {
             </div>
          )}
 
-         {/* --- 0. Overview View --- */}
-         {activeTab === 'overview' && (
+         {/* Overview Tab */}
+         {activeTab === 'overview' && !isStudent && (
              <div className="animate-in fade-in space-y-8">
-                 {/* KPI Cards */}
                  <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
                     <div className="bg-blue-50 p-6 rounded-xl border border-blue-100">
                        <p className="text-gray-500 text-sm font-medium mb-1">全校总人数</p>
@@ -355,195 +264,104 @@ export const Reports: React.FC = () => {
                        <h3 className="text-3xl font-bold text-emerald-700">{overviewData.passRate}%</h3>
                     </div>
                  </div>
-
-                 <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                    {/* Grade Ladder */}
-                    <div className="bg-white p-4 rounded-lg border border-gray-100 shadow-sm">
+                 <div className="bg-white p-4 rounded-lg border border-gray-100 shadow-sm">
                        <h3 className="font-bold text-gray-800 mb-4 text-center">各年级平均分阶梯</h3>
                        <div className="h-72">
                           <ResponsiveContainer width="100%" height="100%">
                              <AreaChart data={overviewData.gradeLadder}>
-                                <defs>
-                                   <linearGradient id="colorAvg" x1="0" y1="0" x2="0" y2="1">
-                                      <stop offset="5%" stopColor="#8884d8" stopOpacity={0.8}/>
-                                      <stop offset="95%" stopColor="#8884d8" stopOpacity={0}/>
-                                   </linearGradient>
-                                </defs>
-                                <XAxis dataKey="name" />
-                                <YAxis domain={[0, 100]}/>
-                                <CartesianGrid strokeDasharray="3 3" vertical={false} />
-                                <Tooltip />
+                                <defs><linearGradient id="colorAvg" x1="0" y1="0" x2="0" y2="1"><stop offset="5%" stopColor="#8884d8" stopOpacity={0.8}/><stop offset="95%" stopColor="#8884d8" stopOpacity={0}/></linearGradient></defs>
+                                <XAxis dataKey="name" /><YAxis domain={[0, 100]}/>
+                                <CartesianGrid strokeDasharray="3 3" vertical={false} /><Tooltip />
                                 <Area type="monotone" dataKey="平均分" stroke="#8884d8" fillOpacity={1} fill="url(#colorAvg)" />
                              </AreaChart>
                           </ResponsiveContainer>
                        </div>
                     </div>
-
-                    {/* Subject Distribution */}
-                    <div className="bg-white p-4 rounded-lg border border-gray-100 shadow-sm">
-                       <h3 className="font-bold text-gray-800 mb-4 text-center">全校学科平均分雷达</h3>
-                       <div className="h-72">
-                          <ResponsiveContainer width="100%" height="100%">
-                             <RadarChart cx="50%" cy="50%" outerRadius="80%" data={overviewData.subjectDist}>
-                                <PolarGrid />
-                                <PolarAngleAxis dataKey="name" />
-                                <PolarRadiusAxis angle={30} domain={[0, 100]} />
-                                <Radar name="平均分" dataKey="value" stroke="#82ca9d" fill="#82ca9d" fillOpacity={0.6} />
-                                <Tooltip />
-                             </RadarChart>
-                          </ResponsiveContainer>
-                       </div>
-                    </div>
-                 </div>
              </div>
          )}
 
-         {/* --- 1. Grade Analysis View --- */}
-         {activeTab === 'grade' && (
-            <div className="space-y-10 animate-in fade-in">
-               <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-                  <div className="bg-white p-4 rounded-lg border border-gray-100">
-                     <h3 className="font-bold text-gray-800 mb-4 flex items-center">
-                        <span className="w-1 h-6 bg-blue-500 mr-2 rounded-full"></span>
-                        {selectedGrade} - 各班平均分对比
-                     </h3>
-                     <div className="h-80">
-                        <ResponsiveContainer width="100%" height="100%">
-                           <BarChart data={gradeAnalysisData} layout="vertical" margin={{ left: 20 }}>
-                              <CartesianGrid strokeDasharray="3 3" horizontal={true} vertical={false}/>
-                              <XAxis type="number" domain={[0, 100]} hide/>
-                              <YAxis dataKey="name" type="category" width={80} tick={{fontSize: 12}}/>
-                              <Tooltip cursor={{fill: '#f3f4f6'}} contentStyle={{borderRadius: '8px', border: 'none', boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'}}/>
-                              <Bar dataKey="平均分" fill="#3b82f6" radius={[0, 4, 4, 0]} barSize={20} label={{ position: 'right', fill: '#666', fontSize: 12 }}/>
-                           </BarChart>
-                        </ResponsiveContainer>
-                     </div>
-                  </div>
-
-                  <div className="bg-white p-4 rounded-lg border border-gray-100">
-                     <h3 className="font-bold text-gray-800 mb-4 flex items-center">
-                        <span className="w-1 h-6 bg-emerald-500 mr-2 rounded-full"></span>
-                        {selectedGrade} - 优良率 vs 及格率
-                     </h3>
-                     <div className="h-80">
-                        <ResponsiveContainer width="100%" height="100%">
-                           <BarChart data={gradeAnalysisData}>
-                              <CartesianGrid strokeDasharray="3 3" vertical={false}/>
-                              <XAxis dataKey="name" tick={{fontSize: 12}}/>
-                              <YAxis domain={[0, 100]}/>
-                              <Tooltip contentStyle={{borderRadius: '8px'}}/>
-                              <Legend />
-                              <Bar dataKey="及格率" fill="#10b981" radius={[4, 4, 0, 0]} />
-                              <Bar dataKey="优秀率" fill="#f59e0b" radius={[4, 4, 0, 0]} />
-                           </BarChart>
-                        </ResponsiveContainer>
-                     </div>
-                  </div>
-               </div>
-            </div>
-         )}
-
-         {/* --- 2. Trend Analysis View --- */}
-         {activeTab === 'trend' && (
-            <div className="animate-in fade-in space-y-6">
-               <div className="bg-white p-4 rounded-lg border border-gray-100">
-                  <h3 className="font-bold text-gray-800 mb-6 text-center">
-                     {selectedClass} {selectedSubject} - 成绩成长轨迹
-                  </h3>
-                  <div className="h-96">
-                     <ResponsiveContainer width="100%" height="100%">
-                        <LineChart data={trendData} margin={{ top: 20, right: 30, left: 20, bottom: 20 }}>
-                           <CartesianGrid strokeDasharray="3 3" vertical={false} stroke="#f0f0f0"/>
-                           <XAxis dataKey="name" axisLine={false} tickLine={false} dy={10}/>
-                           <YAxis domain={[0, 100]} axisLine={false} tickLine={false}/>
-                           <Tooltip contentStyle={{borderRadius: '8px', boxShadow: '0 10px 15px -3px rgb(0 0 0 / 0.1)'}}/>
-                           <Legend verticalAlign="top" height={36}/>
-                           <Line type="monotone" dataKey="班级平均" stroke="#3b82f6" strokeWidth={3} dot={{r: 6}} activeDot={{r: 8}} />
-                           <Line type="monotone" dataKey="年级平均" stroke="#94a3b8" strokeWidth={2} strokeDasharray="5 5" dot={{r: 4}} />
-                        </LineChart>
-                     </ResponsiveContainer>
-                  </div>
-               </div>
-            </div>
-         )}
-
-         {/* --- 3. Subject Matrix View --- */}
-         {activeTab === 'matrix' && (
-            <div className="animate-in fade-in overflow-x-auto">
-               <h3 className="font-bold text-gray-800 mb-6">
-                  {selectedGrade} - 学科质量透视矩阵
-               </h3>
-               <table className="w-full text-sm text-left">
-                  <thead className="bg-gray-50 text-gray-500 uppercase">
-                     <tr>
-                        <th className="px-6 py-4 rounded-tl-lg">班级</th>
-                        {subjects.map(s => <th key={s._id} className="px-6 py-4 font-bold text-gray-700">{s.name}</th>)}
-                     </tr>
-                  </thead>
-                  <tbody className="divide-y divide-gray-100">
-                     {matrixData.map((row, idx) => (
-                        <tr key={idx} className="hover:bg-gray-50 transition-colors">
-                           <td className="px-6 py-4 font-bold text-gray-800 bg-gray-50/50">{row.className}</td>
-                           {subjects.map(sub => {
-                              const val = row[sub.name];
-                              let colorClass = 'text-gray-800';
-                              let bgClass = '';
-                              if (val >= (sub.excellenceThreshold || 90)) { colorClass = 'text-green-700 font-bold'; bgClass = 'bg-green-50'; }
-                              else if (val < 60) { colorClass = 'text-red-600 font-bold'; bgClass = 'bg-red-50'; }
-                              
-                              return (
-                                 <td key={sub.name} className={`px-6 py-4 ${bgClass}`}>
-                                    <span className={colorClass}>{val}</span>
-                                 </td>
-                              );
-                           })}
-                        </tr>
-                     ))}
-                  </tbody>
-               </table>
-            </div>
+         {/* Grade Tab */}
+         {activeTab === 'grade' && !isStudent && (
+             <div className="h-80">
+                <ResponsiveContainer width="100%" height="100%">
+                   <BarChart data={gradeAnalysisData} layout="vertical">
+                      <CartesianGrid strokeDasharray="3 3" horizontal={true} vertical={false}/>
+                      <XAxis type="number" domain={[0, 100]} hide/>
+                      <YAxis dataKey="name" type="category" width={80}/>
+                      <Tooltip/>
+                      <Bar dataKey="平均分" fill="#3b82f6" radius={[0, 4, 4, 0]} barSize={20}/>
+                   </BarChart>
+                </ResponsiveContainer>
+             </div>
          )}
 
-         {/* --- 4. Student Focus View --- */}
+         {/* Student Focus / Student View */}
          {activeTab === 'student' && (
              <div className="animate-in fade-in">
-                <h3 className="font-bold text-gray-800 mb-4">{selectedClass} - 学生个像分析</h3>
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-                   {focusStudents.map(s => {
-                      const trend = getStudentTrend(s.studentNo);
-                      return (
-                         <div 
-                           key={s._id || s.id} 
-                           onClick={() => setSelectedStudent(s)}
-                           className="bg-white border border-gray-200 p-4 rounded-xl cursor-pointer hover:shadow-lg hover:border-blue-400 transition-all group"
-                         >
-                            <div className="flex items-center space-x-3 mb-3">
-                               <div className={`w-10 h-10 rounded-full flex items-center justify-center font-bold text-white ${s.gender === 'Female' ? 'bg-pink-400' : 'bg-blue-400'}`}>
-                                  {s.name[0]}
-                               </div>
-                               <div>
-                                  <h4 className="font-bold text-gray-800 group-hover:text-blue-600">{s.name}</h4>
-                                  <p className="text-xs text-gray-500 font-mono">{s.studentNo}</p>
-                               </div>
-                            </div>
-                            {/* Mini Sparkline */}
-                            <div className="h-16 w-full">
-                               <ResponsiveContainer width="100%" height="100%">
-                                  <LineChart data={trend}>
-                                     <Line type="monotone" dataKey="score" stroke="#94a3b8" strokeWidth={2} dot={false} />
-                                  </LineChart>
-                               </ResponsiveContainer>
-                            </div>
-                         </div>
-                      );
-                   })}
-                </div>
+                {isStudent && <div className="mb-6 bg-blue-50 text-blue-700 p-4 rounded-lg flex items-center"><Lock className="mr-2" size={16}/> 您正在查看自己的成绩分析档案。</div>}
+                
+                {isStudent && selectedStudent ? (
+                    // Expanded Single Student View for Student Role
+                    <div className="space-y-8">
+                       <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+                          <div className="bg-white border border-gray-100 rounded-xl p-4 shadow-sm">
+                             <h3 className="font-bold text-gray-800 mb-4 text-center">我的学科能力模型</h3>
+                             <div className="h-64">
+                                <ResponsiveContainer width="100%" height="100%">
+                                   <RadarChart cx="50%" cy="50%" outerRadius="70%" data={getStudentRadar(selectedStudent.studentNo)}>
+                                      <PolarGrid />
+                                      <PolarAngleAxis dataKey="subject" />
+                                      <PolarRadiusAxis angle={30} domain={[0, 100]} />
+                                      <Radar name={selectedStudent.name} dataKey="score" stroke="#8884d8" fill="#8884d8" fillOpacity={0.6} />
+                                      <Tooltip />
+                                   </RadarChart>
+                                </ResponsiveContainer>
+                             </div>
+                          </div>
+                          <div className="bg-white border border-gray-100 rounded-xl p-4 shadow-sm">
+                             <h3 className="font-bold text-gray-800 mb-4 text-center">我的综合成绩走势</h3>
+                             <div className="h-64">
+                                <ResponsiveContainer width="100%" height="100%">
+                                   <LineChart data={getStudentTrend(selectedStudent.studentNo)}>
+                                      <CartesianGrid strokeDasharray="3 3" vertical={false}/>
+                                      <XAxis dataKey="name" />
+                                      <YAxis domain={[0, 100]}/>
+                                      <Tooltip />
+                                      <Line type="monotone" dataKey="score" stroke="#2563eb" strokeWidth={3} />
+                                   </LineChart>
+                                </ResponsiveContainer>
+                             </div>
+                          </div>
+                       </div>
+                    </div>
+                ) : (
+                    // List for Admin/Teacher
+                    <div className="grid grid-cols-1 md:grid-cols-3 xl:grid-cols-4 gap-4">
+                       {focusStudents.map(s => (
+                          <div 
+                            key={s._id} 
+                            onClick={() => setSelectedStudent(s)}
+                            className="bg-white border border-gray-200 p-4 rounded-xl cursor-pointer hover:shadow-lg hover:border-blue-400 transition-all group"
+                          >
+                             <div className="flex items-center space-x-3 mb-3">
+                                <div className={`w-10 h-10 rounded-full flex items-center justify-center font-bold text-white ${s.gender === 'Female' ? 'bg-pink-400' : 'bg-blue-400'}`}>
+                                   {s.name[0]}
+                                </div>
+                                <div>
+                                   <h4 className="font-bold text-gray-800 group-hover:text-blue-600">{s.name}</h4>
+                                   <p className="text-xs text-gray-500 font-mono">{s.studentNo}</p>
+                                </div>
+                             </div>
+                          </div>
+                       ))}
+                    </div>
+                )}
              </div>
          )}
       </div>
 
-      {/* Student Details Modal */}
-      {selectedStudent && (
+      {/* Admin/Teacher Modal for Detail */}
+      {!isStudent && selectedStudent && (
          <div className="fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4 backdrop-blur-sm animate-in fade-in">
             <div className="bg-white rounded-2xl p-6 w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl">
                <div className="flex justify-between items-start mb-6">
@@ -555,56 +373,15 @@ export const Reports: React.FC = () => {
                         <h2 className="text-2xl font-bold text-gray-900">{selectedStudent.name}</h2>
                         <div className="flex items-center space-x-3 text-sm text-gray-500 mt-1">
                            <span className="bg-gray-100 px-2 py-0.5 rounded text-gray-700">{selectedStudent.className}</span>
-                           <span className="font-mono">{selectedStudent.studentNo}</span>
                         </div>
                      </div>
                   </div>
                   <button onClick={() => setSelectedStudent(null)} className="p-2 hover:bg-gray-100 rounded-full transition-colors"><Grid size={20}/></button>
                </div>
-               
-               <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
-                  <div className="bg-blue-50 p-4 rounded-xl border border-blue-100">
-                     <p className="text-blue-600 text-sm font-bold mb-1">考勤状况</p>
-                     <div className="flex justify-between items-end">
-                        <span className="text-3xl font-bold text-blue-800">{getStudentAttendance(selectedStudent.studentNo).absent}</span>
-                        <span className="text-xs text-blue-400 mb-1">次缺考</span>
-                     </div>
-                  </div>
-                  {/* Add more stats here if needed */}
-               </div>
-
+               {/* Re-use charts logic for modal */}
                <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-                  {/* Radar */}
-                  <div className="bg-white border border-gray-100 rounded-xl p-4 shadow-sm">
-                     <h3 className="font-bold text-gray-800 mb-4 text-center">学科能力模型</h3>
-                     <div className="h-64">
-                        <ResponsiveContainer width="100%" height="100%">
-                           <RadarChart cx="50%" cy="50%" outerRadius="70%" data={getStudentRadar(selectedStudent.studentNo)}>
-                              <PolarGrid />
-                              <PolarAngleAxis dataKey="subject" />
-                              <PolarRadiusAxis angle={30} domain={[0, 100]} />
-                              <Radar name={selectedStudent.name} dataKey="score" stroke="#8884d8" fill="#8884d8" fillOpacity={0.6} />
-                              <Tooltip />
-                           </RadarChart>
-                        </ResponsiveContainer>
-                     </div>
-                  </div>
-
-                  {/* Trend */}
-                  <div className="bg-white border border-gray-100 rounded-xl p-4 shadow-sm">
-                     <h3 className="font-bold text-gray-800 mb-4 text-center">综合成绩走势</h3>
-                     <div className="h-64">
-                        <ResponsiveContainer width="100%" height="100%">
-                           <LineChart data={getStudentTrend(selectedStudent.studentNo)}>
-                              <CartesianGrid strokeDasharray="3 3" vertical={false}/>
-                              <XAxis dataKey="name" />
-                              <YAxis domain={[0, 100]}/>
-                              <Tooltip />
-                              <Line type="monotone" dataKey="score" stroke="#2563eb" strokeWidth={3} />
-                           </LineChart>
-                        </ResponsiveContainer>
-                     </div>
-                  </div>
+                  <div className="h-64"><ResponsiveContainer><RadarChart data={getStudentRadar(selectedStudent.studentNo)}><PolarGrid/><PolarAngleAxis dataKey="subject"/><PolarRadiusAxis angle={30} domain={[0,100]}/><Radar dataKey="score" stroke="#8884d8" fill="#8884d8" fillOpacity={0.6}/><Tooltip/></RadarChart></ResponsiveContainer></div>
+                  <div className="h-64"><ResponsiveContainer><LineChart data={getStudentTrend(selectedStudent.studentNo)}><CartesianGrid vertical={false}/><XAxis dataKey="name"/><YAxis domain={[0,100]}/><Tooltip/><Line type="monotone" dataKey="score" stroke="#2563eb" strokeWidth={3}/></LineChart></ResponsiveContainer></div>
                </div>
             </div>
          </div>

pages/StudentDashboard.tsx

@@ -0,0 +1,107 @@
+
+import React, { useEffect, useState } from 'react';
+import { api } from '../services/api';
+import { Schedule, Student } from '../types';
+import { Calendar, CheckCircle, Clock, Coffee, FileText, MapPin } from 'lucide-react';
+
+export const StudentDashboard: React.FC = () => {
+  const [student, setStudent] = useState<Student | null>(null);
+  const [schedules, setSchedules] = useState<Schedule[]>([]);
+  const [checkedIn, setCheckedIn] = useState(false);
+  const [currentTime, setCurrentTime] = useState(new Date());
+
+  const currentUser = api.auth.getCurrentUser();
+
+  useEffect(() => {
+    const timer = setInterval(() => setCurrentTime(new Date()), 60000);
+    loadData();
+    return () => clearInterval(timer);
+  }, []);
+
+  const loadData = async () => {
+     try {
+        const students = await api.students.getAll();
+        const me = students.find((s: Student) => s.name === (currentUser?.trueName || currentUser?.username));
+        if (me) {
+           setStudent(me);
+           const sched = await api.schedules.get({ className: me.className });
+           setSchedules(sched);
+        }
+     } catch (e) { console.error(e); }
+  };
+
+  const handleCheckIn = () => {
+     setCheckedIn(true);
+     alert('打卡成功！已记录考勤。');
+  };
+
+  const today = new Date().getDay(); // 0-6
+  const weekDays = ['周日','周一','周二','周三','周四','周五','周六'];
+  const todaySchedules = schedules.filter(s => s.dayOfWeek === today).sort((a,b) => a.period - b.period);
+
+  return (
+    <div className="space-y-6">
+       <div className="bg-gradient-to-r from-blue-600 to-indigo-600 rounded-2xl p-8 text-white shadow-lg">
+          <h1 className="text-3xl font-bold mb-2">你好, {currentUser?.trueName || currentUser?.username} 👋</h1>
+          <p className="opacity-90">今天是 {currentTime.toLocaleDateString()} {weekDays[today]} | {student?.className || '加载中...'}</p>
+       </div>
+
+       <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+          {/* Attendance Card */}
+          <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center justify-center text-center">
+             <div className="mb-4 bg-blue-50 p-4 rounded-full">
+                <MapPin size={32} className="text-blue-600" />
+             </div>
+             <h3 className="text-lg font-bold text-gray-800 mb-2">每日考勤</h3>
+             <p className="text-sm text-gray-500 mb-6">记录你的在校状态</p>
+             <button 
+               onClick={handleCheckIn} 
+               disabled={checkedIn}
+               className={`w-full py-3 rounded-xl font-bold transition-all ${checkedIn ? 'bg-green-100 text-green-700 cursor-default' : 'bg-blue-600 text-white hover:bg-blue-700 shadow-md'}`}
+             >
+                {checkedIn ? '已签到' : '立即打卡'}
+             </button>
+          </div>
+
+          {/* Today's Schedule */}
+          <div className="md:col-span-2 bg-white p-6 rounded-xl shadow-sm border border-gray-100">
+             <div className="flex justify-between items-center mb-6">
+                <h3 className="font-bold text-gray-800 flex items-center"><Calendar className="mr-2 text-indigo-600"/> 今日课表</h3>
+                <span className="text-xs bg-indigo-50 text-indigo-600 px-2 py-1 rounded-full">{todaySchedules.length} 节课</span>
+             </div>
+             <div className="space-y-3">
+                {todaySchedules.length > 0 ? todaySchedules.map(s => (
+                   <div key={s._id} className="flex items-center p-3 bg-gray-50 rounded-lg border border-gray-100">
+                      <div className="w-12 text-center font-bold text-gray-400 text-sm">第{s.period}节</div>
+                      <div className="w-px h-8 bg-gray-200 mx-4"></div>
+                      <div className="flex-1">
+                         <div className="font-bold text-gray-800">{s.subject}</div>
+                         <div className="text-xs text-gray-500">{s.teacherName}</div>
+                      </div>
+                      {/* Highlight if current time matches period (Mock logic) */}
+                      <Clock size={16} className="text-gray-300"/>
+                   </div>
+                )) : (
+                   <div className="text-center py-10 text-gray-400">
+                      <Coffee size={32} className="mx-auto mb-2 opacity-50"/>
+                      <p>今天没有课程安排，好好休息！</p>
+                   </div>
+                )}
+             </div>
+          </div>
+       </div>
+
+       {/* Quick Actions */}
+       <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
+          <h3 className="font-bold text-gray-800 mb-4">常用功能</h3>
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+             <button className="p-4 bg-orange-50 rounded-xl text-orange-700 flex flex-col items-center hover:bg-orange-100 transition-colors">
+                <FileText className="mb-2"/>
+                <span className="text-sm font-medium">请假申请</span>
+             </button>
+             {/* Add more student actions here */}
+          </div>
+       </div>
+    </div>
+  );
+};

server.js

@@ -1,3 +1,4 @@
+
 const express = require('express');
 const mongoose = require('mongoose');
 const cors = require('cors');
@@ -13,7 +14,7 @@ const MONGO_URI = 'mongodb+srv://dv890a:db8822723@chatpro.gw3v0v7.mongodb.net/ch
 const app = express();
 
 app.use(cors());
-app.use(bodyParser.json({ limit: '10mb' })); // Increased limit for avatar base64
+app.use(bodyParser.json({ limit: '10mb' })); 
 app.use(express.static(path.join(__dirname, 'dist')));
 
 // ==========================================
@@ -31,6 +32,9 @@ const InMemoryDB = {
   exams: [],
   schedules: [],
   notifications: [],
+  gameSessions: [],
+  rewards: [],
+  luckyConfig: {},
   config: {},
   isFallback: false
 };
@@ -88,20 +92,20 @@ const StudentSchema = new mongoose.Schema({
   phone: String,
   className: String,
   status: { type: String, default: 'Enrolled' },
-  // Extended Fields
   parentName: String,
   parentPhone: String,
-  address: String
+  address: String,
+  teamId: String, // Game Team ID
+  drawAttempts: { type: Number, default: 0 } // Game Lucky Draw
 });
-// Composite index for uniqueness within school
 StudentSchema.index({ schoolId: 1, studentNo: 1 }, { unique: true });
 const Student = mongoose.model('Student', StudentSchema);
 
 const CourseSchema = new mongoose.Schema({
   schoolId: String,
   courseCode: String,
-  courseName: String, // e.g. "数学"
-  teacherName: String, // e.g. "张三"
+  courseName: String, 
+  teacherName: String, 
   credits: Number,
   capacity: Number,
   enrolled: { type: Number, default: 0 }
@@ -151,19 +155,17 @@ const ScheduleSchema = new mongoose.Schema({
   className: String,
   teacherName: String,
   subject: String,
-  dayOfWeek: Number, // 1-5
-  period: Number // 1-8
+  dayOfWeek: Number, 
+  period: Number 
 });
-// Ensure unique schedule slot per class
 ScheduleSchema.index({ schoolId: 1, className: 1, dayOfWeek: 1, period: 1 }, { unique: true });
 const ScheduleModel = mongoose.model('Schedule', ScheduleSchema);
 
 const ConfigSchema = new mongoose.Schema({
-  // Global config, no schoolId
   key: { type: String, default: 'main', unique: true },
   systemName: String,
   semester: String,
-  semesters: [String], // Array of semester strings
+  semesters: [String], 
   allowRegister: Boolean,
   allowAdminRegister: { type: Boolean, default: false },
   maintenanceMode: Boolean,
@@ -173,17 +175,61 @@ const ConfigModel = mongoose.model('Config', ConfigSchema);
 
 const NotificationSchema = new mongoose.Schema({
   schoolId: String,
-  targetRole: String, // 'ADMIN' or null for all
-  targetUserId: String, // Specific user
+  targetRole: String, 
+  targetUserId: String, 
   title: String,
   content: String,
-  type: { type: String, default: 'info' }, // info, success, warning
+  type: { type: String, default: 'info' }, 
   createTime: { type: Date, default: Date.now },
-  expiresAt: { type: Date, default: () => new Date(+new Date() + 30*24*60*60*1000) } // 30 days TTL
+  expiresAt: { type: Date, default: () => new Date(+new Date() + 30*24*60*60*1000) } 
 });
-NotificationSchema.index({ expiresAt: 1 }, { expireAfterSeconds: 0 }); // Auto delete
+NotificationSchema.index({ expiresAt: 1 }, { expireAfterSeconds: 0 }); 
 const NotificationModel = mongoose.model('Notification', NotificationSchema);
 
+// --- NEW GAME SCHEMAS ---
+
+const GameSessionSchema = new mongoose.Schema({
+  schoolId: String,
+  className: String, 
+  isEnabled: Boolean,
+  maxSteps: { type: Number, default: 10 },
+  teams: [{
+     id: String,
+     name: String,
+     score: Number,
+     avatar: String,
+     color: String,
+     members: [String] // Array of Student IDs
+  }],
+  rewardsConfig: [{
+     scoreThreshold: Number,
+     rewardType: String, // ITEM, DRAW_COUNT
+     rewardName: String,
+     rewardValue: Number
+  }]
+});
+const GameSessionModel = mongoose.model('GameSession', GameSessionSchema);
+
+const StudentRewardSchema = new mongoose.Schema({
+  schoolId: String,
+  studentId: String,
+  studentName: String,
+  rewardType: String,
+  name: String,
+  status: { type: String, default: 'PENDING' }, // PENDING, REDEEMED
+  source: String,
+  createTime: { type: Date, default: Date.now }
+});
+const StudentRewardModel = mongoose.model('StudentReward', StudentRewardSchema);
+
+const LuckyDrawConfigSchema = new mongoose.Schema({
+  schoolId: String,
+  prizes: [String],
+  dailyLimit: { type: Number, default: 3 },
+  defaultPrize: { type: String, default: '谢谢参与' }
+});
+const LuckyDrawConfigModel = mongoose.model('LuckyDrawConfig', LuckyDrawConfigSchema);
+
 // Helper: Create Notification
 const notify = async (schoolId, title, content, targetRole = null, targetUserId = null) => {
   try {
@@ -202,93 +248,56 @@ const notify = async (schoolId, title, content, targetRole = null, targetUserId
 // Helper: Sync Teacher to Course
 const syncTeacherToCourse = async (user) => {
   if (!user.teachingSubject || !user.schoolId || user.role !== 'TEACHER') return;
-  
   try {
     const teacherName = user.trueName || user.username;
-    // Check if course already exists for this teacher and subject
     const exists = await Course.findOne({ 
       schoolId: user.schoolId, 
       courseName: user.teachingSubject,
       teacherName: teacherName
     });
-
     if (!exists) {
-       console.log(`🔄 Syncing course for ${teacherName}: ${user.teachingSubject}`);
        await Course.create({
           schoolId: user.schoolId,
           courseName: user.teachingSubject,
           teacherName: teacherName,
-          credits: 4, // Default
+          credits: 4, 
           capacity: 45
        });
     }
-  } catch (e) {
-    console.error('Auto-sync Course Error:', e);
-  }
+  } catch (e) { console.error('Auto-sync Course Error:', e); }
 };
 
-// Init Data
 const initData = async () => {
   if (InMemoryDB.isFallback) return;
   try {
-    console.log('🔄 Checking database initialization...');
-
-    // Drop legacy indexes
-    try {
-      await mongoose.connection.collection('subjects').dropIndex('name_1');
-    } catch (e) {}
-
-    // 1. Default School
+    try { await mongoose.connection.collection('subjects').dropIndex('name_1'); } catch (e) {}
     let defaultSchool = await School.findOne({ code: 'EXP01' });
-    if (!defaultSchool) {
-      defaultSchool = await School.create({ name: '第一实验小学', code: 'EXP01' });
-      console.log('✅ Initialized Default School');
-    }
-
-    // 2. Admin
+    if (!defaultSchool) defaultSchool = await School.create({ name: '第一实验小学', code: 'EXP01' });
+    
     const adminExists = await User.findOne({ username: 'admin' });
     if (!adminExists) {
       await User.create({ 
-          username: 'admin', 
-          password: 'admin', 
-          role: 'ADMIN', 
-          status: 'active', 
-          schoolId: defaultSchool._id.toString(),
-          trueName: '超级管理员',
-          email: 'admin@system.com'
+          username: 'admin', password: 'admin', role: 'ADMIN', status: 'active', 
+          schoolId: defaultSchool._id.toString(), trueName: '超级管理员', email: 'admin@system.com'
       });
-      console.log('✅ Initialized Admin User');
     }
-    
-    // 3. Global Config
     const configExists = await ConfigModel.findOne({ key: 'main' });
     if (!configExists) {
        await ConfigModel.create({
-          key: 'main',
-          systemName: '智慧校园管理系统',
-          semester: '2023-2024学年 第一学期',
-          semesters: ['2023-2024学年 第一学期', '2023-2024学年 第二学期'],
-          allowRegister: true,
-          allowAdminRegister: false
+          key: 'main', systemName: '智慧校园管理系统', semester: '2023-2024学年 第一学期',
+          semesters: ['2023-2024学年 第一学期', '2023-2024学年 第二学期'], allowRegister: true, allowAdminRegister: false
        });
-       console.log('✅ Initialized Global Config');
     }
-
-  } catch (err) {
-    console.error('❌ Init Data Error', err);
-  }
+  } catch (err) { console.error('❌ Init Data Error', err); }
 };
 mongoose.connection.once('open', initData);
 
-// ==========================================
-// Helper: Get School Context
-// ==========================================
+// Helpers
 const getQueryFilter = (req) => {
   const schoolId = req.headers['x-school-id'];
   if (!schoolId) return {}; 
   return { schoolId };
 };
-
 const injectSchoolId = (req, body) => {
   const schoolId = req.headers['x-school-id'];
   return { ...body, schoolId };
@@ -301,79 +310,45 @@ const injectSchoolId = (req, body) => {
 // --- Notifications ---
 app.get('/api/notifications', async (req, res) => {
   const schoolId = req.headers['x-school-id'];
-  const { role, userId } = req.query; // Passed from frontend current user context
-  
+  const { role, userId } = req.query; 
   if (InMemoryDB.isFallback) return res.json(InMemoryDB.notifications);
-
-  const query = {
-     schoolId: schoolId,
-     $or: [
-        { targetRole: null, targetUserId: null }, // Global school msg
-        { targetRole: role }, // Role specific
-        { targetUserId: userId } // User specific
-     ]
-  };
-  
-  const list = await NotificationModel.find(query).sort({ createTime: -1 }).limit(20);
-  res.json(list);
+  const query = { schoolId, $or: [ { targetRole: null, targetUserId: null }, { targetRole: role }, { targetUserId: userId } ] };
+  res.json(await NotificationModel.find(query).sort({ createTime: -1 }).limit(20));
 });
 
 // --- Public Routes ---
 app.get('/api/public/schools', async (req, res) => {
   if (InMemoryDB.isFallback) return res.json(InMemoryDB.schools);
-  const schools = await School.find({}, 'name code _id');
-  res.json(schools);
+  res.json(await School.find({}, 'name code _id'));
 });
-
 app.get('/api/public/config', async (req, res) => {
   if (InMemoryDB.isFallback) return res.json({ allowRegister: true, allowAdminRegister: true });
-  // Global config
-  const config = await ConfigModel.findOne({ key: 'main' }) || { allowRegister: true, allowAdminRegister: false };
-  res.json(config);
+  res.json(await ConfigModel.findOne({ key: 'main' }) || { allowRegister: true, allowAdminRegister: false });
 });
-
 app.get('/api/public/meta', async (req, res) => {
   const { schoolId } = req.query;
   if (!schoolId) return res.json({ classes: [], subjects: [] });
-
-  if (InMemoryDB.isFallback) {
-    return res.json({
-      classes: InMemoryDB.classes.filter(c => c.schoolId === schoolId),
-      subjects: InMemoryDB.subjects.filter(s => s.schoolId === schoolId)
-    });
-  }
-
-  const classes = await ClassModel.find({ schoolId });
-  const subjects = await SubjectModel.find({ schoolId });
-  res.json({ classes, subjects });
+  if (InMemoryDB.isFallback) return res.json({ classes: InMemoryDB.classes.filter(c => c.schoolId === schoolId), subjects: InMemoryDB.subjects.filter(s => s.schoolId === schoolId) });
+  res.json({ classes: await ClassModel.find({ schoolId }), subjects: await SubjectModel.find({ schoolId }) });
 });
 
 // --- Auth ---
 app.post('/api/auth/login', async (req, res) => {
   const { username, password } = req.body;
   try {
-    let user;
-    if (InMemoryDB.isFallback) {
-      user = InMemoryDB.users.find(u => u.username === username && u.password === password);
-    } else {
-      user = await User.findOne({ username, password });
-    }
-
+    let user = InMemoryDB.isFallback 
+      ? InMemoryDB.users.find(u => u.username === username && u.password === password) 
+      : await User.findOne({ username, password });
     if (!user) return res.status(401).json({ message: '用户名或密码错误' });
     if (user.status === 'pending') return res.status(403).json({ error: 'PENDING_APPROVAL', message: '账号待审核' });
     if (user.status === 'banned') return res.status(403).json({ error: 'BANNED', message: '账号已被停用' });
-
     res.json(user);
   } catch (e) { res.status(500).json({ error: e.message }); }
 });
 
 app.post('/api/auth/register', async (req, res) => {
-  const { 
-    username, password, role, schoolId, trueName, phone, email, avatar,
-    teachingSubject, homeroomClass 
-  } = req.body;
+  const { username, password, role, schoolId, trueName, phone, email, avatar, teachingSubject, homeroomClass } = req.body;
   const status = 'pending'; 
-
   try {
     if (InMemoryDB.isFallback) {
       if (InMemoryDB.users.find(u => u.username === username)) return res.status(400).json({ error: 'Existed' });
@@ -381,23 +356,11 @@ app.post('/api/auth/register', async (req, res) => {
       InMemoryDB.users.push(newUser);
       return res.json(newUser);
     }
-    
     const existing = await User.findOne({ username });
     if (existing) return res.status(400).json({ error: 'Existed' });
-
-    const newUser = await User.create({ 
-      username, password, role, status, schoolId, trueName, phone, email, avatar,
-      teachingSubject, homeroomClass
-    });
-    
-    // Auto Sync Course if user is a teacher and has subject
-    if (role === 'TEACHER' && teachingSubject) {
-       await syncTeacherToCourse(newUser);
-    }
-
-    // Notify Admins
+    const newUser = await User.create({ username, password, role, status, schoolId, trueName, phone, email, avatar, teachingSubject, homeroomClass });
+    if (role === 'TEACHER' && teachingSubject) await syncTeacherToCourse(newUser);
     await notify(schoolId, '新用户注册申请', `${trueName || username} 申请注册为 ${role === 'TEACHER' ? '教师' : '管理员'}`, 'ADMIN');
-
     res.json(newUser);
   } catch (e) { res.status(500).json({ error: e.message }); }
 });
@@ -408,11 +371,7 @@ app.get('/api/schools', async (req, res) => {
   res.json(await School.find());
 });
 app.post('/api/schools', async (req, res) => {
-  if (InMemoryDB.isFallback) {
-    const newSchool = { ...req.body, _id: String(Date.now()) };
-    InMemoryDB.schools.push(newSchool);
-    return res.json(newSchool);
-  }
+  if (InMemoryDB.isFallback) { const ns = { ...req.body, _id: String(Date.now()) }; InMemoryDB.schools.push(ns); return res.json(ns); }
   res.json(await School.create(req.body));
 });
 app.put('/api/schools/:id', async (req, res) => {
@@ -423,58 +382,39 @@ app.put('/api/schools/:id', async (req, res) => {
 
 // --- Users ---
 app.get('/api/users', async (req, res) => {
-  const { global, role } = req.query; // Add role filter support
+  const { global, role } = req.query; 
   let filter = global === 'true' ? {} : getQueryFilter(req);
-  
   if (role) filter.role = role;
-
   if (InMemoryDB.isFallback) {
     if (global === 'true') return res.json(InMemoryDB.users);
     return res.json(InMemoryDB.users.filter(u => (!filter.schoolId || u.schoolId === filter.schoolId) && (!role || u.role === role)));
   }
-  const users = await User.find(filter).sort({ createTime: -1 });
-  res.json(users);
+  res.json(await User.find(filter).sort({ createTime: -1 }));
 });
 app.put('/api/users/:id', async (req, res) => {
   try {
-    const updateData = req.body;
-    
     if (InMemoryDB.isFallback) {
       const idx = InMemoryDB.users.findIndex(u => u._id == req.params.id);
-      if(idx>=0) InMemoryDB.users[idx] = { ...InMemoryDB.users[idx], ...updateData };
+      if(idx>=0) InMemoryDB.users[idx] = { ...InMemoryDB.users[idx], ...req.body };
       return res.json({ success: true });
     }
-
-    const user = await User.findByIdAndUpdate(req.params.id, updateData, { new: true });
-    
-    if (updateData.status === 'active') {
-       // Notify User
+    const user = await User.findByIdAndUpdate(req.params.id, req.body, { new: true });
+    if (req.body.status === 'active') {
        await notify(user.schoolId, '账号审核通过', `您的账号 ${user.username} 已通过审核，欢迎使用！`, null, user._id.toString());
-       
-       // Sync Course if needed
        if (user.role === 'TEACHER') await syncTeacherToCourse(user);
-
        if (user.role === 'TEACHER' && user.homeroomClass) {
           const classes = await ClassModel.find({ schoolId: user.schoolId });
           const targetClass = classes.find(c => (c.grade + c.className) === user.homeroomClass);
-          if (targetClass) {
-             await ClassModel.findByIdAndUpdate(targetClass._id, { teacherName: user.trueName || user.username });
-          }
+          if (targetClass) await ClassModel.findByIdAndUpdate(targetClass._id, { teacherName: user.trueName || user.username });
        }
     }
     res.json({ success: true });
   } catch (e) { res.status(500).json({ error: e.message }); }
 });
 app.delete('/api/users/:id', async (req, res) => {
-  if (InMemoryDB.isFallback) {
-    InMemoryDB.users = InMemoryDB.users.filter(u => u._id != req.params.id);
-    return res.json({ success: true });
-  }
+  if (InMemoryDB.isFallback) { InMemoryDB.users = InMemoryDB.users.filter(u => u._id != req.params.id); return res.json({ success: true }); }
   const user = await User.findById(req.params.id);
-  if (user) {
-     await User.findByIdAndDelete(req.params.id);
-     await notify(user.schoolId, '用户被删除', `用户 ${user.trueName || user.username} 已被管理员删除`, 'ADMIN');
-  }
+  if (user) { await User.findByIdAndDelete(req.params.id); await notify(user.schoolId, '用户被删除', `用户 ${user.trueName || user.username} 已被管理员删除`, 'ADMIN'); }
   res.json({ success: true });
 });
 
@@ -508,10 +448,7 @@ app.get('/api/exams', async (req, res) => {
 app.post('/api/exams', async (req, res) => {
   const { name, date, semester } = req.body;
   const schoolId = req.headers['x-school-id'];
-  if (InMemoryDB.isFallback) {
-    InMemoryDB.exams.push({ name, date, semester, schoolId, _id: String(Date.now()) });
-    return res.json({ success: true });
-  }
+  if (InMemoryDB.isFallback) { InMemoryDB.exams.push({ name, date, semester, schoolId, _id: String(Date.now()) }); return res.json({ success: true }); }
   await ExamModel.findOneAndUpdate({ name, schoolId }, { date, semester, schoolId }, { upsert: true });
   res.json({ success: true });
 });
@@ -520,56 +457,52 @@ app.post('/api/exams', async (req, res) => {
 app.get('/api/schedules', async (req, res) => {
   const { className, teacherName, grade } = req.query;
   const filter = getQueryFilter(req);
-  
   if (InMemoryDB.isFallback) return res.json([]);
-
   if (grade) {
-     // Admin Grade View: Find all classes in this grade, then find their schedules
-     // IMPORTANT: We must match the grade string exactly or via partial match if frontend sends "六年级"
      const classes = await ClassModel.find({ ...filter, grade: grade });
-     const classNames = classes.map(c => c.grade + c.className); // Format like "六年级(1)班"
-     
+     const classNames = classes.map(c => c.grade + c.className); 
      if (classNames.length === 0) return res.json([]);
-     
-     // Find schedules where className is in our list
-     const schedules = await ScheduleModel.find({ ...filter, className: { $in: classNames } });
-     return res.json(schedules);
+     return res.json(await ScheduleModel.find({ ...filter, className: { $in: classNames } }));
   }
-
   if (className) filter.className = className;
   if (teacherName) filter.teacherName = teacherName;
-  
   res.json(await ScheduleModel.find(filter));
 });
+
+// UPDATED: Schedule Conflict Check
 app.post('/api/schedules', async (req, res) => {
   const data = injectSchoolId(req, req.body);
-  const { schoolId, className, dayOfWeek, period } = data;
-  
+  const { schoolId, className, dayOfWeek, period, teacherName } = data;
+
   if (InMemoryDB.isFallback) {
+     const conflict = InMemoryDB.schedules.find(s => s.schoolId === schoolId && s.teacherName === teacherName && s.dayOfWeek === dayOfWeek && s.period === period);
+     if (conflict && conflict.className !== className) return res.status(409).json({ error: 'CONFLICT', message: `教师 ${teacherName} 在周${dayOfWeek}第${period}节已有课程 (${conflict.className})` });
+     
      const idx = InMemoryDB.schedules.findIndex(s => s.schoolId === schoolId && s.className === className && s.dayOfWeek === dayOfWeek && s.period === period);
      if (idx >= 0) InMemoryDB.schedules[idx] = { ...data, _id: String(Date.now()) };
      else InMemoryDB.schedules.push({ ...data, _id: String(Date.now()) });
      return res.json({ success: true });
   }
-  
+
+  // Real DB Check
+  const conflict = await ScheduleModel.findOne({ schoolId, teacherName, dayOfWeek, period });
+  if (conflict && conflict.className !== className) {
+    return res.status(409).json({ error: 'CONFLICT', message: `教师 ${teacherName} 在周${dayOfWeek}第${period}节已有课程 (${conflict.className})` });
+  }
+
   await ScheduleModel.findOneAndUpdate(
      { schoolId, className, dayOfWeek, period },
      data,
      { upsert: true }
   );
-  
   await notify(schoolId, '课程表变更', `${className} 周${dayOfWeek}第${period}节 课程已更新`, 'ADMIN');
   res.json({ success: true });
 });
+
 app.delete('/api/schedules', async (req, res) => {
    const { className, dayOfWeek, period } = req.query;
    const schoolId = req.headers['x-school-id'];
-   if (InMemoryDB.isFallback) {
-      InMemoryDB.schedules = InMemoryDB.schedules.filter(s => 
-         !(s.schoolId === schoolId && s.className === className && s.dayOfWeek == dayOfWeek && s.period == period)
-      );
-      return res.json({ success: true });
-   }
+   if (InMemoryDB.isFallback) { InMemoryDB.schedules = InMemoryDB.schedules.filter(s => !(s.schoolId === schoolId && s.className === className && s.dayOfWeek == dayOfWeek && s.period == period)); return res.json({ success: true }); }
    await ScheduleModel.deleteOne({ schoolId, className, dayOfWeek, period });
    res.json({ success: true });
 });
@@ -584,27 +517,22 @@ app.post('/api/students', async (req, res) => {
   const data = injectSchoolId(req, req.body);
   try {
     if (InMemoryDB.isFallback) { 
-        // Mock upsert behavior
         const idx = InMemoryDB.students.findIndex(s => s.studentNo === data.studentNo && s.schoolId === data.schoolId);
         if (idx >= 0) InMemoryDB.students[idx] = { ...InMemoryDB.students[idx], ...data };
         else InMemoryDB.students.push({ ...data, _id: String(Date.now()) });
         return res.json({}); 
     }
-    
-    // Fix: Use Upsert to prevent duplicate key errors (500)
-    await Student.findOneAndUpdate(
-       { schoolId: data.schoolId, studentNo: data.studentNo },
-       data,
-       { upsert: true, new: true }
-    );
+    await Student.findOneAndUpdate({ schoolId: data.schoolId, studentNo: data.studentNo }, data, { upsert: true, new: true });
     await notify(data.schoolId, '学生档案更新', `学生 ${data.name} (${data.studentNo}) 档案已更新`, 'ADMIN');
     res.json({});
-  } catch (e) {
-    res.status(500).json({ error: e.message });
-  }
+  } catch (e) { res.status(500).json({ error: e.message }); }
 });
 app.put('/api/students/:id', async (req, res) => {
-   if (InMemoryDB.isFallback) return res.json({});
+   if (InMemoryDB.isFallback) {
+      const idx = InMemoryDB.students.findIndex(s => s._id == req.params.id);
+      if(idx>=0) InMemoryDB.students[idx] = { ...InMemoryDB.students[idx], ...req.body };
+      return res.json({ success: true });
+   }
    await Student.findByIdAndUpdate(req.params.id, req.body);
    res.json({ success: true });
 });
@@ -617,7 +545,6 @@ app.delete('/api/students/:id', async (req, res) => {
 app.get('/api/classes', async (req, res) => {
   const filter = getQueryFilter(req);
   if (InMemoryDB.isFallback) return res.json(InMemoryDB.classes.filter(c => !filter.schoolId || c.schoolId === filter.schoolId));
-  
   const classes = await ClassModel.find(filter);
   const result = await Promise.all(classes.map(async (c) => {
     const count = await Student.countDocuments({ className: c.grade + c.className, schoolId: filter.schoolId });
@@ -696,34 +623,90 @@ app.get('/api/stats', async (req, res) => {
   const excellentRate = validScores.length > 0 ? Math.round((excellentCount / validScores.length) * 100) + '%' : '0%';
   res.json({ studentCount, courseCount, avgScore, excellentRate });
 });
-
-// Global Config (No school filter)
 app.get('/api/config', async (req, res) => {
   if (InMemoryDB.isFallback) return res.json(InMemoryDB.config);
   res.json(await ConfigModel.findOne({ key: 'main' }) || {});
 });
 app.post('/api/config', async (req, res) => {
-  // Global config update
   if (InMemoryDB.isFallback) { InMemoryDB.config = req.body; return res.json({}); }
   res.json(await ConfigModel.findOneAndUpdate({ key: 'main' }, req.body, { upsert: true, new: true }));
 });
 
+// --- NEW: Games & Rewards ---
+app.get('/api/games/mountain', async (req, res) => {
+   const { className } = req.query;
+   const filter = { ...getQueryFilter(req), className };
+   if (InMemoryDB.isFallback) return res.json(InMemoryDB.gameSessions.find(g => g.schoolId === filter.schoolId && g.className === className));
+   const session = await GameSessionModel.findOne(filter);
+   res.json(session);
+});
+app.post('/api/games/mountain', async (req, res) => {
+   const data = injectSchoolId(req, req.body);
+   if (InMemoryDB.isFallback) {
+      const idx = InMemoryDB.gameSessions.findIndex(g => g.schoolId === data.schoolId && g.className === data.className);
+      if (idx >= 0) InMemoryDB.gameSessions[idx] = { ...data };
+      else InMemoryDB.gameSessions.push({ ...data, _id: String(Date.now()) });
+      return res.json({ success: true });
+   }
+   await GameSessionModel.findOneAndUpdate({ schoolId: data.schoolId, className: data.className }, data, { upsert: true });
+   res.json({ success: true });
+});
+app.get('/api/games/lucky-config', async (req, res) => {
+   const filter = getQueryFilter(req);
+   if (InMemoryDB.isFallback) return res.json(InMemoryDB.luckyConfig);
+   res.json(await LuckyDrawConfigModel.findOne(filter) || { prizes: ['免作业券', '文具套装'], dailyLimit: 3 });
+});
+app.post('/api/games/lucky-config', async (req, res) => {
+   const data = injectSchoolId(req, req.body);
+   if (InMemoryDB.isFallback) { InMemoryDB.luckyConfig = data; return res.json({}); }
+   await LuckyDrawConfigModel.findOneAndUpdate({ schoolId: data.schoolId }, data, { upsert: true });
+   res.json({ success: true });
+});
+
+app.get('/api/rewards', async (req, res) => {
+   const { studentId } = req.query;
+   const filter = { ...getQueryFilter(req), studentId };
+   if (InMemoryDB.isFallback) return res.json(InMemoryDB.rewards.filter(r => r.studentId === studentId));
+   res.json(await StudentRewardModel.find(filter).sort({ createTime: -1 }));
+});
+app.post('/api/rewards', async (req, res) => {
+   const data = injectSchoolId(req, req.body);
+   if (InMemoryDB.isFallback) { InMemoryDB.rewards.push({ ...data, _id: String(Date.now()) }); return res.json({}); }
+   await StudentRewardModel.create(data);
+   
+   // If reward is DRAW_COUNT, increment student attempts
+   if (data.rewardType === 'DRAW_COUNT') {
+      await Student.findByIdAndUpdate(data.studentId, { $inc: { drawAttempts: 1 } });
+   }
+   
+   res.json({ success: true });
+});
+app.post('/api/rewards/:id/redeem', async (req, res) => {
+   if (InMemoryDB.isFallback) {
+      const r = InMemoryDB.rewards.find(r => r._id == req.params.id);
+      if(r) r.status = 'REDEEMED';
+      return res.json({ success: true });
+   }
+   await StudentRewardModel.findByIdAndUpdate(req.params.id, { status: 'REDEEMED' });
+   res.json({ success: true });
+});
+app.post('/api/rewards/consume-draw', async (req, res) => {
+   const { studentId } = req.body;
+   if (InMemoryDB.isFallback) return res.json({ success: true });
+   await Student.findByIdAndUpdate(studentId, { $inc: { drawAttempts: -1 } });
+   res.json({ success: true });
+});
+
 app.post('/api/batch-delete', async (req, res) => {
   const { type, ids } = req.body;
-  const schoolId = req.headers['x-school-id'];
-  
-  if (type === 'student') {
-     await Student.deleteMany({ _id: { $in: ids } });
-     await notify(schoolId, '批量删除', `批量删除了 ${ids.length} 名学生`, 'ADMIN');
-  }
+  if (type === 'student') await Student.deleteMany({ _id: { $in: ids } });
   if (type === 'score') await Score.deleteMany({ _id: { $in: ids } });
   if (type === 'user') await User.deleteMany({ _id: { $in: ids } });
   res.json({ success: true });
 });
 
-// Frontend
 app.get('*', (req, res) => {
   res.sendFile(path.join(__dirname, 'dist', 'index.html'));
 });
 
-app.listen(PORT, () => console.log(`🚀 Service running on port ${PORT}`));
+app.listen(PORT, () => console.log(`🚀 Service running on port ${PORT}`));

services/api.ts

@@ -1,5 +1,6 @@
+
 /// <reference types="vite/client" />
-import { User, ClassInfo, SystemConfig, Subject, School, Schedule } from '../types';
+import { User, ClassInfo, SystemConfig, Subject, School, Schedule, GameSession, StudentReward, LuckyDrawConfig } from '../types';
 
 const getBaseUrl = () => {
   let isProd = false;
@@ -21,16 +22,13 @@ const API_BASE_URL = getBaseUrl();
 async function request(endpoint: string, options: RequestInit = {}) {
   const headers: any = { 'Content-Type': 'application/json', ...options.headers };
   
-  // Inject School Context
   if (typeof window !== 'undefined') {
     const currentUser = JSON.parse(localStorage.getItem('user') || 'null');
     const selectedSchoolId = localStorage.getItem('admin_view_school_id');
     
-    // If admin has selected a specific school, use that
     if (currentUser?.role === 'ADMIN' && selectedSchoolId) {
       headers['x-school-id'] = selectedSchoolId;
     } else if (currentUser?.schoolId) {
-      // Otherwise use user's own school
       headers['x-school-id'] = currentUser.schoolId;
     }
   }
@@ -43,6 +41,7 @@ async function request(endpoint: string, options: RequestInit = {}) {
     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); // Custom conflict error
     throw new Error(errorMessage);
   }
   return res.json();
@@ -56,7 +55,6 @@ export const api = {
       const user = await request('/auth/login', { method: 'POST', body: JSON.stringify({ username, password }) });
       if (typeof window !== 'undefined') {
         localStorage.setItem('user', JSON.stringify(user));
-        // Reset admin view on login
         localStorage.removeItem('admin_view_school_id');
       }
       return user;
@@ -104,7 +102,7 @@ export const api = {
   students: {
     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) }), // NEW
+    update: (id: string, data: any) => request(`/students/${id}`, { method: 'PUT', body: JSON.stringify(data) }),
     delete: (id: string | number) => request(`/students/${id}`, { method: 'DELETE' })
   },
 
@@ -166,7 +164,21 @@ export const api = {
     getAll: (userId: string, role: string) => request(`/notifications?userId=${userId}&role=${role}`),
   },
 
+  // --- NEW: Games & Rewards ---
+  games: {
+    getMountainSession: (className: string) => request(`/games/mountain?className=${className}`),
+    saveMountainSession: (data: GameSession) => request('/games/mountain', { method: 'POST', body: JSON.stringify(data) }),
+    getLuckyConfig: () => request('/games/lucky-config'),
+    saveLuckyConfig: (data: LuckyDrawConfig) => request('/games/lucky-config', { method: 'POST', body: JSON.stringify(data) }),
+  },
+  rewards: {
+    getMyRewards: (studentId: string) => request(`/rewards?studentId=${studentId}`),
+    addReward: (data: Partial<StudentReward>) => request('/rewards', { method: 'POST', body: JSON.stringify(data) }),
+    redeem: (id: string) => request(`/rewards/${id}/redeem`, { method: 'POST' }),
+    consumeDraw: (studentId: string) => request(`/rewards/consume-draw`, { method: 'POST', body: JSON.stringify({ studentId }) })
+  },
+
   batchDelete: (type: 'student' | 'score' | 'user', ids: string[]) => {
     return request('/batch-delete', { method: 'POST', body: JSON.stringify({ type, ids }) });
   }
-};
+};

types.ts

@@ -1,3 +1,4 @@
+
 export enum UserRole {
   ADMIN = 'ADMIN',
   TEACHER = 'TEACHER',
@@ -15,51 +16,49 @@ export interface School {
   id?: number;
   _id?: string;
   name: string;
-  code: string; // unique identifier
+  code: string; 
 }
 
 export interface User {
   id?: number;
-  _id?: string; // MongoDB ID
+  _id?: string;
   username: string;
-  trueName?: string; // New: Real Name
-  phone?: string;    // New: Phone
+  trueName?: string;
+  phone?: string;
   email?: string;
-  schoolId?: string; // New: Multi-tenancy
+  schoolId?: string;
   role: UserRole;
   status: UserStatus;
   avatar?: string;
   createTime?: string;
-  // Teacher Specific
-  teachingSubject?: string; // e.g. "语文"
-  homeroomClass?: string;   // e.g. "六年级(1)班" - Class Name string linkage
+  teachingSubject?: string; 
+  homeroomClass?: string;
 }
 
 export interface ClassInfo {
   id?: number;
   _id?: string;
-  schoolId?: string; // New
+  schoolId?: string;
   grade: string;
-  className: string; // e.g. "(1)班"
+  className: string;
   teacherName?: string;
-  studentCount?: number; // Calculated field
+  studentCount?: number;
 }
 
 export interface Subject {
   id?: number;
   _id?: string;
-  schoolId?: string; // New
-  name: string; // e.g. "语文"
-  code: string; // e.g. "CHI"
-  color: string; // Hex color for charts
-  excellenceThreshold?: number; // Score required to be considered "Excellent" (default 90)
+  schoolId?: string;
+  name: string;
+  code: string;
+  color: string;
+  excellenceThreshold?: number;
 }
 
 export interface SystemConfig {
-  // Global config, no schoolId
   systemName: string;
-  semester: string; // Current active semester
-  semesters?: string[]; // List of available semesters
+  semester: string;
+  semesters?: string[];
   allowRegister: boolean;
   allowAdminRegister: boolean;
   maintenanceMode: boolean;
@@ -68,8 +67,8 @@ export interface SystemConfig {
 
 export interface Student {
   id?: number;
-  _id?: string; // MongoDB ID
-  schoolId?: string; // New
+  _id?: string;
+  schoolId?: string;
   studentNo: string;
   name: string;
   gender: 'Male' | 'Female' | 'Other';
@@ -78,16 +77,18 @@ export interface Student {
   phone: string;
   className: string;
   status: 'Enrolled' | 'Graduated' | 'Suspended';
-  // Extended info
   parentName?: string;
   parentPhone?: string;
   address?: string;
+  // Game related
+  teamId?: string; // For Mountain Game
+  drawAttempts?: number; // For Lucky Draw
 }
 
 export interface Course {
   id?: number;
   _id?: string;
-  schoolId?: string; // New
+  schoolId?: string;
   courseCode: string;
   courseName: string;
   teacherName: string;
@@ -101,23 +102,23 @@ export type ExamStatus = 'Normal' | 'Absent' | 'Leave' | 'Cheat';
 export interface Score {
   id?: number;
   _id?: string;
-  schoolId?: string; // New
+  schoolId?: string;
   studentName: string;
   studentNo: string;
   courseName: string;
   score: number;
   semester: string;
   type: 'Midterm' | 'Final' | 'Quiz';
-  examName?: string; // e.g. "期中限时练习"
-  status?: ExamStatus; // Default: Normal
+  examName?: string;
+  status?: ExamStatus;
 }
 
 export interface Exam {
   id?: number;
   _id?: string;
-  schoolId?: string; // New
-  name: string; // e.g. "期中考试"
-  date: string; // e.g. "2023-11-01"
+  schoolId?: string;
+  name: string;
+  date: string;
   semester?: string;
 }
 
@@ -125,23 +126,23 @@ export interface Schedule {
   id?: number;
   _id?: string;
   schoolId?: string;
-  className: string; // Linked to ClassInfo
-  teacherName: string; // Linked to User
+  className: string;
+  teacherName: string;
   subject: string;
-  dayOfWeek: number; // 1 (Mon) - 5 (Fri)
-  period: number; // 1 - 8
+  dayOfWeek: number;
+  period: number;
 }
 
 export interface Notification {
   id?: number;
   _id?: string;
   schoolId?: string;
-  targetRole?: UserRole; // If set, only users with this role see it (e.g. ADMIN)
-  targetUserId?: string; // If set, only this specific user sees it
+  targetRole?: UserRole;
+  targetUserId?: string;
   title: string;
   content: string;
   type: 'info' | 'success' | 'warning' | 'error';
-  isRead?: boolean; // Frontend state mostly, backend can store read status per user but simpler to just show recent
+  isRead?: boolean;
   createTime: string;
 }
 
@@ -150,4 +151,53 @@ export interface ApiResponse<T> {
   message: string;
   data: T;
   timestamp: number;
+}
+
+// --- Game Types ---
+
+export interface GameTeam {
+  id: string;
+  name: string;
+  score: number;
+  avatar: string; // Emoji or URL
+  color: string;
+  members: string[]; // Student IDs
+}
+
+export interface GameRewardConfig {
+  scoreThreshold: number; // e.g., Reach 10 points
+  rewardType: 'ITEM' | 'DRAW_COUNT';
+  rewardName: string; // "Notebook" or "1 Draw"
+  rewardValue: number; // 1 (count)
+}
+
+export interface GameSession {
+  _id?: string;
+  schoolId: string;
+  className: string; // The class this game belongs to
+  subject: string; // The subject context (optional, or generic)
+  isEnabled: boolean;
+  teams: GameTeam[];
+  rewardsConfig: GameRewardConfig[];
+  maxSteps: number; // For mountain height
+}
+
+export interface StudentReward {
+  _id?: string;
+  schoolId?: string;
+  studentId: string; // Link to Student
+  studentName: string;
+  rewardType: 'ITEM' | 'DRAW_COUNT';
+  name: string;
+  status: 'PENDING' | 'REDEEMED';
+  source: string; // "Mountain Game"
+  createTime: string;
+}
+
+export interface LuckyDrawConfig {
+  _id?: string;
+  schoolId: string;
+  prizes: string[]; // List of prize names
+  dailyLimit: number;
+  defaultPrize: string; // "Thank you"
 }