/* beams.css —— React Bits <Beams /> 的样式（对应原组件的 Beams.css）。
   原文件只有 .beams-container 那四行，这里原样保留，另外补了 canvas 的合成层设置：
   原组件用 @react-three/fiber 的 <Canvas>，那边已经处理过画布铺满和层的问题，
   我们是手写 renderer.domElement，得自己写。 */

.beams-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.beams-container canvas {
  display: block;
  width: 100%;
  height: 100%;
  /* 光束一直在动，不单独成层的话每帧会连带把上面的登录卡片一起重绘 */
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}