/* Full Page Scroll CSS v2.0 */

html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    height: 100% !important;
}

.hero, .section {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: 100vh !important;
    overflow: hidden !important;
}

/* contact section 的滚动包装器 */
#contact .scroll-wrapper {
    position: relative !important;
    height: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.fp-content, .reveal {
    opacity: 0 !important;
    transform: translateY(80px) !important;
    filter: blur(5px) !important;
    transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease !important;
}

.fp-content.active, .reveal.active {
    opacity: 1 !important;
    transform: translateY(0) !important;
    filter: blur(0) !important;
}

.fp-content[data-delay="1"], .reveal[data-delay="1"] { transition-delay: 50ms !important; }
.fp-content[data-delay="2"], .reveal[data-delay="2"] { transition-delay: 100ms !important; }
.fp-content[data-delay="3"], .reveal[data-delay="3"] { transition-delay: 150ms !important; }
.fp-content[data-delay="4"], .reveal[data-delay="4"] { transition-delay: 200ms !important; }
.fp-content[data-delay="5"], .reveal[data-delay="5"] { transition-delay: 250ms !important; }
.fp-content[data-delay="6"], .reveal[data-delay="6"] { transition-delay: 300ms !important; }
.fp-content[data-delay="7"], .reveal[data-delay="7"] { transition-delay: 350ms !important; }
.fp-content[data-delay="8"], .reveal[data-delay="8"] { transition-delay: 400ms !important; }
.fp-content[data-delay="9"], .reveal[data-delay="9"] { transition-delay: 450ms !important; }
.fp-content[data-delay="10"], .reveal[data-delay="10"] { transition-delay: 500ms !important; }

.fp-indicators {
    position: fixed !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    z-index: 99999 !important;
    pointer-events: none !important;
}

.fp-dot {
    width: 2px !important;
    height: 24px !important;
    border-radius: 1px !important;
    background: rgba(255,255,255,0.5) !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    pointer-events: auto !important;
}

.fp-dot.active {
    background: #ffffff !important;
    height: 40px !important;
    box-shadow: 0 0 20px rgba(0,240,255,0.8) !important;
}

.fp-progress {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 4px !important;
    height: var(--progress, 0%) !important;
    background: linear-gradient(180deg, #00ff9d, #00f0ff, #0066ff) !important;
    z-index: 99999 !important;
    box-shadow: 0 0 20px rgba(0,240,255,0.5) !important;
}