138d3d976bbcad079f77ea3614499cb5e24d7c0c
用户实测:「图库中的图片点击查看之后,点击右上角的关闭无法关闭,其次就是右侧
的文字是否支持字体的更换和颜色的更换」。
关闭失灵的根因(生产实测取证):桌面端信息栏 `.lb-l2` 是 top:0→bottom:0 的
右侧全高侧栏(宽 200px),且 DOM 顺序在关闭钮之后;`document.elementFromPoint`
在按钮中心命中 `.lb-meta.lb-l2` —— 点击被侧栏吃掉,`lb.close()` 永不触发
(实测 Playwright 点击 #lb-close 30s 超时、dialog 保持 open)。给 `#lb-close`
提层级 z-index:12 后「点击 → open=false」通过。
caption 富文本:
- 照片 caption 走全站同一条管线(markdown → 内容净化三层白名单 → class 白名单),
构建期预渲染成 HTML 挂在卡片的 data-caption-html 上,换图时写 innerHTML
- 灯箱容器加 `.rich`,global.css 的 .rich .c-blue / .rich .font-kai 才生效(此前
只有触发类名的选择器、容器无 .rich 前缀,故颜色字体都不生效)
- 深底适配:灯箱内的彩色取柔和对暗底的档位;段间距收紧、首尾不撑高
- 容器由 <p> 改 <div>:caption 可含多段落,<p> 套 <p> 会被浏览器拆散
验证: 构建 exit 0;生产同款探针实测关闭生效(此前超时);
注入测试 caption 后产物含 class="c-blue"(保留)、font-kai(保留)、
**加粗**→<strong>、<script> 被净化丢弃(验收数据已还原)
Spec: 2026-11-02_blog-5i-fonts-polish (T4)
Co-authored-by: GLM-5.3
Languages
JavaScript
81.1%
Astro
8.4%
TypeScript
3.3%
HTML
2.7%
Python
2.2%
Other
2.3%