按钮
Warm paper-textured button with soft shadows and rounded corners
- 基础骨架
font-sans font-semibold rounded-xl border-2 border-dashed transition-all duration-200- 变体
- 主要、次要、青绿
- 状态
- hover、active、disabled
纸艺手作组件配方
font-sans font-semibold rounded-xl border-2 border-dashed transition-all duration-200 bg-[#e85d75] text-white border-[#d14a62] shadow-[3px_3px_0_rgba(0,0,0,0.1)] hover:shadow-[4px_4px_0_rgba(0,0,0,0.15)] hover:-translate-y-0.5 active:shadow-[1px_1px_0_rgba(0,0,0,0.1)] active:translate-y-0.5卡片
Paper-like card with warm background, dashed border, and soft shadow
- 基础骨架
bg-[#fdf6ee] border-2 border-dashed border-[#e85d75]/30 rounded-xl text-[#4a3728] transition-all duration-200- 变体
- 默认、黄色
- 状态
- hover
输入框
Paper-textured input with warm tones and dashed border
- 基础骨架
w-full bg-white/80 border-2 border-dashed border-[#e85d75]/30 rounded-xl text-[#4a3728] placeholder:text-[#5cb8a5]/50 focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled