前端代码：多彩发光边框卡片，彩色光晕交互边框

网格渐变叠加指针方向的锥形遮罩，打造贴边的高光霓虹卡片：光晕随指针移动，靠近边缘时逐步增强，适合科技产品、数码/NFT 展示或海报首屏。纯前端实现，无框架依赖。

模板亮点

• “贴边”光晕：多重遮罩（径向 + 锥形）让高光紧贴边缘，而非简单跟随指针的径向光圈。
• 渐变质感：mesh gradient 背景 + 彩色描边，视觉通透、层次清晰。
• 主题切换：太阳/月亮图标切换深浅配色，保持文字与高光对比度。
• 轻量实现：仅 HTML + CSS + JS，无第三方框架。
• 品牌露出：示例含 KS主题 徽章，可替换为自有品牌与链接。

适用人群与场景

• 科技/数码/NFT：产品卡片、会员卡、限量卡展示。
• 活动/海报首屏：需要高亮 CTA 或炫酷背景的区块。
• 作品集/灵感：展示渐变遮罩、光晕控制和主题切换的综合案例。

设计与色彩

• 背景：深色渐变衬托霓虹高光，浅色模式保留质感。
• 光效：mesh gradient 叠加多重阴影与遮罩，色彩丰富但不过度炫光。
• 字体：清晰易读，按钮/图标保持简洁。

文件结构

• index.html：页面结构、KS主题徽章、深浅切换按钮与中文文案。
• style.css：光晕/遮罩、渐变背景、主题样式与排版。
• script.js：深浅模式切换逻辑。

使用方式

1. 打开 index.html 预览效果（需联网加载 Normalize 与字体）。
2. 替换品牌与文案：修改顶部徽章、标题、副文案；如需调整渐变与光晕，可在 style.css 修改对应变量。
3. 自定义光效：在 style.css 中调整 --glow-color、--glow-sens、--glow-boost 或遮罩渐变参数，适配不同品牌色与亮度需求。