把页面做成会呼吸的魔法阵

前端的「氛围感」很少来自更多特效，而更像布置房间：光源、留白、材质。

我会把主色压在深紫夜空上，再用粉与青做局部高光。卡片用半透明玻璃，按钮只在 hover 时轻轻抬起。背景粒子数量要少，像窗外偶尔闪过的星。

结构先于装饰

二次元站点最容易犯的错，是先堆樱花与光效，再补文字层级。正确的顺序其实很朴素：

1. 信息架构：首页要回答「这是谁的站、能看什么」。
2. 阅读路径：标题 → 摘要 → 正文，颜色与字重只服务这件事。
3. 最后才是氛围：贴纸、花瓣、波浪线，全部让路给内容。

语义化 HTML 不是八股：一个清楚的 h1、分区的 section、可聚焦的按钮，比十层 div 魔法更接近「会呼吸」——因为辅助技术与键盘用户也能走进这个房间。

动效的剂量

.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 1rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card:hover {
  transform: translateY(-2px);
}

动效只做两件事：确认反馈与引导注意。卡片微抬、主题切换的淡入、滚动时的 reveal，都该能被 prefers-reduced-motion 关掉。

真正重要的是：文字永远比装饰优先可读；暗色模式不是「把背景涂黑」，而是让 --ink / --muted 在夜色里仍然舒服。

色阶像夜晚的窗

霓虹色阶可以用，但要克制：

• 大面积用 paper / surface 中性色
• sakura、sky、matcha 只出现在 chip、链接 hover、状态点
• 阴影软而短，像台灯而不是舞台追光

静态博客也能有二次元空气感——前提是它先是一座好读的小站，再是一张漂亮的海报。