粘性操作栏 Sticky Action Bar

内容再怎么滚，关键操作按钮始终钉在视口底部的常驻操作栏

商品信息区块 1：继续向上滚动，观察底部操作栏始终钉在底部。

商品信息区块 2：继续向上滚动，观察底部操作栏始终钉在底部。

商品信息区块 3：继续向上滚动，观察底部操作栏始终钉在底部。

商品信息区块 4：继续向上滚动，观察底部操作栏始终钉在底部。

商品信息区块 5：继续向上滚动，观察底部操作栏始终钉在底部。

商品信息区块 6：继续向上滚动，观察底部操作栏始终钉在底部。

¥ 299

**粘性操作栏（Sticky Action Bar）**是钉在屏幕底部的操作条：页面内容随便滚，“立即购买”永远在拇指边。电商详情页、课程页、SaaS 定价页的转化率标配——用户不用滚回页尾才能下单。

什么时候用：页面有一个明确的主行动（购买/报名/咨询）且内容很长时。注意克制：一屏之内别同时出现顶栏+底栏+悬浮客服三个常驻层，移动端屏幕经不起这么抢。

对 AI 说清楚的三要素：① position: sticky; bottom: 0（比 fixed 省事，不遮后续板块）；② 底栏毛玻璃半透明，滚动内容透出来才有层次；③ 移动端加 env(safe-area-inset-bottom)，否则被 iPhone 小白条压住。

关键转化入口用粘性操作栏（Sticky Action Bar）：操作栏
position: sticky; bottom: 0 钉在视口底部，半透明毛玻璃底 +
顶部 1px 分隔线；左侧放价格、右侧放主次按钮；内容滚完前
始终可见，移动端预留底部安全区。