/* ========== 视差动画区域高度 ========== */
      /* 优化：动画时间缩短，滚动高度相应减少 */
      .brandbox-sec1.f_versions2 .brand_zhong {
        height: 850vh !important;
      }
      
      .brandbox-sec1 .f_qiehuan .f_fixed2 {
        flex: 1 !important;
        height: auto !important;
        min-height: 320vh !important;
      }
      
      /* ========== 滚动视差动画样式 ========== */
      .parallax-gallery {
        position: relative;
        width: 100%;
        height: 100%;
        perspective: 1000px;
        -webkit-perspective: 1000px;
      }
      
      /* 场景容器 - 不再使用 active 切换，改为连续滚动 */
      .parallax-scene {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        will-change: opacity;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
      }
      
      /* 浮动图片 - 基础样式 */
      .float-img {
        position: absolute;
        /* 默认居中定位，动画通过 transform 的 x/y 控制偏移 */
        top: 50%;
        left: 50%;
        /* 使用 translate 居中，GSAP 会覆盖这个 */
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        will-change: transform, opacity;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        /* 防止子像素渲染抖动 */
        image-rendering: -webkit-optimize-contrast;
      }
      
      .float-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 防止图片缩放时的模糊和抖动 */
        image-rendering: -webkit-optimize-contrast;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
      }
      
      /* 图片尺寸 - PC端 */
      /* 场景1 */
      .scene-1 .img-1 { width: 200px; height: 140px; }
      .scene-1 .img-2 { width: 220px; height: 155px; }
      .scene-1 .img-3 { width: 240px; height: 165px; }
      .scene-1 .img-4 { width: 210px; height: 145px; }
      .scene-1 .img-5 { width: 230px; height: 160px; }
      .scene-1 .img-6 { width: 215px; height: 150px; }
      
      /* 场景2 */
      .scene-2 .img-1 { width: 220px; height: 155px; }
      .scene-2 .img-2 { width: 190px; height: 240px; }
      .scene-2 .img-3 { width: 210px; height: 145px; }
      .scene-2 .img-4 { width: 230px; height: 160px; }
      .scene-2 .img-5 { width: 200px; height: 250px; }
      .scene-2 .img-6 { width: 215px; height: 150px; }
      
      /* 场景3 */
      .scene-3 .img-1 { width: 225px; height: 155px; }
      .scene-3 .img-2 { width: 210px; height: 145px; }
      .scene-3 .img-3 { width: 220px; height: 150px; }
      .scene-3 .img-4 { width: 235px; height: 160px; }
      .scene-3 .img-5 { width: 205px; height: 140px; }
      .scene-3 .img-6 { width: 215px; height: 150px; }
      
      /* 场景4 */
      .scene-4 .img-1 { width: 210px; height: 260px; }
      .scene-4 .img-2 { width: 220px; height: 155px; }
      .scene-4 .img-3 { width: 195px; height: 245px; }
      .scene-4 .img-4 { width: 225px; height: 155px; }
      .scene-4 .img-5 { width: 215px; height: 150px; }
      
      /* 场景4 带文案的图片样式 */
      .scene-4 .float-img.with-caption {
        width: auto;
        height: auto;
        max-width: 45%;
        border-radius: 12px;
        overflow: visible;
      }
      .scene-4 .float-img.with-caption img {
        width: 100%;
        max-width: 380px;
        height: auto;
        border-radius: 12px;
      }
      .scene-4 .img-caption {
        margin-top: 16px;
        text-align: left;
        max-width: 380px;
      }
      .scene-4 .img-caption h4 {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 8px;
        line-height: 1.4;
      }
      .scene-4 .img-caption p {
        font-size: 14px;
        color: rgba(255,255,255,0.7);
        line-height: 1.6;
      }
      
      /* 场景文案 */
      .scene-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 10;
        will-change: transform, opacity;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
      }
      .scene-text-left {
        left: 10%;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        bottom: auto;
      }
      .scene-text-bottom {
        top: auto;
        bottom: 12%;
        transform: translateX(-50%);
      }
      .scene-text-right {
        left: auto;
        right: 10%;
        top: 50%;
        transform: translateY(-50%);
        text-align: right;
      }
      
      .scene-title {
        font-size: 48px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 20px;
        text-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
      }
      .scene-subtitle {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 15px;
      }
      .scene-desc {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.8;
        max-width: 500px;
      }
      
      /* 响应式 - 平板端 */
      @media (max-width: 1200px) {
        .scene-title { font-size: 36px; }
        .scene-subtitle { font-size: 24px; }
        .scene-desc { font-size: 16px; }
        
        .scene-1 .img-1 { width: 160px; height: 110px; }
        .scene-1 .img-2 { width: 175px; height: 120px; }
        .scene-1 .img-3 { width: 185px; height: 125px; }
        .scene-1 .img-4 { width: 165px; height: 115px; }
        .scene-1 .img-5 { width: 180px; height: 125px; }
        .scene-1 .img-6 { width: 170px; height: 118px; }
        
        .scene-2 .img-1 { width: 175px; height: 120px; }
        .scene-2 .img-2 { width: 150px; height: 190px; }
        .scene-2 .img-3 { width: 165px; height: 115px; }
        .scene-2 .img-4 { width: 180px; height: 125px; }
        .scene-2 .img-5 { width: 155px; height: 195px; }
        .scene-2 .img-6 { width: 170px; height: 118px; }
        
        .scene-3 .img-1 { width: 180px; height: 125px; }
        .scene-3 .img-2 { width: 165px; height: 115px; }
        .scene-3 .img-3 { width: 175px; height: 120px; }
        .scene-3 .img-4 { width: 185px; height: 125px; }
        .scene-3 .img-5 { width: 160px; height: 110px; }
        .scene-3 .img-6 { width: 170px; height: 118px; }
        
        .scene-4 .float-img.with-caption img { max-width: 320px; }
      }
      
      /* 响应式 - 移动端，统一小尺寸，不重叠 */
      @media (max-width: 768px) {
        /* 移动端滚动高度 - 精确匹配动画时长 */
        .brandbox-sec1.f_versions2 .brand_zhong {
          height: 750vh !important;
        }
        .brandbox-sec1 .f_qiehuan .f_fixed2 {
          min-height: 280vh !important;
        }
        
        .scene-title { font-size: 18px; margin-bottom: 8px; }
        .scene-subtitle { font-size: 14px; margin-bottom: 6px; }
        .scene-desc { font-size: 11px; max-width: 200px; line-height: 1.4; }
        
        /* 所有场景图片统一尺寸 - 放大 */
        .scene-1 .img-1, .scene-1 .img-2, .scene-1 .img-3,
        .scene-1 .img-4, .scene-1 .img-5, .scene-1 .img-6,
        .scene-2 .img-1, .scene-2 .img-3, .scene-2 .img-6,
        .scene-3 .img-1, .scene-3 .img-2, .scene-3 .img-3,
        .scene-3 .img-4, .scene-3 .img-5, .scene-3 .img-6 {
          width: 110px !important;
          height: 75px !important;
        }
        
        /* 竖版图片 */
        .scene-2 .img-2, .scene-2 .img-4, .scene-2 .img-5 {
          width: 80px !important;
          height: 100px !important;
        }
        
        /* 移动端图片位置由 JS 动画控制，不再使用 CSS 固定位置 */
        
        /* 场景4 - 斜角滑入效果，不需要固定位置 */
        .scene-4 .float-img.with-caption {
          max-width: 85% !important;
        }
        .scene-4 .float-img.with-caption img {
          max-width: 280px !important;
        }
        .scene-4 .img-caption h4 {
          font-size: 14px !important;
        }
        .scene-4 .img-caption p {
          font-size: 11px !important;
        }
        
        .scene-text-left { left: 5%; }
        .scene-text-right { right: 5%; }
        .scene-text-bottom { bottom: 8%; }
        
        /* 移动端文案层级提高 */
        .scene-text {
          z-index: 20;
          text-shadow: 0 2px 20px rgba(0, 0, 0, 0.8);
        }
        
        /* 移动端品牌产品区块文案白色 */
        .brandbox-sec4 .cont .f_tit {
          color: #fff !important;
        }
        
        /* 移动端品牌产品区块图片适配 */
        .brandbox-sec4 .f_bag {
          width: 100%;
          height: 100%;
        }
        .brandbox-sec4 .f_bag img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      
      /* 探索更多按钮样式 */
      .brandbox-sec5 .brandbox5_btn_wrap {
        text-align: center;
        margin-top: 40px;
      }
      .brandbox-sec5 .brandbox5_btn {
        display: inline-block;
        padding: 5px 20px;
        background: transparent;
        border: 1px solid #000;
        color: #000;
        font-size: 14px;
        text-decoration: none;
        transition: all 0.3s ease;
        border-radius: 30px;
      }
      /* PC端 hover 效果 */
      @media (min-width: 769px) {
        .brandbox-sec5 .brandbox5_btn:hover {
          background: #ff671e;
          border-color: #ff671e;
          color: #fff;
        }
      }
      /* 品牌动态卡片标题 - 两行省略，固定高度 */
      .brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_tit {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 2.8em;
        line-height: 1.4;
      }
      @media (max-width: 768px) {
        .brandbox-sec5 .brandbox5_btn_wrap {
          margin-top: 24px;
        }
        .brandbox-sec5 .brandbox5_btn {
          padding: 8px 28px;
          font-size: 13px;
        }
        /* 移动端隐藏品牌动态 swiper 分页器 */
        .brandbox-sec5 .brandbox5_pagin {
          display: none !important;
        }
      }
      
      /* 品牌动态图片完整显示 */
      .brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_img {
        height: auto !important;
      }
      .brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_img:before {
        display: none !important;
      }
      .brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_img img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
      }