/* 滚动动画基础样式 */
.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* 导航栏滚动后毛玻璃效果 */
#navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* 滚动后导航文字变色 */
#navbar.scrolled .nav-link,
#navbar.scrolled .nav-logo-text {
    color: #1f2937 !important;
}

#navbar.scrolled .nav-link:hover {
    color: #8b5cf6 !important;
}

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

/* 移除默认滚动条样式（可选） */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c4b5fd;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8b5cf6;
}