拾柒

整卡热区

这个效果叫「整卡热区（Full Card Hot Area）」，移动端常见做法。手机右手拇指操作时，标题在卡片左上角不好点，把整张卡片做成可点击区域就行。

实现方式：给 <article> 加 onclick 跳转 + cursor:pointer + hover 阴影上浮 + 标题变色。
不用 <a> 包裹，因为浏览器会拆掉块级元素里的语义标签。