.mall-page { background: #fff; }
.mall-hero { position: relative; min-height: 535px; overflow: hidden; color: #fff; }
.mall-hero-image { position: absolute; inset: 0; background: url("https://yamiweb-1426770937.cos.ap-chongqing.myqcloud.com/mall_background.png") center / cover no-repeat; filter: saturate(.78); transform: scale(1.02); }
.mall-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 42, 63, .93) 0%, rgba(12, 42, 63, .68) 43%, rgba(12, 42, 63, .16) 100%), linear-gradient(180deg, rgba(12, 42, 63, .08), rgba(12, 42, 63, .38)); }
.mall-hero-content { position: relative; padding-top: 138px; }
.mall-hero-qrcode { position: absolute; right: 0; bottom: 54px; display: flex; align-items: center; gap: 16px; color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.7; }
.mall-hero-qrcode img { width: 144px; height: 144px; padding: 8px; background: #fff; object-fit: cover; }
.mall-hero-content .eyebrow { margin-bottom: 21px; }
.mall-hero h1 { margin: 0; max-width: 720px; font-size: clamp(46px, 6vw, 76px); font-weight: 400; line-height: 1.12; letter-spacing: -.07em; }
.mall-hero h1 em { color: #acd3e8; font-style: normal; }
.mall-hero-content > p:not(.eyebrow) { max-width: 520px; margin: 25px 0 32px; color: rgba(255,255,255,.78); font-size: 15px; line-height: 2; }
.mall-positioning-section { background: #f7f9f8; }
.mall-positioning { padding-bottom: 100px; }
.mall-positioning-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mall-positioning-grid > div { min-height: 285px; padding: 29px 45px 32px 0; border-right: 1px solid var(--line); }
.mall-positioning-grid > div + div { padding-left: 45px; }
.mall-positioning-grid > div:last-child { border-right: 0; }
.mall-positioning-grid span { color: #77909e; font-size: 12px; }
.mall-positioning-grid h3 { margin: 38px 0 16px; color: var(--deep); font-size: 32px; font-weight: 400; letter-spacing: -.05em; }
.mall-positioning-grid p { max-width: 500px; min-height: 78px; margin: 0 0 24px; color: var(--muted); font-size: 14px; line-height: 1.95; }
.mall-product-section { color: #fff; background: #103f60; }
.mall-product-section { padding: 96px 0 102px; }
.mall-product-section .section-title { margin-bottom: 46px; }
.mall-product-list { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.28); }
.mall-product-list > div { min-height: 235px; padding: 26px 26px 25px 0; border-right: 1px solid rgba(255,255,255,.28); }
.mall-product-list > div:not(:first-child) { padding-left: 26px; }
.mall-product-list > div:last-child { border-right: 0; }
.mall-product-list b { color: #8bc5ea; font-family: Georgia, serif; font-size: 15px; font-weight: 400; }
.mall-product-list h3 { margin: 0 0 14px; color: #fff; font-size: 19px; font-weight: 400; }
.mall-product-list p { margin: 0; color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.9; }
.mall-cooperation-section { background: #fff; }
.mall-cooperation { padding-top: 98px; padding-bottom: 104px; }
.mall-cooperation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; }
.mall-cooperation-lead h3 { margin: 0 0 27px; color: var(--deep); font-size: clamp(32px, 4vw, 52px); font-weight: 400; line-height: 1.3; letter-spacing: -.07em; }
.mall-cooperation-lead p { max-width: 530px; margin: 0; color: var(--muted); font-size: 14px; line-height: 2; }
.mall-cooperation-list { border-top: 1px solid var(--line); }
.mall-cooperation-list > div { padding: 24px 0; border-bottom: 1px solid var(--line); }
.mall-cooperation-list span { color: var(--deep); font-size: 17px; }
.mall-cooperation-list p { margin: 9px 0 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.mall-contact { border-top: 5px solid #0d3150; }

@media (max-width: 900px) {
  .mall-product-list { grid-template-columns: 1fr 1fr; }
  .mall-product-list > div:nth-child(2) { border-right: 0; }
  .mall-product-list > div:nth-child(3), .mall-product-list > div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.28); }
  .mall-cooperation-grid { grid-template-columns: 1fr; gap: 55px; }
}

@media (max-width: 680px) {
  .mall-hero { min-height: 605px; }
  .mall-hero-content { padding-top: 112px; }
  .mall-hero-qrcode { position: static; margin-top: 34px; }
  .mall-hero-qrcode img { width: 112px; height: 112px; }
  .mall-positioning { padding-top: 70px; padding-bottom: 70px; }
  .mall-positioning-grid { grid-template-columns: 1fr; }
  .mall-positioning-grid > div, .mall-positioning-grid > div + div { min-height: 0; padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .mall-positioning-grid > div:last-child { border-bottom: 0; }
  .mall-positioning-grid h3 { margin-top: 25px; }
  .mall-positioning-grid p { min-height: 0; }
  .mall-product-section { padding-top: 70px; padding-bottom: 75px; }
  .mall-product-list { grid-template-columns: 1fr; }
  .mall-product-list > div, .mall-product-list > div:not(:first-child) { min-height: 0; padding: 23px 0; border-right: 0; border-top: 1px solid rgba(255,255,255,.28); }
  .mall-product-list > div:first-child { border-top: 0; }
  .mall-product-list h3 { margin: 0 0 12px; }
  .mall-cooperation { padding-top: 70px; padding-bottom: 75px; }
.mall-contact { border-top-width: 3px; }
}

@media (max-width: 900px) {
  .system-options { grid-template-columns: 1fr 1fr; }
  .system-options > div:nth-child(2) { border-right: 0; }
  .system-options > div:nth-child(3), .system-options > div:nth-child(4) { border-top: 1px solid var(--line); }
}

@media (max-width: 680px) {
  .system-equipment-section { padding-top: 70px; padding-bottom: 75px; }
  .system-options { grid-template-columns: 1fr; }
  .system-options > div, .system-options > div:not(:first-child) { min-height: 0; padding: 23px 0; border-right: 0; border-top: 1px solid var(--line); }
  .system-options > div:first-child { border-top: 0; }
  .system-options h3 { margin: 25px 0 12px; }
  .system-pricing-table-wrap { margin-top: 42px; }
}