动效背景｜User 2rv0b4mwh6skrmk7luyqukzea92 Dark Gradient Pricing · v4 / User 2rv0b4mwh6skrmk7luyqukzea92 Dark Gradient Pricing · v4

You are an expert frontend engineer. Rebuild this UI to match the dynamic preview video exactly.
Component: User 2rv0b4mwh6skrmk7luyqukzea92 Dark Gradient Pricing
Preview source: MotionSites catalog preview
Preview video: https://motionsites.org/assets/catalog-previews/user-2rv0b4mwh6skrmk7luyqukzea92-dark-gradient-pricing-190766b44a1d.mp4
Poster: https://motionsites.org/assets/catalog-posters/user-2rv0b4mwh6skrmk7luyqukzea92-dark-gradient-pricing-59e295b13f.webp
Variant: #4
Stack: React + Tailwind CSS + Framer Motion.
Requirements:
- Match composition, hierarchy, spacing, color, and motion
- Production-ready, responsive, accessible
- Ship only this component/section
Deliver: 1) code 2) Tailwind 3) motion 4) ZH+EN microcopy

动效背景｜User 2rv0b4mwh6skrmk7luyqukzea92 Dark Gradient Pricing · v4 / User 2rv0b4mwh6skrmk7luyqukzea92 Dark Gradient Pricing · v4

卡片与弹窗均为动态视频预览（静音循环）。复制提示词需 10 积分。

预览来源：MotionSites