示例：你好，littlestarry

这是一篇占位文章。点进来时，标题应该从列表的位置平滑移动到这里，而不是闪一下重新出现。

为什么用 Astro

页面默认是纯静态 HTML，打开快、对搜索引擎友好；需要动效或交互的地方再局部加 JavaScript。

流畅感更多来自“不打断”：切页不白屏、动画只动 transform 和透明度、时长和缓动统一。

这一版做了什么

• 无刷新切页（View Transitions），页头常驻不重绘
• 作品封面、文章标题跨页共享过渡
• 首屏元素错落入场，下面的内容滚动到才出现
• 鼠标悬停即预加载下一页
• 导航高亮胶囊跟随鼠标滑动
• 主题切换的圆形扩散

为了让进度条有东西可滚，这里多放几段文字。

做个人网站最容易陷进去的，是在还没有内容的时候不停调样式。更好的顺序是先把骨架和手感定下来，然后尽快开始写、开始放作品，让内容推着设计走。

动效也一样：每个动画都应该回答“它帮用户理解了什么”。切页过渡告诉你“你还在同一个站里”，共享元素告诉你“你点的就是这个”，滚动出现告诉你“下面还有内容”。除此以外的动效，多半可以删掉。

最后，尊重系统的“减少动态效果”设置：开启后，所有动画都会被压到几乎为零。