按钮
Soft pastel button with gentle shadows, rounded edges and organic feel
- 基础骨架
font-light rounded-2xl shadow-[0_4px_20px_rgba(74,111,165,0.12)] transition-all duration-400 ease-out- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
水彩画风组件配方
font-light rounded-2xl shadow-[0_4px_20px_rgba(74,111,165,0.12)] transition-all duration-400 ease-out bg-[#4a6fa5]/80 text-white hover:scale-[1.02] hover:shadow-[0_8px_30px_rgba(74,111,165,0.2)] active:scale-[0.98]卡片
Soft watercolor card with pastel tones, gentle borders and diffused shadows
- 基础骨架
bg-[#faf8f5] rounded-2xl md:rounded-3xl border border-[#4a6fa5]/20 shadow-[0_4px_20px_rgba(74,111,165,0.12)] transition-all duration-400 ease-out- 变体
- 默认、玫瑰水彩、鼠尾草水彩
- 状态
- hover
输入框
Delicate watercolor input with soft borders and translucent background
- 基础骨架
w-full rounded-2xl border border-[#4a6fa5]/20 bg-white/60 font-light text-[#3a3a3a] placeholder:text-[#8a8a8a] focus:outline-none transition-all duration-400 ease-out- 变体
- 默认、着色
- 状态
- focus、disabled