✦ 设计与理念#

Shirone 旨在将富有表现力的动漫美学的温暖感与现代 Web 工程的严谨性相结合：

• 动态色彩魔法 (Dynamic Chromatic Spell)：完全动态的 HCT 色彩生成，无缝响应浅色/深色模式和用户偏好，且无任何布局偏移。
• 无缝外壳导航 (Seamless Shell Navigation)：由 Swup 驱动的持久化应用外壳，支持连续音乐播放、流畅的页面过渡和状态保留。
• 丰富的叙事法典 (Rich Story Grimoire)：支持 Markdown 和 MDX 创作，集成 KaTeX 数学公式、Mermaid 图表、交互式提示框、富有表现力的代码块和自适应图片库。
• 零额外负担 (Zero Extra Burden)：可选集成（评论、分析、音乐小部件）按需动态加载——禁用时零 DOM 占用和零包体积开销。

✦ 技术栈#

• 框架: Astro 7 & Svelte 5 (Runes 驱动的 Islands)
• 样式: Tailwind CSS 4 & Stylus
• 设计标准: Material 3 Expressive
• 字体: Outfit & Yozai (悠哉圆体)，支持自动化构建时子集化
• 搜索引擎: Pagefind 离线全文搜索

✦ 致谢#

• 字体: lxgw 提供的 Yozai Font (悠哉字体)