下面每一张卡片里的视觉效果，全部只用 ::before 和 ::after 实现——HTML 里没有一个多余的装饰节点。点「看源码」对照着读。
::before
::after
规则：装饰用 0 个额外标签，全靠两个伪元素。把鼠标放到 Tooltip、下划线那几张卡片上，还能看到 hover 动效。
伪元素的本质是「不污染 DOM 的虚拟图层」——你想画什么，浏览器就凭空给你两层画布。这才是它最不得了的地方。