/* 包含粒子动画的滚动容器，高度设置为 200vh，提供足够的滚动空间 */
#scroll-animation {
  position: relative;
  height: 150vh; /* 你可以根据需要调整高度 */
}

/* 粒子容器设置为 sticky，当用户滚动时，它会保持在视口内 */
#particle-container {
  position: sticky;
  top: 50px; /* header height */
  height: 100vh; /* 占满视口高度 */
  overflow: hidden;
}

/* 隐藏原始图片，但保留用于生成粒子 */
#profile-image {
  display: none;
}

/* 调整 Canvas 的样式，使其填充父容器 */
#particle-canvas {
  position: absolute;
  top: 0;
  left: 0;
}

/* 可选：针对较大屏幕设备的设置 */
@media (min-width: 396px) {
  #particle-container {
    max-width: 396px;
    margin: 0 auto; /* 水平居中 */
  }
}