按钮
Elegant button with gold accents and geometric border styling
- 基础骨架
font-serif font-medium tracking-wide rounded-lg border-2 border-[#c9a74e] transition-all duration-200- 变体
- 主要、次要、金色
- 状态
- hover、active、disabled
伊斯兰几何组件配方
font-serif font-medium tracking-wide rounded-lg border-2 border-[#c9a74e] transition-all duration-200 bg-[#1a3a5c] text-[#f5ecd7] hover:shadow-md hover:shadow-[#c9a74e]/30 active:shadow-sm卡片
Elegant card with gold border accents and warm parchment background
- 基础骨架
bg-[#f5ecd7] rounded-lg border-2 border-[#c9a74e] shadow-sm font-serif transition-shadow duration-200- 变体
- 默认、华丽
- 状态
- hover
输入框
Elegant input with gold accent border and parchment background
- 基础骨架
w-full bg-[#f5ecd7] border-2 border-[#c9a74e]/50 rounded-lg font-serif text-[#1a3a5c] placeholder:text-[#1a3a5c]/30 focus:outline-none transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled