按钮
Violet accent CTA and frosted-glass secondary
- 基础骨架
inline-flex items-center gap-2 rounded-xl font-medium transition-all duration-300 ease-out active:scale-[0.98]- 变体
- 强调、毛玻璃、幽灵
- 状态
- hover
着色器渐变组件配方
inline-flex items-center gap-2 rounded-xl font-medium transition-all duration-300 ease-out active:scale-[0.98] bg-[#7C5CFF] text-white shadow-[0_8px_30px_rgba(124,92,255,0.35)] hover:bg-[#8f72ff]卡片
Frosted-glass panel floating over the shader field
- 基础骨架
bg-white/[0.06] backdrop-blur-2xl border border-white/10 rounded-2xl shadow-[0_20px_60px_rgba(0,0,0,0.45)]- 变体
- 毛玻璃、辉光
- 状态
- hover
输入框
Frosted field legible over the gradient
- 基础骨架
bg-white/[0.06] backdrop-blur-xl border border-white/12 rounded-xl px-4 py-3 text-white placeholder-white/40 focus:outline-none focus:border-[#7C5CFF]/70 focus:bg-white/[0.09] focus:ring-2 focus:ring-[#7C5CFF]/25 transition-all duration-300- 变体
- 毛玻璃、实底
- 状态
- focus