/* ============================================================
   Light Rays 顶部光束 —— 挂载样式(移植自 React Bits LightRays.css)
   把光效当 Hero 背景层:absolute 铺满、置于内容下、不吃鼠标事件。
   ============================================================ */
.hero{ position:relative; overflow:hidden; }

.lightrays-bg{
  position:absolute; inset:0;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
  mix-blend-mode:screen;
}
.lightrays-bg canvas{ width:100%; height:100%; display:block; }

/* Hero 内容压在光效之上(.wrap 基础样式已 z-index:2,这里兜底) */
.hero > .wrap{ position:relative; z-index:2; }