用途：为单个“新”或“精选”卡片、或主视觉 CTA 添加短暂而活泼的边框光效。
主要能力：一道明亮光点沿元素边框环绕移动；纯 CSS 实现，无依赖；通过 CSS 变量调节颜色、大小与动画时长（默认 3 秒）。
使用方式：将 border-beam.css 复制到项目中并引入；给元素加上 class="beam"；按需调整 --beam-color、--beam-size 及动画时长。
适用场景：单个需要活泼感的卡片或 CTA。
限制与注意：同一视图只用一个，多个同时出现会互相干扰形成噪音；不适合平静或严肃的语境，若需要更安静的全边框光晕可改用 shine-border。无障碍与性能：在 prefers-reduced-motion 下光点停止，仅保留静态边框；动画基于遮罩的 conic-gradient（通过 @property --beam-angle），对合成器友好。框架说明：纯 CSS，适用于任何框架，可按组件作用域设置 --beam-* 变量。