Genetic Pedigree Learning Tool — 遗传系谱图学习工具产品系统

高中生物教学中，遗传系谱图分析是孟德尔定律教学的核心难点。传统教学依赖教师手绘板书或静态图片，无法动态展示基因型与表现型的关联，学生难以理解抽象的遗传规律。本工具旨在解决这一痛点，为师生提供一个交互式遗传分析教学平台。

1. 四种经典遗传模式支持：常染色体隐性（AR）、常染色体显性（AD）、X连锁隐性（XLR）、X连锁显性（XLD），覆盖高中生物全部遗传题型。
2. 可视化系谱图绘制：方形代表男性、圆形代表女性，实心表示患病个体，紫色标注携带者，支持点击编辑和缩放拖拽。
3. 子代遗传概率计算：选择父母后自动计算子代患病、携带、正常的概率，实时反馈。
4. 数据导入导出：JSON格式保存与加载，方便教师备课和学生课后复习复用。
5. 深浅色主题：自动跟随系统或手动切换，适配课堂投影和个人学习场景。
6. 纯前端运行：无需服务器，浏览器打开即用，零部署成本。

本人独立完成全部开发工作。技术栈采用原生JavaScript（ES6）实现核心逻辑，包括系谱图布局算法和孟德尔分离定律计算引擎；SVG实现系谱图可视化渲染；CSS3自定义属性实现深浅色主题切换和响应式布局。亮点在于将复杂的遗传规律抽象为可交互的算法模型，用户无需理解底层逻辑即可直观操作。