Repository navigation
2.5.0 — 报告页视觉升级:提饱和、加立体、动起来
变更
-
整体提饱和 + 立体感 + 渐变动效,让报告「动起来」
色板从莫兰迪灰调换成高饱和晴空蓝 / 翠绿 / 琥珀 / 珊瑚红,对比度不降反升:
accent#58a6ffon#0d1117= 7.49:1(旧雾蓝灰 6.03:1),分数四档 6.63~9.84:1 全部远超 AA 4.5。- 立体感:雷达填充改径向渐变(中心亮、边缘融入底色)+ 光晕;大分数改档位色渐变字 + 同色光晕,成为报告第一视觉焦点;维度条改同色渐变发光条;卡片加顶部内高光、品牌色环境光晕与更深的投影。
- 动效(纯 CSS,尊重
prefers-reduced-motion):报告入场时雷达从中心缩放浮现、分数上浮、条形从 0 生长;及格线与同类中位两条虚线缓慢流动(蚂蚁线,30 秒一循环,不抢数据的戏);卡片顶部渐变条光来回流动。