/* styles.css */
/* 自定义样式 */

body {
    scroll-behavior: smooth;
}

/* Canvas 动画背景样式 */
#heroCanvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; /* 确保canvas在内容之下 */
}

/* 导航栏滚动效果 */
nav.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px); /* 可选：增加毛玻璃效果 */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}