@charset "UTF-8";
/* v3.1 位于既有首页样式之后；仅覆盖首页轮播的定位与素材容器。 */
body.cb2-home .Rotation-layoutcontainer {
  position: relative;
  top: auto !important;
  transform: none !important;
  margin-top: var(--cb2-header-reserve, var(--navheight, 62px)) !important;
}
body.cb2-home .Swiper-m {
  top: auto !important;
  transform: none !important;
  margin-top: var(--cb2-header-reserve, var(--wapnavheight, 58px)) !important;
}
/* Fade 切换时每一页自带底色，透明图片不会透出上一页视频。 */
body.cb2-home .Rotation-layoutcontainer,
body.cb2-home .Rotation-layoutcontainer .swiper-wrapper-container,
body.cb2-home .Rotation-layoutcontainer .home-swiper,
body.cb2-home .Rotation-layoutcontainer .swiper-slide {
  background: #f7f9fc !important;
}
body.cb2-home .Rotation-layoutcontainer .home-swiper,
body.cb2-home .Rotation-layoutcontainer .swiper-slide { overflow: hidden; }
/* 旧横幅保持全幅显示；只有本包四张透明插画采用右侧独立布局。 */
body.cb2-home .Rotation-layoutcontainer .comp_swiper_img.cb2-hero-visual,
body.cb2-home .Rotation-layoutcontainer .comp_swiper_video {
  inset: 0;
  width: 100%;
  height: 100%;
}
body.cb2-home .Rotation-layoutcontainer .comp_swiper_img.cb2-hero-visual .cb2-hero-artwork {
  object-fit: cover;
  object-position: center;
}
body.cb2-home .Rotation-layoutcontainer .comp_swiper_img.cb2-hero-cutout {
  inset: 0 var(--home-gutter) 58px calc(50% - 32px);
  width: auto;
  height: auto;
}
body.cb2-home .Rotation-layoutcontainer .comp_swiper_img.cb2-hero-cutout .cb2-hero-artwork {
  object-fit: contain;
  object-position: center;
}
/* 左右布局的文字只定位一次，避免原行内 bottom/top 与新 top 同时生效。 */
body.cb2-home .Rotation-layoutcontainer .swiper-wrapper-container.about .swipervertical-textcontainer {
  top: 56px !important;
  bottom: auto !important;
  margin-left: 0 !important;
  transform: none !important;
}
body.cb2-home .Rotation-layoutcontainer .swiper-wrapper-container.about .swipervertical-textcontainer .swiper-text {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}
@media (max-width: 900px) {
  body.cb2-home .Rotation-layoutcontainer .swiper-wrapper-container.about .swipervertical-textcontainer { top: 40px !important; }
  body.cb2-home .Rotation-layoutcontainer .comp_swiper_img.cb2-hero-cutout { inset: 252px 24px 100px; }
}
@media (max-width: 600px) {
  body.cb2-home .Rotation-layoutcontainer .swiper-wrapper-container.about .swipervertical-textcontainer { top: 30px !important; }
  body.cb2-home .Rotation-layoutcontainer .comp_swiper_img.cb2-hero-cutout { inset: 310px 16px 148px; }
}