横屏 deck → 竖屏 PNG

横屏 deck 放进手机竖屏，整页被缩到屏宽，字只剩原来的一半左右。这个技能不是把整页缩小，而是按竖屏重新排一遍， 再逐页截图。内容一个字不改，只动版式；图的内部结构也不动，图太密就追加局部放大页。

一条命令

node <本技能>/scripts/deck_portrait.mjs path/to/deck.html

• 依赖：Node ≥ 22（用内置 WebSocket 直连 Chrome DevTools），本机装有 Chrome / Chromium / Edge。不装任何 npm 包。
• 产物默认在 deck.html 同级的 portrait/：slide-NN.png（带放大页的是 slide-NNa.png 总览 + NNb、NNc 放大）、 contact.png（全部缩略图 + 每页标记）、report.json（每页的缩放、放大页、字号）。
• 52 页的 deck 约 12 秒。

常用参数：

它自动做了什么

1. 页面竖排：.fig2 .two .cards .steps .code2 .cx 动画页等横排容器改成上下排；数字卡 3 列改 2 列； 时间线改竖线；封面图条改两行拼图；导航、页码隐藏；动画页导出全部步骤点亮的终态。
2. 图整张保留：自绘 SVG 和论文原图不切块、不改排列、不抽文字，只裁掉四周空白后按屏宽放大。 竖屏重排只动图之外的 HTML 块——图的结构就是作者画的结构，拆开重拼会改变意思。
3. 局部放大页：图里的字太小（默认 10% 分位 < 16px）时，这一页后面追加 1–2 张同一张图的局部裁切： 沿图的长边等分、互相重叠一点、边缘尽量落在空隙上，内侧边缘渐隐表示「图在这边接着」； 顶部放整张图的小地图，蓝框标出当前放大的是哪一块。放大页只保留标题区，讲稿和底注留在总览页。 文件名：总览页 slide-09a.png，放大页 slide-09b.png、slide-09c.png。
4. 溢出兜底：内容还超出画布时整页逐级缩到 0.75，仍溢出就在报告里标「溢出」。

交付前必须自查（别跳）

跑完看终端最后一行「需要人工看的」，再用 Read 打开 portrait/contact.png 亲自看一遍， 有标记的页单独打开 slide-NN.png 放大看。逐页对：

• 小字 p10 < 20px：这一页 10% 的字小于 20px（1080 宽画布，≈ 手机上 7pt）。有放大页的总览页不报， 放大页还报说明图太宽，两张放大页也不够——可以用 "crops": 3，或者接受。
• 放大页的裁切位置：看裁边有没有把关键的框或公式正好切在渐隐里；不理想就换 crops 张数， 或回 tech-talk-deck 调原图。
• 张数：放大页会增加张数。小红书一篇的图片张数有上限（目前 18 张，以 App 为准）， deck 页数本来就超的话，先和用户确认要发哪些页、哪些页要放大，再决定。
• 过渡页（只有编号和两个字）在竖屏里基本是空页，发小红书时通常不选。

没看过 contact.png 不算做完。

逐页微调：portrait.json

放在 deck.html 同级，脚本会自动读：

{
  "pages": "1-4,6,9-18",
  "slides": {
    "9":  { "crops": 3 },
    "22": { "crops": 0 },
    "7":  { "zoom": 0.9, "css": ".tbl.dsl td{font-size:24px}" }
  }
}

适用范围

• 为 tech-talk-deck 模板写的：认 .slide / .active、#stage、.fig .diagbox .tblwrap 等类名，用它的键盘翻页。 别的 HTML deck 只要每页是 .slide、当前页带 .active，竖排和截图也能跑，但放大页只认 .diagbox > svg 和 .fig > img。
• 竖排规则在 scripts/portrait.css，放大页、溢出和字号测量在 scripts/portrait.js，驱动在 scripts/deck_portrait.mjs。 想改竖屏的字号、边距，改 portrait.css；某个 deck 专属的调整写进它的 portrait.json，不改脚本。