夜幕档案 · 首页主视觉的四次迭代

先用代码占位

第一版完全用代码绘制：天空、城堡、庭院都是 SVG 剪影，雾气和火星是 CSS 与 Canvas。它不好看，但能先把构图和交互定下来——月亮在哪、祭坛在哪、标题放在左侧多宽的区域。

参考图会被「照抄」

第二版把剪影截图当作构图参考喂给模型，结果它几乎原样复刻了占位图，连截图里的界面文字都画成了乱码。参考图的权重往往比提示词高，构图参考和风格参考最好分开。

只给文字，反而更好

第三版去掉所有参考图，只用文字写清楚每个物件在画面中的百分比位置，并要求左侧 35% 更暗、留给标题。这一次终于出现了手绘厚涂的质感，物件位置也基本对得上。

终稿：在满意的构图上提升精度

第三版的分辨率只有 1280×720，放在大屏上会发虚。终稿把它作为构图参考，用 Nano Banana 重绘成 2580×1440，同时补足了石材、雾气和烛光的细节。