/* styles.css */
body {
  scroll-behavior: smooth;
}

/* Canvas 动画样式 */
#heroCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* 确保图片比例正确 */
img {
  max-width: 100%;
  height: auto;
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 防止导航栏遮挡锚点 */
section {
  scroll-margin-top: 4rem; /* 大约等于导航栏的高度 */
}

@media (min-width: 768px) {
  section {
    scroll-margin-top: 4rem;
  }
}