# 西行档案馆 · 云端存档系统（纯静态单页原型）

赛博水墨风格的「西行云途」档案馆存档模块前端原型。单文件 `index.html`，零外部依赖，全部数据存于浏览器 `localStorage`。

## 功能清单

1. **唯一档案ID · 扫码登录**
   - 自动生成 16 位档案 ID（格式 `XY_ + 12 位字母数字`，如 `XY_A1B2C3D4E5F6`）。
   - 前端算法绘制 SVG 二维码方块网格（含三个定位角 + 确定性伪随机点阵），无需任何外部二维码库。
   - 二维码每 60 秒自动刷新，模拟"防截图盗用"动态二维码。
   - 支持「复制ID」「截图保存」「刷新二维码」。

2. **三层存档机制**
   - 可视化展示 **本地缓存层 / 云端备份层 / 加密存档层** 三层。
   - 「保存进度」按钮触发三层依次写入动画（进度条 + 状态 + 更新时间），写入后自动小幅推进通关/打卡进度。

3. **档案时光轴**
   - 纵向卷轴式时间轴，展示启程、站点打卡、灵宠获得、里程碑等节点。
   - 数据来自 `localStorage`，回滚等操作会追加新节点。

4. **导出海报**
   - Canvas 绘制赛博国风档案卡片（头像/档案ID/通关打卡/步数/勋值/书卷值/存层/水印）。
   - 可「下载海报图片」保存为 PNG。

5. **加密存档文件**
   - 前端模拟 AES-256 风格加密串（文件头 `XYA1::salt::hex`），展示 SHA-256 校验说明。
   - 可「重新加密」「下载 `.xya` 文件」。

6. **7天备份回滚**
   - 列出最近 7 天自动备份点（日期/星期/快照摘要）。
   - 点击「回滚」二次确认后，按快照摘要恢复进度并更新时光轴。

7. **顶部 HUD**
   - 档案ID缩写、已通关 X/6、已打卡 X/6、存档层数 X/3、同步状态标签。

## 本地预览

直接双击打开，或启动一个静态服务器：

```bash
cd archive-save
python3 -m http.server 8080
# 浏览器访问 http://localhost:8080/index.html
```

> 提示：数据保存在当前浏览器的 `localStorage`（键名 `xyt_archive_save`）。清除浏览器数据会重置档案。

## 视觉与版权说明

- **赛博水墨风格**：深蓝紫渐变背景 + 网格底纹 + 霓虹发光，主色沿用 `--cyan:#5fe3ff / --purple:#b98cff / --gold:#ffd479`，与 `cyber-hiking` 模块保持一致。
- **版权脱敏**：无任何原版西游 IP 名称、角色与素材；图标均为纯 SVG 绘制，无写实图片；角色为「玄清行者/小石灵」等原创布衣 Q 版设定。
- **技术约束**：单文件 `index.html`（内联 CSS/JS），零外部依赖，二维码与海报均由前端算法/Canvas 生成。

## 文件结构

```
archive-save/
├── index.html   # 完整可运行单页原型
└── README.md    # 本说明
```