前端代码：12个彩色渐变按钮，带扫光闪光效果

12 款光泽按钮，一键套用渐变、扫光与阴影，适合落地页 CTA、组件库示例或活动页。纯 CSS 实现，无框架依赖，结构统一、复制即可用。

模板亮点

• 多风格覆盖：海洋/翡翠/日落/深海/金色/铬面/皇家紫/薄荷/电光青柠/薰衣草/炽焰/密林等渐变方案。
• 统一结构：同一按钮骨架 + 类名切换动效，便于批量换色与主题管理。
• 光感动效：斜向扫光 + 内外阴影，悬停轻抬，保证质感和点击欲望。
• 响应布局：自适应网格展示，移动端保持良好留白与触控尺寸。
• 品牌露出：内置 KS主题 徽章，可替换为自有品牌与链接。

适用人群与场景

• 落地页/活动页：主/次 CTA 按钮快速应用。
• 组件库/设计系统：提供多套配色，方便主题扩展。
• Demo/演示：展示渐变、扫光、阴影的组合手法。

设计与色彩

• 背景：浅色背景突出彩色渐变按钮。
• 光效：线性渐变叠加扫光动画，内外阴影增加层次。
• 字体：Inter 粗体，保证可读性与现代感。

文件结构

• index.html：页面结构、中文文案与 KS主题 徽章。
• style.css：按钮基础样式、各配色类、布局与品牌样式。

使用方式

1. 打开 index.html 预览；复制按钮结构与对应类名到你的页面。
2. 替换文案或配色：修改按钮文字，或在 style.css 中新增/调整渐变与阴影。
3. 如需深色背景，可适当增强文字与光效对比度，调整阴影透明度。