/* ============================================================
 * RippleDistortion — React Bits 组件原版样式（vanilla 移植）
 * 来源: https://reactbits.dev  |  Variant: JavaScript + CSS
 * 该文件与 React 版 RippleDistortion.css 完全一致，仅负责
 * 容器与 canvas 的布局，不干涉任何业务样式。
 * ============================================================ */
.ripple-distortion {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.ripple-distortion canvas {
  display: block;
  width: 100%;
  height: 100%;
}