展开一城千面，
把喜欢的坐标收好。

先从一张地图开始

1. 按商业生活、科教创新、商务会展、公共服务、滨海山林、历史文旅、红色记忆、产业新区、交通枢纽九类筛选，或使用搜索框找到地点。
2. 拖动地图，用加减按钮缩放。密集点位会聚合，点击数字展开；也可打开地点目录，用键盘直接选地点。
3. 查看实景资料与城市介绍，展开“发现另一面”或“地点历史”。十站历史资料列出年代、事实摘要与出处；资料照片记录拍摄时的面貌，不等于历史事件现场。图片保留日期、作者与许可入口；主题图形明确标为非实景照片。
4. 点击“收进我的大连”，打开顶部收藏清单，可调整顺序、填写最多 40 字留言，并导出漫游卡 PNG。
5. 选择港湾变局、街道与抗争、重建与求知、开放与转型、向海与日常五条时期路线，每条两站。地点与年代同原版一致，可任意选择、切换或退出，按自己的节奏阅读；连线不表示实际通行线路，也不提供交通时间。

轻便版使用自由探索方式，历史资料直接可读，收藏与三章声音记忆分别保存在本机。红色历史线索区分革命、工运历史与近代历史记忆；产业点位用于理解城市，不表示可以进入生产区域。收藏只表示你喜欢这个地点。

声音记忆怎样走通

1. 进入“电车回响”，翻开票背，再点击“收好这段记忆”。电车节奏可选择试听。
2. 进入“东关街巷”，选择“金属轻响”并与钥匙对应，再收好记忆。声音也有文字线索。
3. 进入“山海来信”，调整一个声部，点击“留住这段声景”，再收好记忆。至少保留一个非零声部。
4. 生成大连来信，选择主题、填写可选短句，保存PNG。声景比例和创作标识会写入图片。

三章支持任意顺序。关闭声音也能完成；声音、留言与进度不上传服务器。

把城市素材接进来

主视觉是城市意象拼贴，不是实际线路或精确地理关系。真实素材替换后，同时修改来源说明与素材台账。更新coast.png时，需同步离线导出的export-image.js。

事实有出处，想象有标识

地点名称、简介、看点、分类与位置沿用原版现行资料；五时期十站还提供同源的年代、历史事实摘要与来源。电车与街巷的补充事实仍在声音记忆页单列来源。地图地点的事实来源同时列于 照片与资料来源。摄影资料来自 Wikimedia Commons、机构及其他公开来源，每张图片保留各自的使用条件；公开可见不等于取得开放授权。

票背留言、钥匙的叙事意义与海岸声景都是创作设计，不能作为历史原物、人物手迹、真实口述或实地录音。摄影、AI 插画、程序图形与合成声音分别说明，照片可以与原版不同，不能据此改变地点事实。

四个人各自留下什么成果

从哪里开始读工程

1. dist/lite/atlas-data.js：67 个地点、五时期十站自选路线与史料来源；photo-data.js：照片署名与许可。
2. dist/lite/atlas-core.js、atlas-map.js：地图投影、筛选、聚合、缩放与收藏状态。
3. dist/lite/atlas.js、atlas.css：地点卡片、路线、收藏排序、导出与响应式布局。
4. dist/lite/content.js：三章文字、交互提示和城市事实来源。
5. dist/lite/state.js：解锁条件、混音设置、留言与本地保存。
6. dist/lite/app.js：翻面、声音对应、声景调节、弹窗与导出。
7. dist/lite/audio.js 与 styles.css：程序声音与视觉实现。
8. 照片与资料来源：当前页面使用的事实、照片署名、许可和创作标识。

运行与验收

从原版右上角切换进入，或直接用 Chrome、Edge 打开 dist/lite/index.html；轻便版右上角可切换回原版。主要交互、图片与程序音效可离线运行；系统合成朗读取决于设备中文语音支持，不保证离线可用。声音互动同时提供文字线索。

语法、状态和资源引用可自动检查。底图、地标和照片在本地加载；来源与位置资料链接需要联网。实际音质、触摸、朗读与图片保存仍需使用设备检查，自动检查不等同于受众测试。

交付前统一核对

页面、章节、导出明信片、文件属性与介绍材料应保持大连城市主题。保留真实贡献、素材来源和AI使用记录；用连续实际操作录制演示，演示内容必须能在提交版本中复现。