✦ 设计与理念#

Shirone 试图把二次元美学的温度与现代 Web 工程的严谨结合起来：

• 动态色谱咒语：完整的动态 HCT 调色板生成，无缝响应明暗模式与用户偏好，全程零布局偏移。
• 无缝壳层导航：由 Swup 驱动的持久应用外壳——音乐跨页不间断、页面切换顺滑、状态完整保留。
• 丰富的故事魔典：Markdown 与 MDX 写作，支持 KaTeX 公式、Mermaid 图表、交互式提示块、表现力代码块与自适应图片画廊。
• 零额外负担：可选集成（评论、统计、音乐挂件）按需动态加载——关闭时零 DOM 占位、零 bundle 开销。

✦ 技术栈#

• 框架：Astro 7 与 Svelte 5（Runes 驱动的交互岛）
• 样式：Tailwind CSS 4 与 Stylus
• 设计规范：Material 3 Expressive
• 字体：Outfit 与 Yozai（悠哉圆体），构建期自动子集化
• 搜索引擎：Pagefind 离线全文搜索

✦ 致谢#

• 字体：悠哉字体 (Yozai Font)，作者 lxgw