✦ 设计与理念#

Shirone 致力于把二次元美学的温暖表现力与现代 Web 工程的严谨结合起来：

• 动态色彩魔法：完整的 HCT 动态调色板生成，无缝响应明暗模式与用户偏好，零布局偏移。
• 无缝外壳导航：由 Swup 驱动的常驻应用外壳，音乐播放不中断、页面切换流畅、状态得以保留。
• 丰富的故事魔法书：Markdown 与 MDX 创作，支持 KaTeX 公式、Mermaid 图表、交互式提示块、富有表现力的代码块，以及自适应图片画廊。
• 零额外负担：可选集成（评论、统计、音乐挂件）按需动态加载——关闭时零 DOM 占用、零包体积开销。

✦ 技术栈#

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

✦ 致谢#

• 字体：lxgw 的 悠哉字体（Yozai Font）