/* Compiled from LESS. Edit this CSS going forward. */
/* Modern layout tokens — html { font-size: 10px } in site.less → 1rem = 10px */
/* 1200px content */
/* Homepage section shell — single visual column */
/* Homepage */
/* between major sections */
/* section title → main content */
/* carousel → Learn More button */
/* last section → footer */
/* Inner pages (About, etc.) */
/* Toolbox / forpros marketing page — type scale */
/* 3.2rem — page-level headings */
/* 2.4rem */
/* 1.8rem — intro copy (e.g. above search) */
/* 1.6rem — section descriptions */
/* 1.4rem */
/* 2.4rem — nested card titles */
/* 1.8rem */
/* bottom-content product name (.big-title) vs block headings (.card-title) */
/* product-library.html 品类入口卡：名称略大于素材列表标题 */
/* 手机端品类卡：图片区统一高度，便于同行标题/按钮对齐 */
/* 1.8rem */
/* 1.4rem */
/* 1.3rem */
/* Toolbox floating actions (cart, back-to-top, back, home) */
/* Mobile stack: base → back-top → goto → back-home → cart */
/* Toolbox 桌面侧栏：filter-nav / slider-bar（高于主内容，低于弹层） */
/* Form / lookup / registration pages — type scale */
/* Marketing / product toolkit (.page-toolbox) — light banner, dark text */
/* product-library-list 等：两列素材卡片 + 紧凑操作钮 */
/* 两列品类卡：等高图片区 + 标题弹性区 + 按钮贴底 */
/* product-library.html：品类网格 + 长 CTA 文案 */
/* product-library-one 等：bottom-content 内各类素材列表 */
/* gifts-detail.html / props-detail.html：详情 + You May Also Like */
/* Inner page hero — mobile (legacy mpx @ 414px design → rem) */
/* 1720px artboard → @layout-max；覆盖 share-new.less（需在 multi-new.less 之后加载） */
.page-multi {
  /* 覆盖 share-new 的 149rem / 150rem 固定宽 */
  /* share-new 原稿：149rem 容器、73×39rem 卡片、multi-outdoor 15.2×19.6 @ left 49.3 */
}
.page-multi .banner {
  position: relative;
  height: calc(300 / 1080 * 100vw);
  min-height: 30rem;
  overflow: hidden;
}
.page-multi .banner .multi-banner-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -24rem;
  top: 0;
  object-fit: cover;
}
.page-multi .banner .banner-bg {
  position: absolute;
  width: 55%;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  object-fit: cover;
  object-position: right center;
  transform: scale(1.13);
  transform-origin: right center;
  z-index: 1;
}
.page-multi .banner .banner-text {
  position: absolute;
  z-index: 2;
  left: calc((100% - 55%) + max((300 / 1080 * 100vw / 3), 10rem));
  right: auto;
  width: 56rem;
  max-width: calc(55% - max((300 / 1080 * 100vw / 3), 10rem));
  top: 0;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.page-multi .banner .banner-text .banner-text-inner {
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.page-multi .banner .banner-text .title {
  color: #333333;
  font-size: 4.5rem;
  letter-spacing: 0;
  line-height: 1.2;
}
.page-multi .banner .banner-text .sub-title {
  color: #333333;
  font-size: 3.6rem;
  line-height: 1.2;
  margin-top: 2.4rem;
  margin-bottom: 0;
}
.page-multi .banner .banner-text .desc {
  color: #333333;
  font-size: 1.7rem;
  line-height: 1.5;
  margin-top: 4rem;
  width: 100%;
  max-width: 50.23255814rem;
}
.page-multi .content {
  overflow: hidden;
  padding-bottom: 10rem;
}
.page-multi .content .grid-1 {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 5.65116279rem;
  padding-left: 0;
  padding-right: 0;
  gap: 2.51162791rem;
}
.page-multi .content .grid-1 .radial {
  width: 131.79069767rem;
  height: 120.31395349rem;
  left: 4.53488372rem;
  top: -11.37209302rem;
}
.page-multi .content .grid-1 .grid-1-left {
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
  height: auto;
  min-height: 0;
  border-radius: 1.74418605rem;
  background-color: rgba(255, 255, 255, 0.74);
  overflow: visible;
  padding-left: 5.72093023rem;
  padding-top: 4.88372093rem;
  padding-right: 8.65116279rem;
  padding-bottom: 2.79069767rem;
  box-sizing: border-box;
}
.page-multi .content .grid-1 .grid-1-left .card-title {
  color: #3e3e3e;
  font-size: 2.65116279rem;
  line-height: 1.2;
  letter-spacing: -0.035rem;
  margin-bottom: 4.3255814rem;
}
.page-multi .content .grid-1 .grid-1-left .feature-row {
  position: relative;
  margin-bottom: 2.09302326rem;
  z-index: 1;
  align-items: flex-start;
  /* Comfort in Any Climate 的 hover 层不压住下方 True Comfort Quietly 等行 */
}
.page-multi .content .grid-1 .grid-1-left .feature-row.feature-row-2 {
  z-index: 2;
}
.page-multi .content .grid-1 .grid-1-left .feature-row.feature-row-2 ~ .feature-row {
  z-index: 3;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-1 {
  width: 3.90697674rem;
  height: 3.62790698rem;
  flex-shrink: 0;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-2 {
  width: 3.90697674rem;
  height: 3.90697674rem;
  flex-shrink: 0;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-3 {
  width: 3.90697674rem;
  height: 3.8372093rem;
  flex-shrink: 0;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-4 {
  width: 3.90697674rem;
  height: 3.55813953rem;
  flex-shrink: 0;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-1,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-2,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-3,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-4 {
  position: relative;
  flex-shrink: 0;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-1 .bg-img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-2 .bg-img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-3 .bg-img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-4 .bg-img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-1 img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-2 img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-3 img,
.page-multi .content .grid-1 .grid-1-left .feature-row .icon-4 img {
  object-fit: contain;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text {
  position: relative;
  margin-left: 1.6744186rem;
  min-width: 0;
  flex: 1 1 auto;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .feature-title {
  color: #333;
  font-size: 2.09302326rem;
  line-height: 1.2;
  margin-bottom: 0.8372093rem;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .feature-desc {
  color: #333;
  font-size: 1.6rem;
  line-height: 1.5;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .feature-desc .orange {
  color: #ef851b;
  cursor: pointer;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .feature-desc .blue {
  color: #1f94d2;
  cursor: pointer;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .hover-title {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .hover-desc {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-top: 1rem;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .feature-hover-img {
  width: 45.39488372rem;
  height: 7.95348837rem;
  left: -8.30232558rem;
  top: 87%;
  pointer-events: none;
  opacity: 0;
  padding-left: 1.46511628rem;
  padding-right: 1.46511628rem;
  padding-top: 1.46511628rem;
  box-sizing: border-box;
  z-index: 4;
}
.page-multi .content .grid-1 .grid-1-left .feature-row .feature-text .feature-hover-img-2 {
  width: 45.39488372rem;
  height: 7.95348837rem;
  left: -8.30232558rem;
  top: 63%;
  pointer-events: none;
  opacity: 0;
  padding-left: 1.46511628rem;
  padding-right: 1.46511628rem;
  padding-top: 1.11627907rem;
  box-sizing: border-box;
  z-index: 4;
}
.page-multi .content .grid-1 .grid-1-right {
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
  padding-top: 1.53488372rem;
  box-sizing: border-box;
}
.page-multi .content .grid-1 .grid-1-right .card-title {
  width: 34.88372093rem;
  color: #1f94d2;
  font-size: 2.65116279rem;
  line-height: 1.2;
  letter-spacing: -0.036rem;
}
.page-multi .content .grid-1 .grid-1-right .feature-img {
  width: 100%;
  height: 56.79069767rem;
  margin-top: 1.81395349rem;
}
.page-multi .content .grid-1 .grid-1-right .feature-img .bg-img,
.page-multi .content .grid-1 .grid-1-right .feature-img img {
  object-fit: contain;
}
.page-multi .content .grid-2 {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 7.60465116rem;
}
.page-multi .content .grid-2 .grid-inner {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.page-multi .content .grid-2 .grid-inner .grid-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.page-multi .content .grid-2 .grid-inner .grid-top .top-left {
  flex-shrink: 0;
  width: 44.65116279rem;
  min-width: 0;
}
.page-multi .content .grid-2 .grid-inner .grid-top .top-left .title-text {
  color: #000;
  font-size: 2.65116279rem;
  line-height: 1.2;
}
.page-multi .content .grid-2 .grid-inner .grid-top .top-left .desc-text {
  color: #000;
  font-size: 2rem;
  line-height: 1.4;
  margin-top: 2.4rem;
  padding-right: 3.34883721rem;
}
.page-multi .content .grid-2 .grid-inner .grid-top .house-img {
  flex-shrink: 0;
  width: 48.8372093rem;
  height: 19.95348837rem;
}
.page-multi .content .grid-2 .grid-inner .grid-top .house-img .bg-img,
.page-multi .content .grid-2 .grid-inner .grid-top .house-img img {
  object-fit: contain;
}
.page-multi .content .grid-2 .grid-inner .grid-middle {
  margin-top: 5.02325581rem;
  margin-bottom: 4.18604651rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0.8372093rem;
}
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button {
  flex: 1 1 0;
  min-width: 0;
  max-width: 33.41860465rem;
  height: 5.44186047rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #1f94d2;
  border-radius: 1.11627907rem;
  box-sizing: border-box;
}
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .spec-bg {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 6.62790698rem;
  opacity: 0;
}
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .spec-bg .bg-img,
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .spec-bg img {
  object-fit: fill;
}
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .button-text {
  font-size: 1.53488372rem;
  line-height: 1.2;
  pointer-events: none;
  color: #1f94d2;
  position: relative;
  z-index: 1;
}
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button.active .spec-bg {
  opacity: 1;
}
.page-multi .content .grid-2 .grid-inner .grid-middle .spec-button.active .button-text {
  color: #fff;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom {
  position: relative;
  width: 100%;
  height: 27.90697674rem;
  border: 1px solid #e2e2e2;
  border-radius: 1.04651163rem;
  overflow: hidden;
  box-sizing: border-box;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card-1 {
  padding-left: 10.95348837rem;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card-2,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card-3 {
  padding-left: 9.8372093rem;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding-right: 1.6744186rem;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-1,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-2,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-3 {
  position: relative;
  flex-shrink: 0;
  width: 40.11627907rem;
  height: 20.58139535rem;
  margin-right: 9.27906977rem;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-1 .bg-img,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-2 .bg-img,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-3 .bg-img,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-1 img,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-2 img,
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-3 img {
  object-fit: contain;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .bottom-text {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  color: #000;
  font-size: 2rem;
  line-height: 1.5;
  max-width: 39.06976744rem;
}
.page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card.active {
  opacity: 1;
  pointer-events: auto;
}
.page-multi .content > .grid-outdoor,
.page-multi .content > .grid-compatible,
.page-multi .content > .grid-controls,
.page-multi .content > .grid-video,
.page-multi .content > .grid-download,
.page-multi .grid-outdoor,
.page-multi .grid-compatible,
.page-multi .grid-controls,
.page-multi .grid-video,
.page-multi .grid-download {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.page-multi .grid-outdoor {
  margin-top: 16.10738255rem;
}
.page-multi .grid-outdoor .grid-title {
  color: #000;
  font-size: 4.51006711rem;
  line-height: 1.2;
  margin-bottom: 4.83221477rem;
  text-align: center;
}
.page-multi .grid-outdoor .grid-inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1.39534884rem;
  height: 31.40939597rem;
}
.page-multi .grid-outdoor .grid-inner .card {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: calc(50% - (10 / 1720 * 120rem));
  height: 100%;
  border-radius: 2rem;
  background: #f8f8f8;
  padding-left: 4.02684564rem;
  padding-top: 3.22147651rem;
  padding-bottom: 2.41610738rem;
  padding-right: 1.61073826rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
  box-sizing: border-box;
}
.page-multi .grid-outdoor .grid-inner .card .multi-outdoor-1,
.page-multi .grid-outdoor .grid-inner .card .multi-outdoor-2 {
  width: 20.82191781%;
  height: 50.25641026%;
  left: 67.53424658%;
  top: 13.84615385%;
  right: auto;
  max-width: none;
}
.page-multi .grid-outdoor .grid-inner .card .multi-outdoor-1 .bg-img,
.page-multi .grid-outdoor .grid-inner .card .multi-outdoor-2 .bg-img,
.page-multi .grid-outdoor .grid-inner .card .multi-outdoor-1 img,
.page-multi .grid-outdoor .grid-inner .card .multi-outdoor-2 img {
  object-fit: contain;
  object-position: center bottom;
}
.page-multi .grid-outdoor .grid-inner .card .card-text {
  width: 61.64383562%;
  max-width: 61.64383562%;
  min-width: 0;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.page-multi .grid-outdoor .grid-inner .card .card-text .card-title {
  color: #333;
  font-size: 1.77181208rem;
  line-height: 1.2;
  margin-bottom: 0.96644295rem;
}
.page-multi .grid-outdoor .grid-inner .card .card-text .card-feature {
  color: #333;
  font-size: 1.2885906rem;
  line-height: 1.8;
}
.page-multi .grid-outdoor .grid-inner .card .card-text .card-feature .blue {
  color: #1f94d2;
}
.page-multi .grid-outdoor .grid-inner .card .card-text .card-feature .invisible {
  opacity: 0;
}
.page-multi .grid-outdoor .grid-inner .card .card-button {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 13.85234899rem;
  height: 3.22147651rem;
  margin-top: 1.2885906rem;
  border: 1px solid #1f94d2;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f94d2;
  font-size: 1.2885906rem;
  line-height: 1.2;
  letter-spacing: 0.02rem;
  box-sizing: border-box;
}
.page-multi .grid-outdoor .grid-inner .card .card-button:hover {
  background: #1f94d2;
  color: #fff;
}
.page-multi .grid-compatible .grid-inner {
  height: 31.15845539rem;
}
.page-multi .grid-compatible .grid-inner .swiper {
  height: 100%;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-wrapper {
  align-items: stretch;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide {
  width: 30rem;
  height: 100%;
  align-self: stretch;
  display: flex;
  box-sizing: border-box;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.59786951rem 0.9587217rem 3.35552597rem;
  box-sizing: border-box;
  text-align: center;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-img {
  flex: 0 0 14.62050599rem;
  width: 100%;
  max-width: 18.69507324rem;
  height: 14.62050599rem;
  margin: 0;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-img .bg-img,
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-img img {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-title {
  flex: 0 0 3.99467377rem;
  min-height: 3.99467377rem;
  width: 100%;
  margin: 0 0 1.27829561rem;
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.59786951rem;
  line-height: 1.2;
  color: #000;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .detail-button {
  flex: 0 0 auto;
  width: 13.74167776rem;
  height: 3.19573901rem;
  margin-top: auto;
  font-size: 1.27829561rem;
  border: 1px solid #1f94d2;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f94d2;
  box-sizing: border-box;
}
.page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .detail-button:hover {
  background: #1f94d2;
  color: #fff;
}
.page-multi .grid-controls .grid-inner {
  height: 55.85106383rem;
  overflow: hidden;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide {
  width: 38.45744681rem;
  margin-right: 2.31382979rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide:last-child {
  margin-right: 0;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner {
  border-radius: 1.59574468rem;
  padding-top: 24.73404255rem;
  padding-left: 3.35106383rem;
  padding-right: 5.02659574rem;
  overflow: hidden;
  box-sizing: border-box;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .img-1 {
  width: 14.20212766rem;
  height: 14.04255319rem;
  top: 5.50531915rem;
  left: 11.25rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .img-2 {
  width: 14.04255319rem;
  height: 13.96276596rem;
  top: 5.58510638rem;
  left: 11.4893617rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .img-3-left {
  width: 14.88031915rem;
  height: 9.41489362rem;
  top: 5.74468085rem;
  right: 19.94680851rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .img-3-right {
  width: 14.88031915rem;
  height: 9.41489362rem;
  top: 5.74468085rem;
  left: 20.58510638rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .card-title {
  font-size: 1.75531915rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .card-sub-title {
  font-size: 1.75531915rem;
}
.page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner .card-desc {
  font-size: 1.27659574rem;
  line-height: 1.5;
}
.page-multi .grid-video .grid-inner {
  height: 45.04rem;
}
.page-multi .grid-video .grid-inner .video-text {
  width: 45.04rem;
  font-size: 1.76rem;
}
.page-multi .grid-download {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 12rem;
  margin-bottom: 0;
}
.page-multi .grid-download .grid-title {
  color: #000;
  font-size: 4.48rem;
  line-height: 1.2;
  margin-bottom: 4.8rem;
  text-align: center;
}
.page-multi .grid-download .grid-inner {
  height: 16rem;
}
.page-multi .grid-download .grid-inner .download-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.8rem;
}
.page-multi .grid-download .grid-inner .download-card .download-bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-multi .grid-download .grid-inner .download-card .download-bg .bg-img,
.page-multi .grid-download .grid-inner .download-card .download-bg img {
  object-fit: cover;
}
.page-multi .grid-download .grid-inner .download-card .download-icon {
  position: relative;
  z-index: 1;
  width: 5.12rem;
  height: 4.864rem;
}
.page-multi .grid-download .swiper-slide {
  width: 95.44rem;
  margin-right: 2.4rem;
}
.page-multi .grid-download .prev-button,
.page-multi .grid-download .next-button {
  width: 4.8rem;
  height: 4.8rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.page-multi .grid-download .prev-button {
  left: -2.4rem;
}
.page-multi .grid-download .next-button {
  right: -2.4rem;
}
@media screen and (max-width: 990px) {
  .page-multi {
    overflow-x: hidden;
  }
  .page-multi .banner {
    position: relative;
    height: 55rem;
    min-height: 55rem;
    overflow: visible;
    box-sizing: border-box;
    padding: 0;
  }
  .page-multi .banner picture {
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-multi .banner .multi-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
  .page-multi .banner .banner-bg {
    display: none;
  }
  .page-multi .banner .banner-text {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 37.5rem;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    width: 38.2rem;
    max-width: calc(100% - 3.2rem);
    height: auto;
    margin: 0;
    display: block;
    align-items: stretch;
    justify-content: flex-start;
  }
  .page-multi .banner .banner-text.abs {
    position: absolute;
  }
  .page-multi .banner .banner-text.h-full {
    height: auto;
    min-height: 0;
  }
  .page-multi .banner .banner-text .banner-text-inner {
    width: 100%;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 0.4rem;
    padding: 5rem 0.6rem 2.4rem;
    box-sizing: border-box;
  }
  .page-multi .banner .banner-text .title {
    font-size: 3rem;
    text-align: center;
    letter-spacing: 0.05rem;
    color: #fff;
    line-height: 1.2;
  }
  .page-multi .banner .banner-text .sub-title {
    font-size: 2rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin-top: 2.4rem;
    margin-bottom: 0;
  }
  .page-multi .banner .banner-text .desc {
    width: 100%;
    max-width: none;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    margin-top: 1.4rem;
    line-height: 1.55;
  }
  .page-multi .content {
    padding-bottom: 4.8rem;
  }
  .page-multi .content .grid-1 {
    width: 100%;
    max-width: 38.2rem;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-items: center;
    padding-top: 20.5rem;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
    box-sizing: border-box;
  }
  .page-multi .content .grid-1 .grid-1-left,
  .page-multi .content .grid-1 .grid-1-right {
    flex: none;
    width: 100%;
    max-width: none;
  }
  .page-multi .content .grid-1 .grid-1-right {
    padding-top: 0;
  }
  .page-multi .content .grid-1 .grid-1-right .card-title {
    width: 26.5rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 2rem;
  }
  .page-multi .content .grid-1 .grid-1-right .feature-img {
    width: 100%;
    height: auto;
    min-height: 43rem;
    margin-top: -6.4rem;
  }
  .page-multi .content .grid-1 .grid-1-right .feature-img .bg-img,
  .page-multi .content .grid-1 .grid-1-right .feature-img img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .page-multi .content .grid-2 {
    width: 100%;
    max-width: 38.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    box-sizing: border-box;
    z-index: 1;
  }
  .page-multi .content .grid-2 .grid-inner {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .page-multi .content .grid-2 .grid-inner .grid-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-multi .content .grid-2 .grid-inner .grid-top .top-left {
    order: 2;
    flex-shrink: 0;
    width: 100%;
    max-width: 37rem;
    min-width: 0;
    margin-left: 0;
    margin-top: 3rem;
  }
  .page-multi .content .grid-2 .grid-inner .grid-top .top-left .title-text {
    font-size: 2.2rem;
    line-height: 1.36;
  }
  .page-multi .content .grid-2 .grid-inner .grid-top .top-left .desc-text {
    margin-top: 0.8rem;
    padding-right: 0;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .page-multi .content .grid-2 .grid-inner .grid-top .house-img {
    order: 1;
    flex-shrink: 0;
    width: 100%;
    max-width: 41.9rem;
    height: 17.12rem;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    position: relative;
  }
  .page-multi .content .grid-2 .grid-inner .grid-top .house-img .bg-img,
  .page-multi .content .grid-2 .grid-inner .grid-top .house-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle {
    margin-top: 5.4rem;
    margin-bottom: 1.8rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0.8rem;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    height: auto;
    min-height: 4.2rem;
    box-sizing: border-box;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    width: auto;
    height: 4.2rem;
    margin-right: 0;
    padding: 0 0.4rem;
    border-radius: 0.86rem;
    overflow: hidden;
    box-sizing: border-box;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .spec-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .spec-bg .bg-img,
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .spec-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button .button-text {
    position: relative;
    z-index: 1;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: 0 0.2rem;
    white-space: nowrap;
    text-align: center;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button.active {
    background-color: #1f94d2;
    border-color: #1f94d2;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button.active .spec-bg {
    display: none;
  }
  .page-multi .content .grid-2 .grid-inner .grid-middle .spec-button.active .button-text {
    color: #fff;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card-1,
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card-2,
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card-3 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 1.6rem;
    padding-bottom: 2.4rem;
    box-sizing: border-box;
    object-fit: unset;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card:not(.active) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card.active {
    position: relative;
    inset: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-1,
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-2,
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .ahu-3 {
    position: relative;
    flex-shrink: 0;
    width: 34.5rem;
    max-width: 100%;
    height: 17.7rem;
    margin: 0 0 2rem;
  }
  .page-multi .content .grid-2 .grid-inner .grid-bottom .spec-card .bottom-text {
    position: relative;
    flex: none;
    width: 100%;
    max-width: none;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .page-multi .grid-outdoor,
  .page-multi .grid-compatible,
  .page-multi .grid-controls,
  .page-multi .grid-video,
  .page-multi .grid-download {
    width: 100%;
    max-width: 38.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    box-sizing: border-box;
  }
  .page-multi .grid-outdoor .grid-title,
  .page-multi .grid-compatible .grid-title,
  .page-multi .grid-controls .grid-title,
  .page-multi .grid-video .grid-title,
  .page-multi .grid-download .grid-title {
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 2.4rem;
  }
  .page-multi .grid-outdoor .grid-inner {
    flex-direction: column;
    height: auto;
    gap: 0;
  }
  .page-multi .grid-outdoor .grid-inner .card {
    flex: none;
    width: 100%;
    max-width: none;
    padding: 2.4rem 1.8rem 3.2rem;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: visible;
  }
  .page-multi .grid-outdoor .grid-inner .card:first-child {
    margin-bottom: 2.4rem;
  }
  .page-multi .grid-outdoor .grid-inner .card .multi-outdoor-1,
  .page-multi .grid-outdoor .grid-inner .card .multi-outdoor-2 {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 18rem;
    height: 23.5rem;
    flex-shrink: 0;
    margin: 0 auto 2rem;
    max-width: none;
  }
  .page-multi .grid-outdoor .grid-inner .card .multi-outdoor-1 .bg-img,
  .page-multi .grid-outdoor .grid-inner .card .multi-outdoor-2 .bg-img,
  .page-multi .grid-outdoor .grid-inner .card .multi-outdoor-1 img,
  .page-multi .grid-outdoor .grid-inner .card .multi-outdoor-2 img {
    position: relative;
    inset: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }
  .page-multi .grid-outdoor .grid-inner .card .card-text {
    position: relative;
    width: 100%;
    max-width: 36rem;
    flex-shrink: 0;
    z-index: 1;
  }
  .page-multi .grid-outdoor .grid-inner .card .card-text .card-title {
    font-size: 1.8rem;
    margin-bottom: 0.6rem;
  }
  .page-multi .grid-outdoor .grid-inner .card .card-text .card-feature {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .page-multi .grid-outdoor .grid-inner .card .card-button {
    flex-shrink: 0;
    margin-top: 3rem;
    background: #1f94d2;
    color: #fff;
  }
  .page-multi .grid-compatible {
    overflow: visible;
  }
  .page-multi .grid-compatible .grid-inner {
    height: 22.9rem;
    overflow: visible;
  }
  .page-multi .grid-compatible .grid-inner .swiper {
    height: 100%;
    border-radius: 1.2rem;
    overflow: hidden;
    background: #f8f8f8;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-wrapper {
    align-items: stretch;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide {
    width: 12.733rem;
    height: 100%;
    display: flex;
    align-self: stretch;
    flex: none;
    box-sizing: border-box;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 1.2rem 0.6rem 2.4rem;
    box-sizing: border-box;
    text-align: center;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-img {
    flex: 0 0 6.6rem;
    width: 100%;
    height: 6.6rem;
    margin: 0;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-img .bg-img,
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-img img {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .product-title {
    flex: 0 0 5rem;
    min-height: 5rem;
    width: 100%;
    margin: 0;
    padding: 0 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    line-height: 1.2;
    color: #000;
  }
  .page-multi .grid-compatible .grid-inner .swiper .swiper-slide .data-inner .detail-button {
    flex: 0 0 auto;
    background: #1f94d2;
    color: #fff;
    width: 10rem;
    height: 2.4rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  .page-multi .grid-compatible .prev-button,
  .page-multi .grid-compatible .next-button {
    width: 2.4rem;
    height: 2.4rem;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .page-multi .grid-compatible .prev-button {
    left: 0;
  }
  .page-multi .grid-compatible .next-button {
    right: 0;
  }
  .page-multi .grid-controls {
    padding-left: 0;
    padding-right: 0;
  }
  .page-multi .grid-controls .grid-inner {
    height: 62rem;
  }
  .page-multi .grid-controls .grid-inner .swiper {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .page-multi .grid-controls .grid-inner .swiper .swiper-slide {
    width: 34.8rem;
    margin-right: 1.6rem;
  }
  .page-multi .grid-controls .grid-inner .swiper .swiper-slide .data-inner {
    padding-top: 21.6rem;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    border-radius: 1.6rem;
  }
  .page-multi .grid-controls .button-group {
    display: none;
  }
  .page-multi .grid-video .grid-inner {
    height: 13.8rem;
    border-radius: 1.6rem;
  }
  .page-multi .grid-video .grid-inner .play-icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 0.8rem;
  }
  .page-multi .grid-video .grid-inner .video-text {
    width: 100%;
    max-width: 30rem;
    font-size: 1.4rem;
  }
  .page-multi .grid-download {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 0;
  }
  .page-multi .grid-download .grid-inner .download-card .download-bg {
    width: 100%;
  }
  .page-multi .grid-download .swiper {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .page-multi .grid-download .swiper .swiper-slide {
    width: 35rem;
    margin-right: 1.4rem;
  }
  .page-multi .grid-download .prev-button,
  .page-multi .grid-download .next-button {
    display: none;
  }
}