按钮
Mystical button with gold accents and deep purple tones
- 基础骨架
font-serif font-semibold tracking-wide rounded-sm border transition-all duration-300- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
巫术核心组件配方
font-serif font-semibold tracking-wide rounded-sm border transition-all duration-300 bg-[#4a1942] text-[#c9a74e] border-[#c9a74e]/50 shadow-[0_0_12px_rgba(201,167,78,0.3)] hover:shadow-[0_0_24px_rgba(201,167,78,0.5)] hover:scale-105 hover:border-[#c9a74e] active:scale-[0.97]卡片
Dark gothic card with mystical border glow and elegant serif typography
- 基础骨架
bg-[#0d0b14] border border-[#4a1942]/60 rounded-sm font-serif text-[#c9a74e]/90 transition-all duration-300- 变体
- 默认、金色
- 状态
- hover
输入框
Dark mystical input with gold focus glow and serif font
- 基础骨架
w-full bg-[#0d0b14] border border-[#4a1942]/50 rounded-sm font-serif text-[#c9a74e]/90 placeholder:text-[#7b68ae]/40 focus:outline-none transition-all duration-300- 变体
- 默认、金色
- 状态
- focus、disabled