Liquid Glass 设计系统

Liquid Glass 品牌色

信赖蓝 Primary
#2D5F8A
oklch(0.45 0.12 250)
主色、导航、按钮
臻选金 Gold
#B8941F
oklch(0.65 0.14 75)
信悦豆、会员、金色标签
员工价红
#C44D3F
oklch(0.52 0.20 25)
员工价、促销标签
AI 紫蓝
#6B4FCC
oklch(0.50 0.18 280)
AI导购、智能推荐
成功绿
#2D8F5E
oklch(0.55 0.14 155)
审核通过、成功状态
提醒琥珀
#D4A017
oklch(0.72 0.12 65)
待处理、警告状态

玻璃透明度层级

.glass-heavy
导航栏/底部栏
72%
blur(40px)
.glass
卡片/面板
55%
blur(20px)
.glass-light
标签/胶囊
35%
blur(20px)
.glass-subtle
悬浮提示
20%
blur(12px)

阴影系统

glass-shadow
0 2px 20px rgba(0,0,0,0.06)
卡片/面板
glass-shadow-lg
0 8px 40px rgba(0,0,0,0.08)
弹层/悬浮面板
glass-shadow-float
0 12px 48px rgba(0,0,0,0.1)
模态框/底部抽屉

中性色阶

前景
标题
正文
辅助
禁用
边框
底色
白色