按钮
Editorial serif link-button with a brick underline sweep
- 基础骨架
group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80- 变体
- 主要、链接、低调
- 状态
- hover
group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80 bg-[#1A1712] text-[#F5F0E6] px-6 py-3 hover:bg-[#B3401F]Editorial serif link-button with a brick underline sweep
group inline-flex items-center gap-2 font-serif rounded-none transition-colors duration-300 ease-out active:opacity-80Chapter card with serif number and complete hairline frame
border border-[#1A1712]/20 rounded-none pt-5 bg-transparentPaper underline field with a brick focus rule
bg-transparent rounded-none border border-[#1A1712]/25 py-2.5 text-lg text-[#1A1712] placeholder-[#1A1712]/30 focus:outline-none focus:border-[#B3401F] transition-colors duration-300