按钮
Neon gradient button with glow effect and retro-futuristic aesthetics
- 基础骨架
font-bold rounded-lg transition-all duration-300- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
霓虹复古组件配方
font-bold rounded-lg transition-all duration-300 bg-gradient-to-r from-[#ff71ce] to-[#01cdfe] text-white shadow-[0_0_20px_rgba(255,113,206,0.5)] hover:shadow-[0_0_30px_rgba(255,113,206,0.7)] hover:scale-105 active:scale-[0.98]卡片
Semi-transparent gradient card with glowing border and backdrop blur
- 基础骨架
backdrop-blur-md rounded-xl border border-[#ff71ce]/30 transition-all duration-300- 变体
- 默认、强调、深色
- 状态
- hover
输入框
Neon-glow input with translucent background and glowing focus
- 基础骨架
w-full bg-white/5 backdrop-blur-sm rounded-lg border border-[#ff71ce]/30 text-white placeholder:text-white/40 focus:outline-none transition-all duration-300- 变体
- 默认、填充
- 状态
- focus、disabled