按钮的 Hover 状态
Hover 时按钮的背景色和字体颜色需要通过颜色变化突出交互效果。
1. 背景色变化
让背景色比默认状态更深或更亮，增加层次感：
- 默认背景色：
#FF6600（橙色） - Hover 背景色：
#CC5500或#FF4500（深橙色或红橙色，稍微加深）
2. 字体颜色变化
字体颜色可以随背景对比调整，也可以保持不变：
- 推荐方案 1（更安全）：
- 默认字体：
#FFFFFF（白色） - Hover 字体：保持
#FFFFFF，不变。
- 默认字体：
- 推荐方案 2（动态变化）：
- 默认字体：
#FFFFFF（白色） - Hover 字体：改为更亮的白色，例如加透明度
rgba(255, 255, 255, 0.8)，或使用浅灰色#F5F5F5。
- 默认字体：
按钮样式总结
| 状态 | 背景色 | 字体颜色 |
|---|---|---|
| 默认 | #FF6600 |
#FFFFFF |
| Hover | #CC5500 |
#FFFFFF 或 #F5F5F5 |
渐变按钮（可选）
如果想提升按钮的现代感，可以为按钮设置渐变背景：
- 默认：从
#FF6600到#FF4500 - Hover：从
#CC5500到#AA4400
