Cyberpunk UI

内容结构建议

采用“价值主张 → 关键信息块 → 行动路径”的结构，确保用户在短时间内理解页面目标。

排版建议

• 标题和正文层级差值清晰，避免同级竞争。
• 正文行高 1.5-1.75，每行长度控制在可读范围。
• 关键数字或标签尽量与文本形成视觉锚点。

可访问性检查

• 正文对比度 >= 4.5:1，关键控件对比度更高。
• 键盘导航可达，焦点态在浅/深背景都清晰。
• 375px/768px/1024px 断点下无横向滚动。

反模式

• 视觉效果喧宾夺主，影响核心信息读取。
• 状态样式仅靠颜色变化，缺少形态/文字辅助。
• 模块间距节奏不一致，破坏整体可扫描性。