73 AWESOME 2D Art Styles · 复现与维护说明

做一个以原片讲解为准、截图作索引的中文参考图鉴。首页显示紧凑标题、搜索、原片分类和大图卡片，不放营销大屏、统计仪表盘或分类柱状图。

视觉：炭灰背景 #18181B、面板 #222225、边框 #3A3A40、正文 #ECE8E1、次要文字 #B0ABA5、强调 #DA7756、悬停 #E8985C。图片保留原色。正文用中文无衬线字体。常规桌面三列、宽屏四列、手机单列。完整展示主体，不强行裁切竖图。

页面：首页 /、分类 categories/<id>/、案例 examples/<id>/、来源 about/。部署支持可配置 base 路径与 origin。生成真实静态 HTML，内容、canonical 和 Open Graph/Twitter 卡片标签都在首个响应中。每页独立分享图为 1200×600 JPG，使用公开绝对网址。

卡片：真实截图、依据原片讲解写的中文标题、分类、讲解时间及摘要。进入详情后显示大图、截图时间、讲解时间、中文意译、来源说明，以及只根据可靠对应的讲解生成的可编辑中文提示词。讲解无法可靠对齐时明确标注，不提供基于猜测的提示词。返回时保留搜索、排序与滚动位置，查询写入网址。

内容：案例是视频画面条目，不等于独立风格或独立作品。原视频标题为73例，当前索引71个主视频条目加3个番外，差异原因未完全核实。不要声称73是Pinterest板的精确图片数量。原片分组是作者个人分类，不作为严谨美术分类法。每张卡的标题、描述和提示词都要追溯到对应台词及时间点；不能仅凭截图猜测游戏名、人物身份、地图内容或作品来源。未知作者和来源不猜测。提示词不是原作者提供。不要声称素材可直接商用或制作零成本。

图片：保留原截图，生成缩略图和展示图，记录图片尺寸与原图SHA-256。不得用AI补画冒充原作。截图、视频和可再生成产物不提交Git。媒体从单独归档恢复。卡片、详情和大图查看器支持图片菜单：原图、所在位置、复制图片、完整路径、下载。本机服务提供受限的目录打开功能；公开静态站打开真实图片目录并复制公共资源网址，不冒充可操作访客磁盘。

数据维护：data/categories.json 管理原片分类；data/source-notes-a.json 与 data/source-notes-b.json 保存逐条台词核对结果；scripts/import.mjs 将原资料与讲解笔记生成 data/catalog.json；scripts/prepare_media.py 生成 media/；scripts/build.mjs 输出静态页面。图片与分享封面统一由稳定案例ID关联。新增或修正数据后重新构建并运行 scripts/check.mjs，再检查电脑与手机浏览、键盘操作、原片跳转、复制和分享封面。

上线：先提供可浏览预览，之后接入正式站点。正式部署不得用图鉴子目录覆盖个人主站。正式URL部署后检查抓取可达性，并在X发帖框中实测卡片；代码标签检查通过不等于X展示已验证。