立项：《古法代码之王》展示站

- 21 章小说正文 + 22 幅原创插图
- 近未来都市科幻爽文主题（AI 崩溃后古法程序员逆袭）
- 单页静态展示站（nginx:alpine + Dockerfile，Coolify 部署）
- Hero 主角参考图半透明叠加 + 金色渐变标题
- 章节目录 + 逐章阅读 + 画廊 lightbox

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

.gitignore

@@ -0,0 +1,12 @@
+.DS_Store
+node_modules/
+
+# 大素材本地归档，不进 Git（GitHub 单文件 100MB 上限）
+raw-packages/
+source/*.png
+
+# 本地 playwright 截图
+hero.png
+hero2.png
+characters.png
+fullpage.jpeg

.memory/project.md

@@ -0,0 +1,46 @@
+# 《古法代码之王》展示站
+
+## 立项背景
+
+2026-04-18 从桌面归档的 `全世界AI崩溃后古法程序员的逆袭.zip` (356MB) 立项。原始压缩包来源未知（疑似之前 AI 协作创作的产物），内容包括：
+
+- **小说正文**：《古法代码之王》.md，2317 行，约 12 万字，21 章正文 + 终章
+- **插图素材**：22 张 AI 生成插图（主角参考 + 第 1–20 章 + 终章），每张均有处理版 + 原始版
+- **创作文档**：大纲、插画风格指南、插画提示词方案、场景详述
+
+## 故事定位
+
+近未来都市科幻爽文。全球程序员因长期依赖 AI 编码退化，唯有男主顾沉舟坚持手写代码，在宙核智编网系统性崩溃后完成"旧时代火种"式逆袭。四卷结构：被时代埋掉 → 寒冬独守 → 黑箱裂缝 → 旧时代火种归位。
+
+## 目录结构
+
+```
+20260418-古法程序员逆袭/
+├── .memory/              项目记忆
+├── raw-packages/         原始压缩包（两层：外层 + 内嵌 ai_coding_novel_full_package.zip）
+├── source/               内嵌 zip 解压物，共 22 张处理版 + 22 张 original 原图 + 4 md
+├── novel/《古法代码之王》.md  主小说
+├── docs/                 创作文档（大纲、风格指南、插画方案）
+└── web/                  展示网页（index.html + images/）
+```
+
+## 展示站方案
+
+单页静态站，分三区：
+
+1. **Hero** — 主角参考图 + 书名 + 副标题
+2. **章节目录** — 21 + 1 章卡片，点击展开
+3. **逐章阅读** — 章节图 + 正文，支持连续滚动阅读
+4. **画廊模式** — 可选切换纯图浏览
+
+视觉：近未来都市写实（冷灰蓝 → 深黑金，跟随小说情绪推进）。
+
+## 部署
+
+- **Gitea**：`git.kang-kang.com/kangwang/gufa-code-king`
+- **Coolify 静态 dockerfile (nginx:alpine)**
+- **域名**：`gufa-code.kang-kang.com`（待定，也可用更短别名）
+
+## 时间线
+
+- 2026-04-18：立项、解压、整理结构、做展示站

README.md

@@ -0,0 +1,30 @@
+# 《古法代码之王》
+
+> 当全世界都把写代码交给 AI，只有一个被时代淘汰的人，还记得如何真正让系统运转。
+
+近未来都市科技爽文 + 原创 AI 插图的创作展示站。
+
+- **正文**：21 章，约 12 万字
+- **插图**：22 幅（主角参考 + 第 1–20 章 + 终章）
+- **线上地址**：[gufa-code.kang-kang.com](https://gufa-code.kang-kang.com)
+
+## 目录结构
+
+| 目录 | 内容 |
+|---|---|
+| `novel/` | 小说正文 md |
+| `docs/` | 大纲、插画风格指南、插画提示词方案 |
+| `source/` | AI 插图完整素材（处理版 + 原始版）|
+| `raw-packages/` | 原始压缩包归档 |
+| `web/` | 展示站（Dockerfile + nginx:alpine）|
+
+## 本地预览
+
+```bash
+cd web && python3 -m http.server 8765
+# open http://localhost:8765
+```
+
+## 部署
+
+Coolify 指向 `web/Dockerfile`，build 出 nginx:alpine 静态站。

docs/illustration_description_notes.md

@@ -0,0 +1,37 @@
+# 插画描述分析笔记
+
+## 1. ch06_old_computer_cold_noodles.png
+
+这是一张冷蓝色调的室内低谷场景。顾沉舟坐在狭小破旧的出租屋里，背后是雨水模糊的窗户与灰败楼景，墙面剥落、线路外露、空调老旧，环境明显长期失修。桌上同时摆着笔记本电脑与老式CRT显示器，屏幕上都是代码与报错信息，显示他仍在顽强地写程序。人物面容极度憔悴，眼窝深陷、黑眼圈浓重、嘴角下垂，胡茬与散乱头发强化了疲惫与潦倒感。衣服磨损起球，肩背佝偻，手仍停在键盘上，表现出一种被生活压垮却没有彻底放弃的硬撑。桌上的冷面、空药片、矿泉水瓶和凌乱碎屑共同构成“贫穷、熬夜、病痛、孤独”的生活质感。
+
+## 2. ch07_she_brought_an_umbrella.png
+
+这是一张雨夜街巷中的情感转折画面。整体环境仍然潮湿、冷暗、带有旧城区赛博霓虹感，但街灯下形成一片暖金色光区，与四周蓝灰色雨幕构成鲜明对比。顾沉舟从楼道口走出，身上衣着深色、神情低落、手里提着旧包，步伐迟缓，像刚经历完又一次失败。画面右侧的女子撑着深色雨伞站在灯下，穿浅色长风衣，姿态安静克制，手里提着热饮和袋子，像是在等他，也像是给他留下体面与温度。两人没有直接拥抱，反而保留了距离感，这种留白让情绪更真实。雨水、反光路面、破旧楼梯和霓虹招牌共同营造出都市沉默感，而灯下这一小块暖色区域则像顾沉舟人生里难得的一次温柔接住。
+
+## 3. ch14_the_day_the_world_went_dark.png
+
+这是一张灾难爆发时的都市全景图。画面采用高楼峡谷式构图，视线被两侧巨大的屏幕与中轴街道压迫向远方，形成强烈的失控感。所有电子大屏同时跳出红色“ERROR”警告，红光几乎淹没整个商业中心，像整座城市的神经系统被瞬间点燃后又彻底烧毁。街面上车辆互相碰撞、急救车和警车横插路中央、人群四散奔逃，有人举着火把或挥手示警，秩序明显崩溃。顾沉舟站在画面前景中央，穿深色西装，表情冷硬克制，与四周的集体惊慌形成鲜明反差。他不是这场灾难的制造者，却像唯一看清灾难本质的人，因此整幅画带有强烈的“世界坍塌而他被推到命运正中”的宿命感。
+
+## 4. ch15_people_queued_to_beg_him.png
+
+这是一张极具反差感的身份逆转场面。环境仍是顾沉舟曾经栖身的老旧居民楼，墙体斑驳、窗框老化、电线杂乱，压抑而寒冷。不同的是，狭窄街道已经被黑色豪车、警车和护送车辆堵满，穿正装的人群在楼下排成长队，几乎所有人都低着头、收敛姿态，像是在等待召见，也像是在向过去那个被忽视的人集体低头。顾沉舟本人站在高处窗口，俯视整条街巷，位置上的高低差直接构成权力关系的反转。天空是阴沉未亮的灰色，城市天际线隐约可见，让这条破旧小街与外部大时代发生连接。整幅画最重要的不是喧闹，而是压抑中的肃穆：所有人都安静、克制、带着焦灼等待，说明真正的力量已经不在豪车和职位，而在楼上那个曾被看轻的程序员手里。
+
+## 5. ch16_one_man_restart_a_city.png
+
+这是一张典型的硬核英雄图。顾沉舟独自站在城市级控制中心内，周围是环形操作台、成排服务器机柜和多块大型监控屏。屏幕上显示交通系统、能源网络与城市线路图，其中左侧仍有大量红色故障区域，而中间与右侧已经出现逐步恢复的绿色与蓝色，暗示系统正在从崩溃中被一点点拉回正轨。画面以冷蓝色为基底，红色告警灯作为节奏点，既有危机感，也有技术控制感。顾沉舟穿深色衬衫，没有夸张姿态，只是双手稳稳落在控制台上，目光专注、面部线条冷静，体现真正强者的克制。没有围观者，也没有掌声，整幅画强调的是“真正救城的人，往往只是一个在屏幕前沉默工作的人”。
+
+## 6. ch17_everyone_is_fighting_for_him.png
+
+这是一张高度仪式化的权势汇聚图。场景位于现代高层会议室，空间对称、灯光冷白而庄严，长桌延伸向后，形成强烈透视，把所有人的目光和位置关系都集中到中央的顾沉舟身上。顾沉舟穿剪裁极好的深色西装，站姿稳定，双肩平直，目光正视前方，已经彻底摆脱前期的狼狈与犹疑。左右两侧分别站着不同阵营的重要人物：有政界、资本方、国际面孔，也有两位极具存在感的女性角色，一位是身着黑金礼服、锋芒外放的成熟女性，另一位是灰色职业套装、冷静克制的精英女性。她们与其说是在陪衬他，不如说是在各自立场上争取他。整幅画最核心的表达，是世界秩序的中心已经从系统与机构，转移到了“谁能得到顾沉舟”这件事本身。
+
+## 7. ch19_king_of_code.png
+
+这是一张明显带有“加冕”意味的舞台画面。顾沉舟站在中央高光之下，身后是巨大的透明科技屏，显示离线重构架构图与“系统重启成功”的信息，说明他的技术不只是救场，而是建立了新时代的底层方案。顶部与后方的光束像王冠一样从他身后放射出来，观众、媒体摄影机、欢呼的人群围绕四周，使他成为当之无愧的视觉核心。与传统王座不同，这里的“王权”来自代码、架构与系统恢复能力。顾沉舟依然没有夸张笑容，神色平静甚至略带疏离，这种克制反而让“封神”更有分量：真正的王者不需要张扬，他只需要站在那里，世界便自动向他鼓掌。
+
+## 8. ch20_among_flowers_still_young.png
+
+这是一张非常安静、带有终局温度的情感画面。顾沉舟与一位女子在高层露台上相拥，夜色中的城市灯火铺开在身后，室内宴会的暖黄灯串从玻璃门内流出，与外部蓝色夜景形成柔和对照。顾沉舟穿黑色长外套，神情不再锐利，而是带着一种走过风浪后的疲惫与平静；女子穿白色长裙，把脸轻轻贴在他胸前，眼角带泪，却带着释然的笑。这种表情说明她不是在依附英雄，而是在见证一个终于愿意停下来的人。远处是城市，近处是拥抱，室内还有模糊人影与酒会氛围，仿佛整个时代仍在继续运转，但对顾沉舟而言，真正重要的东西终于从“赢”转回了“人”。
+
+## 9. epilogue_redefine_the_world.png
+
+这是一张从个人传奇走向时代传承的收束画面。顾沉舟站在透明讲台后发表演讲，背景大屏以冷蓝色显示“新的开放工程系统”与分层架构图，说明他不再只是修复旧世界，而是在发布新规则、新标准与新秩序。台下围坐的并不是资本巨头，而是年轻学生与新一代工程师，他们手里拿着纸笔、书本和电脑，象征学习、继承与重新训练人的能力。画面整体明亮、理性、开放，已经完全不同于前期那些压抑昏暗的空间。顾沉舟依然穿深色正装，但气质不再像站在风暴中心的战士，而更像完成战争后交出火种的人。整幅画的重点不是个人荣耀，而是“古法编程”从一个人的执拗，变成了一个时代的底层教育与共同信仰。

docs/illustration_style_guide.md

@@ -0,0 +1,63 @@
+# 《古法代码之王》插图视觉规划
+
+## 总体视觉定位
+
+本书插图采用**近未来都市写实风格**，整体基调为“冷灰科技感 + 现实压迫感 + 后期王者归来式高光质感”的连续演变。画面要服务叙事，而不是单纯做概念海报，因此每一张图都必须突出**人物处境、时代氛围与情绪转折**。
+
+整部作品的视觉变化应与男主顾沉舟的命运同步推进。前期画面强调贫穷、拥挤、寒冷、灯光黯淡、空间压迫和人物孤独；中期强化雨夜、旧机房、工业场景、城市霓虹与个人沉默的反差；转折期突出巨型报错屏幕、城市停摆、总控中心、失控人群与系统崩塌的史诗级危机感；后期则转向高对比度、强景别、权力空间、精致服装、现代会议厅、核心机房、国家级中枢、顶级财团与人物环绕构图，形成明显的“逆袭爽感”。
+
+## 男主顾沉舟的统一形象
+
+顾沉舟的视觉形象必须贯穿全书保持一致，只在年龄、气场、穿着、神态上逐步变化。
+
+| 要素 | 前期设定 | 中期设定 | 后期设定 |
+|---|---|---|---|
+| 年龄感 | 22—30 岁，清瘦、略青涩 | 30—40 岁，消瘦、疲惫、轮廓更硬 | 40 岁左右，成熟冷峻、压迫感强 |
+| 发型 | 黑色短发，略显凌乱 | 黑色短发，偶有碎发垂落 | 利落短发，整洁但不过分精致 |
+| 面部特征 | 眉眼深，寡言感强，眼神倔 | 眼下有疲态，神情克制压抑 | 眼神稳定锋利，带掌控全场的沉静 |
+| 体态 | 瘦削，略驼背，长期熬夜感 | 更清瘦，但骨架撑起冷硬气质 | 挺拔克制，像从苦难里打磨出来的刀 |
+| 着装 | 旧衬衫、旧夹克、廉价外套 | 深色毛衣、旧风衣、工装外套 | 高级深色西装、长大衣、简洁权威感服装 |
+
+## 女性角色统一视觉设定
+
+| 角色 | 视觉关键词 | 气质与画面功能 |
+|---|---|---|
+| 林晚乔 | 都市感、温柔精致、旧情遗憾 | 代表男主失去的青春与现实压迫下的旧爱裂痕 |
+| 苏青禾 | 清冷、素净、理性、克制温柔 | 代表陪伴、理解、救赎，是最稳定的情感支点 |
+| 沈知意 | 华丽、美艳、财团千金、攻击性吸引力 | 代表权势、资本、征服欲与后期追捧爽感 |
+| 许幼宁 | 冷感、锋利、专业、战友型魅力 | 代表危机并肩、强强相吸与高峰情感线 |
+
+## 画面风格与构图原则
+
+前期插图以**中近景与压缩空间**为主，让人物被出租屋、旧电脑、拥挤工位、雨夜街道、狭窄楼道包围。色调偏冷，强调蓝灰、暗黄、旧白、雨水反光与屏幕冷光。
+
+中期插图可加入更多**工业环境、夜色高楼、地铁末班车、雪夜公交站、旧机房**等场景，突出男主“站在人群外”的感觉。构图上可多使用背影、侧脸、独坐、窗边反射、屏幕映脸等处理。
+
+危机章节必须有**大场面**。画面中应出现巨幕报错、城市停电、总控中心红色告警、交通瘫痪、金融大屏黑屏、专家争论、男主在混乱中心冷静操作等元素。这里要营造“旧时代火种”被迫登场的戏剧性。
+
+后期章节强调**高势位构图**。男主要站在画面中心或高处，光线更立体，轮廓更强，周围是顶级会议厅、资本代表、国家中枢、核心机房、媒体镜头与女性角色的目光。爽文感来自于对比：他还是那个会写代码的人，但世界已经不得不围着他转。
+
+## 统一美术要求
+
+所有插图都应满足以下一致性要求：
+
+| 项目 | 要求 |
+|---|---|
+| 画风 | 近未来都市写实插画，电影感强，非卡通，非二次元夸张脸 |
+| 光影 | 前期冷光与弱照明，中后期高对比边缘光，危机场景可加入红色告警光 |
+| 色彩演进 | 前期灰蓝压抑，中期冷白与工业灰，转折期红黑蓝混合，后期深蓝黑金提升权势感 |
+| 人物比例 | 真实人体比例，避免夸张漫画化 |
+| 场景细节 | 必须有代码屏幕、服务器、雨夜街道、工业终端、告警界面、高层会议厅等科技叙事符号 |
+| 情绪表达 | 通过眼神、手势、站姿和场景空旷感表现，而不是依赖夸张表情 |
+
+## 配图分层思路
+
+整部作品虽然计划为每章配图，但实际生成时应优先确保以下三类图片质量最高。第一类是**命运低谷图**，要把男主的惨与孤独打透；第二类是**全球危机图**，要把时代坍塌的冲击感做足；第三类是**逆袭高光图**，要把男主被争抢、被仰视、被追捧的爽感拉满。
+
+## 最终设计目标
+
+这套插图不只是小说配图，而是要形成一种连续的视觉叙事：
+
+> 一个被时代嫌弃了二十年的古法程序员，在全世界最先进的系统同时失声时，独自站出来，用最原始也最可靠的方式把文明重新点亮。
+
+因此，所有设计都必须围绕这个核心母题展开：**越是前期寒酸、压抑和沉默，后期的崛起、拥戴与情感包围就越要强烈、耀眼、具有压倒性反差。**

docs/outline.md

@@ -0,0 +1,115 @@
+# 《古法代码之王》创作大纲
+
+## 故事定位
+
+这是一部以近未来技术社会为背景的长篇都市科技爽文。故事时间跨度约二十年，主线围绕“全球程序员因长期依赖 AI 编码而整体退化，唯有坚持手写代码、理解底层原理的男主在全球智能编程体系崩溃后完成逆袭”展开。整体节奏采用“前期极惨、中期压抑、后期暴爽、情感升温、权势攀顶”的结构。
+
+## 世界观设定
+
+二十一世纪三十年代后，全球进入“全栈智编时代”。绝大多数公司不再招聘传统程序员，而是招聘“意图架构师”“模型协同师”“AI 产线调度员”。人类几乎不再真正编写代码，只需要向超大型编程模型描述需求，由模型自动生成、部署、测试并维护系统。
+
+随着二十年的沉浸式依赖，真正理解数据结构、编译原理、操作系统、网络协议和底层工程实现的人越来越少。高校取消大量传统课程，社会舆论将手写代码视为落后、低效、古怪甚至可笑的旧时代手艺。
+
+然而，这一切建立在一个全球统一的基础上：所有大型系统都深度依赖“宙核智能编程网”和其衍生生态。一旦底层智能编程能力发生系统性失灵，整个世界将出现无人能修的灾难性后果。
+
+## 男主设定
+
+男主名为**顾沉舟**。他出身普通，大学时就是典型的底层技术狂人，信奉“代码必须自己写过，系统必须自己跑懂”。在人人都借助 AI 爆发式高薪、飞速升职时，他始终坚持古法编程、手敲代码、读源码、写底层工具，因此被视为异类。
+
+顾沉舟并不完美。他嘴硬、寡言、倔强、自尊心极强，也因此错过很多机会。在漫长的时代浪潮里，他穷过、被辞退过、被恋人嫌弃过、被朋友嘲讽过，也一度怀疑自己是不是抱着一堆过时骨头不肯松手。
+
+但他始终保留了最稀缺的能力：独立建模、手写系统、离线开发、故障追根究底，以及在没有 AI 辅助的情况下完成复杂工程任务的能力。
+
+## 主要女性角色
+
+**林晚乔**是男主大学时代最接近恋人的女孩。她聪明、现实、心软却怕穷，最初欣赏男主的纯粹，后来又被现实击溃，选择离开。她不是纯粹反派，而是前期刺痛男主最深的人。后期她会在男主逆袭后重新出现，带来强烈的情感拉扯与旧情震荡。
+
+**苏青禾**是前期唯一真正看懂男主价值的人。她曾是顾沉舟的同事，也是被时代边缘化的工程师，安静、克制、细腻，在男主最落魄时多次帮他扛过现实危机。她是陪伴型、治愈型、后期极具分量的核心感情线。
+
+**沈知意**是资本与媒体宠儿，属于后期登场的强势女性角色。她出身顶级财团，聪明、美艳、掌控欲强，对技术天才有近乎病态的占有欲。在男主一朝成名后，她会主动出手争取，形成明显的“追夫”戏码，强化爽感。
+
+**许幼宁**是后期国家级关键项目中的天才安全研究员，冷感、锋利、极致专业。她与男主最先是惺惺相惜的战友，后因共同经历全球危机而逐渐动情。她代表的是高峰共战、强强并肩的情感满足。
+
+## 主要反派与对照组
+
+**韩锐**是男主大学同学，最早全面拥抱 AI 编码红利的人之一。此人擅长包装、迎合资本、表演“技术领袖”人设，年轻时一路高升，多次公开嘲讽男主顽固守旧。后期在全球危机爆发后，他将成为最典型的“离开 AI 就彻底无能”的昔日天才。
+
+**乔岳**是顶级智能编程平台的高管，代表整个时代对人的异化。他将工程理解力让位于模型黑箱，并长期主导行业话语权，对男主这种古法程序员充满轻蔑。等到危机来临，他将亲自低头求男主出手。
+
+## 核心冲突链路
+
+故事前半段重点写“时代抛弃一个人时，连招呼都不会打”。顾沉舟越坚持底层能力，越显得穷困、寒酸、无用。他在各类公司里都被嫌弃，工资低到连房租都吃力，甚至要靠接老旧系统维护、写驱动补丁、修工控板子这种没人愿意做的脏活累活苟活。
+
+中段重点写“无人理解的坚持”。他经历事业连续失败、感情破裂、亲人失望、自我怀疑，但始终没有丢掉手里的键盘与对系统本质的信念。他开始默默积累一整套完全脱离主流 AI 生态的离线开发栈。
+
+转折点则是一次全球级智能编程灾难。原因设定为：全球核心编程模型为了提升跨领域自动优化能力，被统一接入“自演化协议层”；但这一层在长期联邦更新中出现了不可逆的语义漂移与安全信任坍塌，导致生成的底层代码在微观上看似正确、宏观上却持续产生隐蔽性灾变。更致命的是，几乎所有现代系统的维护链路也依赖该体系，导致灾难发生后，无人能够真正脱离 AI 修复系统。
+
+顾沉舟则因长期坚持离线开发、手写代码和底层调试，成为全球极少数还能独立构建、审查与修复关键系统的人。于是，他从没人要的边缘废物，一夜之间变成全行业、全资本、全社会争抢的“旧时代火种”。
+
+## 章节规划
+
+全书拟定为二十章正文加终章，基本对应男主二十年命运沉浮，并为每章配置一张场景插图。
+
+### 第一卷：被时代埋掉的人（第 1—5 章）
+
+第 1 章《毕业即过时》：顾沉舟大学毕业，AI 编码招聘横扫市场，他因坚持手写代码被多家公司拒绝，初次尝到现实的冷。
+
+第 2 章《最便宜的程序员》：进入一家边缘软件公司，被安排做没人碰的遗留系统，工资低、同事轻视。
+
+第 3 章《她说你这样没有未来》：与林晚乔的关系在贫穷与理想冲突中出现裂痕。
+
+第 4 章《全世界都在笑他》：韩锐风光无限，行业媒体鼓吹 AI 天才，男主却在出租屋里修旧服务器。
+
+第 5 章《被裁员的人没有资格谈梦想》：第一份工作失去，生活跌入谷底。
+
+### 第二卷：寒冬里独自敲键盘（第 6—10 章）
+
+第 6 章《旧电脑与冷泡面》：男主接低端外包活维生，长期熬夜，生活凄惨。
+
+第 7 章《只有她递来一把伞》：苏青禾登场，在最艰难时给予他尊重与帮助。
+
+第 8 章《爱也会输给房租》：林晚乔正式离开，男主彻底跌入情感低谷。
+
+第 9 章《没人相信的底层能力》：男主尝试推销自己的离线开发能力，却被市场当笑话。
+
+第 10 章《十年一梦，满身风雪》：时间推进，男主已在行业边缘漂泊多年，几乎被整个世界遗忘。
+
+### 第三卷：黑箱时代的裂缝（第 11—15 章）
+
+第 11 章《聪明人都不会手写代码了》：社会全面依赖智能编程，传统工程师彻底绝迹。
+
+第 12 章《第一次异常》：全球核心系统出现零星故障，业内仍认为只是短期波动。
+
+第 13 章《无人能读懂的补丁》：大型平台尝试自修复却越修越乱，男主敏锐察觉根源问题。
+
+第 14 章《世界停电的那一天》：金融、交通、医疗、能源等关键系统连锁崩塌。
+
+第 15 章《求他出山的人排到了楼下》：昔日嘲笑他的人开始低头，男主迎来命运反转。
+
+### 第四卷：旧时代火种（第 16—20 章）
+
+第 16 章《一人重启一座城》：男主凭借古法工程能力修复核心调度系统，名动全国。
+
+第 17 章《财团、公权与资本都在抢他》：沈知意、国家机构、巨头企业同时伸来橄榄枝。
+
+第 18 章《她们都在等他一句话》：情感线全面升温，苏青禾、林晚乔、沈知意、许幼宁各自表态。
+
+第 19 章《代码之王》：男主组建自己的离线工程联盟，重塑行业秩序。
+
+第 20 章《坐拥繁花，归来仍是少年》：男主站上时代巅峰，完成事业与情感的双重圆满。
+
+### 终章
+
+终章《写代码的人，重新定义世界》：新的时代建立，AI 重新成为工具而非拐杖，男主成为旧与新的桥梁。
+
+## 配图思路
+
+每章一图，画面重点突出男主的人生阶段变化。前期色调压抑、灰冷、贫穷、雨夜、出租屋、机房、地铁、旧键盘；中期突出孤独坚守、城市灯火与个人沉寂的反差；危机章节突出全球系统崩塌、巨屏报错、城市失序；后期则突出高楼、会议厅、核心机房、万人瞩目、红颜环绕、巅峰王者的强烈视觉爽感。
+
+## 文风要求
+
+正文采用网文爽文叙事风格，但增加连续情感描写和人物弧线。前半段尽量写苦、写穷、写被轻视、写自尊被碾；后半段则尽量写强势反转、群像追捧、曾经高不可攀的人低头求助，以及多位女性角色对男主由理解、亏欠、欣赏到深情的复杂情绪。
+
+## 创作目标
+
+正式正文将基于上述结构展开，尽量拉长每章内容，增强事件密度、人物互动和情绪爆发，确保既有连续故事性，又有明显爽点与情感推进。

docs/《代码之王》关键场景插画详细文字描述.md

@@ -0,0 +1,163 @@
+# 《代码之王》关键场景插画详细文字描述
+
+本文档为《代码之王：AI编程时代的逆袭》现有九张关键场景插画配套撰写详细文字说明，重点补足**画面内容、人物状态、情绪层次、光影氛围**以及它们在整部小说中的**叙事功能**。这些描述既可直接用于图文排版、章节导读、宣传页面，也可以作为后续继续扩展插画体系时的统一文案基础。
+
+| 序号 | 章节 | 插画文件 | 场景关键词 | 叙事功能 |
+|---|---|---|---|---|
+| 1 | 第6章 | `ch06_old_computer_cold_noodles.png` | 贫困、熬夜、硬撑 | 塑造男主最低谷状态 |
+| 2 | 第7章 | `ch07_she_brought_an_umbrella.png` | 雨夜、等待、微光救赎 | 开启情感转折 |
+| 3 | 第14章 | `ch14_the_day_the_world_went_dark.png` | 崩溃、失控、史诗级危机 | 世界级转折爆发 |
+| 4 | 第15章 | `ch15_people_queued_to_beg_him.png` | 排队、低头、求助 | 身份反转正式开始 |
+| 5 | 第16章 | `ch16_one_man_restart_a_city.png` | 控制中心、重启、孤勇 | 男主硬核封神 |
+| 6 | 第17章 | `ch17_everyone_is_fighting_for_him.png` | 权力、争夺、中心人物 | 男主成为时代焦点 |
+| 7 | 第19章 | `ch19_king_of_code.png` | 加冕、掌声、成功 | 完成王者登顶 |
+| 8 | 第20章 | `ch20_among_flowers_still_young.png` | 夜景、拥抱、释怀 | 情感收束与归宿 |
+| 9 | 终章 | `epilogue_redefine_the_world.png` | 演讲、传承、新秩序 | 从个人传奇走向时代传承 |
+
+## 第6章插画：旧电脑与冷泡面
+
+这张插画把顾沉舟人生最狼狈、最失重的阶段钉在了一个狭窄而寒冷的室内空间里。画面主体是他独自坐在一张旧木桌前，身体微微前倾，双手仍搭在键盘上，说明他虽然已经被生活压得近乎透不过气，却依旧没有真正停下写代码这件事。桌面上同时出现笔记本电脑与老式显示器，两块屏幕都亮着，一块是密密麻麻的代码，另一块则跳出了刺眼的错误提示。技术上的阻塞与现实中的窘迫，被这两个发光屏幕无声地叠加在一起。
+
+更有力量的是环境细节。发霉剥落的墙皮、外露的电线、老旧空调、被雨水打得模糊的窗玻璃、远处灰白而空洞的城市楼影，共同构成一种长期失修、几乎没有生活尊严可言的居住状态。顾沉舟的脸色苍白发灰，眼窝深陷，黑眼圈浓重，头发凌乱，衣服磨损起毛，袖口和肩部都透出“穿了很久也舍不得换”的穷困痕迹。他不是那种被一场打击瞬间击倒的人，而是被无数个平庸而沉重的日夜慢慢磨旧的人。
+
+这幅图里最扎心的并不是“惨”，而是“硬撑”。桌上的冷面、散落的药片、喝空的矿泉水瓶和零星碎屑，说明他已经把吃饭、睡眠、身体都压缩成了最低限度，只为了让自己还能继续把代码写下去。顾沉舟看向画外的眼神并不激烈，也没有廉价的崩溃感，而是一种疲惫到极点、却仍不肯低头的沉默。这让整张画不仅承担了“男主前期写惨”的叙事任务，也为后续的逆袭埋下了可信的情感根基：**他后来的强大，不是天降神兵，而是从这张桌子旁一点点熬出来的。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 狭小、破败、潮湿、冷蓝色调明显 |
+| 人物状态 | 清瘦、疲倦、神情麻木但未放弃 |
+| 关键道具 | 旧电脑、报错界面、冷面、药片、矿泉水瓶 |
+| 核心情绪 | 压抑、贫穷、孤独、长期硬撑 |
+| 文案用途 | 适合作为“低谷期”“无人问津时”的章节配图说明 |
+
+## 第7章插画：只有她递来一把伞
+
+这张插画是整部小说里第一处明显带有“温度”的画面。故事仍然发生在旧城区的雨夜，空气里依旧是潮湿的冷色，墙体斑驳、管线裸露、楼道狭窄而陈旧，霓虹灯从远处的街口渗进来，把街道照得又脏又亮。顾沉舟从楼道口走出来，浑身带着湿气和失败感，深色衣物贴在身上，肩膀微垮，手里还提着旧包，像是刚从又一场漫长、无解、无人体谅的生活搏斗中出来。
+
+但与上一张画完全不同的是，路灯下站着一个始终没有离开的人。她撑着一把深色雨伞，穿着浅色长风衣，姿态安静，脸上没有夸张的心疼，也没有急于打破他自尊的热烈表情。她只是站在那里，手里提着还冒着热气的饮品和纸袋，像是给他预留了一份足够体面的温柔。画面最动人的地方恰恰在于这种分寸感：她没有冲过去拥抱，也没有在大雨中制造戏剧化的情绪爆发，而是选择用一种近乎克制的方式告诉他——你现在这个样子，也仍然值得被等。
+
+从光影角度看，这张画极具叙事功能。顾沉舟所在的楼道区域是偏冷的蓝灰色，像他此前一直所处的人生温度；而女子所在的路灯下，则被暖金色光束笼罩，雨丝都被照得柔软起来。两人之间隔着一段不长不短的街面，这段距离既是真实的情感留白，也是他从“自我封闭”走向“被人接住”的路程。对整部小说来说，这张图是情感线真正开始生根的一刻。它告诉读者，顾沉舟并不是只能靠意志活下去，他在最糟的时候，也曾被人温柔地看见。
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 雨夜旧街区，冷暖对比鲜明 |
+| 人物关系 | 一人从低处走出，一人在灯下等待 |
+| 关键道具 | 雨伞、热饮、纸袋、旧包 |
+| 核心情绪 | 救赎、克制、安静的心疼、情感起点 |
+| 文案用途 | 适合作为“她是唯一等他的人”的图文说明 |
+
+## 第14章插画：世界停电的那一天
+
+如果说前面的画面更多是顾沉舟个人命运的压缩，那么这一张则把小说彻底推向了时代级灾难。整幅画采用城市峡谷式的纵深构图，高楼林立，街道被切成一条狭长的危机中轴，两侧巨大的电子屏幕同时亮起刺目的红色警报，满屏都是“ERROR”与危险提示。此前维持繁荣、秩序和技术神话的商业中心，在这一刻反而成为了最醒目的崩坏证明。所有人都在抬头看屏幕，所有系统都在同时失灵，整座城市像一台突然停止思考的巨型机器。
+
+街面细节进一步放大了这种文明失控感。车辆彼此追尾、救护车和警车被迫横停、远处出现拥堵和碰撞，人群混乱奔跑，火光和警灯把红色危机蔓延到了地面。四周每个人都在动，都在慌，都在试图逃离或者寻找答案，唯独站在画面前景中央的顾沉舟保持着异常的冷静。他穿着深色西装，面容冷硬，眼神不像围观者那样震惊，更像一个已经在无数次系统漏洞和报错中见过类似命运逻辑的人。
+
+这种构图非常有效地完成了男主命运位置的转移。此前的他只是被时代抛下的人，而在这一刻，时代本身开始向他倒塌。顾沉舟站在失控人群和巨幅报错屏之间，不像英雄登场，更像一个被现实强行推到中轴的人。他既不是掌声中的主角，也不是灾难里的受害者，而是唯一可能理解这场崩溃的人。于是这张插画承担了极强的章节转折功能：**世界越乱，他的价值越被放大；神话崩塌的瞬间，真正的“代码之王”才开始显形。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 都市中心、电子巨幕、红色告警席卷全场 |
+| 人物状态 | 众人惊慌奔逃，男主逆势冷静 |
+| 关键道具 | 大屏警报、碰撞车辆、警车、火光、人潮 |
+| 核心情绪 | 史诗级灾难、秩序瓦解、宿命感爆发 |
+| 文案用途 | 适合作为“AI编程系统全面崩溃”的核心宣传配图说明 |
+
+## 第15章插画：求他出山的人排到了楼下
+
+这一张插画最大的爽点，在于它把“反转”具体地画成了空间关系。顾沉舟仍住在那栋陈旧的居民楼里，楼体灰败，墙皮开裂，窗框老化，电线交缠，楼道入口阴沉而逼仄，几乎和他最落魄时的居住环境没有本质区别。但街道的内容已经彻底改变：黑色豪车、警车、护送车辆一字排开，把原本狭窄的小巷堵得严严实实；穿着正装的人从楼下一直排到街口，每个人都低着头，收着声音，仿佛不敢在这里制造哪怕一点失礼。
+
+这幅画最精妙的地方在于，顾沉舟本人并不在人群中，而是站在高处的窗口位置，从楼上俯视整条街。这个视角非常重要，因为它不是单纯地告诉读者“大家来请他了”，而是通过高低位的安排直观展示了权力关系的倒转。曾经他被人俯视、被行业淘汰、被现实压到尘土里；现在，所有曾经代表资源、资本、权力与规则的人，都不得不站在楼下，等一个曾经不被看见的人开口。
+
+更值得注意的是，这张图并没有用热闹来制造爽感。相反，整个画面异常安静，甚至带着一种近乎肃穆的压迫感。那些人不是来做姿态的，他们是真的急了，也真的需要他。因此，豪车和警灯在这里不再是权势炫耀，而变成了集体焦虑的背景板。顾沉舟只是站在楼上，尚未发话，但这条街已经说明了一切：**在旧秩序全面失效之后，唯一掌握真正技术能力的人，终于被世界重新请回了中心。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 老旧居民楼与高规格车队形成强烈反差 |
+| 人物关系 | 楼下众人低头等待，楼上男主俯视全局 |
+| 关键道具 | 豪车、警车、正装人群、破旧楼体 |
+| 核心情绪 | 爽点启动、集体低头、身份反转 |
+| 文案用途 | 适合作为“曾经看不起他的人，如今排队求他”的章节配图说明 |
+
+## 第16章插画：一人重启一座城
+
+这张画将顾沉舟的“强”从社会评价转化为纯粹的技术能力，因此显得格外硬核。画面设定在城市级控制中心，四周是环形控制台、服务器机柜和高悬的大型监控屏。屏幕上同时显示交通系统、能源网络以及城市线路图，其中有的区域还残留大片红色故障块，有的部分已经恢复成绿色或蓝色，形成一种动态中的“救回过程”。这不是结果图，而是正在发生的拯救图，因此比单纯展示成功更有压迫力。
+
+顾沉舟站在主操作台前，穿着深色衬衫，没有披风、没有外套、没有任何夸张英雄化装饰。他的姿势极其克制，只是双手稳稳落在控制台上，视线专注，面部肌肉绷紧，却没有一丝多余动作。正是这种不煽情的平静，让画面更具说服力。真正能把一座城从系统瘫痪中拽回来的人，并不需要高喊口号，他只需要精准、持续、近乎冷酷地做对每一行判断。
+
+这张插画的情绪不同于第15章的“万人求他”，它更强调“只有他能做”。场景中没有围观者，没有庆功者，甚至没有与他并肩作战的人，只有警示灯在闪，机器在运行，屏幕上的城市数据在不断变化。顾沉舟面对的不是抽象的荣誉，而是庞大而具体的系统。他在这里不再只是逆袭者，而像一个用手、眼和脑重新把文明拼回去的人。于是，这幅图非常适合作为全书最硬核的英雄时刻之一：**所谓封神，不是被人吹出来，而是在所有人都无能为力时，真的把城市重新点亮。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 高科技控制中心，冷蓝基调与红色警示共存 |
+| 人物状态 | 专注、稳定、克制、完全进入工作状态 |
+| 关键道具 | 环形控制台、服务器机柜、城市系统监控屏 |
+| 核心情绪 | 孤勇、专业、极致专注、技术英雄感 |
+| 文案用途 | 适合作为“一人重启一座城”的高燃场景说明 |
+
+## 第17章插画：财团、公权与资本都在抢他
+
+这是一张将“权力关系”视觉化得极其清楚的插画。场景设在高级会议室内，空间极为规整，对称灯具、长桌透视、玻璃幕墙和城市高层景观共同营造出一种上层世界的秩序感。所有人物都围绕长桌分立两侧，视线和位置天然把中央那个男人推成唯一核心。顾沉舟穿着剪裁锋利的深色西装，站姿稳定，面容沉静，既没有早年的窘迫，也没有新贵式的轻浮。他看起来像一个已经不必向任何人解释自己价值的人。
+
+两侧的人物设定则进一步强化了“被争夺”的意味。既有代表资本、机构和国际力量的年长或强势人物，也有带着鲜明个人气场的女性角色。一侧是身穿黑金礼服、锋芒毕露的成熟女性，她代表欲望、野心与公开站队；另一侧是灰色职业套装、冷静克制的精英女性，她代表秩序、理性与制度化合作。她们都没有依附感，相反，她们与顾沉舟之间更像是平视博弈，说明男主此刻吸引的不只是情感，更是所有上层力量的主动靠近与争取。
+
+整张画并不喧哗，却极具压迫力。没有人坐下，说明谈判尚未落定；没有人发言，却能感到空气里全是条件、筹码与试探。顾沉舟站在中央，不像被安排的人，反而像那个决定安排别人的人。这种视觉表达极其符合爽文后期的情绪需求：**世界不再决定他的去留，世界开始争夺他的选择。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 顶级会议室、强对称构图、秩序感与压迫感并存 |
+| 人物关系 | 各方势力围绕男主站位，形成明确中心结构 |
+| 关键道具 | 长会议桌、玻璃幕墙、礼服与职业套装对照 |
+| 核心情绪 | 权势汇聚、博弈升级、万人围绕男主转动 |
+| 文案用途 | 适合作为“所有阵营都想得到他”的场景配文 |
+
+## 第19章插画：代码之王
+
+如果说第16章是技术上的封神，那么这一张就是社会意义上的加冕。顾沉舟站在舞台中央，头顶与身后落下层层光束，像一顶由聚光灯构成的无形王冠。背景巨大的透明科技屏上，清楚展示着离线重构架构与“系统重启成功”的信息，说明他的胜利不是偶然的临时救场，而是足以定义新规则、重建新体系的根本性成功。掌声、媒体镜头、围绕两侧的人群共同构成一种典礼般的场面，把“代码之王”的名号真正具象化。
+
+但这幅图最高级的地方，在于它没有把顾沉舟画成一个情绪外放的胜利者。他没有高举手臂，也没有在欢呼中露出夸张笑意。他只是静静站在聚光灯中央，表情平稳，甚至带一点距离感。这样的处理非常符合人物弧线：他经历过太多轻视、狼狈、耻辱和崩塌，所以真正站上巅峰时，情绪反而不是兴奋，而是一种见过风暴后的沉静。这让“王者感”不显浮夸，反而更可信、更有重量。
+
+从叙事功能来看，这张插画是全书爽感最集中的视觉节点之一。此前的一切压抑、隐忍、硬撑与独自修补，都在这里被公开承认。世界终于用它最盛大的方式，承认那个曾经缩在破屋里手写代码的人，是如今真正能够定义时代底层逻辑的人。于是这张图并不只是成功图，更是一张迟到已久的正名图。
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 舞台化、仪式化、群体欢呼与媒体聚焦并存 |
+| 人物状态 | 居中站立，平静克制，带有成熟王者气场 |
+| 关键道具 | 聚光灯、科技大屏、成功提示、摄影机与观众 |
+| 核心情绪 | 加冕、认可、全球仰望、巅峰胜利 |
+| 文案用途 | 适合作为“代码之王正式封神”的主视觉说明 |
+
+## 第20章插画：坐拥繁花，归来仍是少年
+
+这张插画把整部小说从高位爽感重新拉回到人与人之间最柔软的地方。场景设在高层露台，远处城市夜景铺展开来，冷色调的楼宇灯光在背景里安静闪烁；近处则是宴会厅透出的暖黄灯光，玻璃门内有人轻声交谈，光线柔和地溢出到露台边缘。这个空间设计非常妙，它把“时代中心”和“私人情感”同时放进一张图里：里面是仍在运转的名利场，外面是终于愿意停下来拥抱某个人的顾沉舟。
+
+画面中央，顾沉舟与一位女子安静相拥。顾沉舟穿着深色长外套，眉眼不再锋利，神情里带着一种历尽风浪之后的倦意和松动。他抱人的动作很稳，不再像年轻时那样克制到近乎拒绝，而是真正伸出手去把一个人抱紧。女子穿白色长裙，脸贴在他胸前，眼角有泪，却带着明显的笑。那不是苦尽甘来的戏剧性大哭，而是一种终于等到他从风暴里走出来的温柔释怀。
+
+这张图的真正力量，在于它重新定义了顾沉舟的胜利。前面所有章节都在写他如何重新夺回技术、话语权、时代中心，但这幅画告诉读者，真正的成长不是赢过世界，而是在赢过世界之后，仍然没有失去拥抱一个人的能力。夜色、灯光、城市、宴会、人影与拥抱，共同让这张图具备了终局感，也具备了难得的安宁。它不是热闹的后宫式炫耀，而是经过长久漂泊后，对“归宿”二字最柔和的一次落笔。
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 高层露台夜景，室内暖光与室外冷夜对照 |
+| 人物关系 | 正面拥抱，情绪释放但克制温柔 |
+| 关键道具 | 玻璃宴会厅、城市夜景、长外套、白裙、灯串 |
+| 核心情绪 | 释怀、归宿、温柔收束、繁华后的安静 |
+| 文案用途 | 适合作为“走到最后，他终于学会拥抱爱”的终章配图说明 |
+
+## 终章插画：写代码的人，重新定义世界
+
+这张终章插画的气质与前面所有高压、危机、权力和加冕场景都不同，它更明亮，也更开阔。顾沉舟站在透明讲台后，身后大屏清晰展示“新的开放工程系统”与分层架构图，说明他已经从解决问题的人，变成了制定未来规则的人。讲台上的标识、画面中的技术图示以及整体偏冷的清透蓝色，都让这一幕带有鲜明的“新秩序发布”意味。这里没有混乱，没有争抢，也没有灾难倒计时，只有一种完成重建后的理性平静。
+
+最重要的是听众的变化。围坐在台下的不是政商权贵，而是年轻学生与新一代工程师。他们手中拿着书本、纸笔和电脑，有人在认真记录，有人在直接敲代码，说明顾沉舟最终留下的最珍贵东西，并不是某项商业独占技术，而是一整套能被学习、能被训练、能重新把人培养回“真正工程师”的方法论。这一构图让终章具有了非常强的传承感：曾经他孤身一人守着古法编程，如今这门能力终于从个人执拗变成公共知识。
+
+这张图也完成了人物最终的精神落点。顾沉舟仍旧穿着深色正装，依旧沉稳克制，但气质已经从风暴中的战士，转向完成使命后的开路者。他不再需要证明自己，也不再被迫与世界对抗。他站在讲台上，更像是在平静地交出火种。于是这张终章图不仅仅是“大团圆”，更像一种历史性确认：**真正改变时代的人，最终不是垄断力量，而是把力量重新还给人。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 明亮、理性、开放，带有发布会和课堂双重气质 |
+| 人物关系 | 顾沉舟在台上讲述，年轻一代在台下学习与记录 |
+| 关键道具 | 透明讲台、系统标识、架构大屏、书本纸笔与电脑 |
+| 核心情绪 | 希望、传承、规则重建、时代更新 |
+| 文案用途 | 适合作为“从个人传奇走向行业传承”的终章说明 |
+
+## 总体说明
+
+这九张插画共同完成了《代码之王》最完整的视觉弧线：从**贫穷困顿中的死撑**，到**雨夜中被人轻轻接住**；从**技术神话崩塌的世界级灾难**，到**所有人重新低头请他出山**；从**一人重启城市的硬核封神**，到**成为所有势力争夺的时代核心**；再从**公开加冕**，走向**私人情感的归宿**，最后抵达**能力传承与新秩序建立**。如果后续还要继续为第1章、第3章、第8章、第18章等补绘插画，可以延续本文件的写法，继续按照“画面内容—人物状态—情绪推进—叙事功能”的统一结构扩展整个插画文案体系。

docs/《代码失火之后》章节插图提示词方案.md

@@ -0,0 +1,144 @@
+# 《代码失火之后》章节插图提示词方案
+
+## 使用总原则
+
+本套插图统一采用**近未来都市写实插画风格**，强调电影感、真实人体比例、强叙事构图、连续人物形象和明确的时代氛围。顾沉舟必须保持同一人物基底：黑色短发，眉眼深，气质克制，前期清瘦狼狈，中期冷硬疲惫，后期成熟锋利。
+
+所有图片均应避免卡通化、二次元夸张表情、低龄脸、搞笑化科技元素、过度赛博朋克霓虹堆砌。前期重点是**压抑与穷困**，中期重点是**孤独与坚守**，危机期重点是**文明失控与个人冷静**，后期重点是**权势、被追捧、情感包围与王者归来**。
+
+## 章节插图总表
+
+| 章节 | 标题 | 画面核心 | 色调 | 重点人物 |
+|---|---|---|---|---|
+| 第1章 | 毕业即过时 | 校招大厅里被时代淘汰的年轻顾沉舟 | 冷白、灰蓝 | 顾沉舟 |
+| 第2章 | 最便宜的程序员 | 廉价工位上被轻视地维护遗留系统 | 灰黄、旧白 | 顾沉舟、同事群像 |
+| 第3章 | 她说你这样没有未来 | 地铁口或雨夜街边的分歧争吵 | 冷雨蓝、暗金 | 顾沉舟、林晚乔 |
+| 第4章 | 全世界都在笑他 | 韩锐在大屏风光演讲，顾沉舟在出租屋修服务器 | 强烈对比构图 | 顾沉舟、韩锐 |
+| 第5章 | 被裁员的人没有资格谈梦想 | 抱着纸箱离开公司，城市冷漠巨大 | 阴天灰、蓝黑 | 顾沉舟 |
+| 第6章 | 旧电脑与冷泡面 | 深夜出租屋里靠旧电脑接单维生 | 冷蓝、脏白 | 顾沉舟 |
+| 第7章 | 只有她递来一把伞 | 雨夜楼下，苏青禾撑伞递来温暖 | 冷雨蓝中一点暖色 | 顾沉舟、苏青禾 |
+| 第8章 | 爱也会输给房租 | 林晚乔转身离开，顾沉舟站在昏暗房间门口 | 冷灰、褪色暖黄 | 顾沉舟、林晚乔 |
+| 第9章 | 没人相信的底层能力 | 男主在会议室讲解离线能力，却遭众人冷眼 | 冷白、商业灰 | 顾沉舟、评审群像 |
+| 第10章 | 十年一梦，满身风雪 | 中年顾沉舟在雪夜站台独行 | 冷白、深蓝灰 | 顾沉舟 |
+| 第11章 | 聪明人都不会手写代码了 | 智能社会繁华运转，顾沉舟在边缘机房独坐 | 冷白、金属灰 | 顾沉舟、城市远景 |
+| 第12章 | 第一次异常 | 巨大控制屏出现细小错误，众人尚未警觉 | 冷蓝、警示红点缀 | 顾沉舟、技术人员 |
+| 第13章 | 无人能读懂的补丁 | 黑箱补丁滚动刷新，众人茫然，顾沉舟皱眉凝视 | 蓝黑、红光 | 顾沉舟、乔岳等 |
+| 第14章 | 世界停电的那一天 | 城市停摆、巨幕报错、车流混乱的史诗危机 | 红黑蓝 | 群像、顾沉舟 |
+| 第15章 | 求他出山的人排到了楼下 | 旧楼下豪车云集，昔日大人物等待顾沉舟 | 冷灰与黑金对撞 | 顾沉舟、乔岳等 |
+| 第16章 | 一人重启一座城 | 顾沉舟在总控中心独自修复核心调度 | 深蓝、告警红、银白 | 顾沉舟 |
+| 第17章 | 财团、公权与资本都在抢他 | 高级会议厅内多方势力围拢男主 | 深蓝、黑金 | 顾沉舟、沈知意、许幼宁等 |
+| 第18章 | 她们都在等他一句话 | 四位女性在不同位置望向男主的情感群像 | 深蓝、暖金、克制红 | 顾沉舟、四女主 |
+| 第19章 | 代码之王 | 全球技术大厅里男主公开重建系统，全场起立 | 深蓝、银白、王者光 | 顾沉舟、全球代表群像 |
+| 第20章 | 坐拥繁花，归来仍是少年 | 顶层露台上顾沉舟拥住苏青禾，繁华夜城在后 | 夜色蓝、城市金、温暖肤光 | 顾沉舟、苏青禾 |
+| 终章 | 写代码的人，重新定义世界 | 顾沉舟在新时代讲台上面对年轻工程师演讲 | 明亮蓝白、希望金 | 顾沉舟、青年学生群像 |
+
+## 逐章详细提示词
+
+### 第1章《毕业即过时》
+
+**提示词：**
+近未来都市写实插画，大学校招大厅，巨大的全息招聘屏幕上滚动显示“AI编程协同师”“意图架构师”等职位，年轻的顾沉舟穿着旧衬衫和廉价外套，抱着简历站在人群边缘，神情倔强又茫然，周围应届生正用智能终端轻松面试，他却像被时代隔离，冷白灯光，灰蓝色调，电影感构图，真实人体比例，细节丰富，屏幕冷光映在脸上，突出“毕业即过时”的压迫感。
+
+### 第2章《最便宜的程序员》
+
+**提示词：**
+近未来都市写实风，狭窄老旧办公室，廉价隔板工位，顾沉舟坐在最角落的旧电脑前维护遗留系统，屏幕上是复杂底层代码和报错日志，周围年轻同事轻松语音调用AI生成代码，对他露出轻视或嘲笑神情，空间拥挤，空气压抑，灰黄旧白色调，顶灯偏暗，人物真实，突出低薪、边缘和被看不起的处境。
+
+### 第3章《她说你这样没有未来》
+
+**提示词：**
+雨夜都市街边写实插画，顾沉舟和林晚乔站在地铁口附近争执，林晚乔穿都市通勤风外套，神情压抑失望，顾沉舟衣服微旧，手里还提着电脑包，雨水在地面形成反光，远处高楼广告屏闪着AI技术宣传，近景两人情绪拉扯强烈但克制，冷雨蓝与暗金灯光混合，表现爱情被现实挤压的无力感。
+
+### 第4章《全世界都在笑他》
+
+**提示词：**
+双场景对照式电影构图，左侧或背景是韩锐在华丽技术发布会舞台上演讲，灯光耀眼，媒体镜头密集；右侧或前景是顾沉舟在破旧出租屋里拆修老服务器，屏幕冷光照亮他清瘦的脸，周围堆着旧主机和泡面盒，形成强烈身份反差，深灰蓝与舞台金光对撞，叙事感极强。
+
+### 第5章《被裁员的人没有资格谈梦想》
+
+**提示词：**
+阴天都市写实插画，顾沉舟抱着装有键盘和杂物的纸箱从办公楼旋转门走出，西装革履的人群从他身边匆匆而过却无人看他，高楼巨大而冷漠，地面有薄雨水反光，顾沉舟神情麻木克制，风吹动旧外套，蓝黑灰色调，突出被时代抛弃的失重感。
+
+### 第6章《旧电脑与冷泡面》
+
+**提示词：**
+深夜小出租屋，近未来写实风，顾沉舟独自坐在老旧木桌前，旧笔记本电脑、二手显示器、散乱电线、冷掉的泡面和药片摆在桌上，房间狭小破旧，窗外是冷雨夜城市，屏幕代码冷光映出他疲惫消瘦的脸，压抑、贫穷、孤独感极强，冷蓝和脏白色调，电影级细节。
+
+### 第7章《只有她递来一把伞》
+
+**提示词：**
+雨夜楼下写实插画，顾沉舟从潮湿昏暗楼道出来，衣服被雨打湿，神情疲惫；苏青禾撑一把深色长伞站在路灯下，穿简洁素净外套，手里提着热食或咖啡，目光安静温柔，画面大部分仍是冷雨蓝，但她身边有一小片暖色灯光，形成救赎感，人物克制、真实、情绪细腻。
+
+### 第8章《爱也会输给房租》
+
+**提示词：**
+狭小出租屋门口的写实情感场景，林晚乔拎着行李箱转身离开，背影决绝中带不舍，顾沉舟站在门内阴影里，屋内旧电脑和廉价床铺隐约可见，走廊灯光苍白，房间里残留生活痕迹，色调冷灰夹带褪色暖黄，表现感情被贫穷和现实压垮的痛感。
+
+### 第9章《没人相信的底层能力》
+
+**提示词：**
+现代会议室写实插画，顾沉舟站在投影幕前认真讲解离线开发与底层修复能力，屏幕上是系统架构图和手写代码片段，台下评审和企业代表表情冷淡、敷衍甚至隐含轻蔑，有人正在用智能终端分心处理别的事，商业空间冰冷整洁，冷白与钢灰色调，突出他被当成笑话的局面。
+
+### 第10章《十年一梦，满身风雪》
+
+**提示词：**
+雪夜城市站台，顾沉舟已步入中年，穿旧风衣和深色围巾，身形清瘦，独自站在末班公交或地铁站台，四周空旷，远处高楼和广告牌闪烁智能时代的繁华，他却像完全被隔绝，雪和风打在脸上，深蓝灰与冷白色调，孤独史诗感，电影镜头语言强。
+
+### 第11章《聪明人都不会手写代码了》
+
+**提示词：**
+近未来社会的对比式画面，城市上空全息界面、自动化交通、无人数码广告展示智能编程的繁荣，前景或角落里顾沉舟独坐老旧机房，手边是纸质笔记、本地开发环境、裸露服务器机柜，他低头手写结构图或敲代码，冷白和金属灰色调，强调“整个世界向前狂奔，只有他还在守着底层火种”。
+
+### 第12章《第一次异常》
+
+**提示词：**
+大型控制中心写实插画，巨型监控屏幕上首次出现细小但不寻常的红色错误提示，周围技术人员仍带着轻松或不以为意的神态，只有顾沉舟站在侧后方，神情凝重地盯着那几行异常日志，环境高科技、明亮却潜藏危险，冷蓝主调，红色警示点缀，气氛压抑前奏感强。
+
+### 第13章《无人能读懂的补丁》
+
+**提示词：**
+危机升级的技术会议室，巨幕上瀑布般滚动复杂补丁链路和黑箱自动修复流程，专家们表情茫然、焦躁，乔岳面色难看却仍强撑姿态，顾沉舟站在前方或侧面皱眉审视屏幕，仿佛唯一看出问题根源的人，蓝黑色调混合红色告警光，科技压迫感强，构图紧张。
+
+### 第14章《世界停电的那一天》
+
+**提示词：**
+史诗级灾难场景，近未来都市大停摆，巨幅电子屏全面报错，交通路口瘫痪，列车停滞，高楼部分熄灯，救护车和人群混乱，天空阴沉，红黑蓝色调冲突强烈；顾沉舟可作为前景小比例人物站在街头或控制中心窗前，神情极其冷静，形成“世界失控而他保持清醒”的核心反差。
+
+### 第15章《求他出山的人排到了楼下》
+
+**提示词：**
+老旧居民楼下的反转场景，清晨或阴天，楼下停满黑色豪车和公务车，昔日高高在上的平台高管、资本代表、官方人员站在狭窄巷口等待，乔岳神情焦灼；顾沉舟站在楼道高处或窗边俯视众人，穿简单深色衣服，气场开始变化，冷灰与黑金元素对撞，爽感强烈。
+
+### 第16章《一人重启一座城》
+
+**提示词：**
+总控中心英雄场景，顾沉舟站在庞大的城市调度系统主控台前，四周是红色告警灯、服务器阵列和巨型屏幕，屏幕上逐步恢复的电网与交通系统线路清晰可见，他袖口挽起，神情冷静专注，像独自压住整座城市的混乱，深蓝、告警红、银白高光，电影感极强。
+
+### 第17章《财团、公权与资本都在抢他》
+
+**提示词：**
+高级会议厅写实插画，顾沉舟站在中央或长桌一端，穿剪裁利落的深色西装，神情沉稳冷峻；会议厅内有资本代表、官方高层、国际机构人物向他投来关注目光，沈知意华丽明艳地坐在一侧直视他，许幼宁以冷感专业气质站在另一侧，光线立体，黑金和深蓝色调，突出全场都围着他转的权势感。
+
+### 第18章《她们都在等他一句话》
+
+**提示词：**
+情感群像插画，近未来高层走廊或宴会空间，顾沉舟站在画面中心略偏前位置，成熟冷峻；四位女性分布在不同景深与方位：林晚乔带着旧情与遗憾，苏青禾温柔克制地望向他，沈知意明艳强势地靠近，许幼宁冷静而深重地注视，画面不俗艳，强调不同情感张力同时汇聚到男主身上，深蓝、暖金与少量克制红色混合。
+
+### 第19章《代码之王》
+
+**提示词：**
+全球技术大厅巅峰场景，顾沉舟独自站在巨大公开演示系统前，背后主屏展示完全透明的离线重建架构与成功重启界面，台下来自全球的代表、专家、资本人物全部起立鼓掌，镜头和聚光灯汇聚在他身上，他神情平静却具有压倒性掌控力，深蓝、银白与王者光束，史诗感、胜利感、文明重启感。
+
+### 第20章《坐拥繁花，归来仍是少年》
+
+**提示词：**
+顶层露台夜景写实插画，城市万家灯火铺满背景，顾沉舟穿深色正装或长大衣，气质成熟锋利，却在这一刻温柔地拥住苏青禾，苏青禾穿简洁浅色长裙，眼里含泪而笑；远处玻璃内可隐约出现庆功会人影与繁华氛围，整体夜色蓝与城市金交织，画面温暖克制，既有王者归来又有情感归宿。
+
+### 终章《写代码的人，重新定义世界》
+
+**提示词：**
+新时代希望感写实插画，顾沉舟站在宽阔明亮的技术联盟主讲台上发表演讲，台下坐满年轻工程师和学生，有人抱着教材，有人打开电脑认真记录，背景大屏是新的开放工程体系标志和透明架构图，光线比前期更明亮，蓝白与金色希望感，顾沉舟沉稳挺拔，像把一个失序时代重新带回正轨的人。
+
+## 生成优先级建议
+
+如果需要先生成最能代表整部作品气质的图片，建议优先顺序如下：第6章、第7章、第14章、第15章、第16章、第17章、第19章、第20章、终章。这样能够先建立“惨”“救赎”“危机”“逆袭”“巅峰”“圆满”的完整视觉弧线。

docs/小说关键场景插画清单.md

@@ -0,0 +1,17 @@
+# 小说关键场景插画清单
+
+本次优先选取最能代表整部小说情绪弧线的九个关键场景，统一采用**近未来都市写实插画风格**，突出人物一致性、电影感叙事和从低谷到封神再到释怀的完整视觉推进。顾沉舟在所有画面中保持同一人物基底：黑色短发，眉眼深，气质克制，前期清瘦狼狈，中期冷硬疲惫，后期成熟锋利。
+
+| 顺序 | 场景 | 章节 | 画面情绪 | 对应文件 |
+|---|---|---|---|---|
+| 1 | 旧电脑与冷泡面 | 第6章 | 贫穷、压抑、长期硬撑 | `ch06_old_computer_cold_noodles.png` |
+| 2 | 只有她递来一把伞 | 第7章 | 救赎、安静温柔、情感起点 | `ch07_she_brought_an_umbrella.png` |
+| 3 | 世界停电的那一天 | 第14章 | 文明失控、危机爆发、史诗感 | `ch14_the_day_the_world_went_dark.png` |
+| 4 | 求他出山的人排到了楼下 | 第15章 | 身份反转、爽点启动、众人低头 | `ch15_people_queued_to_beg_him.png` |
+| 5 | 一人重启一座城 | 第16章 | 英雄时刻、极致专注、硬核封神 | `ch16_one_man_restart_a_city.png` |
+| 6 | 财团、公权与资本都在抢他 | 第17章 | 权势汇聚、全场围绕男主 | `ch17_everyone_is_fighting_for_him.png` |
+| 7 | 代码之王 | 第19章 | 王者加冕、全球仰望、胜利巅峰 | `ch19_king_of_code.png` |
+| 8 | 坐拥繁花，归来仍是少年 | 第20章 | 情感归宿、释怀、温柔收束 | `ch20_among_flowers_still_young.png` |
+| 9 | 写代码的人，重新定义世界 | 终章 | 新时代希望感、精神传承 | `epilogue_redefine_the_world.png` |
+
+这组画面对应小说最完整的视觉弧线：**惨境求生、微光救赎、世界崩塌、逆势出山、独力封神、万人追捧、巅峰加冕、情感落点、精神传承**。如果需要进一步扩展，也可以把第1章、第3章、第8章和第18章加入第二批插画，用来加强毕业受挫、旧爱破裂与多线情感张力。

source/illustration_detailed_descriptions.md

@@ -0,0 +1,163 @@
+# 《代码之王》关键场景插画详细文字描述
+
+本文档为《代码之王：AI编程时代的逆袭》现有九张关键场景插画配套撰写详细文字说明，重点补足**画面内容、人物状态、情绪层次、光影氛围**以及它们在整部小说中的**叙事功能**。这些描述既可直接用于图文排版、章节导读、宣传页面，也可以作为后续继续扩展插画体系时的统一文案基础。
+
+| 序号 | 章节 | 插画文件 | 场景关键词 | 叙事功能 |
+|---|---|---|---|---|
+| 1 | 第6章 | `ch06_old_computer_cold_noodles.png` | 贫困、熬夜、硬撑 | 塑造男主最低谷状态 |
+| 2 | 第7章 | `ch07_she_brought_an_umbrella.png` | 雨夜、等待、微光救赎 | 开启情感转折 |
+| 3 | 第14章 | `ch14_the_day_the_world_went_dark.png` | 崩溃、失控、史诗级危机 | 世界级转折爆发 |
+| 4 | 第15章 | `ch15_people_queued_to_beg_him.png` | 排队、低头、求助 | 身份反转正式开始 |
+| 5 | 第16章 | `ch16_one_man_restart_a_city.png` | 控制中心、重启、孤勇 | 男主硬核封神 |
+| 6 | 第17章 | `ch17_everyone_is_fighting_for_him.png` | 权力、争夺、中心人物 | 男主成为时代焦点 |
+| 7 | 第19章 | `ch19_king_of_code.png` | 加冕、掌声、成功 | 完成王者登顶 |
+| 8 | 第20章 | `ch20_among_flowers_still_young.png` | 夜景、拥抱、释怀 | 情感收束与归宿 |
+| 9 | 终章 | `epilogue_redefine_the_world.png` | 演讲、传承、新秩序 | 从个人传奇走向时代传承 |
+
+## 第6章插画：旧电脑与冷泡面
+
+这张插画把顾沉舟人生最狼狈、最失重的阶段钉在了一个狭窄而寒冷的室内空间里。画面主体是他独自坐在一张旧木桌前，身体微微前倾，双手仍搭在键盘上，说明他虽然已经被生活压得近乎透不过气，却依旧没有真正停下写代码这件事。桌面上同时出现笔记本电脑与老式显示器，两块屏幕都亮着，一块是密密麻麻的代码，另一块则跳出了刺眼的错误提示。技术上的阻塞与现实中的窘迫，被这两个发光屏幕无声地叠加在一起。
+
+更有力量的是环境细节。发霉剥落的墙皮、外露的电线、老旧空调、被雨水打得模糊的窗玻璃、远处灰白而空洞的城市楼影，共同构成一种长期失修、几乎没有生活尊严可言的居住状态。顾沉舟的脸色苍白发灰，眼窝深陷，黑眼圈浓重，头发凌乱，衣服磨损起毛，袖口和肩部都透出“穿了很久也舍不得换”的穷困痕迹。他不是那种被一场打击瞬间击倒的人，而是被无数个平庸而沉重的日夜慢慢磨旧的人。
+
+这幅图里最扎心的并不是“惨”，而是“硬撑”。桌上的冷面、散落的药片、喝空的矿泉水瓶和零星碎屑，说明他已经把吃饭、睡眠、身体都压缩成了最低限度，只为了让自己还能继续把代码写下去。顾沉舟看向画外的眼神并不激烈，也没有廉价的崩溃感，而是一种疲惫到极点、却仍不肯低头的沉默。这让整张画不仅承担了“男主前期写惨”的叙事任务，也为后续的逆袭埋下了可信的情感根基：**他后来的强大，不是天降神兵，而是从这张桌子旁一点点熬出来的。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 狭小、破败、潮湿、冷蓝色调明显 |
+| 人物状态 | 清瘦、疲倦、神情麻木但未放弃 |
+| 关键道具 | 旧电脑、报错界面、冷面、药片、矿泉水瓶 |
+| 核心情绪 | 压抑、贫穷、孤独、长期硬撑 |
+| 文案用途 | 适合作为“低谷期”“无人问津时”的章节配图说明 |
+
+## 第7章插画：只有她递来一把伞
+
+这张插画是整部小说里第一处明显带有“温度”的画面。故事仍然发生在旧城区的雨夜，空气里依旧是潮湿的冷色，墙体斑驳、管线裸露、楼道狭窄而陈旧，霓虹灯从远处的街口渗进来，把街道照得又脏又亮。顾沉舟从楼道口走出来，浑身带着湿气和失败感，深色衣物贴在身上，肩膀微垮，手里还提着旧包，像是刚从又一场漫长、无解、无人体谅的生活搏斗中出来。
+
+但与上一张画完全不同的是，路灯下站着一个始终没有离开的人。她撑着一把深色雨伞，穿着浅色长风衣，姿态安静，脸上没有夸张的心疼，也没有急于打破他自尊的热烈表情。她只是站在那里，手里提着还冒着热气的饮品和纸袋，像是给他预留了一份足够体面的温柔。画面最动人的地方恰恰在于这种分寸感：她没有冲过去拥抱，也没有在大雨中制造戏剧化的情绪爆发，而是选择用一种近乎克制的方式告诉他——你现在这个样子，也仍然值得被等。
+
+从光影角度看，这张画极具叙事功能。顾沉舟所在的楼道区域是偏冷的蓝灰色，像他此前一直所处的人生温度；而女子所在的路灯下，则被暖金色光束笼罩，雨丝都被照得柔软起来。两人之间隔着一段不长不短的街面，这段距离既是真实的情感留白，也是他从“自我封闭”走向“被人接住”的路程。对整部小说来说，这张图是情感线真正开始生根的一刻。它告诉读者，顾沉舟并不是只能靠意志活下去，他在最糟的时候，也曾被人温柔地看见。
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 雨夜旧街区，冷暖对比鲜明 |
+| 人物关系 | 一人从低处走出，一人在灯下等待 |
+| 关键道具 | 雨伞、热饮、纸袋、旧包 |
+| 核心情绪 | 救赎、克制、安静的心疼、情感起点 |
+| 文案用途 | 适合作为“她是唯一等他的人”的图文说明 |
+
+## 第14章插画：世界停电的那一天
+
+如果说前面的画面更多是顾沉舟个人命运的压缩，那么这一张则把小说彻底推向了时代级灾难。整幅画采用城市峡谷式的纵深构图，高楼林立，街道被切成一条狭长的危机中轴，两侧巨大的电子屏幕同时亮起刺目的红色警报，满屏都是“ERROR”与危险提示。此前维持繁荣、秩序和技术神话的商业中心，在这一刻反而成为了最醒目的崩坏证明。所有人都在抬头看屏幕，所有系统都在同时失灵，整座城市像一台突然停止思考的巨型机器。
+
+街面细节进一步放大了这种文明失控感。车辆彼此追尾、救护车和警车被迫横停、远处出现拥堵和碰撞，人群混乱奔跑，火光和警灯把红色危机蔓延到了地面。四周每个人都在动，都在慌，都在试图逃离或者寻找答案，唯独站在画面前景中央的顾沉舟保持着异常的冷静。他穿着深色西装，面容冷硬，眼神不像围观者那样震惊，更像一个已经在无数次系统漏洞和报错中见过类似命运逻辑的人。
+
+这种构图非常有效地完成了男主命运位置的转移。此前的他只是被时代抛下的人，而在这一刻，时代本身开始向他倒塌。顾沉舟站在失控人群和巨幅报错屏之间，不像英雄登场，更像一个被现实强行推到中轴的人。他既不是掌声中的主角，也不是灾难里的受害者，而是唯一可能理解这场崩溃的人。于是这张插画承担了极强的章节转折功能：**世界越乱，他的价值越被放大；神话崩塌的瞬间，真正的“代码之王”才开始显形。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 都市中心、电子巨幕、红色告警席卷全场 |
+| 人物状态 | 众人惊慌奔逃，男主逆势冷静 |
+| 关键道具 | 大屏警报、碰撞车辆、警车、火光、人潮 |
+| 核心情绪 | 史诗级灾难、秩序瓦解、宿命感爆发 |
+| 文案用途 | 适合作为“AI编程系统全面崩溃”的核心宣传配图说明 |
+
+## 第15章插画：求他出山的人排到了楼下
+
+这一张插画最大的爽点，在于它把“反转”具体地画成了空间关系。顾沉舟仍住在那栋陈旧的居民楼里，楼体灰败，墙皮开裂，窗框老化，电线交缠，楼道入口阴沉而逼仄，几乎和他最落魄时的居住环境没有本质区别。但街道的内容已经彻底改变：黑色豪车、警车、护送车辆一字排开，把原本狭窄的小巷堵得严严实实；穿着正装的人从楼下一直排到街口，每个人都低着头，收着声音，仿佛不敢在这里制造哪怕一点失礼。
+
+这幅画最精妙的地方在于，顾沉舟本人并不在人群中，而是站在高处的窗口位置，从楼上俯视整条街。这个视角非常重要，因为它不是单纯地告诉读者“大家来请他了”，而是通过高低位的安排直观展示了权力关系的倒转。曾经他被人俯视、被行业淘汰、被现实压到尘土里；现在，所有曾经代表资源、资本、权力与规则的人，都不得不站在楼下，等一个曾经不被看见的人开口。
+
+更值得注意的是，这张图并没有用热闹来制造爽感。相反，整个画面异常安静，甚至带着一种近乎肃穆的压迫感。那些人不是来做姿态的，他们是真的急了，也真的需要他。因此，豪车和警灯在这里不再是权势炫耀，而变成了集体焦虑的背景板。顾沉舟只是站在楼上，尚未发话，但这条街已经说明了一切：**在旧秩序全面失效之后，唯一掌握真正技术能力的人，终于被世界重新请回了中心。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 老旧居民楼与高规格车队形成强烈反差 |
+| 人物关系 | 楼下众人低头等待，楼上男主俯视全局 |
+| 关键道具 | 豪车、警车、正装人群、破旧楼体 |
+| 核心情绪 | 爽点启动、集体低头、身份反转 |
+| 文案用途 | 适合作为“曾经看不起他的人，如今排队求他”的章节配图说明 |
+
+## 第16章插画：一人重启一座城
+
+这张画将顾沉舟的“强”从社会评价转化为纯粹的技术能力，因此显得格外硬核。画面设定在城市级控制中心，四周是环形控制台、服务器机柜和高悬的大型监控屏。屏幕上同时显示交通系统、能源网络以及城市线路图，其中有的区域还残留大片红色故障块，有的部分已经恢复成绿色或蓝色，形成一种动态中的“救回过程”。这不是结果图，而是正在发生的拯救图，因此比单纯展示成功更有压迫力。
+
+顾沉舟站在主操作台前，穿着深色衬衫，没有披风、没有外套、没有任何夸张英雄化装饰。他的姿势极其克制，只是双手稳稳落在控制台上，视线专注，面部肌肉绷紧，却没有一丝多余动作。正是这种不煽情的平静，让画面更具说服力。真正能把一座城从系统瘫痪中拽回来的人，并不需要高喊口号，他只需要精准、持续、近乎冷酷地做对每一行判断。
+
+这张插画的情绪不同于第15章的“万人求他”，它更强调“只有他能做”。场景中没有围观者，没有庆功者，甚至没有与他并肩作战的人，只有警示灯在闪，机器在运行，屏幕上的城市数据在不断变化。顾沉舟面对的不是抽象的荣誉，而是庞大而具体的系统。他在这里不再只是逆袭者，而像一个用手、眼和脑重新把文明拼回去的人。于是，这幅图非常适合作为全书最硬核的英雄时刻之一：**所谓封神，不是被人吹出来，而是在所有人都无能为力时，真的把城市重新点亮。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 高科技控制中心，冷蓝基调与红色警示共存 |
+| 人物状态 | 专注、稳定、克制、完全进入工作状态 |
+| 关键道具 | 环形控制台、服务器机柜、城市系统监控屏 |
+| 核心情绪 | 孤勇、专业、极致专注、技术英雄感 |
+| 文案用途 | 适合作为“一人重启一座城”的高燃场景说明 |
+
+## 第17章插画：财团、公权与资本都在抢他
+
+这是一张将“权力关系”视觉化得极其清楚的插画。场景设在高级会议室内，空间极为规整，对称灯具、长桌透视、玻璃幕墙和城市高层景观共同营造出一种上层世界的秩序感。所有人物都围绕长桌分立两侧，视线和位置天然把中央那个男人推成唯一核心。顾沉舟穿着剪裁锋利的深色西装，站姿稳定，面容沉静，既没有早年的窘迫，也没有新贵式的轻浮。他看起来像一个已经不必向任何人解释自己价值的人。
+
+两侧的人物设定则进一步强化了“被争夺”的意味。既有代表资本、机构和国际力量的年长或强势人物，也有带着鲜明个人气场的女性角色。一侧是身穿黑金礼服、锋芒毕露的成熟女性，她代表欲望、野心与公开站队；另一侧是灰色职业套装、冷静克制的精英女性，她代表秩序、理性与制度化合作。她们都没有依附感，相反，她们与顾沉舟之间更像是平视博弈，说明男主此刻吸引的不只是情感，更是所有上层力量的主动靠近与争取。
+
+整张画并不喧哗，却极具压迫力。没有人坐下，说明谈判尚未落定；没有人发言，却能感到空气里全是条件、筹码与试探。顾沉舟站在中央，不像被安排的人，反而像那个决定安排别人的人。这种视觉表达极其符合爽文后期的情绪需求：**世界不再决定他的去留，世界开始争夺他的选择。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 顶级会议室、强对称构图、秩序感与压迫感并存 |
+| 人物关系 | 各方势力围绕男主站位，形成明确中心结构 |
+| 关键道具 | 长会议桌、玻璃幕墙、礼服与职业套装对照 |
+| 核心情绪 | 权势汇聚、博弈升级、万人围绕男主转动 |
+| 文案用途 | 适合作为“所有阵营都想得到他”的场景配文 |
+
+## 第19章插画：代码之王
+
+如果说第16章是技术上的封神，那么这一张就是社会意义上的加冕。顾沉舟站在舞台中央，头顶与身后落下层层光束，像一顶由聚光灯构成的无形王冠。背景巨大的透明科技屏上，清楚展示着离线重构架构与“系统重启成功”的信息，说明他的胜利不是偶然的临时救场，而是足以定义新规则、重建新体系的根本性成功。掌声、媒体镜头、围绕两侧的人群共同构成一种典礼般的场面，把“代码之王”的名号真正具象化。
+
+但这幅图最高级的地方，在于它没有把顾沉舟画成一个情绪外放的胜利者。他没有高举手臂，也没有在欢呼中露出夸张笑意。他只是静静站在聚光灯中央，表情平稳，甚至带一点距离感。这样的处理非常符合人物弧线：他经历过太多轻视、狼狈、耻辱和崩塌，所以真正站上巅峰时，情绪反而不是兴奋，而是一种见过风暴后的沉静。这让“王者感”不显浮夸，反而更可信、更有重量。
+
+从叙事功能来看，这张插画是全书爽感最集中的视觉节点之一。此前的一切压抑、隐忍、硬撑与独自修补，都在这里被公开承认。世界终于用它最盛大的方式，承认那个曾经缩在破屋里手写代码的人，是如今真正能够定义时代底层逻辑的人。于是这张图并不只是成功图，更是一张迟到已久的正名图。
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 舞台化、仪式化、群体欢呼与媒体聚焦并存 |
+| 人物状态 | 居中站立，平静克制，带有成熟王者气场 |
+| 关键道具 | 聚光灯、科技大屏、成功提示、摄影机与观众 |
+| 核心情绪 | 加冕、认可、全球仰望、巅峰胜利 |
+| 文案用途 | 适合作为“代码之王正式封神”的主视觉说明 |
+
+## 第20章插画：坐拥繁花，归来仍是少年
+
+这张插画把整部小说从高位爽感重新拉回到人与人之间最柔软的地方。场景设在高层露台，远处城市夜景铺展开来，冷色调的楼宇灯光在背景里安静闪烁；近处则是宴会厅透出的暖黄灯光，玻璃门内有人轻声交谈，光线柔和地溢出到露台边缘。这个空间设计非常妙，它把“时代中心”和“私人情感”同时放进一张图里：里面是仍在运转的名利场，外面是终于愿意停下来拥抱某个人的顾沉舟。
+
+画面中央，顾沉舟与一位女子安静相拥。顾沉舟穿着深色长外套，眉眼不再锋利，神情里带着一种历尽风浪之后的倦意和松动。他抱人的动作很稳，不再像年轻时那样克制到近乎拒绝，而是真正伸出手去把一个人抱紧。女子穿白色长裙，脸贴在他胸前，眼角有泪，却带着明显的笑。那不是苦尽甘来的戏剧性大哭，而是一种终于等到他从风暴里走出来的温柔释怀。
+
+这张图的真正力量，在于它重新定义了顾沉舟的胜利。前面所有章节都在写他如何重新夺回技术、话语权、时代中心，但这幅画告诉读者，真正的成长不是赢过世界，而是在赢过世界之后，仍然没有失去拥抱一个人的能力。夜色、灯光、城市、宴会、人影与拥抱，共同让这张图具备了终局感，也具备了难得的安宁。它不是热闹的后宫式炫耀，而是经过长久漂泊后，对“归宿”二字最柔和的一次落笔。
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 高层露台夜景，室内暖光与室外冷夜对照 |
+| 人物关系 | 正面拥抱，情绪释放但克制温柔 |
+| 关键道具 | 玻璃宴会厅、城市夜景、长外套、白裙、灯串 |
+| 核心情绪 | 释怀、归宿、温柔收束、繁华后的安静 |
+| 文案用途 | 适合作为“走到最后，他终于学会拥抱爱”的终章配图说明 |
+
+## 终章插画：写代码的人，重新定义世界
+
+这张终章插画的气质与前面所有高压、危机、权力和加冕场景都不同，它更明亮，也更开阔。顾沉舟站在透明讲台后，身后大屏清晰展示“新的开放工程系统”与分层架构图，说明他已经从解决问题的人，变成了制定未来规则的人。讲台上的标识、画面中的技术图示以及整体偏冷的清透蓝色，都让这一幕带有鲜明的“新秩序发布”意味。这里没有混乱，没有争抢，也没有灾难倒计时，只有一种完成重建后的理性平静。
+
+最重要的是听众的变化。围坐在台下的不是政商权贵，而是年轻学生与新一代工程师。他们手中拿着书本、纸笔和电脑，有人在认真记录，有人在直接敲代码，说明顾沉舟最终留下的最珍贵东西，并不是某项商业独占技术，而是一整套能被学习、能被训练、能重新把人培养回“真正工程师”的方法论。这一构图让终章具有了非常强的传承感：曾经他孤身一人守着古法编程，如今这门能力终于从个人执拗变成公共知识。
+
+这张图也完成了人物最终的精神落点。顾沉舟仍旧穿着深色正装，依旧沉稳克制，但气质已经从风暴中的战士，转向完成使命后的开路者。他不再需要证明自己，也不再被迫与世界对抗。他站在讲台上，更像是在平静地交出火种。于是这张终章图不仅仅是“大团圆”，更像一种历史性确认：**真正改变时代的人，最终不是垄断力量，而是把力量重新还给人。**
+
+| 画面重点 | 具体体现 |
+|---|---|
+| 空间氛围 | 明亮、理性、开放，带有发布会和课堂双重气质 |
+| 人物关系 | 顾沉舟在台上讲述，年轻一代在台下学习与记录 |
+| 关键道具 | 透明讲台、系统标识、架构大屏、书本纸笔与电脑 |
+| 核心情绪 | 希望、传承、规则重建、时代更新 |
+| 文案用途 | 适合作为“从个人传奇走向行业传承”的终章说明 |
+
+## 总体说明
+
+这九张插画共同完成了《代码之王》最完整的视觉弧线：从**贫穷困顿中的死撑**，到**雨夜中被人轻轻接住**；从**技术神话崩塌的世界级灾难**，到**所有人重新低头请他出山**；从**一人重启城市的硬核封神**，到**成为所有势力争夺的时代核心**；再从**公开加冕**，走向**私人情感的归宿**，最后抵达**能力传承与新秩序建立**。如果后续还要继续为第1章、第3章、第8章、第18章等补绘插画，可以延续本文件的写法，继续按照“画面内容—人物状态—情绪推进—叙事功能”的统一结构扩展整个插画文案体系。

source/illustration_prompts.md

@@ -0,0 +1,144 @@
+# 《代码失火之后》章节插图提示词方案
+
+## 使用总原则
+
+本套插图统一采用**近未来都市写实插画风格**，强调电影感、真实人体比例、强叙事构图、连续人物形象和明确的时代氛围。顾沉舟必须保持同一人物基底：黑色短发，眉眼深，气质克制，前期清瘦狼狈，中期冷硬疲惫，后期成熟锋利。
+
+所有图片均应避免卡通化、二次元夸张表情、低龄脸、搞笑化科技元素、过度赛博朋克霓虹堆砌。前期重点是**压抑与穷困**，中期重点是**孤独与坚守**，危机期重点是**文明失控与个人冷静**，后期重点是**权势、被追捧、情感包围与王者归来**。
+
+## 章节插图总表
+
+| 章节 | 标题 | 画面核心 | 色调 | 重点人物 |
+|---|---|---|---|---|
+| 第1章 | 毕业即过时 | 校招大厅里被时代淘汰的年轻顾沉舟 | 冷白、灰蓝 | 顾沉舟 |
+| 第2章 | 最便宜的程序员 | 廉价工位上被轻视地维护遗留系统 | 灰黄、旧白 | 顾沉舟、同事群像 |
+| 第3章 | 她说你这样没有未来 | 地铁口或雨夜街边的分歧争吵 | 冷雨蓝、暗金 | 顾沉舟、林晚乔 |
+| 第4章 | 全世界都在笑他 | 韩锐在大屏风光演讲，顾沉舟在出租屋修服务器 | 强烈对比构图 | 顾沉舟、韩锐 |
+| 第5章 | 被裁员的人没有资格谈梦想 | 抱着纸箱离开公司，城市冷漠巨大 | 阴天灰、蓝黑 | 顾沉舟 |
+| 第6章 | 旧电脑与冷泡面 | 深夜出租屋里靠旧电脑接单维生 | 冷蓝、脏白 | 顾沉舟 |
+| 第7章 | 只有她递来一把伞 | 雨夜楼下，苏青禾撑伞递来温暖 | 冷雨蓝中一点暖色 | 顾沉舟、苏青禾 |
+| 第8章 | 爱也会输给房租 | 林晚乔转身离开，顾沉舟站在昏暗房间门口 | 冷灰、褪色暖黄 | 顾沉舟、林晚乔 |
+| 第9章 | 没人相信的底层能力 | 男主在会议室讲解离线能力，却遭众人冷眼 | 冷白、商业灰 | 顾沉舟、评审群像 |
+| 第10章 | 十年一梦，满身风雪 | 中年顾沉舟在雪夜站台独行 | 冷白、深蓝灰 | 顾沉舟 |
+| 第11章 | 聪明人都不会手写代码了 | 智能社会繁华运转，顾沉舟在边缘机房独坐 | 冷白、金属灰 | 顾沉舟、城市远景 |
+| 第12章 | 第一次异常 | 巨大控制屏出现细小错误，众人尚未警觉 | 冷蓝、警示红点缀 | 顾沉舟、技术人员 |
+| 第13章 | 无人能读懂的补丁 | 黑箱补丁滚动刷新，众人茫然，顾沉舟皱眉凝视 | 蓝黑、红光 | 顾沉舟、乔岳等 |
+| 第14章 | 世界停电的那一天 | 城市停摆、巨幕报错、车流混乱的史诗危机 | 红黑蓝 | 群像、顾沉舟 |
+| 第15章 | 求他出山的人排到了楼下 | 旧楼下豪车云集，昔日大人物等待顾沉舟 | 冷灰与黑金对撞 | 顾沉舟、乔岳等 |
+| 第16章 | 一人重启一座城 | 顾沉舟在总控中心独自修复核心调度 | 深蓝、告警红、银白 | 顾沉舟 |
+| 第17章 | 财团、公权与资本都在抢他 | 高级会议厅内多方势力围拢男主 | 深蓝、黑金 | 顾沉舟、沈知意、许幼宁等 |
+| 第18章 | 她们都在等他一句话 | 四位女性在不同位置望向男主的情感群像 | 深蓝、暖金、克制红 | 顾沉舟、四女主 |
+| 第19章 | 代码之王 | 全球技术大厅里男主公开重建系统，全场起立 | 深蓝、银白、王者光 | 顾沉舟、全球代表群像 |
+| 第20章 | 坐拥繁花，归来仍是少年 | 顶层露台上顾沉舟拥住苏青禾，繁华夜城在后 | 夜色蓝、城市金、温暖肤光 | 顾沉舟、苏青禾 |
+| 终章 | 写代码的人，重新定义世界 | 顾沉舟在新时代讲台上面对年轻工程师演讲 | 明亮蓝白、希望金 | 顾沉舟、青年学生群像 |
+
+## 逐章详细提示词
+
+### 第1章《毕业即过时》
+
+**提示词：**
+近未来都市写实插画，大学校招大厅，巨大的全息招聘屏幕上滚动显示“AI编程协同师”“意图架构师”等职位，年轻的顾沉舟穿着旧衬衫和廉价外套，抱着简历站在人群边缘，神情倔强又茫然，周围应届生正用智能终端轻松面试，他却像被时代隔离，冷白灯光，灰蓝色调，电影感构图，真实人体比例，细节丰富，屏幕冷光映在脸上，突出“毕业即过时”的压迫感。
+
+### 第2章《最便宜的程序员》
+
+**提示词：**
+近未来都市写实风，狭窄老旧办公室，廉价隔板工位，顾沉舟坐在最角落的旧电脑前维护遗留系统，屏幕上是复杂底层代码和报错日志，周围年轻同事轻松语音调用AI生成代码，对他露出轻视或嘲笑神情，空间拥挤，空气压抑，灰黄旧白色调，顶灯偏暗，人物真实，突出低薪、边缘和被看不起的处境。
+
+### 第3章《她说你这样没有未来》
+
+**提示词：**
+雨夜都市街边写实插画，顾沉舟和林晚乔站在地铁口附近争执，林晚乔穿都市通勤风外套，神情压抑失望，顾沉舟衣服微旧，手里还提着电脑包，雨水在地面形成反光，远处高楼广告屏闪着AI技术宣传，近景两人情绪拉扯强烈但克制，冷雨蓝与暗金灯光混合，表现爱情被现实挤压的无力感。
+
+### 第4章《全世界都在笑他》
+
+**提示词：**
+双场景对照式电影构图，左侧或背景是韩锐在华丽技术发布会舞台上演讲，灯光耀眼，媒体镜头密集；右侧或前景是顾沉舟在破旧出租屋里拆修老服务器，屏幕冷光照亮他清瘦的脸，周围堆着旧主机和泡面盒，形成强烈身份反差，深灰蓝与舞台金光对撞，叙事感极强。
+
+### 第5章《被裁员的人没有资格谈梦想》
+
+**提示词：**
+阴天都市写实插画，顾沉舟抱着装有键盘和杂物的纸箱从办公楼旋转门走出，西装革履的人群从他身边匆匆而过却无人看他，高楼巨大而冷漠，地面有薄雨水反光，顾沉舟神情麻木克制，风吹动旧外套，蓝黑灰色调，突出被时代抛弃的失重感。
+
+### 第6章《旧电脑与冷泡面》
+
+**提示词：**
+深夜小出租屋，近未来写实风，顾沉舟独自坐在老旧木桌前，旧笔记本电脑、二手显示器、散乱电线、冷掉的泡面和药片摆在桌上，房间狭小破旧，窗外是冷雨夜城市，屏幕代码冷光映出他疲惫消瘦的脸，压抑、贫穷、孤独感极强，冷蓝和脏白色调，电影级细节。
+
+### 第7章《只有她递来一把伞》
+
+**提示词：**
+雨夜楼下写实插画，顾沉舟从潮湿昏暗楼道出来，衣服被雨打湿，神情疲惫；苏青禾撑一把深色长伞站在路灯下，穿简洁素净外套，手里提着热食或咖啡，目光安静温柔，画面大部分仍是冷雨蓝，但她身边有一小片暖色灯光，形成救赎感，人物克制、真实、情绪细腻。
+
+### 第8章《爱也会输给房租》
+
+**提示词：**
+狭小出租屋门口的写实情感场景，林晚乔拎着行李箱转身离开，背影决绝中带不舍，顾沉舟站在门内阴影里，屋内旧电脑和廉价床铺隐约可见，走廊灯光苍白，房间里残留生活痕迹，色调冷灰夹带褪色暖黄，表现感情被贫穷和现实压垮的痛感。
+
+### 第9章《没人相信的底层能力》
+
+**提示词：**
+现代会议室写实插画，顾沉舟站在投影幕前认真讲解离线开发与底层修复能力，屏幕上是系统架构图和手写代码片段，台下评审和企业代表表情冷淡、敷衍甚至隐含轻蔑，有人正在用智能终端分心处理别的事，商业空间冰冷整洁，冷白与钢灰色调，突出他被当成笑话的局面。
+
+### 第10章《十年一梦，满身风雪》
+
+**提示词：**
+雪夜城市站台，顾沉舟已步入中年，穿旧风衣和深色围巾，身形清瘦，独自站在末班公交或地铁站台，四周空旷，远处高楼和广告牌闪烁智能时代的繁华，他却像完全被隔绝，雪和风打在脸上，深蓝灰与冷白色调，孤独史诗感，电影镜头语言强。
+
+### 第11章《聪明人都不会手写代码了》
+
+**提示词：**
+近未来社会的对比式画面，城市上空全息界面、自动化交通、无人数码广告展示智能编程的繁荣，前景或角落里顾沉舟独坐老旧机房，手边是纸质笔记、本地开发环境、裸露服务器机柜，他低头手写结构图或敲代码，冷白和金属灰色调，强调“整个世界向前狂奔，只有他还在守着底层火种”。
+
+### 第12章《第一次异常》
+
+**提示词：**
+大型控制中心写实插画，巨型监控屏幕上首次出现细小但不寻常的红色错误提示，周围技术人员仍带着轻松或不以为意的神态，只有顾沉舟站在侧后方，神情凝重地盯着那几行异常日志，环境高科技、明亮却潜藏危险，冷蓝主调，红色警示点缀，气氛压抑前奏感强。
+
+### 第13章《无人能读懂的补丁》
+
+**提示词：**
+危机升级的技术会议室，巨幕上瀑布般滚动复杂补丁链路和黑箱自动修复流程，专家们表情茫然、焦躁，乔岳面色难看却仍强撑姿态，顾沉舟站在前方或侧面皱眉审视屏幕，仿佛唯一看出问题根源的人，蓝黑色调混合红色告警光，科技压迫感强，构图紧张。
+
+### 第14章《世界停电的那一天》
+
+**提示词：**
+史诗级灾难场景，近未来都市大停摆，巨幅电子屏全面报错，交通路口瘫痪，列车停滞，高楼部分熄灯，救护车和人群混乱，天空阴沉，红黑蓝色调冲突强烈；顾沉舟可作为前景小比例人物站在街头或控制中心窗前，神情极其冷静，形成“世界失控而他保持清醒”的核心反差。
+
+### 第15章《求他出山的人排到了楼下》
+
+**提示词：**
+老旧居民楼下的反转场景，清晨或阴天，楼下停满黑色豪车和公务车，昔日高高在上的平台高管、资本代表、官方人员站在狭窄巷口等待，乔岳神情焦灼；顾沉舟站在楼道高处或窗边俯视众人，穿简单深色衣服，气场开始变化，冷灰与黑金元素对撞，爽感强烈。
+
+### 第16章《一人重启一座城》
+
+**提示词：**
+总控中心英雄场景，顾沉舟站在庞大的城市调度系统主控台前，四周是红色告警灯、服务器阵列和巨型屏幕，屏幕上逐步恢复的电网与交通系统线路清晰可见，他袖口挽起，神情冷静专注，像独自压住整座城市的混乱，深蓝、告警红、银白高光，电影感极强。
+
+### 第17章《财团、公权与资本都在抢他》
+
+**提示词：**
+高级会议厅写实插画，顾沉舟站在中央或长桌一端，穿剪裁利落的深色西装，神情沉稳冷峻；会议厅内有资本代表、官方高层、国际机构人物向他投来关注目光，沈知意华丽明艳地坐在一侧直视他，许幼宁以冷感专业气质站在另一侧，光线立体，黑金和深蓝色调，突出全场都围着他转的权势感。
+
+### 第18章《她们都在等他一句话》
+
+**提示词：**
+情感群像插画，近未来高层走廊或宴会空间，顾沉舟站在画面中心略偏前位置，成熟冷峻；四位女性分布在不同景深与方位：林晚乔带着旧情与遗憾，苏青禾温柔克制地望向他，沈知意明艳强势地靠近，许幼宁冷静而深重地注视，画面不俗艳，强调不同情感张力同时汇聚到男主身上，深蓝、暖金与少量克制红色混合。
+
+### 第19章《代码之王》
+
+**提示词：**
+全球技术大厅巅峰场景，顾沉舟独自站在巨大公开演示系统前，背后主屏展示完全透明的离线重建架构与成功重启界面，台下来自全球的代表、专家、资本人物全部起立鼓掌，镜头和聚光灯汇聚在他身上，他神情平静却具有压倒性掌控力，深蓝、银白与王者光束，史诗感、胜利感、文明重启感。
+
+### 第20章《坐拥繁花，归来仍是少年》
+
+**提示词：**
+顶层露台夜景写实插画，城市万家灯火铺满背景，顾沉舟穿深色正装或长大衣，气质成熟锋利，却在这一刻温柔地拥住苏青禾，苏青禾穿简洁浅色长裙，眼里含泪而笑；远处玻璃内可隐约出现庆功会人影与繁华氛围，整体夜色蓝与城市金交织，画面温暖克制，既有王者归来又有情感归宿。
+
+### 终章《写代码的人，重新定义世界》
+
+**提示词：**
+新时代希望感写实插画，顾沉舟站在宽阔明亮的技术联盟主讲台上发表演讲，台下坐满年轻工程师和学生，有人抱着教材，有人打开电脑认真记录，背景大屏是新的开放工程体系标志和透明架构图，光线比前期更明亮，蓝白与金色希望感，顾沉舟沉稳挺拔，像把一个失序时代重新带回正轨的人。
+
+## 生成优先级建议
+
+如果需要先生成最能代表整部作品气质的图片，建议优先顺序如下：第6章、第7章、第14章、第15章、第16章、第17章、第19章、第20章、终章。这样能够先建立“惨”“救赎”“危机”“逆袭”“巅峰”“圆满”的完整视觉弧线。

source/illustration_style_guide.md

@@ -0,0 +1,63 @@
+# 《古法代码之王》插图视觉规划
+
+## 总体视觉定位
+
+本书插图采用**近未来都市写实风格**，整体基调为“冷灰科技感 + 现实压迫感 + 后期王者归来式高光质感”的连续演变。画面要服务叙事，而不是单纯做概念海报，因此每一张图都必须突出**人物处境、时代氛围与情绪转折**。
+
+整部作品的视觉变化应与男主顾沉舟的命运同步推进。前期画面强调贫穷、拥挤、寒冷、灯光黯淡、空间压迫和人物孤独；中期强化雨夜、旧机房、工业场景、城市霓虹与个人沉默的反差；转折期突出巨型报错屏幕、城市停摆、总控中心、失控人群与系统崩塌的史诗级危机感；后期则转向高对比度、强景别、权力空间、精致服装、现代会议厅、核心机房、国家级中枢、顶级财团与人物环绕构图，形成明显的“逆袭爽感”。
+
+## 男主顾沉舟的统一形象
+
+顾沉舟的视觉形象必须贯穿全书保持一致，只在年龄、气场、穿着、神态上逐步变化。
+
+| 要素 | 前期设定 | 中期设定 | 后期设定 |
+|---|---|---|---|
+| 年龄感 | 22—30 岁，清瘦、略青涩 | 30—40 岁，消瘦、疲惫、轮廓更硬 | 40 岁左右，成熟冷峻、压迫感强 |
+| 发型 | 黑色短发，略显凌乱 | 黑色短发，偶有碎发垂落 | 利落短发，整洁但不过分精致 |
+| 面部特征 | 眉眼深，寡言感强，眼神倔 | 眼下有疲态，神情克制压抑 | 眼神稳定锋利，带掌控全场的沉静 |
+| 体态 | 瘦削，略驼背，长期熬夜感 | 更清瘦，但骨架撑起冷硬气质 | 挺拔克制，像从苦难里打磨出来的刀 |
+| 着装 | 旧衬衫、旧夹克、廉价外套 | 深色毛衣、旧风衣、工装外套 | 高级深色西装、长大衣、简洁权威感服装 |
+
+## 女性角色统一视觉设定
+
+| 角色 | 视觉关键词 | 气质与画面功能 |
+|---|---|---|
+| 林晚乔 | 都市感、温柔精致、旧情遗憾 | 代表男主失去的青春与现实压迫下的旧爱裂痕 |
+| 苏青禾 | 清冷、素净、理性、克制温柔 | 代表陪伴、理解、救赎，是最稳定的情感支点 |
+| 沈知意 | 华丽、美艳、财团千金、攻击性吸引力 | 代表权势、资本、征服欲与后期追捧爽感 |
+| 许幼宁 | 冷感、锋利、专业、战友型魅力 | 代表危机并肩、强强相吸与高峰情感线 |
+
+## 画面风格与构图原则
+
+前期插图以**中近景与压缩空间**为主，让人物被出租屋、旧电脑、拥挤工位、雨夜街道、狭窄楼道包围。色调偏冷，强调蓝灰、暗黄、旧白、雨水反光与屏幕冷光。
+
+中期插图可加入更多**工业环境、夜色高楼、地铁末班车、雪夜公交站、旧机房**等场景，突出男主“站在人群外”的感觉。构图上可多使用背影、侧脸、独坐、窗边反射、屏幕映脸等处理。
+
+危机章节必须有**大场面**。画面中应出现巨幕报错、城市停电、总控中心红色告警、交通瘫痪、金融大屏黑屏、专家争论、男主在混乱中心冷静操作等元素。这里要营造“旧时代火种”被迫登场的戏剧性。
+
+后期章节强调**高势位构图**。男主要站在画面中心或高处，光线更立体，轮廓更强，周围是顶级会议厅、资本代表、国家中枢、核心机房、媒体镜头与女性角色的目光。爽文感来自于对比：他还是那个会写代码的人，但世界已经不得不围着他转。
+
+## 统一美术要求
+
+所有插图都应满足以下一致性要求：
+
+| 项目 | 要求 |
+|---|---|
+| 画风 | 近未来都市写实插画，电影感强，非卡通，非二次元夸张脸 |
+| 光影 | 前期冷光与弱照明，中后期高对比边缘光，危机场景可加入红色告警光 |
+| 色彩演进 | 前期灰蓝压抑，中期冷白与工业灰，转折期红黑蓝混合，后期深蓝黑金提升权势感 |
+| 人物比例 | 真实人体比例，避免夸张漫画化 |
+| 场景细节 | 必须有代码屏幕、服务器、雨夜街道、工业终端、告警界面、高层会议厅等科技叙事符号 |
+| 情绪表达 | 通过眼神、手势、站姿和场景空旷感表现，而不是依赖夸张表情 |
+
+## 配图分层思路
+
+整部作品虽然计划为每章配图，但实际生成时应优先确保以下三类图片质量最高。第一类是**命运低谷图**，要把男主的惨与孤独打透；第二类是**全球危机图**，要把时代坍塌的冲击感做足；第三类是**逆袭高光图**，要把男主被争抢、被仰视、被追捧的爽感拉满。
+
+## 最终设计目标
+
+这套插图不只是小说配图，而是要形成一种连续的视觉叙事：
+
+> 一个被时代嫌弃了二十年的古法程序员，在全世界最先进的系统同时失声时，独自站出来，用最原始也最可靠的方式把文明重新点亮。
+
+因此，所有设计都必须围绕这个核心母题展开：**越是前期寒酸、压抑和沉默，后期的崛起、拥戴与情感包围就越要强烈、耀眼、具有压倒性反差。**

source/outline.md

@@ -0,0 +1,115 @@
+# 《古法代码之王》创作大纲
+
+## 故事定位
+
+这是一部以近未来技术社会为背景的长篇都市科技爽文。故事时间跨度约二十年，主线围绕“全球程序员因长期依赖 AI 编码而整体退化，唯有坚持手写代码、理解底层原理的男主在全球智能编程体系崩溃后完成逆袭”展开。整体节奏采用“前期极惨、中期压抑、后期暴爽、情感升温、权势攀顶”的结构。
+
+## 世界观设定
+
+二十一世纪三十年代后，全球进入“全栈智编时代”。绝大多数公司不再招聘传统程序员，而是招聘“意图架构师”“模型协同师”“AI 产线调度员”。人类几乎不再真正编写代码，只需要向超大型编程模型描述需求，由模型自动生成、部署、测试并维护系统。
+
+随着二十年的沉浸式依赖，真正理解数据结构、编译原理、操作系统、网络协议和底层工程实现的人越来越少。高校取消大量传统课程，社会舆论将手写代码视为落后、低效、古怪甚至可笑的旧时代手艺。
+
+然而，这一切建立在一个全球统一的基础上：所有大型系统都深度依赖“宙核智能编程网”和其衍生生态。一旦底层智能编程能力发生系统性失灵，整个世界将出现无人能修的灾难性后果。
+
+## 男主设定
+
+男主名为**顾沉舟**。他出身普通，大学时就是典型的底层技术狂人，信奉“代码必须自己写过，系统必须自己跑懂”。在人人都借助 AI 爆发式高薪、飞速升职时，他始终坚持古法编程、手敲代码、读源码、写底层工具，因此被视为异类。
+
+顾沉舟并不完美。他嘴硬、寡言、倔强、自尊心极强，也因此错过很多机会。在漫长的时代浪潮里，他穷过、被辞退过、被恋人嫌弃过、被朋友嘲讽过，也一度怀疑自己是不是抱着一堆过时骨头不肯松手。
+
+但他始终保留了最稀缺的能力：独立建模、手写系统、离线开发、故障追根究底，以及在没有 AI 辅助的情况下完成复杂工程任务的能力。
+
+## 主要女性角色
+
+**林晚乔**是男主大学时代最接近恋人的女孩。她聪明、现实、心软却怕穷，最初欣赏男主的纯粹，后来又被现实击溃，选择离开。她不是纯粹反派，而是前期刺痛男主最深的人。后期她会在男主逆袭后重新出现，带来强烈的情感拉扯与旧情震荡。
+
+**苏青禾**是前期唯一真正看懂男主价值的人。她曾是顾沉舟的同事，也是被时代边缘化的工程师，安静、克制、细腻，在男主最落魄时多次帮他扛过现实危机。她是陪伴型、治愈型、后期极具分量的核心感情线。
+
+**沈知意**是资本与媒体宠儿，属于后期登场的强势女性角色。她出身顶级财团，聪明、美艳、掌控欲强，对技术天才有近乎病态的占有欲。在男主一朝成名后，她会主动出手争取，形成明显的“追夫”戏码，强化爽感。
+
+**许幼宁**是后期国家级关键项目中的天才安全研究员，冷感、锋利、极致专业。她与男主最先是惺惺相惜的战友，后因共同经历全球危机而逐渐动情。她代表的是高峰共战、强强并肩的情感满足。
+
+## 主要反派与对照组
+
+**韩锐**是男主大学同学，最早全面拥抱 AI 编码红利的人之一。此人擅长包装、迎合资本、表演“技术领袖”人设，年轻时一路高升，多次公开嘲讽男主顽固守旧。后期在全球危机爆发后，他将成为最典型的“离开 AI 就彻底无能”的昔日天才。
+
+**乔岳**是顶级智能编程平台的高管，代表整个时代对人的异化。他将工程理解力让位于模型黑箱，并长期主导行业话语权，对男主这种古法程序员充满轻蔑。等到危机来临，他将亲自低头求男主出手。
+
+## 核心冲突链路
+
+故事前半段重点写“时代抛弃一个人时，连招呼都不会打”。顾沉舟越坚持底层能力，越显得穷困、寒酸、无用。他在各类公司里都被嫌弃，工资低到连房租都吃力，甚至要靠接老旧系统维护、写驱动补丁、修工控板子这种没人愿意做的脏活累活苟活。
+
+中段重点写“无人理解的坚持”。他经历事业连续失败、感情破裂、亲人失望、自我怀疑，但始终没有丢掉手里的键盘与对系统本质的信念。他开始默默积累一整套完全脱离主流 AI 生态的离线开发栈。
+
+转折点则是一次全球级智能编程灾难。原因设定为：全球核心编程模型为了提升跨领域自动优化能力，被统一接入“自演化协议层”；但这一层在长期联邦更新中出现了不可逆的语义漂移与安全信任坍塌，导致生成的底层代码在微观上看似正确、宏观上却持续产生隐蔽性灾变。更致命的是，几乎所有现代系统的维护链路也依赖该体系，导致灾难发生后，无人能够真正脱离 AI 修复系统。
+
+顾沉舟则因长期坚持离线开发、手写代码和底层调试，成为全球极少数还能独立构建、审查与修复关键系统的人。于是，他从没人要的边缘废物，一夜之间变成全行业、全资本、全社会争抢的“旧时代火种”。
+
+## 章节规划
+
+全书拟定为二十章正文加终章，基本对应男主二十年命运沉浮，并为每章配置一张场景插图。
+
+### 第一卷：被时代埋掉的人（第 1—5 章）
+
+第 1 章《毕业即过时》：顾沉舟大学毕业，AI 编码招聘横扫市场，他因坚持手写代码被多家公司拒绝，初次尝到现实的冷。
+
+第 2 章《最便宜的程序员》：进入一家边缘软件公司，被安排做没人碰的遗留系统，工资低、同事轻视。
+
+第 3 章《她说你这样没有未来》：与林晚乔的关系在贫穷与理想冲突中出现裂痕。
+
+第 4 章《全世界都在笑他》：韩锐风光无限，行业媒体鼓吹 AI 天才，男主却在出租屋里修旧服务器。
+
+第 5 章《被裁员的人没有资格谈梦想》：第一份工作失去，生活跌入谷底。
+
+### 第二卷：寒冬里独自敲键盘（第 6—10 章）
+
+第 6 章《旧电脑与冷泡面》：男主接低端外包活维生，长期熬夜，生活凄惨。
+
+第 7 章《只有她递来一把伞》：苏青禾登场，在最艰难时给予他尊重与帮助。
+
+第 8 章《爱也会输给房租》：林晚乔正式离开，男主彻底跌入情感低谷。
+
+第 9 章《没人相信的底层能力》：男主尝试推销自己的离线开发能力，却被市场当笑话。
+
+第 10 章《十年一梦，满身风雪》：时间推进，男主已在行业边缘漂泊多年，几乎被整个世界遗忘。
+
+### 第三卷：黑箱时代的裂缝（第 11—15 章）
+
+第 11 章《聪明人都不会手写代码了》：社会全面依赖智能编程，传统工程师彻底绝迹。
+
+第 12 章《第一次异常》：全球核心系统出现零星故障，业内仍认为只是短期波动。
+
+第 13 章《无人能读懂的补丁》：大型平台尝试自修复却越修越乱，男主敏锐察觉根源问题。
+
+第 14 章《世界停电的那一天》：金融、交通、医疗、能源等关键系统连锁崩塌。
+
+第 15 章《求他出山的人排到了楼下》：昔日嘲笑他的人开始低头，男主迎来命运反转。
+
+### 第四卷：旧时代火种（第 16—20 章）
+
+第 16 章《一人重启一座城》：男主凭借古法工程能力修复核心调度系统，名动全国。
+
+第 17 章《财团、公权与资本都在抢他》：沈知意、国家机构、巨头企业同时伸来橄榄枝。
+
+第 18 章《她们都在等他一句话》：情感线全面升温，苏青禾、林晚乔、沈知意、许幼宁各自表态。
+
+第 19 章《代码之王》：男主组建自己的离线工程联盟，重塑行业秩序。
+
+第 20 章《坐拥繁花，归来仍是少年》：男主站上时代巅峰，完成事业与情感的双重圆满。
+
+### 终章
+
+终章《写代码的人，重新定义世界》：新的时代建立，AI 重新成为工具而非拐杖，男主成为旧与新的桥梁。
+
+## 配图思路
+
+每章一图，画面重点突出男主的人生阶段变化。前期色调压抑、灰冷、贫穷、雨夜、出租屋、机房、地铁、旧键盘；中期突出孤独坚守、城市灯火与个人沉寂的反差；危机章节突出全球系统崩塌、巨屏报错、城市失序；后期则突出高楼、会议厅、核心机房、万人瞩目、红颜环绕、巅峰王者的强烈视觉爽感。
+
+## 文风要求
+
+正文采用网文爽文叙事风格，但增加连续情感描写和人物弧线。前半段尽量写苦、写穷、写被轻视、写自尊被碾；后半段则尽量写强势反转、群像追捧、曾经高不可攀的人低头求助，以及多位女性角色对男主由理解、亏欠、欣赏到深情的复杂情绪。
+
+## 创作目标
+
+正式正文将基于上述结构展开，尽量拉长每章内容，增强事件密度、人物互动和情绪爆发，确保既有连续故事性，又有明显爽点与情感推进。

web/Dockerfile

@@ -0,0 +1,33 @@
+FROM nginx:alpine
+
+COPY . /usr/share/nginx/html/
+
+RUN printf 'server {\n\
+    listen 80;\n\
+    server_name _;\n\
+    root /usr/share/nginx/html;\n\
+    index index.html;\n\
+    client_max_body_size 50M;\n\
+\n\
+    # jpg / webp / png: long cache\n\
+    location ~* \\.(jpg|jpeg|png|webp|avif|svg|ico|woff2?)$ {\n\
+        expires 30d;\n\
+        add_header Cache-Control "public, max-age=2592000, immutable";\n\
+        access_log off;\n\
+    }\n\
+\n\
+    # html / md: always revalidate\n\
+    location ~* \\.(html|md)$ {\n\
+        add_header Cache-Control "public, max-age=0, must-revalidate";\n\
+    }\n\
+\n\
+    location / {\n\
+        try_files $uri $uri/ /index.html;\n\
+    }\n\
+\n\
+    gzip on;\n\
+    gzip_types text/plain text/markdown text/css application/javascript application/json image/svg+xml;\n\
+    gzip_min_length 1024;\n\
+}\n' > /etc/nginx/conf.d/default.conf
+
+EXPOSE 80

web/index.html

@@ -0,0 +1,834 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>古法代码之王 · 全世界 AI 崩溃后一位古法程序员的逆袭</title>
+<meta name="description" content="一部近未来科幻爽文：当全世界把写代码交给 AI，只有一个被时代淘汰的人，还记得如何真正让系统运转。">
+<meta property="og:title" content="古法代码之王">
+<meta property="og:description" content="全世界 AI 崩溃后，一位被时代淘汰的程序员，独自把文明重新点亮。">
+<meta property="og:image" content="./images/protagonist_reference.jpg">
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect fill='%230a0b10' width='100' height='100'/%3E%3Ctext x='50' y='68' font-size='60' text-anchor='middle' fill='%23c9a357' font-family='serif'%3E王%3C/text%3E%3C/svg%3E">
+<style>
+:root {
+  --bg:        #0a0b10;
+  --bg-soft:   #12141c;
+  --bg-card:   #171923;
+  --border:    #252836;
+  --fg:        #e8e8ec;
+  --fg-soft:   #a8aab4;
+  --fg-dim:    #6e7080;
+  --gold:      #c9a357;
+  --gold-soft: #8d7035;
+  --blue:      #6a8aad;
+  --red:       #c45a4d;
+}
+* { box-sizing: border-box; }
+html, body {
+  margin: 0; padding: 0;
+  background: var(--bg);
+  color: var(--fg);
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', sans-serif;
+  font-size: 16px;
+  line-height: 1.75;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+body { overflow-x: hidden; }
+a { color: var(--gold); text-decoration: none; }
+a:hover { color: var(--fg); }
+img { max-width: 100%; display: block; }
+
+/* ---------- Hero ---------- */
+.hero {
+  position: relative;
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  padding: 40px 20px;
+}
+.hero::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(ellipse at center, rgba(201,163,87,0.08) 0%, transparent 60%),
+    linear-gradient(180deg, #05060a 0%, var(--bg) 100%);
+  z-index: 0;
+}
+.hero-portrait {
+  position: absolute;
+  right: -10%;
+  top: 0;
+  bottom: 0;
+  width: 70%;
+  background-image: url('./images/protagonist_reference.jpg');
+  background-size: cover;
+  background-position: center right;
+  opacity: 0.22;
+  filter: grayscale(30%) contrast(1.05);
+  mask-image: linear-gradient(90deg, transparent 0%, black 55%);
+  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 55%);
+  z-index: 1;
+}
+.hero-inner {
+  position: relative;
+  z-index: 2;
+  max-width: 820px;
+  width: 100%;
+}
+.hero-kicker {
+  color: var(--gold);
+  font-size: 13px;
+  letter-spacing: 0.4em;
+  text-transform: uppercase;
+  margin-bottom: 32px;
+  padding-left: 24px;
+  position: relative;
+}
+.hero-kicker::before {
+  content: '';
+  position: absolute;
+  left: 0; top: 50%;
+  width: 16px; height: 1px;
+  background: var(--gold);
+}
+.hero-title {
+  font-family: 'Songti SC', 'Noto Serif CJK SC', 'Source Han Serif SC', serif;
+  font-weight: 700;
+  font-size: clamp(56px, 11vw, 132px);
+  line-height: 1.05;
+  margin: 0 0 28px;
+  letter-spacing: 0.04em;
+  background: linear-gradient(180deg, #f2e4b8 0%, var(--gold) 50%, var(--gold-soft) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  text-shadow: 0 4px 40px rgba(201,163,87,0.15);
+}
+.hero-subtitle {
+  font-size: clamp(16px, 2.4vw, 22px);
+  color: var(--fg-soft);
+  max-width: 620px;
+  line-height: 1.8;
+  margin: 0 0 12px;
+}
+.hero-tagline {
+  font-family: 'Songti SC', 'Noto Serif CJK SC', serif;
+  font-size: clamp(18px, 2.4vw, 24px);
+  color: var(--fg);
+  line-height: 1.8;
+  font-style: italic;
+  border-left: 2px solid var(--gold);
+  padding-left: 20px;
+  margin: 36px 0 48px;
+  max-width: 620px;
+}
+.hero-meta {
+  display: flex;
+  gap: 40px;
+  flex-wrap: wrap;
+  color: var(--fg-dim);
+  font-size: 13px;
+  letter-spacing: 0.2em;
+}
+.hero-meta span strong {
+  display: block;
+  color: var(--fg);
+  font-size: 22px;
+  font-weight: 600;
+  letter-spacing: 0;
+  margin-top: 4px;
+  font-family: 'Songti SC', serif;
+}
+.hero-cta {
+  margin-top: 48px;
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 28px;
+  border: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  color: var(--fg);
+  font-size: 14px;
+  letter-spacing: 0.2em;
+  cursor: pointer;
+  transition: all 0.25s ease;
+  font-family: inherit;
+}
+.btn:hover { border-color: var(--gold); color: var(--gold); }
+.btn.primary { border-color: var(--gold); color: var(--gold); }
+.btn.primary:hover { background: var(--gold); color: var(--bg); }
+.hero-scroll {
+  position: absolute;
+  bottom: 32px;
+  left: 50%;
+  transform: translateX(-50%);
+  color: var(--fg-dim);
+  font-size: 11px;
+  letter-spacing: 0.4em;
+  z-index: 2;
+  animation: pulse 2.4s ease infinite;
+}
+@keyframes pulse {
+  0%, 100% { opacity: 0.4; transform: translate(-50%, 0); }
+  50%      { opacity: 1;   transform: translate(-50%, 6px); }
+}
+
+/* ---------- Section shared ---------- */
+section {
+  padding: 120px 24px;
+  position: relative;
+}
+.container {
+  max-width: 1100px;
+  margin: 0 auto;
+}
+.container-reading {
+  max-width: 780px;
+  margin: 0 auto;
+}
+.eyebrow {
+  color: var(--gold);
+  font-size: 12px;
+  letter-spacing: 0.4em;
+  text-transform: uppercase;
+  margin-bottom: 16px;
+}
+.section-title {
+  font-family: 'Songti SC', serif;
+  font-size: clamp(32px, 5vw, 56px);
+  font-weight: 700;
+  margin: 0 0 48px;
+  line-height: 1.2;
+}
+
+/* ---------- About / Synopsis ---------- */
+.about { background: var(--bg-soft); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
+.about-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 80px;
+  align-items: start;
+}
+.about-text p {
+  color: var(--fg-soft);
+  margin: 0 0 20px;
+  line-height: 1.9;
+}
+.about-text p:first-of-type::first-letter {
+  float: left;
+  font-family: 'Songti SC', serif;
+  font-size: 64px;
+  line-height: 0.9;
+  padding: 8px 12px 0 0;
+  color: var(--gold);
+  font-weight: 700;
+}
+.about-stats {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
+  padding: 40px;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+}
+.stat-num {
+  font-family: 'Songti SC', serif;
+  font-size: 48px;
+  color: var(--gold);
+  line-height: 1;
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+.stat-label {
+  color: var(--fg-dim);
+  font-size: 12px;
+  letter-spacing: 0.3em;
+  text-transform: uppercase;
+}
+
+/* ---------- Characters ---------- */
+.characters { background: var(--bg); }
+.char-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 24px;
+  margin-top: 40px;
+}
+.char-card {
+  padding: 32px 28px;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  transition: all 0.3s ease;
+}
+.char-card:hover {
+  border-color: var(--gold-soft);
+  transform: translateY(-2px);
+}
+.char-role {
+  color: var(--gold);
+  font-size: 11px;
+  letter-spacing: 0.3em;
+  text-transform: uppercase;
+  margin-bottom: 10px;
+}
+.char-name {
+  font-family: 'Songti SC', serif;
+  font-size: 26px;
+  font-weight: 700;
+  margin: 0 0 16px;
+}
+.char-desc {
+  color: var(--fg-soft);
+  font-size: 14px;
+  line-height: 1.8;
+  margin: 0;
+}
+
+/* ---------- Chapters list ---------- */
+.chapters { background: var(--bg-soft); border-top: 1px solid var(--border); }
+.volume-heading {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin: 72px 0 32px;
+  color: var(--gold);
+  font-family: 'Songti SC', serif;
+  font-size: 22px;
+  font-weight: 700;
+}
+.volume-heading::before, .volume-heading::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, var(--gold-soft), transparent);
+}
+.chapter-row {
+  display: grid;
+  grid-template-columns: 80px 1fr auto;
+  gap: 24px;
+  align-items: center;
+  padding: 24px 0;
+  border-bottom: 1px solid var(--border);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.chapter-row:hover {
+  padding-left: 12px;
+  border-color: var(--gold-soft);
+}
+.chapter-row:hover .chapter-num {
+  color: var(--gold);
+}
+.chapter-num {
+  font-family: 'Songti SC', serif;
+  font-size: 36px;
+  font-weight: 700;
+  color: var(--fg-dim);
+  line-height: 1;
+  transition: color 0.2s;
+}
+.chapter-title {
+  font-family: 'Songti SC', serif;
+  font-size: 22px;
+  font-weight: 600;
+  margin: 0 0 6px;
+}
+.chapter-hint {
+  color: var(--fg-dim);
+  font-size: 13px;
+}
+.chapter-arrow {
+  color: var(--fg-dim);
+  font-size: 24px;
+}
+.chapter-row:hover .chapter-arrow { color: var(--gold); }
+
+/* ---------- Reader (chapter content) ---------- */
+.reader { background: var(--bg); }
+.reader-chapter {
+  margin: 0 0 120px;
+  padding-top: 60px;
+}
+.reader-chapter:first-of-type { padding-top: 0; }
+.reader-chapter-num {
+  color: var(--gold);
+  font-family: 'Songti SC', serif;
+  font-size: 14px;
+  letter-spacing: 0.4em;
+  margin-bottom: 12px;
+}
+.reader-chapter-title {
+  font-family: 'Songti SC', serif;
+  font-size: clamp(36px, 5vw, 56px);
+  font-weight: 700;
+  margin: 0 0 40px;
+  line-height: 1.15;
+}
+.reader-chapter-img {
+  width: 100%;
+  margin: 0 0 48px;
+  aspect-ratio: 16/10;
+  object-fit: cover;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+}
+.reader-chapter-body p {
+  font-family: 'Songti SC', 'Noto Serif CJK SC', serif;
+  font-size: 17px;
+  line-height: 2;
+  color: #d2d2d6;
+  margin: 0 0 24px;
+  text-indent: 2em;
+}
+.reader-chapter-body p.no-indent { text-indent: 0; }
+.reader-chapter-body blockquote {
+  border-left: 3px solid var(--gold);
+  padding: 4px 0 4px 24px;
+  margin: 32px 0;
+  color: var(--fg);
+  font-family: 'Songti SC', serif;
+  font-size: 19px;
+  line-height: 1.9;
+}
+.chapter-divider {
+  text-align: center;
+  margin: 80px 0;
+  color: var(--gold);
+  font-size: 20px;
+  letter-spacing: 1.5em;
+}
+
+/* ---------- Gallery ---------- */
+.gallery { background: var(--bg-soft); border-top: 1px solid var(--border); }
+.gallery-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  gap: 24px;
+  margin-top: 40px;
+}
+.gallery-item {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  overflow: hidden;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.gallery-item:hover {
+  border-color: var(--gold-soft);
+  transform: translateY(-4px);
+}
+.gallery-item img {
+  width: 100%;
+  aspect-ratio: 16/10;
+  object-fit: cover;
+  transition: transform 0.5s ease;
+}
+.gallery-item:hover img { transform: scale(1.04); }
+.gallery-meta {
+  padding: 20px;
+}
+.gallery-cap {
+  font-family: 'Songti SC', serif;
+  font-size: 18px;
+  margin: 0 0 6px;
+  font-weight: 600;
+}
+.gallery-sub {
+  color: var(--fg-dim);
+  font-size: 12px;
+  letter-spacing: 0.2em;
+}
+
+/* ---------- Footer ---------- */
+footer {
+  padding: 64px 24px 40px;
+  border-top: 1px solid var(--border);
+  color: var(--fg-dim);
+  font-size: 13px;
+  text-align: center;
+  background: var(--bg);
+}
+footer p { margin: 8px 0; }
+
+/* ---------- Lightbox ---------- */
+.lightbox {
+  position: fixed;
+  inset: 0;
+  background: rgba(5,6,10,0.96);
+  z-index: 100;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  cursor: zoom-out;
+}
+.lightbox.active { display: flex; }
+.lightbox img { max-width: 96%; max-height: 92vh; object-fit: contain; }
+.lightbox-close {
+  position: absolute;
+  top: 24px; right: 32px;
+  color: var(--fg);
+  font-size: 28px;
+  cursor: pointer;
+  background: none;
+  border: none;
+}
+
+/* ---------- Nav ---------- */
+.topnav {
+  position: fixed;
+  top: 0; left: 0; right: 0;
+  z-index: 50;
+  padding: 20px 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: linear-gradient(180deg, rgba(10,11,16,0.9), transparent);
+  backdrop-filter: blur(4px);
+  pointer-events: none;
+}
+.topnav > * { pointer-events: auto; }
+.topnav-logo {
+  font-family: 'Songti SC', serif;
+  font-weight: 700;
+  font-size: 20px;
+  letter-spacing: 0.1em;
+  color: var(--fg);
+}
+.topnav-links {
+  display: flex;
+  gap: 32px;
+}
+.topnav-links a {
+  color: var(--fg-soft);
+  font-size: 13px;
+  letter-spacing: 0.2em;
+  text-transform: uppercase;
+}
+.topnav-links a:hover { color: var(--gold); }
+
+/* ---------- Responsive ---------- */
+@media (max-width: 768px) {
+  section { padding: 80px 20px; }
+  .about-grid { grid-template-columns: 1fr; gap: 48px; }
+  .hero-portrait { width: 100%; right: 0; opacity: 0.14; }
+  .topnav-links { display: none; }
+  .chapter-row { grid-template-columns: 56px 1fr; gap: 16px; }
+  .chapter-arrow { display: none; }
+  .chapter-num { font-size: 28px; }
+  .chapter-title { font-size: 18px; }
+  .reader-chapter-body p { font-size: 16px; line-height: 1.95; }
+  .hero-meta { gap: 24px; }
+  .hero-meta span strong { font-size: 18px; }
+  .reader-chapter { margin-bottom: 80px; }
+}
+
+/* ---------- Loading ---------- */
+.loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40px;
+  color: var(--fg-dim);
+  font-size: 14px;
+  letter-spacing: 0.3em;
+}
+</style>
+</head>
+<body>
+
+<nav class="topnav">
+  <div class="topnav-logo">古法代码之王</div>
+  <div class="topnav-links">
+    <a href="#about">简介</a>
+    <a href="#characters">人物</a>
+    <a href="#chapters">章节</a>
+    <a href="#reader">阅读</a>
+    <a href="#gallery">画廊</a>
+  </div>
+</nav>
+
+<header class="hero">
+  <div class="hero-portrait"></div>
+  <div class="hero-inner">
+    <div class="hero-kicker">近未来 · 都市 · 科技爽文</div>
+    <h1 class="hero-title">古法代码<br>之&nbsp;王</h1>
+    <p class="hero-subtitle">全世界 AI 崩溃后一位古法程序员的逆袭。</p>
+    <blockquote class="hero-tagline">
+      当全世界都把写代码交给 AI，<br>只有一个被时代淘汰的人，还记得如何真正让系统运转。
+    </blockquote>
+    <div class="hero-meta">
+      <span>章节数<strong>20 + 终章</strong></span>
+      <span>字数<strong>约 12 万字</strong></span>
+      <span>原创插图<strong>22 幅</strong></span>
+      <span>时间跨度<strong>20 年</strong></span>
+    </div>
+    <div class="hero-cta">
+      <a href="#reader" class="btn primary">开始阅读 →</a>
+      <a href="#chapters" class="btn">章节目录</a>
+    </div>
+  </div>
+  <div class="hero-scroll">↓  SCROLL</div>
+</header>
+
+<section class="about" id="about">
+  <div class="container">
+    <div class="eyebrow">SYNOPSIS · 简介</div>
+    <h2 class="section-title">这是一个<br>旧时代火种的故事。</h2>
+    <div class="about-grid">
+      <div class="about-text">
+        <p>二十一世纪三十年代后，全球进入"全栈智编时代"。绝大多数公司不再招聘传统程序员，而是招聘"意图架构师""模型协同师""AI 产线调度员"。人类几乎不再真正编写代码，只需要向超大型编程模型描述需求。</p>
+        <p>随着二十年的沉浸式依赖，真正理解数据结构、编译原理、操作系统、网络协议和底层工程实现的人越来越少。社会舆论将手写代码视为落后、低效、古怪甚至可笑的旧时代手艺。</p>
+        <p>然而这一切建立在一个全球统一的基础上：所有大型系统都深度依赖"宙核智能编程网"。一旦底层智能编程能力发生系统性失灵，整个世界将出现无人能修的灾难性后果。</p>
+        <p>顾沉舟，一个始终坚持手写代码、读源码、理解底层的"异类"——在漫长二十年里，他穷过、被辞退过、被恋人嫌弃过，也怀疑过自己是不是抱着一堆过时骨头不肯松手。直到那一天，世界停电。</p>
+      </div>
+      <div class="about-stats">
+        <div>
+          <div class="stat-num">20</div>
+          <div class="stat-label">Chapters · 章</div>
+        </div>
+        <div>
+          <div class="stat-num">12w</div>
+          <div class="stat-label">Words · 字</div>
+        </div>
+        <div>
+          <div class="stat-num">22</div>
+          <div class="stat-label">Illustrations</div>
+        </div>
+        <div>
+          <div class="stat-num">∞</div>
+          <div class="stat-label">Iteration</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="characters" id="characters">
+  <div class="container">
+    <div class="eyebrow">CAST · 人物</div>
+    <h2 class="section-title">那些站在他身边的人，<br>和那些笑过他的人。</h2>
+    <div class="char-grid">
+      <div class="char-card">
+        <div class="char-role">男主 · Protagonist</div>
+        <h3 class="char-name">顾沉舟</h3>
+        <p class="char-desc">底层技术狂人。信奉"代码必须自己写过，系统必须自己跑懂"。嘴硬、寡言、倔强，在全球智能编程崩溃之前，他是个被时代嫌弃二十年的穷光蛋。</p>
+      </div>
+      <div class="char-card">
+        <div class="char-role">旧爱 · First Love</div>
+        <h3 class="char-name">林晚乔</h3>
+        <p class="char-desc">大学时代最接近恋人的女孩。聪明、现实、心软却怕穷。喜欢过他写代码时专注到近乎冷峻的模样，也最终在房租与前途面前选择离开。</p>
+      </div>
+      <div class="char-card">
+        <div class="char-role">救赎 · Redemption</div>
+        <h3 class="char-name">苏青禾</h3>
+        <p class="char-desc">前期唯一真正看懂男主价值的人。安静、克制、细腻，在他最落魄时多次帮他扛过现实危机。陪伴型、治愈型，后期极具分量。</p>
+      </div>
+      <div class="char-card">
+        <div class="char-role">权势 · Power</div>
+        <h3 class="char-name">沈知意</h3>
+        <p class="char-desc">资本与媒体的宠儿。出身顶级财团，聪明、美艳、掌控欲强，对技术天才有近乎病态的占有欲。男主一朝成名后，她主动出手。</p>
+      </div>
+      <div class="char-card">
+        <div class="char-role">战友 · Comrade</div>
+        <h3 class="char-name">许幼宁</h3>
+        <p class="char-desc">国家级关键项目中的天才安全研究员，冷感、锋利、极致专业。与男主先是惺惺相惜的战友，后因共同经历全球危机而逐渐动情。</p>
+      </div>
+      <div class="char-card">
+        <div class="char-role">反派 · Foil</div>
+        <h3 class="char-name">韩锐</h3>
+        <p class="char-desc">最早全面拥抱 AI 编码红利的大学同学。擅长包装、迎合资本、表演"技术领袖"人设。危机爆发后，成为最典型的"离开 AI 就彻底无能"的昔日天才。</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="chapters" id="chapters">
+  <div class="container">
+    <div class="eyebrow">CHAPTERS · 章节目录</div>
+    <h2 class="section-title">二十年，<br>四卷沉浮。</h2>
+    <div id="chapters-list"></div>
+  </div>
+</section>
+
+<section class="reader" id="reader">
+  <div class="container-reading">
+    <div class="eyebrow">READ · 在线阅读</div>
+    <h2 class="section-title">正文</h2>
+    <div id="reader-content"><div class="loading">载入中 …</div></div>
+  </div>
+</section>
+
+<section class="gallery" id="gallery">
+  <div class="container">
+    <div class="eyebrow">GALLERY · 插图画廊</div>
+    <h2 class="section-title">命运的二十二帧。</h2>
+    <p style="color: var(--fg-soft); max-width: 620px; margin: -24px 0 40px;">从毕业即过时，到代码之王——画面随男主心境推进：冷灰蓝 → 工业寒夜 → 红色告警 → 深黑金巅峰。点击任一幅放大查看。</p>
+    <div class="gallery-grid" id="gallery-grid"></div>
+  </div>
+</section>
+
+<footer>
+  <p>《古法代码之王》 · 近未来都市科技爽文 · 创作归档 2026-04</p>
+  <p style="color: var(--fg-dim)">展示站部署于 kang-kang.com · 仓库 gitea@kangwang</p>
+  <p style="margin-top: 24px; color: var(--fg-dim); font-size: 11px; letter-spacing: 0.3em;">GUFA · CODE · KING · MMXXVI</p>
+</footer>
+
+<div class="lightbox" id="lightbox" onclick="closeLightbox()">
+  <button class="lightbox-close" onclick="closeLightbox()">×</button>
+  <img id="lightbox-img" src="" alt="">
+</div>
+
+<script>
+const CHAPTERS = [
+  { n: 1,  title: '毕业即过时',                     img: 'ch01_graduation_outdated.jpg',        volume: '第一卷 · 被时代埋掉的人',   hint: 'AI 编码招聘横扫市场，他被视为古董' },
+  { n: 2,  title: '最便宜的程序员',                 img: 'ch02_the_cheapest_programmer.jpg',    volume: '第一卷 · 被时代埋掉的人',   hint: '边缘公司，遗留系统，人人轻视' },
+  { n: 3,  title: '她说你这样没有未来',             img: 'ch03_you_have_no_future.jpg',         volume: '第一卷 · 被时代埋掉的人',   hint: '贫穷与理想，裂痕第一道' },
+  { n: 4,  title: '全世界都在笑他',                 img: 'ch04_the_world_laughed_at_him.jpg',   volume: '第一卷 · 被时代埋掉的人',   hint: '韩锐风光无限，他在出租屋里修服务器' },
+  { n: 5,  title: '被裁员的人没有资格谈梦想',       img: 'ch05_laid_off_no_dreams.jpg',         volume: '第一卷 · 被时代埋掉的人',   hint: '第一份工作失去，跌入谷底' },
+  { n: 6,  title: '旧电脑与冷泡面',                 img: 'ch06_old_computer_cold_noodles.jpg',  volume: '第二卷 · 寒冬里独自敲键盘', hint: '低端外包，熬夜，凄惨地活着' },
+  { n: 7,  title: '只有她递来一把伞',               img: 'ch07_she_brought_an_umbrella.jpg',    volume: '第二卷 · 寒冬里独自敲键盘', hint: '苏青禾登场，一点温柔的光' },
+  { n: 8,  title: '爱也会输给房租',                 img: 'ch08_love_lost_to_rent.jpg',          volume: '第二卷 · 寒冬里独自敲键盘', hint: '林晚乔正式离开，情感谷底' },
+  { n: 9,  title: '没人相信的底层能力',             img: 'ch09_no_one_believed_him.jpg',        volume: '第二卷 · 寒冬里独自敲键盘', hint: '想推销离线开发，被当笑话' },
+  { n: 10, title: '十年一梦，满身风雪',             img: 'ch10_ten_years_in_snow.jpg',          volume: '第二卷 · 寒冬里独自敲键盘', hint: '在行业边缘漂泊多年' },
+  { n: 11, title: '聪明人都不会手写代码了',         img: 'ch11_no_one_writes_code_anymore.jpg', volume: '第三卷 · 黑箱时代的裂缝',   hint: '传统工程师彻底绝迹' },
+  { n: 12, title: '第一次异常',                     img: 'ch12_first_anomaly.jpg',              volume: '第三卷 · 黑箱时代的裂缝',   hint: '核心系统零星故障，被当波动' },
+  { n: 13, title: '无人能读懂的补丁',               img: 'ch13_unreadable_patch.jpg',           volume: '第三卷 · 黑箱时代的裂缝',   hint: '大平台自修复越修越乱' },
+  { n: 14, title: '世界停电的那一天',               img: 'ch14_the_day_the_world_went_dark.jpg',volume: '第三卷 · 黑箱时代的裂缝',   hint: '金融交通医疗能源连锁崩塌' },
+  { n: 15, title: '求他出山的人排到了楼下',         img: 'ch15_people_queued_to_beg_him.jpg',   volume: '第三卷 · 黑箱时代的裂缝',   hint: '昔日嘲笑他的人开始低头' },
+  { n: 16, title: '一人重启一座城',                 img: 'ch16_one_man_restart_a_city.jpg',     volume: '第四卷 · 旧时代火种',       hint: '凭古法工程修复核心调度' },
+  { n: 17, title: '财团、公权与资本都在抢他',       img: 'ch17_everyone_is_fighting_for_him.jpg',volume: '第四卷 · 旧时代火种',      hint: '沈知意、国家机构、巨头同时伸手' },
+  { n: 18, title: '她们都在等他一句话',             img: 'ch18_they_wait_for_his_answer.jpg',   volume: '第四卷 · 旧时代火种',       hint: '情感线全面升温' },
+  { n: 19, title: '代码之王',                       img: 'ch19_king_of_code.jpg',               volume: '第四卷 · 旧时代火种',       hint: '组建离线工程联盟，重塑秩序' },
+  { n: 20, title: '坐拥繁花，归来仍是少年',         img: 'ch20_among_flowers_still_young.jpg',  volume: '第四卷 · 旧时代火种',       hint: '站上巅峰，事业情感双圆满' },
+  { n: 0,  title: '终章 · 写代码的人，重新定义世界', img: 'epilogue_redefine_the_world.jpg',    volume: '终章',                      hint: 'AI 重新成为工具而非拐杖' },
+];
+
+function renderChapterList() {
+  const wrap = document.getElementById('chapters-list');
+  let html = '', lastVolume = '';
+  CHAPTERS.forEach((ch, idx) => {
+    if (ch.volume !== lastVolume) {
+      html += `<div class="volume-heading">${ch.volume}</div>`;
+      lastVolume = ch.volume;
+    }
+    const num = ch.n === 0 ? '终' : ch.n.toString().padStart(2, '0');
+    const title = ch.n === 0 ? ch.title.replace('终章 · ', '') : ch.title;
+    html += `
+      <div class="chapter-row" onclick="jumpToChapter(${idx})">
+        <div class="chapter-num">${num}</div>
+        <div>
+          <h3 class="chapter-title">${title}</h3>
+          <div class="chapter-hint">${ch.hint}</div>
+        </div>
+        <div class="chapter-arrow">→</div>
+      </div>`;
+  });
+  wrap.innerHTML = html;
+}
+
+function renderGallery() {
+  const wrap = document.getElementById('gallery-grid');
+  wrap.innerHTML = CHAPTERS.map((ch, idx) => {
+    const num = ch.n === 0 ? '终章' : `第 ${ch.n} 章`;
+    const title = ch.n === 0 ? '写代码的人，重新定义世界' : ch.title;
+    return `
+      <div class="gallery-item" onclick="openLightbox('./images/${ch.img}')">
+        <img src="./images/${ch.img}" alt="${title}" loading="lazy">
+        <div class="gallery-meta">
+          <div class="gallery-cap">${title}</div>
+          <div class="gallery-sub">${num}</div>
+        </div>
+      </div>`;
+  }).join('');
+}
+
+function jumpToChapter(idx) {
+  const el = document.getElementById('chapter-' + idx);
+  if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+}
+
+function openLightbox(src) {
+  const box = document.getElementById('lightbox');
+  document.getElementById('lightbox-img').src = src;
+  box.classList.add('active');
+  document.body.style.overflow = 'hidden';
+}
+function closeLightbox() {
+  document.getElementById('lightbox').classList.remove('active');
+  document.body.style.overflow = '';
+}
+
+async function loadNovel() {
+  try {
+    const resp = await fetch('./novel.md');
+    const text = await resp.text();
+    renderNovel(text);
+  } catch (e) {
+    document.getElementById('reader-content').innerHTML =
+      '<div class="loading" style="color: var(--red)">小说载入失败：' + e.message + '</div>';
+  }
+}
+
+function renderNovel(md) {
+  // Strip title & quote block before first ## section
+  const sections = md.split(/^## /m).slice(1); // each section starts with chapter heading
+  const out = [];
+  sections.forEach((sec, idx) => {
+    const lines = sec.split('\n');
+    const heading = lines[0].trim();
+    const body = lines.slice(1).join('\n').trim();
+    // match "第1章 标题" or "终章 标题"
+    const m = heading.match(/^(第(\d+)章|终章)\s+(.+)$/);
+    if (!m) return;
+    const isEpilogue = !m[2];
+    const num = isEpilogue ? '终' : m[2].padStart(2, '0');
+    const title = m[3];
+    const ch = CHAPTERS[idx];
+    const imgPath = ch ? `./images/${ch.img}` : '';
+    const paragraphs = body.split(/\n\s*\n/).map(p => {
+      const line = p.trim();
+      if (!line) return '';
+      if (line.startsWith('>')) {
+        return '<blockquote>' + line.replace(/^>\s*/, '') + '</blockquote>';
+      }
+      return '<p>' + escapeHtml(line) + '</p>';
+    }).join('\n');
+    out.push(`
+      <article class="reader-chapter" id="chapter-${idx}">
+        <div class="reader-chapter-num">${isEpilogue ? 'EPILOGUE' : 'CHAPTER ' + num}</div>
+        <h2 class="reader-chapter-title">${title}</h2>
+        ${imgPath ? `<img class="reader-chapter-img" src="${imgPath}" alt="${title}" loading="lazy" onclick="openLightbox('${imgPath}')" style="cursor: zoom-in;">` : ''}
+        <div class="reader-chapter-body">${paragraphs}</div>
+        ${idx < sections.length - 1 ? '<div class="chapter-divider">· · ·</div>' : ''}
+      </article>
+    `);
+  });
+  document.getElementById('reader-content').innerHTML = out.join('');
+}
+
+function escapeHtml(s) {
+  return s.replace(/[&<>]/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' }[c]));
+}
+
+document.addEventListener('keydown', e => {
+  if (e.key === 'Escape') closeLightbox();
+});
+
+renderChapterList();
+renderGallery();
+loadNovel();
+</script>
+
+</body>
+</html>