太阳/月亮滑块开关 + data-theme 属性切换整套 CSS 变量。
设计系统
Design System
不叫"蓝色"叫"primary"——语义化色板让换肤、暗色模式成为可能。
font-size: clamp(32px, 5vw + 16px, 72px)——字号随视口丝滑缩放，零断点。
间距只允许 4 的倍数（4/8/12/16/24/32/48/64/96）——杂乱间距的解药。
4/8/12/16/24/全圆的圆角刻度：小元素小圆角、大容器大圆角，全站统一。
0-4 级阴影对应元素的"海拔"：越浮起投影越大越散、越贴近投影越小越锐。
全站动画只用 3 条曲线：入场 ease-out、出场 ease-in、位移 ease-in-out。
组件按"自己容器"的宽度自适应，而不是按视口——放进哪都能用。
键盘导航时的品牌色焦点圈：鼠标点击不出现，Tab 键导航才出现。
尊重系统"减弱动态效果"设置：视差、视差滚动、大面积动画全部退场。