单品商品卡 HTML 布局效果（配色随图切换的电商展示组件）

    这是一款单品电商展示卡片布局效果，基于 HTML+CSS、jQuery 与 Slick 轮播插件实现。卡片居中展示商品主图，左右滑动或点击圆点即可切换不同配色款式；每张图预设了一组主色，切换时整页斜切渐变背景随之淡入更替，价格文字、按钮描边与按钮内的渐变填充也同步换色，一次滑动带动全局视觉联动，选色过程直观又有仪式感。底部圆点指示器按各款配色分别着色，当前款式一眼可辨；卡片采用白底投影加超粗标题的简洁排版，主图、价格、按钮文案与配色均可直接替换复用。适用于单品促销落地页、球鞋与服饰配色展示、众筹与新品预热页、产品详情页图集模块等场景。