设计

幻梦的关于页面——个人信息、统计数据、技术理念、联系方式，如何用一页纸让人了解你是谁。

幻梦的侧边栏——文章目录的滚动高亮、发布信息、标签云、日历组件、以及侧边栏与正文之间如何建立关联。

幻梦的工具推荐页面——分类展示、图标和链接、以及如何将日常使用的数字工具整理成一个有美感的推荐列表。

幻梦的友链页面——卡片网格展示、分类筛选、申请流程和条件清单，让交换链接从技术操作变成社交仪式。

幻梦的技能展示页面——三区布局（总览+详细+时间线）、进度条动画、项目关联和时间线叙事。

幻梦的间距与留白设计——24级间距标度、呼吸感的原则、以及留白如何影响内容的可读性和视觉层次。

深入暗色模式的设计细节——为什么不能简单反转颜色、视觉层级如何在暗处重建、以及文本在深色背景上的可读性科学。

幻梦主题的中文排版设计——字体选择策略、行高与字间距、中西文混排、以及为什么大多数英文主题无法直接适用于中文。

幻梦的字体系统——Inter+Noto Sans SC+JetBrains Mono的组合策略、系统字体回退、本地字体定义和性能权衡。

幻梦首页Hero区域的设计——双列布局、渐变标题、打字机副标题、quote卡片、滚动提示鼠，以及如何在三秒内留住访客。

幻梦的页脚设计——四列信息布局、动态版权年份、网站运行计时器、以及如何让页脚成为导航的延伸而非终结。

幻梦的404错误页面设计——可爱的小幽灵、暖心的文案、快捷导航按钮，让一个技术错误变得不那么令人沮丧。

幻梦主题的玻璃态 UI 设计——为什么选择毛玻璃效果、技术实现细节、以及如何在性能和美观之间找到平衡。

幻梦的归档页面设计——按年月分组、侧边栏年份导航、月份网格、文章统计，将时间线转化为可浏览的叙事结构。

深入幻梦主题的色彩系统设计——从色彩心理学出发，打造「朦胧幻梦」和「夜色幻梦」两套视觉语言。