序号 + favicon + 标题 + 网址 的引用来源列表,两组页面:一组是方案迭代,一组是各产品做法参考。所有对齐偏差已用 CDP 实测校到 0px。
方案迭代 →
推荐方案(序号统辖整块)+ 5 种排版变体 + 3 种方框风格 + 现状对比。附对齐踩坑记录:inline-block 与 img 的基线差异、text-indent 继承、悬挂缩进取舍。
各产品做法参考 →
8 种在实际产品里出现过的排版,用同一组数据渲染:Wikipedia / Perplexity / Copilot / ChatGPT / Google AI Overview / Kagi / NotebookLM 风格,末尾附横向对比表。
页面里的产品复刻是按公开可见样式做的近似还原,结构和信息层级为准,字号间距非像素级。favicon 取自 Google s2 服务。