用 CSS `random()` 为网页加入可控的随机效果

CSS `random()` 可在不依赖 JavaScript 的情况下生成伪随机值，Safari 已支持，Chrome 156 正在推出，Firefox 也出现积极信号。文章通过字母、卡片、滚动布局、背景和模糊效果演示其语法、缓存键、步进值与设计边界，并强调用 `@supports` 进行渐进增强、用 `prefers-reduced-motion` 处理动画、避免影响屏幕阅读器和核心布局。