按钮
Bright tropical button with warm colors, rounded corners, and playful shadows
- 基础骨架
font-bold tracking-wide rounded-full transition-all duration-300- 变体
- 主要、次要、阳光
- 状态
- hover、active、disabled
热带天堂组件配方
font-bold tracking-wide rounded-full transition-all duration-300 bg-[#00897b] text-white shadow-lg shadow-[#00897b]/30 hover:scale-105 hover:shadow-xl active:scale-[0.97]卡片
Warm tropical card with soft rounded corners, sunny background, and colorful accents
- 基础骨架
bg-[#fffde7] border border-[#00897b]/20 rounded-2xl text-[#1a1a1a] transition-all duration-300- 变体
- 默认、珊瑚
- 状态
- hover
输入框
Warm rounded input with tropical teal focus ring and sunny background
- 基础骨架
w-full bg-white border-2 border-[#00897b]/20 rounded-full text-[#1a1a1a] placeholder:text-[#00897b]/40 focus:outline-none transition-all duration-300- 变体
- 默认、珊瑚
- 状态
- focus、disabled