问题找到了！在 mockAllClasses 数组中引用了 mockPointsLogs，但 mockPointsLogs 是在文件的最后才定义的。这是一个变量声明顺序问题——JavaScript 在模块执行时，const 变量在声明之前是不能被访问的（暂时性死区）。
需要把 mockPointsLogs 的定义移到 mockAllClasses 之前。
问题已修复。错误的根本原因是 JavaScript 的暂时性死区（TDZ）：mockPointsLogs 被定义在文件末尾，但在 mockAllClasses 数组中被引用时它还未初始化。将 mockPointsLogs 的定义移到 mockAllClasses 之前即可解决此问题。
我看到文件现在的顺序是正确的——mockPointsLogs 在 mockAllClasses 之前定义（第281行）。但是报错说的是第295行，这说明可能缓存问题或者文件还没更新。让我再检查一下 store.ts 并确保一切正常。
同时我注意到还有 duplicate key 的问题，需要检查 store.ts 里的 uid 生成函数。
我看到文件内容已经正确了。错误仍然提示第 295 行，说明服务器缓存了旧的文件内容。让我在 mock-data.ts 中做一个小改动来强制刷新缓存：
代码结构现在是正确的：mockPointsLogs 在第 281-289 行定义，mockAllClasses 从第 291 行开始，顺序正确。如果错误仍然存在，可能是浏览器缓存问题，请尝试刷新页面或清除缓存。
清楚了。方案：把 PointsPanel 改成一个 Dialog，点击学生卡片后弹出；右侧边栏直接移除 PointsPanel、Leaderboard、PointsLog，整个右侧栏也不需要了；同时把 StudentCard 的点击行为改为触发弹窗，而不是"选择"。
现在更新首页，移除右侧边栏（PointsPanel、Leaderboard、PointsLog），改为点击学生卡片弹出 Dialog，并让学生列表占满全宽：
最后把 StudentCard 的点击行为改为优先走 onSelect 回调（弹窗），并隐藏卡片底部的快捷加减分按钮（避免和弹窗重复），同时移除 toggleSelectStudent 默认行为：
新增了 PointsDialog 组件，点击任意学生卡片后弹出对话框，顶部展示该学生的宠物、积分和经验条，下方支持快捷任务和自定义加减分操作，并有积分变化的瞬时数字反馈动画。右侧边栏（积分操作面板、排行榜、最近记录）已全部移除，学生列表改为全宽显示，网格列数也从 4 列扩展至最多 6 列。
这是 next-themes 的已知问题——它在客户端动态给 <html> 添加 className="light" 和 style，与服务端渲染不匹配。解决方法是在 <html> 标签上加 suppressHydrationWarning。
将 suppressHydrationWarning 从 <body> 移到 <html> 标签上。next-themes 会在客户端向 <html> 注入 className 和 style（color-scheme），与服务端渲染产生差异，suppressHydrationWarning 必须加在被修改的那个元素上才能生效。
