增加存档功能
广告
{{v.name}}
📋 原始需求（task.md）：
增加存档功能，存档用json格式，以稀疏矩阵的形式存储，只记录有圆点的行列号和圆点颜色。存档和读档按钮放在页面右上角，用图标+圆形小按钮的样式。用户点击存档按钮后，页面弹出对话框，对话框中有一个文本输入框，存档json显示在文本输入框中，用户可以复制粘贴。读档按钮同理，弹出对话框后显示文本输入框，用户可以将json格式的内容粘贴到文本输入框中，点击确认按钮完成读档操作。 读档和存档的行号和列号反了
增加存档功能，存档用json格式，以稀疏矩阵的形式存储，只记录有圆点的行列号和圆点颜色。存档和读档按钮放在页面右上角，用图标+圆形小按钮的样式。用户点击存档按钮后，页面弹出对话框，对话框中有一个文本输入框，存档json显示在文本输入框中，用户可以复制粘贴。读档按钮同理，弹出对话框后显示文本输入框，用户可以将json格式的内容粘贴到文本输入框中，点击确认按钮完成读档操作。 读档和存档的行号和列号反了
实现方案
- 页面右上角新增两个圆形小图标按钮：💾 存档、📂 读档
- 存档格式为稀疏矩阵 JSON：{"format":"perler-save","cellSize":40,"beads":[{"r":行号,"c":列号,"color":"#色值"},...]}，只记录有圆点的格子，兼容数组形式
- 存档对话框展示 JSON 并支持一键复制；读档对话框粘贴 JSON 后点「确认读档」，解析校验后清空并重建圆点，显示成功/失败提示
问题修复
内部格子 key 格式为 "x,y"（列在前），存档解构时顺序写反导致 r/c 对调，已修正为 r=行号、c=列号，与读档保持一致。
