按钮
Elegant button with gold accents, thin borders, and premium serif typography
- 基础骨架
font-serif font-medium tracking-wide rounded-sm border transition-all duration-300- 变体
- 主要、次要、金色
- 状态
- hover、active、disabled
大理石奢华组件配方
font-serif font-medium tracking-wide rounded-sm border transition-all duration-300 bg-[#1a1a1a] text-[#f8f6f3] border-[#c9a96e] hover:bg-[#c9a96e] hover:text-[#1a1a1a] hover:shadow-md active:scale-[0.98]卡片
Premium card with warm marble background, thin gold border, and refined spacing
- 基础骨架
bg-[#f8f6f3] border border-[#c9a96e]/30 rounded-sm text-[#1a1a1a] font-serif transition-all duration-300- 变体
- 默认、浮起
- 状态
- hover
输入框
Refined input with thin gold underline, serif font, and warm marble background
- 基础骨架
w-full bg-[#f8f6f3] border border-[#c9a96e]/30 rounded-sm font-serif text-[#1a1a1a] placeholder:text-[#1a1a1a]/40 focus:outline-none transition-all duration-300- 变体
- 默认、下划线
- 状态
- focus、disabled