.section { padding: 60px 0; }
.hero {
    position: relative; height: 100vh; color: var(--white-color); display: flex;
    flex-direction: column; justify-content: center; align-items: center; text-align: center; overflow: hidden;
}
.hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #555; z-index: -1; }
.hero-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);
}
.hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.navbar {
    position: absolute; top: 0; left: 0; width: 100%; padding: 20px 0;
    background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px);
}
.hero-content { margin-top: -50px; /*微调，抵消navbar高度*/ }
.quote-section {
    background-size: cover; background-position: center; background-attachment: fixed;
    text-align: center; color: var(--white-color); position: relative; z-index: 1;
}
.quote-section::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); z-index: -1;
}
.video-promo-section { background: var(--dark-color); color: var(--light-color); text-align: center; }
.footer { background: var(--light-color); text-align: center; padding: 20px 0; font-size: 0.9rem; }