心育工作台：中小学心理老师工作系统（原型）产品系统Vibe Coding

1、立项原因：中小学专职心理老师往往一个人负责全校学生。每次个体辅导结束后，要手写《个体心理辅导记录表》；学生的会谈记录、普查量表、家长沟通分散在纸质档案、Excel 和微信里；每月还要手工统计人次，写工作月报交给教育局。写记录和做统计占掉大量时间，高风险学生的跟进事项也容易遗漏。这个项目想让老师少花时间在文书上，多花时间在学生身上。

2、行业场景：面向中小学心理健康教育。主要用户是学校专职或兼职心理老师，使用场景包括个体辅导后整理记录、按风险等级跟踪重点学生、配合班主任和家长沟通、办理转介就医，以及每月向教育主管部门报送工作数据。

心育工作台是为中小学专职心理老师设计的工作系统原型，把个体辅导、学生档案和统计上报放在一起，减少手写记录和手工统计的时间。

1、功能模块：工作台首页、学生档案、会谈记录、统计上报、意见反馈。

2、主要功能：
工作台首页：显示今日会谈安排、待办提醒（逾期记录标红）、本月辅导人次和高中风险学生数。
学生档案：一生一档，按风险等级排序，可按年级、风险筛选和搜索；每个学生的会谈时间线、心理普查量表分数（MHT、PHQ-9、GAD-7）、家校沟通和转介情况集中查看。
会谈记录：上传会谈录音后，演示转写、区分老师和学生、标出风险表达的流程，并按《个体心理辅导记录表》生成可编辑的初稿，审核后存入学生档案，也可以复制到 Word。
统计上报：自动汇总每月辅导人次、问题类型和年级分布，一键生成月度工作报告。

3、技术说明：纯前端实现，响应式布局，手机和电脑都能正常使用，支持深色模式。当前为交互原型，学生数据均为虚构，录音转写和 AI 记录为预置示例，后续可接入语音识别和大模型接口。

1、负责内容：独立完成整个项目，包括需求梳理（整理心理老师的日常工作流程和记录表格式）、交互设计、页面开发，以及手机端适配和测试。

2、技术实现：纯前端单文件实现（HTML5 + CSS3 + 原生 JavaScript），不依赖任何框架和第三方库，浏览器直接打开就能用。页面切换用 hash 路由，统计图表用 SVG 绘制，会根据屏幕宽度重新绘制。用 CSS 变量实现浅色和深色两套主题，用媒体查询做响应式布局：电脑端是侧边导航，手机端改成底部导航，学生列表从表格变成卡片，会谈记录页的转写和记录表可以切换查看，避免在手机上嵌套滚动。

3、难点：记录表的栏目要贴合学校实际使用的《个体心理辅导记录表》，风险评估要区分自伤、伤人、受害三类风险，还要写明判断依据和保护因素。同时要处理好隐私：学生一律用化名，录音转写完成后自动删除，AI 生成的初稿必须经老师审核才能存档。