按钮
Dark gothic button with pastel accents, bold contrast, and moody atmosphere
- 基础骨架
font-semibold rounded-lg border-2 transition-all duration-300 ease-in-out- 变体
- 主要、次要、粉彩
- 状态
- hover、active、disabled
粉彩哥特组件配方
font-semibold rounded-lg border-2 transition-all duration-300 ease-in-out bg-[#2d1b3d] text-[#d4a5e3] border-[#d4a5e3]/50 shadow-md shadow-[#d4a5e3]/20 hover:shadow-lg hover:shadow-[#d4a5e3]/30 hover:scale-105 hover:brightness-110 active:scale-95卡片
Dark moody card with pastel-goth accents and ethereal shadow effects
- 基础骨架
bg-[#1a1225] rounded-xl border border-[#d4a5e3]/20 shadow-lg shadow-[#2d1b3d]/50 transition-all duration-300 ease-in-out- 变体
- 默认、薰衣草、青色
- 状态
- hover
输入框
Dark input with pastel glow focus states and gothic styling
- 基础骨架
w-full rounded-lg border border-[#d4a5e3]/20 bg-[#1a1225] text-[#d4a5e3] placeholder:text-[#d4a5e3]/30 focus:outline-none transition-all duration-300 ease-in-out- 变体
- 默认、青色
- 状态
- focus、disabled