展开一城千面，
让大连的故事相遇。

先从一张地图开始

1. 选择“老城大连、滨城大连、红色大连、向新大连、烟火大连”中的一种主题，或使用搜索框找到地点。
2. 拖动地图，用加减按钮缩放。密集点位会聚合，点击数字展开；也可打开地点目录，用键盘直接选地点。
3. 查看实景资料与城市介绍，展开“发现另一面”或历史阅读。图片均有日期、作者与许可入口；主题图形明确标为非实景照片。
4. 点击“收进我的大连”，打开顶部收藏清单，可调整顺序、填写最多 40 字留言，并导出漫游卡 PNG。
5. 选择下方四条主题线索，在地图上顺次阅读。连线不表示实际通行线路，也不提供交通时间。

红色历史线索区分革命、工运历史与近代历史记忆；产业点位用于理解城市，不表示可以进入生产区域。收藏只表示你喜欢这个地点。

声音记忆怎样走通

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

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

把城市素材接进来

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

事实有出处，想象有标识

电车起始日期依据大连博物馆资料；东关街保护认定与部分开街时间依据西岗区政府资料。地图地点的事实来源同时列于 照片与资料来源。实景资料来自明确授权的 Wikimedia Commons 文件，未把其他事实来源网页中的图片视作可直接使用的素材。

票背留言、钥匙的叙事意义与海岸声景都是创作设计。不能把它们包装为历史原物、人物手迹、真实口述或实地录音。工程机构、机构人物与创作者身份不进入作品叙事。

四个人各自留下什么成果

从哪里开始读工程

1. dist/atlas-data.js：66 个地点、主题、路线和史料来源；photo-data.js：照片署名与许可。
2. dist/atlas-core.js、atlas-map.js：地图投影、筛选、聚合、缩放与收藏状态。
3. dist/atlas.js、atlas.css：地点卡片、路线、收藏排序、导出与响应式布局。
4. docs/PRODUCTION_PLAN.md：主题、采集、分工与内部冲刺日程。
5. dist/content.js：三章文字、交互提示和城市事实来源。
6. dist/state.js：解锁条件、混音设置、留言与本地保存。
7. dist/app.js：翻面、声音对应、声景调节、弹窗与导出。
8. dist/audio.js 与 styles.css：程序声音与视觉实现。
9. docs/FACT_SOURCES.md、ASSET_REGISTER.csv、AI_DISCLOSURE.md：事实、素材、AI参与记录。

运行与验收

用Chrome或Edge打开解压后的dist/index.html。主要交互、图片与程序音效可离线运行；系统合成朗读取决于设备中文语音支持，不保证离线可用。所有叙事同时以文字提供。

语法、状态和资源引用可自动检查。底图、地标和照片在本地加载；来源与位置资料链接需要联网。当前环境未提供规定的浏览器QA能力，实际画面、音质、触摸、朗读与PNG导出仍需按docs/QA_CHECKLIST.md实机验收。不得把自动检查写成已经完成用户测试。

交付前统一核对

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