第二回：描星河巧媳妇夜修登仙台，举手机程序员连追刘海屏

以下情节纯属虚构，如有雷同纯属巧合。

开场

第一回结束的时候，L 已经先把能玩的网页小样搓出来了。开局、抽天赋、分属性、修炼、结算，一套流程都在，点起来也不算难看。

但她看着还是不舒服。

不是功能不对，是味道不对。字还太普通，黑也只是普通的黑，首页空得像个临时搭的后台。L 要的是修仙，不是一个会滚数字的表格。

于是她先把 Gemini 打开，又把 G 老师叫出来，继续聊。

她先把那个世界讲清楚了

L 这次不聊玩法顺序了，开始聊页面本身。

她把那种小时候玩《金庸群侠传》时的感觉，一点点讲给 G 老师听。不是页游，也不是后台，更不是一个穿了仙侠皮的表单。她要黑底，要一点冷气，要那种半夜摸到电脑前，一打开就知道里面已经有人在练功、跑路、渡劫、等着倒霉的味道。

她连着聊了几轮，先把自己脑子里的样子捋顺，然后转头去敲 Kimi。

但在这之前，Y 先给她补了一堂极其朴素的入门课。

那天晚上，L 抱着电脑坐过来，说她受不了来回复制粘贴，聊天框一关，刚改好的东西就像掉进黑洞。Y 听完没讲什么大道理，只是把她电脑拖过去，先给她把 WSL 装上，把 terminal 打开，再把 VS Code、GitHub 登录和 Kimi 的 VS Code 插件一口气都配好。整个过程很像在替一个第一次进工地的人发安全帽和工具箱。

L 对黑底终端明显有点警惕。窗口一弹出来，她整个人都往后缩了一下，盯着那串闪着光标的提示符看了两秒，第一句话就是：“这个东西是不是敲错一个字母，电脑就没了？”

Y 也没打算把她当场培训成什么命令行高手。他只教最够用的几步：怎么进项目目录，怎么 `git pull`，怎么开 VS Code，怎么让 Kimi 直接盯着当前文件改，怎么跑 `bash scripts/serve.sh`，然后去浏览器里刷新看结果。L 第一次自己敲 `cd` 的时候，输到一半就停了，回头确认了两遍，按回车前那神情，像在按什么发射按钮。结果终端老老实实跳到下一个目录，她明显松了口气。

后面就顺得多了。`git pull` 一跑，页面一刷新，刚改的东西真的会从屏幕里长出来。L 很快就发现，这套东西跟她熟悉的画图流程差不多。有了这套东西，她跟 Kimi 说话也不再只是“给我一个页面看看”，而是“就改这里，再亮一点，再冷一点，别碰别的”。

这回她提得很细。字体不能再像默认字体，得有点碑帖味；按钮不能只是一个方块，得像牌匾；标题下面不能空着，后头最好有点星空，有点冷光；结算页也不能只是一个弹窗，得像天道拿着毛笔，当场给人批命。

页面先换了字，原来那股直来直去的劲儿没了，换成更像古书和碑帖的衬线字。黑底也不再是死黑，按钮、标题、卡片边框和进度条都发起了暗金色的光。最扎眼的是背后突然多出了一层星空画布，页面一下不平了，像终于有人肯给这个修仙世界搭个天幕。

L 对着屏幕坐直了一点，开始一寸寸看。标题像不像标题，金色会不会太俗，按钮是不是还差一点勾人，结算页像不像“道消身殒”，而不是“你已退出登录”。她一边看，一边继续让 Kimi 往里改。

L 先是盯着首页看了半天，觉得不错。然后她顺手拿起手机，划了两下，眉头就皱起来了。按钮贴边，底部那条“查看生平结算”挤得喘不过气，刘海屏上面和下面都像有人拿手掐住了一截。桌面上那股仙气，一缩到手机里，立刻有点狼狈。

她把手机举给 Y 看，只说了一句：“这里不对。”

先是把 `viewport-fit=cover` 塞了进去，又把页面高度往 `100dvh` 上靠，底部按钮下面也垫了一层安全区，像怕它一不留神就掉进 iPhone 底边。再往后，结算弹窗也被重新拎出来摆了一遍，顶部和底部都给刘海和底条留位置，滚动条放开，不再让“道消身殒”卡在一个很像 bug 的地方。

夜里开始围殴刘海屏

Y 对 AI 能做什么有数，但这不等于他会前端。恰恰相反，他压根没写过前端，对 CSS 也几乎一无所知。刘海屏、安全区、视口高度这些词，对他来说也不比咒语高级多少。L 不会说 `safe-area-inset-bottom`，也不会去管 `100vh`、`100svh`、`100dvh` 谁先谁后，她只会拿着手机说：这个按钮闷住了，这个弹窗像顶住了，这里看着别扭。

那天晚上，他把电脑拖过去，自己也开了 Codex。一边把现象描述给模型，一边对着手机反复刷新，看这版到底是更糟了，还是终于没那么糟。

后面的几条改动里，顶部和底部安全区先被抽成变量，页面高度的顺序被重新排了一遍，`100vh`、`100svh`、`100dvh` 不再乱堆。再往下，iOS Chrome 和 Safari 的兜底也被补上了，专门防那种 `safe-area-bottom` 突然回零、结果底部按钮一头栽下去的情况。

手机放桌上，页面开了又关，关了又开，一会儿看顶部那条缝，一会儿盯底部按钮，一会儿把结算弹窗拉上来，看它还会不会卡住。L 盘腿坐在沙发上，手机拿在手里，一会儿说“这个颜色顺眼多了”，一会儿又说“底下还是顶住了”。Y 坐在另一头，盯着 Codex 给出来的几版补丁，一行一行往回试，看到那些 CSS 变量和 `env(...)` 的写法时，表情跟在看外文菜单差不多，但还是得继续试。

这一轮折腾完，字稳了，光有了，星空铺开了，结算页有了排面，手机底边也没那么爱作妖了。