按钮
Warm-gold cinematic CTA and frosted secondary
- 基础骨架
inline-flex items-center gap-2 rounded-full transition-all duration-300 ease-out active:scale-[0.98]- 变体
- 金色、毛玻璃、幽灵
- 状态
- hover
电影视频首屏组件配方
inline-flex items-center gap-2 rounded-full transition-all duration-300 ease-out active:scale-[0.98] bg-[#E4C063] text-[#05060A] font-semibold hover:bg-[#efce78]卡片
Poster-backed scene card with a gradient scrim caption
- 基础骨架
relative overflow-hidden rounded-xl bg-[#141821]- 变体
- 场景、带框
- 状态
- hover
输入框
Frosted field legible over footage
- 基础骨架
bg-white/10 backdrop-blur-md border border-white/25 rounded-full px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-[#E4C063]/70 focus:bg-white/15 transition-all duration-300- 变体
- 毛玻璃、实底
- 状态
- focus