/* ============================================
   JUMPO HOMEPAGE - LAYOUT & CONTAINER STYLES
   精简版：仅包含页面布局和容器样式
   
   各模块样式已拆分至独立文件：
   - base.css: CSS Variables, Base Styles
   - header-section.css: Header + 导航
   - hero-section.css: Hero 区域
   - features-section.css: Features JUMPO NOW!
   - ui-functions.css: UI Functions
   - art-filter-section.css: Art Filter
   - why-choose-section.css: Why Choose
   - testimonials-section.css: Testimonials
   - faq-section.css: FAQ
   - footer-section.css: Footer
   ============================================ */

/* ============================================
   STICKY SCROLL CONTAINER
   包裹 Hero 和 Content，实现 sticky 覆盖效果
   ============================================ */
.sticky-scroll-container {
  position: relative;
  width: 100%;
  /* 不设置 overflow，让 sticky 生效 */
}

/* ============================================
   CONTENT WRAPPER
   ============================================ */
.content {
  position: relative;
  background: var(--color-white);
  z-index: 10; /* 提高层级，确保覆盖 sticky hero (z-index: 1) */
}

/* 移除重复的波浪装饰，统一使用 features-section 中的 .features-wave-top */
/* .content::before { ... } removed */

/* ============================================
   PRINT STYLES - Content
   ============================================ */
@media print {
  .content::before {
    display: none;
  }
}
