按钮
Iridescent button with gradient glow
- 基础骨架
font-sans font-medium rounded-xl transition-all duration-200- 变体
- 主要、幽灵
- 状态
- hover、active、disabled
全息渐变组件配方
font-sans font-medium rounded-xl transition-all duration-200 bg-gradient-to-r from-purple-500 via-pink-500 to-cyan-500 text-white shadow-[0_0_20px_rgba(168,85,247,0.3)] hover:shadow-[0_0_30px_rgba(168,85,247,0.4)] active:scale-[0.98]卡片
Dark card with iridescent border glow
- 基础骨架
bg-[#1a0b2e] border border-purple-500/25 rounded-xl overflow-hidden- 变体
- 默认
- 状态
- hover
输入框
Dark input with holographic focus effect
- 基础骨架
w-full bg-[#0a0a1f] border border-purple-500/30 text-white placeholder:text-white/40 focus:outline-none rounded-lg transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled