CSS 复现 23 种设计风格：从拟物到液态玻璃的成本阶梯与兜底写法

一篇实战教程用 CSS 复现 2007–2028 年的 23 种设计风格，并给出可直接运行的代码。文章提出"质感单位成本只会降"的成本阶梯，重点讲解玻璃拟态、新拟态、液态玻璃近似与反 AI 默认值四种写法，强调半透明效果须用 @supports 或 prefers-reduced-transparency 兜底，UI 组件对比度需达 WCAG 2.2 AA 的 3:1。