深色主题下的无障碍设计

对比度

深色主题的关键是让文字与背景保持足够对比度。本站在 #0B0F1A 背景上使用 #E6EAF2 作为正文，对比度远高于 AA 标准。

次级文字

次级文字使用 #9AA3B2，即便在深色背景下也保持了约 7:1 的对比度。

动效

对于动效，需要：

• 尊重 prefers-reduced-motion，减少不必要的动画；
• 移动端降低粒子数量，避免掉帧。

键盘导航

确保所有交互元素都能通过 Tab 键聚焦，并用 :focus-visible 提供清晰的焦点样式。