31fb52cb06e3a8229a78bada4b528bd9b3e3aa6d
视觉复核逐案挑出的缺陷全修:
A 竖排色脊:书名/作者按脊内竖向容量确定性截断(此前 10 字书名与 9 字作者挤成
第二窄列被 40px 脊宽裁掉);脊顶上留 10px hover 余量 + 底部基线;情绪色混色
从 16% 提到 26% 并加内描边(淡紫脊原本在白底上几乎消隐,墙被读断);短标题脊
补竖排年份填白;移动端脊高 120→172 保持 1:4 书脊比例,不再退化成矮胖色块
B 封面网格:改 3 列(5 本排 3+2,消掉 4+1 孤儿位);标题定两行高、卡片等高
(实测同行 394px 一致),同排基线不再锯齿;占位卡从单字换成竖排书名,视觉
重量向真封面靠拢
C 抽书阅读:首行默认展开 + 每行加「封面与简介 ▾」暗示(此前收起态没有任何可点
信号,看着像静态列表);去掉恒为同值的年份列;标题改定宽列 + 省略号(实测
作者列 x 全部 518,消除锯齿);作者前加「·」并与标题拉开色阶;色条加宽成贯通行
高的窄脊
验证: 构建 exit 0;content-lint 54 页 0/0/0;Playwright 实测 A 标题/作者零裁切、
B 三列且同行等高 394、C 作者列全对齐 518 且首行展开、390 下脊高 172 不溢出
Spec: 2026-11-02_blog-5i-fonts-polish (T7 预览修订)
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%