顺滑的 View Transitions，不卡顿

页面切换时的闪白很破坏沉浸感。Astro 的 <ClientRouter /> 给静态站点带来了 SPA 级别的过渡。喵~

启用

在 BaseLayout 里加一行：

---
import { ClientRouter } from 'astro:transitions';
---
<head>
  <ClientRouter />
</head>

标记过渡元素

给需要跨页保持的元素加 transition:name：

<h1 transition:name={`post-${slug}`}>{title}</h1>

注意：动画要克制。终端风格里我只给标题做轻微 fade，避免 CRT 扫描线和闪烁光标被打断。

降级

不喜欢动画的用户开了「减少动态效果」系统设置时，CSS 里的 @media (prefers-reduced-motion: reduce) 会把动画全关掉——本主题已经处理好了。喵~