/* ================= 可调参数 ================= */
:root{
  --advertise-overlap: -140px;    /* 红块向左覆盖主图的距离：-100 ~ -210 可微调 */
  --thumb-gap: 12px;              /* 主图与缩略图之间的垂直间距 */
}

/* ================= Flex 布局主容器 ================= */
.cmp-carousel--advertise{
  /* 三重声明，兼容性 + 你要求的 align-items:center */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;             /* 两栏垂直居中 */

  -ms-flex-wrap:wrap;
  flex-wrap:wrap;                 /* 允许换行，让缩略图落到第二行 */
  align-content:stretch;          /* 多行在交叉轴上拉伸 */

  row-gap: var(--thumb-gap);
  column-gap: 0;
  width:100%;
  position:relative;
}

/* ================= 左侧主图（第 1 块） ================= */
.cmp-carousel--imagebox{
  order:1;
  -ms-flex: 0 0 54%;
  flex:0 0 54%;
  max-width:54%;
  position:relative;
  z-index:2;
}
.cmp-carousel--imagebox .cmp-carousel--imageBoxInner{ position:relative; }
.cmp-carousel--imagebox .owl-nav{
  position:absolute; left:0; right:0; top:50%;
  transform:translateY(-50%);
  display:flex; justify-content:space-between; padding:0 20px;
}
.cmp-carousel--imagebox .owl-nav button{
  background:transparent !important; border:0 !important; color:#fff !important;
  box-shadow:none !important; padding:0; line-height:1; cursor:pointer;
}

/* 主图尺寸与裁切 */
.cmp-carousel--advertise .carousel__item{ width:100%; background:transparent; }
.cmp-carousel--advertise .carousel__item .gallery-item{ height:510px; width:100%; }
.cmp-carousel--advertise .carousel__item .gallery-item img{
  width:100%; height:100%; object-fit:cover; border-radius:3px; overflow:hidden;
}

/* ================= 右侧红色内容块（第 2 块） ================= */
.cmp-carousel--contentbox{
  order:2;
  -ms-flex: 1 1 46%;
  flex:1 1 46%;                   /* 54% + 46% = 100%，不挤换行 */
  max-width:46%;
  margin-left: var(--advertise-overlap);  /* 向左覆盖主图 */
  background:#d00;
  border-radius:3px;
  position:relative;
  z-index:1;                      /* 低于缩略图以免遮挡 */
}
.cmp-contentBox--LinkColor .cmp-carousel--advertise .cmp-carousel--contentbox{ background:#d00; }

/* 红块内部尺寸（为“跨两行”的视觉留白，按钮放底部中间） */
.cmp-carousel--contentbox .owl-carousel{
  position:relative;
  min-height: clamp(560px, 42vw, 740px);
  padding:
    clamp(40px, 4vw, 76px)
    clamp(40px, 8vw, 146px)
    clamp(80px, 6vw, 122px)
    clamp(80px, 12vw, 270px);
}
.cmp-carousel--contentbox .gallery-text--box{ text-align:left; color:#fff; }
.cmp-carousel--contentbox .gallery-text--title{
  color:#fff; font-weight:700; font-size: clamp(28px, 3.2vw, 48px); margin:0 0 24px;
}
.cmp-carousel--contentbox .gallery-text--description{ margin-bottom: clamp(24px, 3vw, 47px); }
.cmp-carousel--contentbox .gallery-text--description p{ color:#fff; margin:0 0 20px; font-weight:600; }

/* 红块里的 PREV/NEXT：置底居中，透明白字 */
.cmp-carousel--contentbox .owl-carousel .owl-nav{
  position:absolute; left:50%; bottom:32px; transform:translateX(-50%);
  display:flex; align-items:center; justify-content:center; gap:48px; margin:0;
}
.cmp-carousel--contentbox .owl-carousel .owl-nav>button{
  display:flex; align-items:center; gap:8px;
  background:transparent !important; border:0 !important; color:#fff !important;
  font-size:14px; letter-spacing:2.8px; text-transform:uppercase; padding:0; outline:0;
  box-shadow:none !important; cursor:pointer;
}

/* ================= 缩略图（第 3 块，落在第二行左列） ================= */
.Owlsync-two{
  order:3;
  -ms-flex: 0 0 54%;
  flex:0 0 54%;
  max-width:54%;
  width:54%;
  padding-top:0;
  margin-top: var(--thumb-gap);
  position:relative;
  z-index:3;                      /* 确保不被红块覆盖 */
}
.Owlsync-two .carousel__item{ font-size:0; min-height:auto; }
.Owlsync-two .gallery-thumb--item{
  position:relative; width:100%; height: clamp(75px, 7vw, 115px);
  background:#fff; border-radius:3px; overflow:hidden;
}
.Owlsync-two img{ width:100%; height:100%; object-fit:cover; }
.Owlsync-two .owl-item.active.center .gallery-thumb--item:after{
  content:""; position:absolute; inset:0; border-radius:3px;
  box-shadow: inset 0 0 0 3px #fff; /* 选中描边（可换品牌色） */
}

/* ================= 其他修复 ================= */
.cmp-carousel--advertise .owl-dots{ display:none !important; } /* 隐藏 dots */
#business-event-slider,
.advertiseslider,
.cmp-carousel--advertise,
.Owlsync-two{ width:100%; }       /* 兜底，避免 0 宽 */

/* ================= 平板（768–992） ================= */
@media (min-width:768px) and (max-width:992px){
  .cmp-carousel--advertise{
    -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;
  }
  .cmp-carousel--imagebox{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
  .cmp-carousel--contentbox{
    -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;
    margin-left:-20px; margin-top:-20px;
  }
  .cmp-carousel--contentbox .owl-carousel{ min-height:450px; padding:30px 20px 30px 30px; }
  .cmp-carousel--contentbox .gallery-text--title{ font-size:26px; margin:0 0 16px; }
  .cmp-carousel--contentbox .gallery-text--description p{ font-size:13px; line-height:21px; }
  .Owlsync-two{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%; margin-top:8px; }
  .Owlsync-two .gallery-thumb--item{ height:75px; }
}

/* ================= 手机（≤768） ================= */
@media (max-width:768px){
  .cmp-carousel--advertise{
    display:block;                 /* 简化为单列堆叠 */
  }
  .cmp-carousel--contentbox{
    background:#d00; border-radius:3px;
    margin-left:-15px; margin-top:-125px; width:calc(100% + 30px); max-width:calc(100% + 30px);
  }
  .cmp-carousel--contentbox .owl-carousel{ min-height:auto; padding:150px 15px 32px; }
  .cmp-carousel--contentbox .gallery-text--title{ font-size:24px; }
  .cmp-carousel--contentbox .gallery-text--description{ margin-bottom:40px; }
  .cmp-carousel--contentbox .gallery-text--description p{ font-size:14px; line-height:19px; }
  .cmp-carousel--advertise .carousel__item .gallery-item{ aspect-ratio:16/9; height:auto; }
  .Owlsync-two{ width:100%; max-width:100%; margin-top:8px; }
  .Owlsync-two .gallery-thumb--item{ aspect-ratio:16/12; height:auto; }
}