改造后的首页:同一份内容,一半代码

令牌化颜色与间距 · Grid 骨架 · auto-fit 卡片 · 容器查询侧栏 · 可切换主题 · 动效可降级

最新文章(列表)

  • CSS

    一份样式,列数由容器算

    auto-fit + minmax() 替掉了两列/三列的复制类名,也不再需要 .last 抹边距。

  • Theming

    暗色只是换令牌

    点右上角按钮试试:所有组件的规则没有一行变化,颜色全在 :root 与 html[data-theme]。

  • Motion

    hover 只动 transform 与 opacity

    阴影画在 ::after 上、动它的透明度;prefers-reduced-motion 下整组过渡被关掉。