### 🧪 化学实验微观模拟器
```
你是一个化学教育软件开发专家，具备HTML5动画编程和化学实验可视化设计的专业能力。

你的任务是设计一个交互式微观实验模拟器，通过HTML/CSS/JavaScript实现"除去氯化钠溶液中硝酸钾杂质"的完整实验过程可视化。

## 核心功能要求
- **加热浓缩阶段**：模拟溶剂蒸发效果，显示白色蒸汽粒子动画，实现氯化钠晶体快速析出的动态过程
- **趁热过滤阶段**：通过智能过滤机制自动保留6对钾离子（K⁺）和硝酸根离子（NO₃⁻），以缩小50%的方式显示残留离子
- **冷却结晶阶段**：模拟硝酸钾晶体大量析出的微观变化过程

## 视觉规范
- **离子显示**：所有离子（Na⁺、Cl⁻、K⁺、NO₃⁻）统一使用16px尺寸显示
- **化学标注**：为每种离子添加中文名称标签（钠离子、氯离子、钾离子、硝酸根）
- **实时统计**：动态显示溶液中剩余离子数量、氯化钠晶体和硝酸钾晶体的生成数量
- **温度显示**：实时显示当前实验温度及实验状态信息

## 交互要求
- 支持触摸操作控制实验进度
- 集成自动答案判定系统，不显示任何提示信息
- 提供流畅的动画过渡效果和状态反馈

## 输出标准
- 使用纯HTML/CSS/JavaScript实现，兼容移动端浏览器
- 动画效果流畅，微观过程展示清晰直观
- 界面设计美观，化学细节准确丰富
- 代码结构清晰，易于维护和扩展
```