/* =========================================================
   LazyTree Products & Services Page V2
   Scope: body.products-v2 only
   不覆盖公共导航，不覆盖 footer
========================================================= */

body.products-v2 {
  background: #fbfaf6;
  color: #0f3b2b;
}

body.products-v2 main {
  overflow: hidden;
}

body.products-v2 p,
body.products-v2 h1,
body.products-v2 h2,
body.products-v2 h3 {
  margin: 0;
}

body.products-v2 h1,
body.products-v2 h2,
body.products-v2 h3 {
  color: #0f3b2b;
  font-weight: 500;
  letter-spacing: -0.055em;
}

body.products-v2 .pv2-kicker,
body.products-v2 .pv2-section-head p,
body.products-v2 .pv2-scenario-copy p,
body.products-v2 .pv2-detail-card p,
body.products-v2 .pv2-loop-head p,
body.products-v2 .pv2-store-panel p,
body.products-v2 .pv2-value-copy p,
body.products-v2 .pv2-cta p {
  margin-bottom: 18px;
  color: rgba(15, 59, 43, 0.54);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.28em;
  font-weight: 900;
}

/* ========== Hero ========== */

body.products-v2 .pv2-hero {
  position: relative;
  min-height: 760px;
  padding: 142px 28px 92px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #fbfaf6;
}

body.products-v2 .pv2-hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(251,250,246,0.98), rgba(251,250,246,0.84) 48%, rgba(251,250,246,0.34)),
    linear-gradient(180deg, rgba(251,250,246,0.08), rgba(251,250,246,0.94)),
    url("/assets/images/business/store-service-bg-v2.webp") center center / cover no-repeat;
  transform: scale(1.02);
}

body.products-v2 .pv2-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 28%, rgba(255,255,255,0.58), transparent 34%),
    radial-gradient(circle at 84% 24%, rgba(238,229,204,0.20), transparent 36%);
}

body.products-v2 .pv2-hero-inner {
  position: relative;
  z-index: 1;
  width: min(1220px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 72px;
  align-items: center;
}

body.products-v2 .pv2-hero h1 {
  max-width: 850px;
  font-size: clamp(50px, 5.35vw, 84px);
  line-height: 1.05;
}

body.products-v2 .pv2-lead {
  margin-top: 30px;
  max-width: 760px;
  color: rgba(15,59,43,0.58);
  font-size: 16px;
  line-height: 2;
}

body.products-v2 .pv2-actions {
  margin-top: 36px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

body.products-v2 .pv2-btn {
  height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 850;
  transition:
    transform .42s cubic-bezier(.19, 1, .22, 1),
    box-shadow .42s cubic-bezier(.19, 1, .22, 1),
    background .42s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .pv2-btn:hover {
  transform: translateY(-2px);
}

body.products-v2 .pv2-btn-primary {
  color: #fff;
  background: #0f3b2b;
  box-shadow: 0 18px 46px rgba(15,59,43,0.15);
}

body.products-v2 .pv2-btn-light {
  color: #0f3b2b;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(15,59,43,0.10);
  box-shadow: 0 14px 38px rgba(15,59,43,0.05);
}

body.products-v2 .pv2-btn-gold {
  color: #0f3b2b;
  background: #dcc073;
  box-shadow: none;
}

body.products-v2 .pv2-hero-panel {
  padding: 40px 38px;
  border-radius: 30px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.62);
  backdrop-filter: blur(22px) saturate(1.06);
  -webkit-backdrop-filter: blur(22px) saturate(1.06);
  box-shadow: 0 28px 78px rgba(15,59,43,0.10);
  transition:
    transform .58s cubic-bezier(.19, 1, .22, 1),
    box-shadow .58s cubic-bezier(.19, 1, .22, 1),
    background .58s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .pv2-hero-panel:hover {
  transform: translateY(-3px);
  background: rgba(255,255,255,0.78);
  box-shadow: 0 34px 92px rgba(15,59,43,0.12);
}

body.products-v2 .pv2-hero-panel span {
  display: block;
  margin-bottom: 18px;
  color: rgba(15,59,43,0.48);
  font-size: 12px;
  letter-spacing: 0.24em;
  font-weight: 900;
}

body.products-v2 .pv2-hero-panel h2 {
  font-size: 32px;
  line-height: 1.18;
}

body.products-v2 .pv2-hero-panel p {
  margin-top: 18px;
  color: rgba(15,59,43,0.58);
  line-height: 1.9;
}

body.products-v2 .pv2-pill-row {
  margin-top: 24px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

body.products-v2 .pv2-pill-row em {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(15,59,43,0.07);
  color: rgba(15,59,43,0.72);
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}

/* ========== Sections ========== */

body.products-v2 .pv2-section {
  width: min(1220px, calc(100% - 56px));
  margin: 0 auto;
  padding: 96px 0;
}

body.products-v2 .pv2-section-head {
  max-width: 820px;
  margin: 0 auto 54px;
  text-align: center;
}

body.products-v2 .pv2-section-head h2,
body.products-v2 .pv2-scenario-copy h2,
body.products-v2 .pv2-loop-head h2,
body.products-v2 .pv2-store-panel h2,
body.products-v2 .pv2-value-copy h2,
body.products-v2 .pv2-cta h2 {
  font-size: clamp(34px, 3.7vw, 54px);
  line-height: 1.14;
}

body.products-v2 .pv2-section-head span,
body.products-v2 .pv2-scenario-copy span,
body.products-v2 .pv2-store-panel span,
body.products-v2 .pv2-value-copy span,
body.products-v2 .pv2-cta span {
  display: block;
  margin-top: 18px;
  color: rgba(15,59,43,0.56);
  font-size: 15px;
  line-height: 1.95;
}

/* ========== Overview ========== */

body.products-v2 .pv2-overview-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

body.products-v2 .pv2-overview-grid article,
body.products-v2 .pv2-scenario-list article,
body.products-v2 .pv2-package-grid article,
body.products-v2 .pv2-value-grid article {
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(15,59,43,0.08);
  box-shadow: 0 6px 18px rgba(18,59,43,0.026);
  transition:
    transform .58s cubic-bezier(.19, 1, .22, 1),
    box-shadow .58s cubic-bezier(.19, 1, .22, 1),
    border-color .58s cubic-bezier(.19, 1, .22, 1),
    background .58s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .pv2-overview-grid article:hover,
body.products-v2 .pv2-scenario-list article:hover,
body.products-v2 .pv2-package-grid article:hover,
body.products-v2 .pv2-value-grid article:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.88);
  border-color: rgba(15,59,43,0.14);
  box-shadow: 0 18px 42px rgba(18,59,43,0.065);
}

body.products-v2 .pv2-overview-grid article {
  min-height: 300px;
  padding: 32px 26px;
  border-radius: 26px;
}

body.products-v2 .pv2-overview-grid i {
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: rgba(15,59,43,0.07);
  color: #0f3b2b;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

body.products-v2 .pv2-overview-grid h3 {
  margin-top: 32px;
  font-size: 22px;
}

body.products-v2 .pv2-overview-grid p,
body.products-v2 .pv2-scenario-list p,
body.products-v2 .pv2-package-grid p,
body.products-v2 .pv2-value-grid p {
  margin-top: 14px;
  color: rgba(15,59,43,0.56);
  line-height: 1.85;
  font-size: 14px;
}

/* ========== Scenario ========== */

body.products-v2 .pv2-scenario {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}

body.products-v2 .pv2-scenario-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.products-v2 .pv2-scenario-list article {
  min-height: 220px;
  padding: 30px 28px;
  border-radius: 26px;
}

body.products-v2 .pv2-scenario-list b,
body.products-v2 .pv2-loop-track b {
  color: rgba(15,59,43,0.26);
  font-size: 36px;
  font-weight: 300;
}

body.products-v2 .pv2-scenario-list h3 {
  margin-top: 26px;
  font-size: 22px;
}

/* ========== Detail ========== */

body.products-v2 .pv2-detail-list {
  display: grid;
  gap: 18px;
}

body.products-v2 .pv2-detail-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 56px;
  align-items: center;
  padding: 38px 44px;
  border-radius: 30px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(15,59,43,0.08);
  box-shadow: 0 6px 18px rgba(18,59,43,0.026);
}

body.products-v2 .pv2-detail-card h3 {
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.15;
}

body.products-v2 .pv2-detail-card span {
  display: block;
  margin-top: 18px;
  color: rgba(15,59,43,0.58);
  font-size: 15px;
  line-height: 1.95;
}

body.products-v2 .pv2-detail-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.products-v2 .pv2-detail-card li {
  padding: 16px 0;
  border-bottom: 1px solid rgba(15,59,43,0.08);
  color: rgba(15,59,43,0.68);
  font-size: 14px;
}

body.products-v2 .pv2-detail-card li:last-child {
  border-bottom: 0;
}

body.products-v2 .pv2-detail-card li::before {
  content: "·";
  margin-right: 10px;
  color: rgba(15,59,43,0.44);
}

/* ========== Packages ========== */

body.products-v2 .pv2-package-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

body.products-v2 .pv2-package-grid article {
  min-height: 250px;
  padding: 32px 28px;
  border-radius: 26px;
}

body.products-v2 .pv2-package-grid h3,
body.products-v2 .pv2-value-grid h3 {
  font-size: 22px;
}

body.products-v2 .pv2-package-grid em {
  display: block;
  margin-top: 24px;
  color: rgba(15,59,43,0.72);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

/* ========== Loop ========== */

body.products-v2 .pv2-loop-head {
  max-width: 760px;
  margin: 0 auto 52px;
  text-align: center;
}

body.products-v2 .pv2-loop-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

body.products-v2 .pv2-loop-track article {
  min-height: 250px;
  padding: 28px 22px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,0.90), rgba(248,250,247,0.74));
  border: 1px solid rgba(15,59,43,0.08);
}

body.products-v2 .pv2-loop-track h3 {
  margin-top: 28px;
  font-size: 20px;
}

body.products-v2 .pv2-loop-track p {
  margin-top: 12px;
  color: rgba(15,59,43,0.56);
  font-size: 13px;
  line-height: 1.8;
}

/* ========== Store ========== */

body.products-v2 .pv2-store {
  position: relative;
  min-height: 520px;
  border-radius: 34px;
  overflow: hidden;
  background: #0f3b2b;
  box-shadow: 0 28px 80px rgba(15,59,43,0.12);
}

body.products-v2 .pv2-store-photo {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(15,59,43,0.16), rgba(15,59,43,0.38)),
    url("/assets/images/business/store-service-bg-v2.webp") 42% center / cover no-repeat;
}

body.products-v2 .pv2-store-panel {
  position: absolute;
  right: 44px;
  top: 50%;
  transform: translateY(-50%);
  width: min(570px, calc(100% - 88px));
  padding: 42px 44px;
  border-radius: 28px;
  background: rgba(255,255,255,0.76);
  border: 1px solid rgba(255,255,255,0.58);
  backdrop-filter: blur(22px) saturate(1.06);
  -webkit-backdrop-filter: blur(22px) saturate(1.06);
}

/* ========== Partner Value ========== */

body.products-v2 .pv2-value {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}

body.products-v2 .pv2-value-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.products-v2 .pv2-value-grid article {
  min-height: 200px;
  padding: 30px 28px;
  border-radius: 26px;
}

/* ========== CTA ========== */

body.products-v2 .pv2-cta {
  width: min(1220px, calc(100% - 56px));
  margin: 24px auto 0;
  padding: 48px 56px;
  min-height: 230px;
  border-radius: 30px;
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: space-between;
  background:
    linear-gradient(90deg, rgba(15,59,43,0.92), rgba(15,59,43,0.70)),
    url("/assets/hero-lazytree-lake-1920.webp?v=20260520a") center center / cover no-repeat;
  overflow: hidden;
}

body.products-v2 .pv2-cta p,
body.products-v2 .pv2-cta h2,
body.products-v2 .pv2-cta span {
  color: #fff;
}

body.products-v2 .pv2-cta h2 {
  max-width: 820px;
}

body.products-v2 .pv2-cta span {
  color: rgba(255,255,255,0.76);
}

/* ========== Responsive ========== */

@media (max-width: 1100px) {
  body.products-v2 .pv2-hero-inner,
  body.products-v2 .pv2-scenario,
  body.products-v2 .pv2-value {
    grid-template-columns: 1fr;
  }

  body.products-v2 .pv2-overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.products-v2 .pv2-package-grid,
  body.products-v2 .pv2-loop-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.products-v2 .pv2-detail-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body.products-v2 .pv2-hero {
    padding: 118px 20px 70px;
  }

  body.products-v2 .pv2-section {
    width: min(100% - 36px, 1220px);
    padding: 72px 0;
  }

  body.products-v2 .pv2-overview-grid,
  body.products-v2 .pv2-scenario-list,
  body.products-v2 .pv2-package-grid,
  body.products-v2 .pv2-loop-track,
  body.products-v2 .pv2-value-grid {
    grid-template-columns: 1fr;
  }

  body.products-v2 .pv2-store-panel {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin: 280px 22px 22px;
    width: auto;
  }

  body.products-v2 .pv2-cta {
    width: calc(100% - 36px);
    padding: 34px 28px;
    flex-direction: column;
    align-items: flex-start;
  }
}


/* =========================================================
   Products V2.1 Polish
   只做视觉节奏精修，不改导航、不改 footer、不新增大版块
========================================================= */

/* 首屏标题稍微收住，避免压迫 */
body.products-v2 .pv2-hero h1 {
  max-width: 780px !important;
  font-size: clamp(46px, 4.82vw, 76px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.06em !important;
}

body.products-v2 .pv2-lead {
  max-width: 700px !important;
  color: rgba(15, 59, 43, 0.56) !important;
}

/* 首屏右侧卡片轻一点，避免和标题抢层级 */
body.products-v2 .pv2-hero-panel {
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow:
    0 24px 70px rgba(15, 59, 43, 0.085),
    inset 0 1px 0 rgba(255,255,255,0.72) !important;
}

/* 五类服务总览：服务卡片精修 */
body.products-v2 .pv2-overview-grid article {
  position: relative;
  min-height: 312px !important;
  padding: 30px 24px 32px !important;
  overflow: hidden;
  box-shadow: 0 2px 10px -2px rgba(18,59,43,0.06) !important;
}

body.products-v2 .pv2-overview-grid article:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.92);
  border-color: rgba(13,74,54,0.16);
  box-shadow: 0 18px 42px rgba(18,59,43,0.065) !important;
}

body.products-v2 .pv2-overview-grid article::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #0d4a36;
  opacity: 0;
  transform: scaleX(0.45);
  transform-origin: left;
  transition:
    opacity .58s cubic-bezier(.19, 1, .22, 1),
    transform .58s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .pv2-overview-grid article:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

body.products-v2 .pv2-overview-grid small {
  display: block;
  margin-top: 28px;
  color: rgba(15,59,43,0.38);
  font-size: 11px;
  letter-spacing: .22em;
  font-weight: 900;
}

body.products-v2 .pv2-overview-grid h3 {
  margin-top: 10px !important;
  font-size: 23px !important;
}

body.products-v2 .pv2-overview-grid p {
  color: rgba(15,59,43,0.58) !important;
}

/* 用户场景版块：加强左侧叙事，右侧卡片更像问题拆解 */
body.products-v2 .pv2-scenario {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}

body.products-v2 .pv2-scenario-copy h2 {
  font-size: clamp(38px, 4.1vw, 58px) !important;
  line-height: 1.12 !important;
}

body.products-v2 .pv2-scenario-list article {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.90), rgba(250,250,247,0.76)) !important;
}

body.products-v2 .pv2-scenario-list b {
  font-size: 34px !important;
  color: rgba(15,59,43,0.22) !important;
}

/* 服务详情：减轻说明文档感，做成更清晰的大卡片叙事 */
body.products-v2 .pv2-detail {
  padding-top: 92px !important;
}

body.products-v2 .pv2-detail-list {
  gap: 22px !important;
}

body.products-v2 .pv2-detail-card {
  position: relative;
  overflow: hidden;
  padding: 42px 48px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,250,247,0.78)) !important;
  border-color: rgba(15,59,43,0.075) !important;
  box-shadow:
    0 8px 22px rgba(18,59,43,0.030),
    inset 0 1px 0 rgba(255,255,255,0.70) !important;
  transition:
    transform .58s cubic-bezier(.19, 1, .22, 1),
    box-shadow .58s cubic-bezier(.19, 1, .22, 1),
    border-color .58s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .pv2-detail-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 42px;
  width: 72px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: rgba(15,59,43,0.68);
  opacity: 0.52;
}

body.products-v2 .pv2-detail-card:hover {
  transform: translateY(-3px);
  border-color: rgba(15,59,43,0.13) !important;
  box-shadow:
    0 14px 36px rgba(18,59,43,0.052),
    inset 0 1px 0 rgba(255,255,255,0.76) !important;
}

body.products-v2 .pv2-detail-card h3 {
  font-size: clamp(30px, 2.7vw, 42px) !important;
}

body.products-v2 .pv2-detail-card ul {
  padding: 8px 0 8px 26px !important;
  border-left: 1px solid rgba(15,59,43,0.09);
}

body.products-v2 .pv2-detail-card li {
  padding: 14px 0 !important;
  line-height: 1.65;
}

/* 服务组合方案：让它像真正的“方案卡”，不再像普通说明卡 */
body.products-v2 .pv2-packages {
  padding-top: 94px !important;
}

body.products-v2 .pv2-package-grid article {
  position: relative;
  min-height: 270px !important;
  padding: 34px 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,247,0.76)) !important;
  overflow: hidden;
}

body.products-v2 .pv2-package-grid article::before {
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: rgba(15,59,43,0.045);
}

body.products-v2 .pv2-package-grid small {
  display: inline-flex;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  align-items: center;
  background: rgba(15,59,43,0.07);
  color: rgba(15,59,43,0.70);
  font-size: 12px;
  font-weight: 850;
}

body.products-v2 .pv2-package-grid h3 {
  margin-top: 24px;
  font-size: 24px !important;
  line-height: 1.22;
}

body.products-v2 .pv2-package-grid em {
  color: rgba(15,59,43,0.66) !important;
}

/* 服务闭环：增强流程感 */
body.products-v2 .pv2-loop {
  padding-top: 96px !important;
}

body.products-v2 .pv2-loop-track {
  position: relative;
}

body.products-v2 .pv2-loop-track::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(15,59,43,0.13), transparent);
  transform: translateY(-50%);
  pointer-events: none;
}

body.products-v2 .pv2-loop-track article {
  position: relative;
  z-index: 1;
  min-height: 245px !important;
  background: rgba(255,255,255,0.86) !important;
  box-shadow: 0 6px 18px rgba(18,59,43,0.024);
  transition:
    transform .58s cubic-bezier(.19, 1, .22, 1),
    box-shadow .58s cubic-bezier(.19, 1, .22, 1),
    background .58s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .pv2-loop-track article:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.94) !important;
  box-shadow: 0 12px 30px rgba(18,59,43,0.045);
}

body.products-v2 .pv2-loop-track article:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -13px;
  top: 50%;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(15,59,43,0.10);
  color: rgba(15,59,43,0.46);
  font-size: 13px;
  z-index: 2;
}

/* 合作价值：让底部前一段更有收束感 */
body.products-v2 .pv2-value-copy h2 {
  font-size: clamp(36px, 4vw, 56px) !important;
}

body.products-v2 .pv2-value-grid article {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.90), rgba(248,250,247,0.76)) !important;
}

/* 底部 CTA 保持干净，不加外扩散灰影 */
body.products-v2 .pv2-cta {
  box-shadow: none !important;
}

body.products-v2 .pv2-cta .pv2-btn-gold {
  min-width: 148px;
}

/* 响应式修正 */
@media (max-width: 1100px) {
  body.products-v2 .pv2-loop-track::before,
  body.products-v2 .pv2-loop-track article::after {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.products-v2 .pv2-hero h1 {
    font-size: clamp(40px, 11vw, 58px) !important;
  }

  body.products-v2 .pv2-detail-card {
    padding: 36px 30px !important;
  }

  body.products-v2 .pv2-detail-card ul {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
}


/* =========================================================
   Products page background final cleanup
   只处理“每个版块下方灰块”问题：
   - 页面和版块统一白底；
   - 不再给 section 强制浅灰渐变；
   - 不改版块上下间距。
   ========================================================= */

body.products-v2 {
  background: #ffffff !important;
}

body.products-v2 main,
body.products-v2 section,
body.products-v2 .pv2-overview,
body.products-v2 .pv2-scenario,
body.products-v2 .pv2-details,
body.products-v2 .pv2-packages,
body.products-v2 .pv2-loop,
body.products-v2 .pv2-store,
body.products-v2 .pv2-value {
  background: #ffffff !important;
  background-image: none !important;
}

/* 去掉容器级伪元素造成的灰雾/灰块 */
body.products-v2 section::before,
body.products-v2 section::after,
body.products-v2 .pv2-overview::before,
body.products-v2 .pv2-overview::after,
body.products-v2 .pv2-scenario::before,
body.products-v2 .pv2-scenario::after,
body.products-v2 .pv2-details::before,
body.products-v2 .pv2-details::after,
body.products-v2 .pv2-packages::before,
body.products-v2 .pv2-packages::after,
body.products-v2 .pv2-loop::before,
body.products-v2 .pv2-loop::after,
body.products-v2 .pv2-value::before,
body.products-v2 .pv2-value::after {
  box-shadow: none !important;
  filter: none !important;
}

/* 五类服务底部 hover 条统一为主绿 */
body.products-v2 .pv2-overview-grid article::after {
  background: #0d4a36 !important;
  background-image: none !important;
}


/* =========================================================
   Products user scenario final refine
   USER SCENARIO 最终精修：
   - 左侧标题两行，更自然；
   - 左窄右宽，突出场景图；
   - 标签正式 SVG 图标；
   - 入场与 hover 动效。
   ========================================================= */

body.products-v2 .lt-user-scenario {
  padding: 112px 0;
  background: #ffffff;
  overflow: hidden;
}

body.products-v2 .lt-user-scenario-inner {
  width: min(1300px, calc(100% - 96px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 72px;
  align-items: center;
}

body.products-v2 .lt-user-scenario-copy {
  min-width: 0;
}

body.products-v2 .lt-user-scenario-kicker {
  margin-bottom: 22px;
  color: #6f8c7e;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.28em;
}

body.products-v2 .lt-user-scenario-line {
  width: 54px;
  height: 2px;
  margin-bottom: 30px;
  border-radius: 999px;
  background: #123b2b;
}

body.products-v2 .lt-user-scenario h2 {
  margin: 0;
  color: #123b2b;
  font-size: clamp(50px, 4.1vw, 68px);
  line-height: 1.14;
  font-weight: 500;
  letter-spacing: -0.05em;
}

body.products-v2 .lt-user-scenario-gold-line {
  width: 42px;
  height: 2px;
  margin: 32px 0 30px;
  border-radius: 999px;
  background: #c9aa64;
}

body.products-v2 .lt-user-scenario p {
  margin: 0;
  color: #8b9b93;
  font-size: 16px;
  line-height: 2;
}

body.products-v2 .lt-user-scenario-media {
  position: relative;
  min-height: 650px;
  border-radius: 28px;
  overflow: hidden;
  background: #eef2ec;
  border: 1px solid rgba(18,59,43,0.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.72),
    0 1px 2px rgba(18,59,43,0.020),
    0 0 0 1px rgba(15,59,43,0.030);
}

body.products-v2 .lt-user-scenario-photo {
  position: absolute;
  inset: 0;
  background-image: url("/assets/images/products-user-scenario.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.01);
  transition: transform .9s cubic-bezier(.19, 1, .22, 1), filter .9s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .lt-user-scenario-media:hover .lt-user-scenario-photo {
  transform: scale(1.045);
  filter: saturate(1.04) contrast(1.02);
}

body.products-v2 .lt-user-scenario-tags {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: min(350px, calc(100% - 48px));
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.products-v2 .lt-user-scenario-tag {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 86px;
  padding: 18px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(255,255,255,0.62);
  box-shadow:
    0 8px 22px rgba(18,59,43,0.075),
    inset 0 1px 0 rgba(255,255,255,0.74);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transform: translateX(0);
  transition:
    transform .34s cubic-bezier(.19, 1, .22, 1),
    box-shadow .34s cubic-bezier(.19, 1, .22, 1),
    background .34s ease,
    border-color .34s ease;
}

body.products-v2 .lt-user-scenario-tag:hover {
  transform: translateX(-8px);
  background: rgba(255,255,255,0.94);
  border-color: rgba(255,255,255,0.80);
  box-shadow:
    0 12px 30px rgba(18,59,43,0.105),
    inset 0 1px 0 rgba(255,255,255,0.82);
}

body.products-v2 .lt-user-scenario-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #123b2b;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(18,59,43,0.16);
  transition:
    transform .34s cubic-bezier(.19, 1, .22, 1),
    background .34s ease;
}

body.products-v2 .lt-user-scenario-tag:hover .lt-user-scenario-icon {
  transform: scale(1.06);
  background: #0d4a36;
}

body.products-v2 .lt-user-scenario-icon svg {
  width: 23px;
  height: 23px;
  display: block;
}

body.products-v2 .lt-user-scenario-tag strong {
  color: #1f332a;
  font-size: 17px;
  line-height: 1.58;
  font-weight: 550;
}

/* 入场动效 */
body.products-v2 .lt-user-animate {
  opacity: 0;
  transform: translateY(24px);
  animation: ltUserScenarioFadeUp .86s cubic-bezier(.19, 1, .22, 1) .08s both;
}

body.products-v2 .lt-user-scenario-media.lt-user-animate {
  animation-delay: .18s;
}

body.products-v2 .lt-user-scenario-tag {
  opacity: 0;
  animation: ltUserScenarioTagIn .72s cubic-bezier(.19, 1, .22, 1) calc(.42s + var(--delay, 0s)) both;
}

@keyframes ltUserScenarioFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ltUserScenarioTagIn {
  from {
    opacity: 0;
    transform: translateX(22px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.products-v2 .lt-user-animate,
  body.products-v2 .lt-user-scenario-tag {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.products-v2 .lt-user-scenario-photo,
  body.products-v2 .lt-user-scenario-tag,
  body.products-v2 .lt-user-scenario-icon {
    transition: none !important;
  }
}

@media (max-width: 1200px) {
  body.products-v2 .lt-user-scenario-inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  body.products-v2 .lt-user-scenario-copy {
    max-width: 780px;
  }

  body.products-v2 .lt-user-scenario-media {
    min-height: 680px;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-user-scenario {
    padding: 84px 0;
  }

  body.products-v2 .lt-user-scenario-inner {
    width: min(100% - 36px, 1300px);
    gap: 30px;
  }

  body.products-v2 .lt-user-scenario h2 {
    font-size: 40px;
    line-height: 1.18;
  }

  body.products-v2 .lt-user-scenario p {
    font-size: 15px;
    line-height: 1.9;
  }

  body.products-v2 .lt-user-scenario-media {
    min-height: auto;
  }

  body.products-v2 .lt-user-scenario-photo {
    position: relative;
    height: 360px;
    display: block;
  }

  body.products-v2 .lt-user-scenario-tags {
    position: static;
    transform: none;
    width: 100%;
    padding: 18px;
    background: #ffffff;
    gap: 14px;
  }

  body.products-v2 .lt-user-scenario-tag {
    min-height: auto;
    padding: 18px;
    border-radius: 18px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.products-v2 .lt-user-scenario-tag strong {
    font-size: 16px;
    line-height: 1.55;
  }
}


/* =========================================================
   Products user scenario micro refine
   只做 USER SCENARIO 微调：
   - 标题更稳；
   - 正文更清晰；
   - 标签略向右，不挡天幕主体。
   ========================================================= */

body.products-v2 .lt-user-scenario-inner {
  grid-template-columns: 370px minmax(0, 1fr) !important;
  gap: 82px !important;
}

body.products-v2 .lt-user-scenario h2 {
  font-size: clamp(46px, 3.65vw, 62px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.05em !important;
}

body.products-v2 .lt-user-scenario p {
  color: rgba(52, 78, 68, 0.58) !important;
}

body.products-v2 .lt-user-scenario-tags {
  right: 18px !important;
  width: min(350px, calc(100% - 36px)) !important;
}

body.products-v2 .lt-user-scenario-tag {
  min-height: 82px !important;
}

@media (max-width: 1200px) {
  body.products-v2 .lt-user-scenario-inner {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}


/* =========================================================
   Products user scenario title final fix
   固定左侧标题两行，避免“的，”单独成行
   ========================================================= */

body.products-v2 .lt-user-scenario-inner {
  grid-template-columns: 430px minmax(0, 1fr) !important;
  gap: 64px !important;
}

body.products-v2 .lt-user-scenario-title-fixed {
  margin: 0 !important;
  color: #123b2b !important;
  font-size: clamp(44px, 3.25vw, 58px) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
}

body.products-v2 .lt-user-scenario-title-fixed span {
  display: block !important;
  white-space: nowrap !important;
}

body.products-v2 .lt-user-scenario p {
  max-width: 390px !important;
  color: rgba(52, 78, 68, 0.62) !important;
}

@media (max-width: 1200px) {
  body.products-v2 .lt-user-scenario-inner {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body.products-v2 .lt-user-scenario-title-fixed span {
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-user-scenario-title-fixed {
    font-size: 38px !important;
    line-height: 1.18 !important;
  }
}


/* =========================================================
   Products service flow repaired refine
   修复版：
   - 去掉数字下方横线；
   - 保留后续所有版块；
   - SERVICE DETAILS 使用服务承接链路图。
   ========================================================= */

body.products-v2 .lt-service-flow {
  padding: 100px 0 104px;
  background: #ffffff;
  overflow: hidden;
}

body.products-v2 .lt-service-flow-inner {
  width: min(1280px, calc(100% - 96px));
  margin: 0 auto;
}

body.products-v2 .lt-service-flow-head {
  max-width: 860px;
  margin: 0 auto 46px;
  text-align: center;
}

body.products-v2 .lt-service-flow-kicker {
  margin: 0 0 22px;
  color: #6f8c7e;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.32em;
}

body.products-v2 .lt-service-flow-head h2 {
  margin: 0;
  color: #123b2b;
  font-size: clamp(40px, 3.65vw, 58px);
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.045em;
}

body.products-v2 .lt-service-flow-desc {
  max-width: 760px;
  margin: 22px auto 0;
  color: rgba(52, 78, 68, 0.56);
  font-size: 16px;
  line-height: 2;
}

body.products-v2 .lt-service-flow-card {
  position: relative;
  padding: 34px 34px 30px;
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(252,253,252,0.90));
  border: 1px solid rgba(15,59,43,0.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 1px 2px rgba(18,59,43,0.018),
    0 0 0 1px rgba(15,59,43,0.020);
  overflow: hidden;
}

body.products-v2 .lt-service-flow-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 0%, rgba(15,59,43,0.035), transparent 28%),
    radial-gradient(circle at 92% 100%, rgba(201,170,100,0.08), transparent 28%);
  opacity: 0.46;
}

/* 彻底禁用之前那条横线 */
body.products-v2 .lt-service-flow-line {
  display: none !important;
}

body.products-v2 .lt-service-flow-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

body.products-v2 .lt-service-flow-node {
  position: relative;
  min-height: 258px;
  padding: 24px 22px 24px;
  border-radius: 24px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(15,59,43,0.065);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.90),
    0 1px 2px rgba(18,59,43,0.012);
  transition:
    transform .36s cubic-bezier(.19, 1, .22, 1),
    border-color .36s ease,
    background .36s ease,
    box-shadow .36s ease;
  opacity: 0;
  transform: translateY(18px);
  animation: ltServiceFlowNodeIn .72s cubic-bezier(.19, 1, .22, 1) calc(.16s + var(--delay, 0s)) both;
}

body.products-v2 .lt-service-flow-node:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.94);
  border-color: rgba(13,74,54,0.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 6px 16px rgba(18,59,43,0.034);
}

body.products-v2 .lt-service-flow-node::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #0d4a36;
  opacity: 0;
  transform: scaleX(.42);
  transform-origin: left center;
  transition: opacity .36s ease, transform .36s ease;
}

body.products-v2 .lt-service-flow-node:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

body.products-v2 .lt-service-flow-num {
  width: 46px;
  height: 46px;
  margin-bottom: 24px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15,59,43,0.065);
  color: #123b2b;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: 0.02em;
  transition:
    background .36s ease,
    color .36s ease,
    transform .36s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .lt-service-flow-node:hover .lt-service-flow-num {
  background: #123b2b;
  color: #ffffff;
  transform: scale(1.04);
}

body.products-v2 .lt-service-flow-en {
  margin: 0 0 14px;
  color: rgba(15,59,43,0.40);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.24em;
}

body.products-v2 .lt-service-flow-node h3 {
  margin: 0 0 16px;
  color: #123b2b;
  font-size: 22px;
  line-height: 1.24;
  font-weight: 500;
  letter-spacing: -0.03em;
}

body.products-v2 .lt-service-flow-node > p:last-child {
  margin: 0;
  color: rgba(52, 78, 68, 0.56);
  font-size: 14px;
  line-height: 1.82;
}

body.products-v2 .lt-service-flow-summary {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  padding: 18px 26px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  background: rgba(15,59,43,0.070);
  border: 1px solid rgba(15,59,43,0.095);
  color: rgba(18,59,43,0.82);
  font-size: 14px;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.62);
}

body.products-v2 .lt-service-flow-summary i {
  width: 22px;
  height: 1px;
  background: rgba(18,59,43,0.32);
  display: inline-block;
}

@keyframes ltServiceFlowNodeIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.products-v2 .lt-service-flow-node {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  body.products-v2 .lt-service-flow-node,
  body.products-v2 .lt-service-flow-node::after,
  body.products-v2 .lt-service-flow-num {
    transition: none !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-service-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.products-v2 .lt-service-flow-node {
    min-height: 230px;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-service-flow {
    padding: 80px 0;
  }

  body.products-v2 .lt-service-flow-inner {
    width: min(100% - 36px, 1280px);
  }

  body.products-v2 .lt-service-flow-head {
    margin-bottom: 34px;
    text-align: left;
  }

  body.products-v2 .lt-service-flow-head h2 {
    font-size: 36px;
    line-height: 1.2;
  }

  body.products-v2 .lt-service-flow-card {
    padding: 22px 16px 20px;
  }

  body.products-v2 .lt-service-flow-grid {
    grid-template-columns: 1fr;
  }

  body.products-v2 .lt-service-flow-node {
    min-height: auto;
    padding: 26px 22px;
  }

  body.products-v2 .lt-service-flow-summary {
    border-radius: 22px;
    justify-content: flex-start;
    line-height: 1.8;
  }
}


/* =========================================================
   Products CTA visible repair
   修复产品与服务页最后 CTA 只显示按钮、不显示标题说明的问题
   ========================================================= */

body.products-v2 .pv2-cta {
  width: min(1280px, calc(100% - 96px)) !important;
  min-height: 220px !important;
  margin: 108px auto 96px !important;
  padding: 44px 54px !important;
  border-radius: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 36px !important;
  background:
    linear-gradient(135deg, rgba(13,74,54,0.98), rgba(21,91,66,0.92)),
    radial-gradient(circle at 88% 15%, rgba(201,170,100,0.24), transparent 34%) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 18px 44px rgba(18,59,43,0.10) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.products-v2 .pv2-cta::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08), transparent 38%),
    radial-gradient(circle at 12% 90%, rgba(255,255,255,0.08), transparent 30%) !important;
  opacity: 1 !important;
}

body.products-v2 .pv2-cta > div {
  position: relative !important;
  z-index: 2 !important;
  max-width: 760px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.products-v2 .pv2-cta p,
body.products-v2 .pv2-cta h2,
body.products-v2 .pv2-cta span {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

body.products-v2 .pv2-cta p {
  margin: 0 0 16px !important;
  color: rgba(255,255,255,0.66) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.30em !important;
}

body.products-v2 .pv2-cta h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}

body.products-v2 .pv2-cta span {
  max-width: 660px !important;
  margin-top: 18px !important;
  color: rgba(255,255,255,0.68) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

body.products-v2 .pv2-cta .pv2-btn,
body.products-v2 .pv2-cta .pv2-btn-gold {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  height: 54px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #d8bd6a !important;
  color: #123b2b !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.14) !important;
  transition:
    transform .28s cubic-bezier(.19, 1, .22, 1),
    box-shadow .28s ease,
    background .28s ease !important;
}

body.products-v2 .pv2-cta .pv2-btn:hover,
body.products-v2 .pv2-cta .pv2-btn-gold:hover {
  transform: translateY(-3px) !important;
  background: #e4c979 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.18) !important;
}

@media (max-width: 900px) {
  body.products-v2 .pv2-cta {
    width: min(100% - 36px, 1280px) !important;
    margin: 84px auto 72px !important;
    padding: 34px 28px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.products-v2 .pv2-cta h2 {
    font-size: 32px !important;
  }
}


/* =========================================================
   Products service packages compact
   SERVICE PACKAGES 轻量左右布局：
   - 方案只是示例，不喧宾夺主；
   - 避免 4 张大卡片造成缺位和占高；
   - 与上一个链路图形成节奏差异。
   ========================================================= */

body.products-v2 .lt-package-showcase-compact {
  padding: 104px 0 102px;
  background: #ffffff;
  overflow: hidden;
}

body.products-v2 .lt-package-compact-inner {
  width: min(1280px, calc(100% - 96px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 86px;
  align-items: center;
}

body.products-v2 .lt-package-compact-copy {
  min-width: 0;
}

body.products-v2 .lt-package-compact-kicker {
  margin: 0 0 22px;
  color: #6f8c7e;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.32em;
}

body.products-v2 .lt-package-compact-copy h2 {
  margin: 0;
  color: #123b2b;
  font-size: clamp(42px, 3.7vw, 60px);
  line-height: 1.16;
  font-weight: 500;
  letter-spacing: -0.045em;
}

body.products-v2 .lt-package-compact-desc {
  margin: 28px 0 0;
  color: rgba(52, 78, 68, 0.60);
  font-size: 16px;
  line-height: 2;
}

body.products-v2 .lt-package-compact-points {
  margin-top: 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.products-v2 .lt-package-compact-points span {
  position: relative;
  padding-left: 18px;
  color: rgba(18,59,43,0.74);
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
}

body.products-v2 .lt-package-compact-points span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.78em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #0d4a36;
  opacity: 0.85;
}

body.products-v2 .lt-package-compact-list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

body.products-v2 .lt-package-compact-list::before {
  content: "";
  position: absolute;
  left: -42px;
  top: 4%;
  bottom: 4%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(15,59,43,0.15), transparent);
}

body.products-v2 .lt-package-compact-item {
  position: relative;
  min-height: 172px;
  padding: 24px 24px 22px;
  border-radius: 24px;
  background: rgba(255,255,255,0.84);
  border: 1px solid rgba(15,59,43,0.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.92),
    0 1px 2px rgba(18,59,43,0.014);
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 18px;
  opacity: 0;
  transform: translateY(16px);
  animation: ltPackageCompactIn .68s cubic-bezier(.19, 1, .22, 1) calc(.12s + var(--delay, 0s)) both;
  transition:
    transform .32s cubic-bezier(.19, 1, .22, 1),
    border-color .32s ease,
    background .32s ease,
    box-shadow .32s ease;
}

body.products-v2 .lt-package-compact-item:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,0.96);
  border-color: rgba(13,74,54,0.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 6px 16px rgba(18,59,43,0.032);
}

body.products-v2 .lt-package-compact-no {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15,59,43,0.065);
  color: #123b2b;
  font-size: 15px;
  font-weight: 850;
  transition:
    background .32s ease,
    color .32s ease,
    transform .32s cubic-bezier(.19, 1, .22, 1);
}

body.products-v2 .lt-package-compact-item:hover .lt-package-compact-no {
  background: #123b2b;
  color: #ffffff;
  transform: scale(1.04);
}

body.products-v2 .lt-package-compact-body span {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(15,59,43,0.055);
  color: rgba(18,59,43,0.70);
  font-size: 13px;
  font-weight: 800;
}

body.products-v2 .lt-package-compact-body h3 {
  margin: 0 0 12px;
  color: #123b2b;
  font-size: 24px;
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -0.035em;
}

body.products-v2 .lt-package-compact-body p {
  margin: 0;
  color: rgba(52, 78, 68, 0.58);
  font-size: 14px;
  line-height: 1.75;
  font-weight: 620;
}

@keyframes ltPackageCompactIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.products-v2 .lt-package-compact-item {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-package-compact-inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  body.products-v2 .lt-package-compact-copy {
    max-width: 820px;
  }

  body.products-v2 .lt-package-compact-list::before {
    display: none;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-package-showcase-compact {
    padding: 82px 0;
  }

  body.products-v2 .lt-package-compact-inner {
    width: min(100% - 36px, 1280px);
  }

  body.products-v2 .lt-package-compact-copy h2 {
    font-size: 36px;
    line-height: 1.2;
  }

  body.products-v2 .lt-package-compact-list {
    grid-template-columns: 1fr;
  }

  body.products-v2 .lt-package-compact-item {
    min-height: auto;
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 22px 20px;
  }

  body.products-v2 .lt-package-compact-body h3 {
    font-size: 22px;
  }
}


/* =========================================================
   Products service packages micro refine
   SERVICE PACKAGES 微调：
   - 左侧标题更稳；
   - 正文更清晰；
   - 右侧方案卡更紧凑；
   - 编号弱化，避免喧宾夺主。
   ========================================================= */

body.products-v2 .lt-package-showcase-compact {
  padding: 100px 0 100px !important;
}

body.products-v2 .lt-package-compact-inner {
  grid-template-columns: 410px minmax(0, 1fr) !important;
  gap: 76px !important;
  align-items: center !important;
}

body.products-v2 .lt-package-compact-copy h2 {
  max-width: 390px !important;
  font-size: clamp(40px, 3.25vw, 54px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.045em !important;
}

body.products-v2 .lt-package-compact-desc {
  max-width: 390px !important;
  color: rgba(52, 78, 68, 0.66) !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}

body.products-v2 .lt-package-compact-points {
  margin-top: 30px !important;
  gap: 10px !important;
}

body.products-v2 .lt-package-compact-points span {
  color: rgba(18,59,43,0.78) !important;
  font-size: 15px !important;
}

body.products-v2 .lt-package-compact-list {
  gap: 14px !important;
}

body.products-v2 .lt-package-compact-list::before {
  left: -38px !important;
  opacity: 0.72 !important;
}

body.products-v2 .lt-package-compact-item {
  min-height: 154px !important;
  padding: 22px 22px 20px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.78) !important;
  border-color: rgba(15,59,43,0.065) !important;
}

body.products-v2 .lt-package-compact-item:hover {
  transform: translateY(-4px) !important;
  background: rgba(255,255,255,0.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 5px 14px rgba(18,59,43,0.028) !important;
}

body.products-v2 .lt-package-compact-no {
  width: 40px !important;
  height: 40px !important;
  font-size: 14px !important;
  background: rgba(15,59,43,0.055) !important;
}

body.products-v2 .lt-package-compact-body span {
  height: 26px !important;
  margin-bottom: 14px !important;
  padding: 0 11px !important;
  font-size: 12px !important;
  background: rgba(15,59,43,0.050) !important;
}

body.products-v2 .lt-package-compact-body h3 {
  margin-bottom: 10px !important;
  font-size: 22px !important;
  line-height: 1.26 !important;
}

body.products-v2 .lt-package-compact-body p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(52, 78, 68, 0.60) !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-package-compact-inner {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body.products-v2 .lt-package-compact-copy h2,
  body.products-v2 .lt-package-compact-desc {
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-package-showcase-compact {
    padding: 82px 0 !important;
  }

  body.products-v2 .lt-package-compact-copy h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  body.products-v2 .lt-package-compact-list {
    grid-template-columns: 1fr !important;
  }

  body.products-v2 .lt-package-compact-item {
    min-height: auto !important;
  }
}


/* =========================================================
   Products service packages v3
   - 左右更平衡
   - 右侧 6 张卡片
   - 底部省略号说明方案持续升级
   ========================================================= */

body.products-v2 .lt-packages-v3 {
  padding: 108px 0 110px;
}

body.products-v2 .lt-packages-v3-inner {
  width: min(1280px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}

body.products-v2 .lt-packages-v3-copy {
  position: sticky;
  top: 108px;
}

body.products-v2 .lt-packages-v3-kicker {
  margin: 0 0 18px;
  color: rgba(18,59,43,.62);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .34em;
  text-transform: uppercase;
}

body.products-v2 .lt-packages-v3-title {
  margin: 0;
  max-width: 400px;
  color: #123b2b;
  font-size: clamp(46px, 4vw, 62px);
  line-height: 1.12;
  letter-spacing: -.055em;
  font-weight: 300;
}

body.products-v2 .lt-packages-v3-desc {
  margin: 30px 0 0;
  max-width: 390px;
  color: rgba(52,78,68,.64);
  font-size: 16px;
  line-height: 1.95;
}

body.products-v2 .lt-packages-v3-points {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

body.products-v2 .lt-packages-v3-points li {
  position: relative;
  padding-left: 20px;
  color: rgba(18,59,43,.78);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 600;
}

body.products-v2 .lt-packages-v3-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #356f59;
  transform: translateY(-50%);
}

body.products-v2 .lt-packages-v3-stage {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

body.products-v2 .lt-packages-v3-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.products-v2 .lt-packages-v3-card {
  min-height: 174px;
  padding: 24px 24px 22px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,59,43,.08);
  box-shadow: 0 8px 24px rgba(18,59,43,.026);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
  animation: ltPackagesV3In .68s cubic-bezier(.19,1,.22,1) calc(.08s + var(--delay,0s)) both;
}

body.products-v2 .lt-packages-v3-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.94);
  border-color: rgba(15,59,43,.13);
  box-shadow: 0 12px 30px rgba(18,59,43,.04);
}

body.products-v2 .lt-packages-v3-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

body.products-v2 .lt-packages-v3-no {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,59,43,.055);
  color: #123b2b;
  font-size: 14px;
  font-weight: 700;
  flex: 0 0 auto;
}

body.products-v2 .lt-packages-v3-tag {
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(15,59,43,.055);
  color: rgba(18,59,43,.62);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}

body.products-v2 .lt-packages-v3-card h3 {
  margin: 0 0 12px;
  color: #264b3d;
  font-size: 22px;
  line-height: 1.28;
  font-weight: 400;
}

body.products-v2 .lt-packages-v3-card p {
  margin: 0 0 16px;
  color: rgba(52,78,68,.58);
  font-size: 14px;
  line-height: 1.78;
}

body.products-v2 .lt-packages-v3-meta {
  color: rgba(18,59,43,.62);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
}

body.products-v2 .lt-packages-v3-more {
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px dashed rgba(15,59,43,.12);
  background: rgba(255,255,255,.45);
  color: rgba(18,59,43,.55);
}

body.products-v2 .lt-packages-v3-more span {
  color: #356f59;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
}

body.products-v2 .lt-packages-v3-more em {
  font-style: normal;
  font-size: 14px;
  line-height: 1.7;
}

@keyframes ltPackagesV3In {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  body.products-v2 .lt-packages-v3-copy {
    position: relative;
    top: auto;
  }

  body.products-v2 .lt-packages-v3-title,
  body.products-v2 .lt-packages-v3-desc {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-packages-v3 {
    padding: 86px 0 90px;
  }

  body.products-v2 .lt-packages-v3-inner {
    width: min(100%, calc(100% - 32px));
    gap: 30px;
  }

  body.products-v2 .lt-packages-v3-title {
    font-size: 38px;
    line-height: 1.16;
  }

  body.products-v2 .lt-packages-v3-grid {
    grid-template-columns: 1fr;
  }

  body.products-v2 .lt-packages-v3-card {
    min-height: auto;
    padding: 20px 18px 18px;
    border-radius: 22px;
  }

  body.products-v2 .lt-packages-v3-more {
    padding: 12px 16px;
    border-radius: 18px;
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}


/* =========================================================
   Products packages v3 balance refine
   SERVICE PACKAGES V3 平衡微调：
   - 右侧 6 张卡缩小；
   - 左右视觉更对称；
   - 保留轻动效，但不影响阅读；
   - 降低右侧卡片压迫感。
   ========================================================= */

body.products-v2 .lt-packages-v3 {
  padding: 96px 0 100px !important;
}

body.products-v2 .lt-packages-v3-inner {
  width: min(1180px, calc(100% - 96px)) !important;
  grid-template-columns: minmax(340px, 410px) minmax(0, 1fr) !important;
  gap: 58px !important;
  align-items: center !important;
}

body.products-v2 .lt-packages-v3-copy {
  position: relative !important;
  top: auto !important;
}

body.products-v2 .lt-packages-v3-title {
  max-width: 390px !important;
  font-size: clamp(42px, 3.55vw, 56px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.052em !important;
}

body.products-v2 .lt-packages-v3-desc {
  max-width: 390px !important;
  margin-top: 28px !important;
  color: rgba(52,78,68,.66) !important;
  font-size: 15px !important;
  line-height: 1.95 !important;
}

body.products-v2 .lt-packages-v3-points {
  margin-top: 30px !important;
  gap: 11px !important;
}

body.products-v2 .lt-packages-v3-points li {
  font-size: 15px !important;
  line-height: 1.62 !important;
  color: rgba(18,59,43,.78) !important;
}

/* 右侧整体收紧，不让卡片喧宾夺主 */
body.products-v2 .lt-packages-v3-stage {
  gap: 14px !important;
}

body.products-v2 .lt-packages-v3-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* 卡片缩小、变轻 */
body.products-v2 .lt-packages-v3-card {
  min-height: 142px !important;
  padding: 18px 20px 17px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(15,59,43,.065) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(18,59,43,.012) !important;
  animation: ltPackagesV3In .62s cubic-bezier(.19,1,.22,1) calc(.08s + var(--delay,0s)) both !important;
}

body.products-v2 .lt-packages-v3-card:hover {
  transform: translateY(-3px) !important;
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(15,59,43,.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 5px 14px rgba(18,59,43,.026) !important;
}

body.products-v2 .lt-packages-v3-card-head {
  gap: 9px !important;
  margin-bottom: 14px !important;
}

body.products-v2 .lt-packages-v3-no {
  width: 34px !important;
  height: 34px !important;
  font-size: 13px !important;
  background: rgba(15,59,43,.052) !important;
}

body.products-v2 .lt-packages-v3-tag {
  height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  background: rgba(15,59,43,.048) !important;
}

body.products-v2 .lt-packages-v3-card h3 {
  margin-bottom: 8px !important;
  font-size: 20px !important;
  line-height: 1.28 !important;
  color: #214638 !important;
}

body.products-v2 .lt-packages-v3-card p {
  margin-bottom: 10px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: rgba(52,78,68,.56) !important;
}

body.products-v2 .lt-packages-v3-meta {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: rgba(18,59,43,.64) !important;
  font-weight: 650 !important;
}

/* 底部省略条也收小一点 */
body.products-v2 .lt-packages-v3-more {
  min-height: 44px !important;
  padding: 0 18px !important;
  gap: 10px !important;
  background: rgba(255,255,255,.50) !important;
}

body.products-v2 .lt-packages-v3-more span {
  font-size: 18px !important;
}

body.products-v2 .lt-packages-v3-more em {
  font-size: 13px !important;
}

/* 宽屏时右侧不要过宽，保持左右对称 */
@media (min-width: 1280px) {
  body.products-v2 .lt-packages-v3-stage {
    max-width: 690px !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-inner {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  body.products-v2 .lt-packages-v3-title,
  body.products-v2 .lt-packages-v3-desc {
    max-width: 760px !important;
  }

  body.products-v2 .lt-packages-v3-stage {
    max-width: none !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-packages-v3 {
    padding: 82px 0 86px !important;
  }

  body.products-v2 .lt-packages-v3-inner {
    width: min(100%, calc(100% - 32px)) !important;
    gap: 28px !important;
  }

  body.products-v2 .lt-packages-v3-title {
    font-size: 36px !important;
    line-height: 1.18 !important;
  }

  body.products-v2 .lt-packages-v3-grid {
    grid-template-columns: 1fr !important;
  }

  body.products-v2 .lt-packages-v3-card {
    min-height: auto !important;
    padding: 20px 18px !important;
  }
}


/* =========================================================
   Products packages left breathing refine
   SERVICE PACKAGES 左侧文字呼吸感：
   - 标题行距放松；
   - 正文宽度略收，阅读更稳；
   - 正文与要点间距拉开；
   - 要点行距更舒展。
   ========================================================= */

body.products-v2 .lt-packages-v3-inner {
  grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important;
  gap: 64px !important;
}

body.products-v2 .lt-packages-v3-kicker {
  margin-bottom: 24px !important;
}

body.products-v2 .lt-packages-v3-title {
  max-width: 430px !important;
  font-size: clamp(42px, 3.45vw, 54px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.048em !important;
}

body.products-v2 .lt-packages-v3-desc {
  max-width: 410px !important;
  margin-top: 38px !important;
  color: rgba(52,78,68,.64) !important;
  font-size: 15px !important;
  line-height: 2.12 !important;
}

body.products-v2 .lt-packages-v3-points {
  margin-top: 38px !important;
  gap: 15px !important;
}

body.products-v2 .lt-packages-v3-points li {
  padding-left: 22px !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
  color: rgba(18,59,43,.80) !important;
}

body.products-v2 .lt-packages-v3-points li::before {
  top: .92em !important;
  width: 7px !important;
  height: 7px !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  body.products-v2 .lt-packages-v3-title,
  body.products-v2 .lt-packages-v3-desc {
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-packages-v3-title {
    font-size: 36px !important;
    line-height: 1.22 !important;
  }

  body.products-v2 .lt-packages-v3-desc {
    margin-top: 26px !important;
    line-height: 1.95 !important;
  }

  body.products-v2 .lt-packages-v3-points {
    margin-top: 28px !important;
    gap: 11px !important;
  }
}


/* =========================================================
   Products packages alignment fix
   修复 SERVICE PACKAGES 左右顶部不对齐：
   左侧文案不再垂直居中，而是与右侧第一排卡片顶部对齐。
   ========================================================= */

body.products-v2 .lt-packages-v3-inner {
  align-items: start !important;
}

body.products-v2 .lt-packages-v3-copy {
  padding-top: 8px !important;
}

body.products-v2 .lt-packages-v3-stage {
  padding-top: 0 !important;
}

/* 标题和正文稍微收一点，避免顶部对齐后左侧显得过重 */
body.products-v2 .lt-packages-v3-kicker {
  margin-bottom: 22px !important;
}

body.products-v2 .lt-packages-v3-title {
  font-size: clamp(40px, 3.35vw, 52px) !important;
  line-height: 1.2 !important;
}

body.products-v2 .lt-packages-v3-desc {
  margin-top: 30px !important;
}

body.products-v2 .lt-packages-v3-points {
  margin-top: 32px !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-copy {
    padding-top: 0 !important;
  }
}


/* =========================================================
   Products packages full alignment refine
   SERVICE PACKAGES 上下对齐修复：
   - 左右两侧等高；
   - 左侧内容不再挤成一团；
   - 标题、正文、要点行距放松；
   - 左侧底部与右侧省略条底部形成视觉对齐。
   ========================================================= */

body.products-v2 .lt-packages-v3-inner {
  width: min(1180px, calc(100% - 96px)) !important;
  grid-template-columns: minmax(400px, 440px) minmax(0, 1fr) !important;
  gap: 58px !important;
  align-items: stretch !important;
}

body.products-v2 .lt-packages-v3-copy {
  height: 100% !important;
  min-height: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 8px !important;
  display: flex !important;
  flex-direction: column !important;
}

body.products-v2 .lt-packages-v3-stage {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* 左侧标题：行距放松，避免两行压在一起 */
body.products-v2 .lt-packages-v3-kicker {
  margin-bottom: 28px !important;
}

body.products-v2 .lt-packages-v3-title {
  max-width: 440px !important;
  font-size: clamp(40px, 3.25vw, 52px) !important;
  line-height: 1.34 !important;
  letter-spacing: -0.044em !important;
  font-weight: 300 !important;
}

/* 正文：行距更舒展，阅读不挤 */
body.products-v2 .lt-packages-v3-desc {
  max-width: 430px !important;
  margin-top: 42px !important;
  color: rgba(52,78,68,.66) !important;
  font-size: 15px !important;
  line-height: 2.28 !important;
}

/* 要点推到底部，让左侧底部和右侧底部形成对齐 */
body.products-v2 .lt-packages-v3-points {
  margin-top: auto !important;
  padding-top: 44px !important;
  gap: 16px !important;
}

body.products-v2 .lt-packages-v3-points li {
  padding-left: 24px !important;
  color: rgba(18,59,43,.80) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  font-weight: 650 !important;
}

body.products-v2 .lt-packages-v3-points li::before {
  top: .95em !important;
  width: 7px !important;
  height: 7px !important;
}

/* 右侧卡片稍微再收一点，避免右侧过高压迫左侧 */
body.products-v2 .lt-packages-v3-grid {
  gap: 13px !important;
}

body.products-v2 .lt-packages-v3-card {
  min-height: 136px !important;
  padding: 17px 19px 16px !important;
}

body.products-v2 .lt-packages-v3-card-head {
  margin-bottom: 12px !important;
}

body.products-v2 .lt-packages-v3-card h3 {
  margin-bottom: 7px !important;
  font-size: 19px !important;
  line-height: 1.3 !important;
}

body.products-v2 .lt-packages-v3-card p {
  margin-bottom: 9px !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

body.products-v2 .lt-packages-v3-meta {
  font-size: 13px !important;
  line-height: 1.52 !important;
}

body.products-v2 .lt-packages-v3-more {
  min-height: 42px !important;
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    align-items: start !important;
  }

  body.products-v2 .lt-packages-v3-copy {
    height: auto !important;
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.products-v2 .lt-packages-v3-stage {
    height: auto !important;
    display: flex !important;
  }

  body.products-v2 .lt-packages-v3-points {
    margin-top: 34px !important;
    padding-top: 0 !important;
  }

  body.products-v2 .lt-packages-v3-title,
  body.products-v2 .lt-packages-v3-desc {
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-packages-v3-title {
    font-size: 36px !important;
    line-height: 1.22 !important;
  }

  body.products-v2 .lt-packages-v3-desc {
    margin-top: 28px !important;
    line-height: 2 !important;
  }

  body.products-v2 .lt-packages-v3-points {
    margin-top: 28px !important;
    gap: 11px !important;
  }

  body.products-v2 .lt-packages-v3-card {
    min-height: auto !important;
    padding: 20px 18px !important;
  }
}


/* =========================================================
   Products packages alignment repair
   修复上一版左侧被 margin-top:auto 撑出巨大空洞的问题。
   目标：自然宽松，不硬拉伸。
   ========================================================= */

body.products-v2 .lt-packages-v3 {
  padding: 96px 0 100px !important;
}

body.products-v2 .lt-packages-v3-inner {
  width: min(1180px, calc(100% - 96px)) !important;
  grid-template-columns: minmax(390px, 430px) minmax(0, 1fr) !important;
  gap: 58px !important;
  align-items: start !important;
}

body.products-v2 .lt-packages-v3-copy {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  position: relative !important;
  top: auto !important;
}

body.products-v2 .lt-packages-v3-stage {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

body.products-v2 .lt-packages-v3-kicker {
  margin-bottom: 26px !important;
}

body.products-v2 .lt-packages-v3-title {
  max-width: 420px !important;
  font-size: clamp(40px, 3.35vw, 52px) !important;
  line-height: 1.26 !important;
  letter-spacing: -0.046em !important;
  font-weight: 300 !important;
}

body.products-v2 .lt-packages-v3-desc {
  max-width: 420px !important;
  margin-top: 38px !important;
  color: rgba(52,78,68,.66) !important;
  font-size: 15px !important;
  line-height: 2.08 !important;
}

body.products-v2 .lt-packages-v3-points {
  margin-top: 38px !important;
  padding-top: 0 !important;
  gap: 13px !important;
}

body.products-v2 .lt-packages-v3-points li {
  padding-left: 22px !important;
  color: rgba(18,59,43,.80) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 650 !important;
}

body.products-v2 .lt-packages-v3-points li::before {
  top: .86em !important;
  width: 7px !important;
  height: 7px !important;
}

/* 右侧整体略收，避免右侧高度压左侧 */
body.products-v2 .lt-packages-v3-grid {
  gap: 12px !important;
}

body.products-v2 .lt-packages-v3-card {
  min-height: 128px !important;
  padding: 16px 18px 15px !important;
  border-radius: 20px !important;
}

body.products-v2 .lt-packages-v3-card-head {
  margin-bottom: 10px !important;
  gap: 8px !important;
}

body.products-v2 .lt-packages-v3-no {
  width: 32px !important;
  height: 32px !important;
  font-size: 12px !important;
}

body.products-v2 .lt-packages-v3-tag {
  height: 23px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

body.products-v2 .lt-packages-v3-card h3 {
  margin-bottom: 7px !important;
  font-size: 19px !important;
  line-height: 1.26 !important;
}

body.products-v2 .lt-packages-v3-card p {
  margin-bottom: 8px !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

body.products-v2 .lt-packages-v3-meta {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.products-v2 .lt-packages-v3-more {
  min-height: 40px !important;
  padding: 0 18px !important;
}

@media (min-width: 1280px) {
  body.products-v2 .lt-packages-v3-stage {
    max-width: 660px !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-inner {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  body.products-v2 .lt-packages-v3-title,
  body.products-v2 .lt-packages-v3-desc {
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-packages-v3-title {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  body.products-v2 .lt-packages-v3-desc {
    margin-top: 26px !important;
    line-height: 1.95 !important;
  }

  body.products-v2 .lt-packages-v3-points {
    margin-top: 28px !important;
    gap: 11px !important;
  }

  body.products-v2 .lt-packages-v3-card {
    min-height: auto !important;
    padding: 20px 18px !important;
  }
}


/* =========================================================
   Products packages left natural align
   左侧自然撑开，不用 margin-top:auto 硬拉：
   - 左侧顶部稍微上移；
   - 标题行距更松；
   - 正文和要点间距更自然；
   - 左侧底部更接近右侧省略条底部。
   ========================================================= */

body.products-v2 .lt-packages-v3-copy {
  padding-top: 0 !important;
}

body.products-v2 .lt-packages-v3-kicker {
  margin-bottom: 34px !important;
}

body.products-v2 .lt-packages-v3-title {
  max-width: 430px !important;
  font-size: clamp(40px, 3.28vw, 52px) !important;
  line-height: 1.36 !important;
  letter-spacing: -0.044em !important;
}

body.products-v2 .lt-packages-v3-desc {
  max-width: 425px !important;
  margin-top: 48px !important;
  font-size: 15px !important;
  line-height: 2.32 !important;
  color: rgba(52,78,68,.66) !important;
}

body.products-v2 .lt-packages-v3-points {
  margin-top: 54px !important;
  gap: 20px !important;
  padding-top: 0 !important;
}

body.products-v2 .lt-packages-v3-points li {
  line-height: 1.9 !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-kicker {
    margin-bottom: 24px !important;
  }

  body.products-v2 .lt-packages-v3-desc {
    margin-top: 30px !important;
    line-height: 2 !important;
  }

  body.products-v2 .lt-packages-v3-points {
    margin-top: 34px !important;
    gap: 12px !important;
  }
}


/* =========================================================
   Products packages final visual tune
   SERVICE PACKAGES 最后视觉校准：
   - 右侧方案区轻微上移；
   - 左侧正文和要点略收；
   - 保持当前整体结构，不再大改。
   ========================================================= */

body.products-v2 .lt-packages-v3-stage {
  transform: translateY(-6px) !important;
}

body.products-v2 .lt-packages-v3-desc {
  margin-top: 44px !important;
  line-height: 2.22 !important;
}

body.products-v2 .lt-packages-v3-points {
  margin-top: 48px !important;
  gap: 18px !important;
}

body.products-v2 .lt-packages-v3-card {
  min-height: 130px !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-packages-v3-stage {
    transform: none !important;
  }
}


/* =========================================================
   Products service loop rebuild
   SERVICE LOOP 闭环路径 + 门店本地承接
   ========================================================= */

body.products-v2 .lt-service-loop {
  padding: 108px 0 112px;
  background: #ffffff;
  overflow: hidden;
}

body.products-v2 .lt-service-loop-inner {
  width: min(1280px, calc(100% - 96px));
  margin: 0 auto;
}

body.products-v2 .lt-service-loop-head {
  max-width: 860px;
  margin: 0 auto 54px;
  text-align: center;
}

body.products-v2 .lt-service-loop-kicker {
  margin: 0 0 22px;
  color: #6f8c7e;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.32em;
}

body.products-v2 .lt-service-loop-head h2 {
  margin: 0;
  color: #123b2b;
  font-size: clamp(42px, 4vw, 62px);
  line-height: 1.16;
  font-weight: 500;
  letter-spacing: -0.045em;
}

body.products-v2 .lt-service-loop-head > p {
  max-width: 760px;
  margin: 22px auto 0;
  color: rgba(52,78,68,.58);
  font-size: 16px;
  line-height: 2;
}

body.products-v2 .lt-service-loop-orbit {
  position: relative;
  padding: 34px 32px;
  border-radius: 34px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,253,252,.90));
  border: 1px solid rgba(15,59,43,.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 1px 2px rgba(18,59,43,.018),
    0 0 0 1px rgba(15,59,43,.020);
  overflow: hidden;
}

body.products-v2 .lt-service-loop-orbit::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 0%, rgba(15,59,43,.040), transparent 28%),
    radial-gradient(circle at 92% 100%, rgba(201,170,100,.085), transparent 30%);
  opacity: .72;
}

body.products-v2 .lt-service-loop-track {
  position: absolute;
  left: 7%;
  right: 7%;
  top: 74px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(15,59,43,.18), transparent);
  z-index: 1;
}

body.products-v2 .lt-service-loop-node {
  position: relative;
  z-index: 2;
  min-height: 210px;
  padding: 22px 18px 20px;
  border-radius: 24px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(15,59,43,.065);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 1px 2px rgba(18,59,43,.012);
  opacity: 0;
  transform: translateY(18px);
  animation: ltServiceLoopNodeIn .7s cubic-bezier(.19,1,.22,1) calc(.12s + var(--delay,0s)) both;
  transition:
    transform .34s cubic-bezier(.19,1,.22,1),
    background .34s ease,
    border-color .34s ease,
    box-shadow .34s ease;
}

body.products-v2 .lt-service-loop-node:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,.94);
  border-color: rgba(13,74,54,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 6px 16px rgba(18,59,43,.032);
}

body.products-v2 .lt-service-loop-node span {
  width: 40px;
  height: 40px;
  margin-bottom: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15,59,43,.065);
  color: #123b2b;
  font-size: 14px;
  font-weight: 850;
  transition:
    background .34s ease,
    color .34s ease,
    transform .34s cubic-bezier(.19,1,.22,1);
}

body.products-v2 .lt-service-loop-node:hover span {
  background: #123b2b;
  color: #ffffff;
  transform: scale(1.04);
}

body.products-v2 .lt-service-loop-node h3 {
  margin: 0 0 12px;
  color: #123b2b;
  font-size: 21px;
  line-height: 1.26;
  font-weight: 500;
  letter-spacing: -0.035em;
}

body.products-v2 .lt-service-loop-node p {
  margin: 0;
  color: rgba(52,78,68,.58);
  font-size: 13px;
  line-height: 1.74;
}

body.products-v2 .lt-service-loop-node::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #0d4a36;
  opacity: 0;
  transform: scaleX(.42);
  transform-origin: left center;
  transition: opacity .34s ease, transform .34s ease;
}

body.products-v2 .lt-service-loop-node:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

body.products-v2 .lt-service-loop-store {
  position: relative;
  margin-top: 32px;
  min-height: 560px;
  border-radius: 34px;
  overflow: hidden;
  background: #eef2ec;
  border: 1px solid rgba(15,59,43,.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 1px 2px rgba(18,59,43,.018),
    0 0 0 1px rgba(15,59,43,.020);
}

body.products-v2 .lt-service-loop-store-photo {
  position: absolute !important;
  inset: 0 !important;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  border-radius: 0 !important;
  transform: scale(1.01);
  transition: transform .9s cubic-bezier(.19,1,.22,1), filter .9s cubic-bezier(.19,1,.22,1);
}

body.products-v2 .lt-service-loop-store:hover .lt-service-loop-store-photo {
  transform: scale(1.04);
  filter: saturate(1.04) contrast(1.02);
}

body.products-v2 .lt-service-loop-store-panel {
  position: absolute;
  right: 42px;
  top: 50%;
  transform: translateY(-50%);
  width: min(430px, calc(100% - 84px));
  padding: 36px 36px 32px;
  border-radius: 30px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(255,255,255,.66);
  box-shadow:
    0 22px 58px rgba(18,59,43,.12),
    inset 0 1px 0 rgba(255,255,255,.76);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.products-v2 .lt-service-loop-store-panel p {
  margin: 0 0 18px;
  color: rgba(18,59,43,.62);
  font-size: 13px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .30em;
}

body.products-v2 .lt-service-loop-store-panel h3 {
  margin: 0;
  color: #123b2b;
  font-size: clamp(30px, 2.6vw, 42px);
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: -.04em;
}

body.products-v2 .lt-service-loop-store-panel > span {
  display: block;
  margin-top: 22px;
  color: rgba(52,78,68,.66);
  font-size: 15px;
  line-height: 1.95;
}

body.products-v2 .lt-service-loop-pills {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.products-v2 .lt-service-loop-pills em {
  font-style: normal;
  height: 30px;
  padding: 0 13px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(15,59,43,.065);
  color: rgba(18,59,43,.74);
  font-size: 13px;
  font-weight: 800;
}

@keyframes ltServiceLoopNodeIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.products-v2 .lt-service-loop-node {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  body.products-v2 .lt-service-loop-store-photo {
    transition: none !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-service-loop-orbit {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.products-v2 .lt-service-loop-track {
    display: none;
  }

  body.products-v2 .lt-service-loop-node {
    min-height: 190px;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-service-loop {
    padding: 84px 0;
  }

  body.products-v2 .lt-service-loop-inner {
    width: min(100% - 36px, 1280px);
  }

  body.products-v2 .lt-service-loop-head {
    text-align: left;
    margin-bottom: 36px;
  }

  body.products-v2 .lt-service-loop-head h2 {
    font-size: 36px;
    line-height: 1.2;
  }

  body.products-v2 .lt-service-loop-orbit {
    padding: 22px 16px;
    grid-template-columns: 1fr;
    border-radius: 26px;
  }

  body.products-v2 .lt-service-loop-node {
    min-height: auto;
  }

  body.products-v2 .lt-service-loop-store {
    min-height: 620px;
    border-radius: 26px;
  }

  body.products-v2 .lt-service-loop-store-panel {
    left: 18px;
    right: 18px;
    bottom: 18px;
    top: auto;
    transform: none;
    width: auto;
    padding: 28px 24px 24px;
    border-radius: 24px;
  }
}


/* =========================================================
   Products service loop visual refine
   SERVICE LOOP 精修：
   - 流程卡片更轻；
   - 连接线弱化；
   - 门店图提亮；
   - 玻璃说明卡缩小变轻；
   - 上下间距收紧。
   ========================================================= */

body.products-v2 .lt-service-loop {
  padding: 100px 0 104px !important;
}

body.products-v2 .lt-service-loop-head {
  margin-bottom: 46px !important;
}

body.products-v2 .lt-service-loop-head h2 {
  font-size: clamp(40px, 3.7vw, 58px) !important;
  line-height: 1.14 !important;
}

body.products-v2 .lt-service-loop-head > p {
  margin-top: 20px !important;
  color: rgba(52,78,68,.56) !important;
}

/* 上方流程区：更轻、更紧凑 */
body.products-v2 .lt-service-loop-orbit {
  padding: 28px 28px !important;
  border-radius: 32px !important;
  gap: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(252,253,252,.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 1px 2px rgba(18,59,43,.014),
    0 0 0 1px rgba(15,59,43,.016) !important;
}

body.products-v2 .lt-service-loop-orbit::before {
  opacity: .42 !important;
}

/* 横线弱化，不要压在卡片里显脏 */
body.products-v2 .lt-service-loop-track {
  top: 68px !important;
  left: 8% !important;
  right: 8% !important;
  opacity: .38 !important;
  background: linear-gradient(90deg, transparent, rgba(15,59,43,.11), transparent) !important;
}

body.products-v2 .lt-service-loop-node {
  min-height: 184px !important;
  padding: 20px 16px 18px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.70) !important;
  border-color: rgba(15,59,43,.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(18,59,43,.010) !important;
}

body.products-v2 .lt-service-loop-node:hover {
  transform: translateY(-4px) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 5px 14px rgba(18,59,43,.026) !important;
}

body.products-v2 .lt-service-loop-node span {
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 18px !important;
  font-size: 13px !important;
  background: rgba(15,59,43,.056) !important;
}

body.products-v2 .lt-service-loop-node h3 {
  margin-bottom: 10px !important;
  font-size: 19px !important;
  line-height: 1.26 !important;
}

body.products-v2 .lt-service-loop-node p {
  font-size: 13px !important;
  line-height: 1.68 !important;
  color: rgba(52,78,68,.56) !important;
}

/* 门店图整体上提，减少上下割裂 */
body.products-v2 .lt-service-loop-store {
  margin-top: 24px !important;
  min-height: 510px !important;
  border-radius: 32px !important;
}

/* 门店图提亮：避免暗沉、脏灰 */
body.products-v2 .lt-service-loop-store-photo {
  filter: brightness(1.10) saturate(1.04) contrast(0.98) !important;
}

body.products-v2 .lt-service-loop-store:hover .lt-service-loop-store-photo {
  filter: brightness(1.14) saturate(1.07) contrast(1.00) !important;
}

/* 玻璃卡缩小、变轻，不要压住太多图片 */
body.products-v2 .lt-service-loop-store-panel {
  right: 48px !important;
  width: min(380px, calc(100% - 96px)) !important;
  padding: 30px 30px 28px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.58) !important;
  border-color: rgba(255,255,255,.58) !important;
  box-shadow:
    0 16px 42px rgba(18,59,43,.095),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body.products-v2 .lt-service-loop-store-panel p {
  margin-bottom: 16px !important;
  color: rgba(18,59,43,.60) !important;
  font-size: 12px !important;
  letter-spacing: .28em !important;
}

body.products-v2 .lt-service-loop-store-panel h3 {
  max-width: 330px !important;
  font-size: clamp(28px, 2.25vw, 36px) !important;
  line-height: 1.22 !important;
  letter-spacing: -.038em !important;
}

body.products-v2 .lt-service-loop-store-panel > span {
  margin-top: 20px !important;
  color: rgba(52,78,68,.66) !important;
  font-size: 14px !important;
  line-height: 1.92 !important;
}

body.products-v2 .lt-service-loop-pills {
  margin-top: 24px !important;
  gap: 8px !important;
}

body.products-v2 .lt-service-loop-pills em {
  height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  background: rgba(15,59,43,.060) !important;
}

/* 宽屏时让玻璃卡稍微靠右，露出更多门店主体 */
@media (min-width: 1280px) {
  body.products-v2 .lt-service-loop-store-panel {
    right: 56px !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-service-loop-node {
    min-height: 174px !important;
  }

  body.products-v2 .lt-service-loop-track {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-service-loop {
    padding: 84px 0 !important;
  }

  body.products-v2 .lt-service-loop-store {
    min-height: 620px !important;
  }

  body.products-v2 .lt-service-loop-store-panel {
    width: auto !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    padding: 26px 22px 24px !important;
  }
}


/* =========================================================
   Products service loop store light fix
   SERVICE LOOP 门店图与玻璃卡最终提亮：
   - 去掉暗沉感；
   - 玻璃卡更白、更透、更轻；
   - 卡片略缩小，减少压图。
   ========================================================= */

/* 门店图：去暗沉，恢复白天商业官网质感 */
body.products-v2 .lt-service-loop-store-photo {
  filter: brightness(1.34) saturate(1.08) contrast(0.94) !important;
}

body.products-v2 .lt-service-loop-store:hover .lt-service-loop-store-photo {
  filter: brightness(1.38) saturate(1.10) contrast(0.96) !important;
}

/* 大图区域略降高度，减少沉重感 */
body.products-v2 .lt-service-loop-store {
  min-height: 480px !important;
  margin-top: 18px !important;
}

/* 玻璃卡：从灰块改成轻白玻璃 */
body.products-v2 .lt-service-loop-store-panel {
  width: min(345px, calc(100% - 96px)) !important;
  right: 64px !important;
  padding: 26px 26px 24px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(255,255,255,0.74) !important;
  box-shadow:
    0 14px 34px rgba(18,59,43,0.075),
    inset 0 1px 0 rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(12px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
}

/* 标题避免断得太脏，整体更轻 */
body.products-v2 .lt-service-loop-store-panel h3 {
  max-width: 310px !important;
  font-size: clamp(26px, 2vw, 32px) !important;
  line-height: 1.26 !important;
  letter-spacing: -0.035em !important;
}

body.products-v2 .lt-service-loop-store-panel p {
  margin-bottom: 15px !important;
  color: rgba(18,59,43,0.58) !important;
}

body.products-v2 .lt-service-loop-store-panel > span {
  margin-top: 18px !important;
  color: rgba(52,78,68,0.68) !important;
  font-size: 14px !important;
  line-height: 1.88 !important;
}

body.products-v2 .lt-service-loop-pills {
  margin-top: 22px !important;
  gap: 8px !important;
}

body.products-v2 .lt-service-loop-pills em {
  height: 27px !important;
  padding: 0 11px !important;
  background: rgba(15,59,43,0.055) !important;
  color: rgba(18,59,43,0.72) !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-service-loop-store-panel {
    right: 38px !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-service-loop-store {
    min-height: 620px !important;
  }

  body.products-v2 .lt-service-loop-store-panel {
    width: auto !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
  }
}


/* =========================================================
   Products service loop final light
   SERVICE LOOP 最终轻量修正：
   - 门店图去暗沉、去过重暖黄；
   - 玻璃卡更白净；
   - 不再改结构。
   ========================================================= */

body.products-v2 .lt-service-loop-store-photo {
  filter: brightness(1.26) saturate(1.02) contrast(1.02) !important;
}

body.products-v2 .lt-service-loop-store:hover .lt-service-loop-store-photo {
  filter: brightness(1.30) saturate(1.04) contrast(1.03) !important;
}

body.products-v2 .lt-service-loop-store-panel {
  background: rgba(255,255,255,0.78) !important;
  border-color: rgba(255,255,255,0.80) !important;
  box-shadow:
    0 14px 34px rgba(18,59,43,0.070),
    inset 0 1px 0 rgba(255,255,255,0.86) !important;
  backdrop-filter: blur(11px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(11px) saturate(1.04) !important;
}

body.products-v2 .lt-service-loop-store-panel > span {
  color: rgba(52,78,68,0.70) !important;
}

body.products-v2 .lt-service-loop-pills em {
  background: rgba(15,59,43,0.050) !important;
}


/* =========================================================
   Products partner value rebuild
   PARTNER VALUE 合作价值版块重构：
   - 左侧合作价值主张；
   - 右侧 2 大卡 + 2 小卡；
   - 强化获客、转化、库存、复购的商业逻辑。
   ========================================================= */

body.products-v2 .lt-partner-value {
  padding: 104px 0 108px;
  background: #ffffff;
  overflow: hidden;
}

body.products-v2 .lt-partner-value-inner {
  width: min(1180px, calc(100% - 96px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(380px, 430px) minmax(0, 1fr);
  gap: 68px;
  align-items: center;
}

body.products-v2 .lt-partner-value-copy {
  min-width: 0;
}

body.products-v2 .lt-partner-value-kicker {
  margin: 0 0 26px;
  color: #6f8c7e;
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.32em;
}

body.products-v2 .lt-partner-value-copy h2 {
  margin: 0;
  max-width: 430px;
  color: #123b2b;
  font-size: clamp(40px, 3.35vw, 54px);
  line-height: 1.26;
  font-weight: 300;
  letter-spacing: -0.046em;
}

body.products-v2 .lt-partner-value-copy > p {
  max-width: 420px;
  margin: 34px 0 0;
  color: rgba(52,78,68,.66);
  font-size: 15px;
  line-height: 2.08;
}

body.products-v2 .lt-partner-value-line {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

body.products-v2 .lt-partner-value-line span {
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(15,59,43,.060);
  color: rgba(18,59,43,.76);
  font-size: 13px;
  font-weight: 800;
}

body.products-v2 .lt-partner-value-line i {
  width: 22px;
  height: 1px;
  background: rgba(15,59,43,.22);
}

body.products-v2 .lt-partner-value-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.products-v2 .lt-partner-value-card {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(15,59,43,.075);
  background: rgba(255,255,255,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 1px 2px rgba(18,59,43,.014);
  opacity: 0;
  transform: translateY(18px);
  animation: ltPartnerValueIn .70s cubic-bezier(.19,1,.22,1) calc(.12s + var(--delay,0s)) both;
  transition:
    transform .32s cubic-bezier(.19,1,.22,1),
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

body.products-v2 .lt-partner-value-card:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,.95);
  border-color: rgba(13,74,54,.15);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 6px 16px rgba(18,59,43,.030);
}

body.products-v2 .lt-partner-value-card::before {
  content: "";
  position: absolute;
  right: -46px;
  top: -46px;
  width: 124px;
  height: 124px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(15,59,43,.075), transparent 68%);
  pointer-events: none;
}

body.products-v2 .lt-partner-value-card::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: #0d4a36;
  opacity: 0;
  transform: scaleX(.42);
  transform-origin: left center;
  transition: opacity .32s ease, transform .32s ease;
}

body.products-v2 .lt-partner-value-card:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

body.products-v2 .lt-partner-value-card-main {
  min-height: 246px;
  padding: 30px 30px 28px;
}

body.products-v2 .lt-partner-value-card-sub {
  min-height: 176px;
  padding: 26px 26px 24px;
}

body.products-v2 .lt-partner-value-card-top {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.products-v2 .lt-partner-value-card-sub .lt-partner-value-card-top {
  margin-bottom: 22px;
}

body.products-v2 .lt-partner-value-card-top span {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15,59,43,.060);
  color: #123b2b;
  font-size: 13px;
  font-weight: 850;
}

body.products-v2 .lt-partner-value-card-top em {
  font-style: normal;
  color: rgba(18,59,43,.28);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .22em;
}

body.products-v2 .lt-partner-value-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  color: #123b2b;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.036em;
}

body.products-v2 .lt-partner-value-card-sub h3 {
  font-size: 23px;
}

body.products-v2 .lt-partner-value-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(52,78,68,.60);
  font-size: 14px;
  line-height: 1.86;
}

body.products-v2 .lt-partner-value-card-sub p {
  line-height: 1.78;
}

@keyframes ltPartnerValueIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.products-v2 .lt-partner-value-card {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 1180px) {
  body.products-v2 .lt-partner-value-inner {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  body.products-v2 .lt-partner-value-copy h2,
  body.products-v2 .lt-partner-value-copy > p {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-partner-value {
    padding: 84px 0 88px;
  }

  body.products-v2 .lt-partner-value-inner {
    width: min(100% - 36px, 1180px);
  }

  body.products-v2 .lt-partner-value-copy h2 {
    font-size: 36px;
    line-height: 1.22;
  }

  body.products-v2 .lt-partner-value-cards {
    grid-template-columns: 1fr;
  }

  body.products-v2 .lt-partner-value-card-main,
  body.products-v2 .lt-partner-value-card-sub {
    min-height: auto;
    padding: 24px 22px;
  }
}


/* =========================================================
   Products partner value align refine
   PARTNER VALUE 对齐与层级修复：
   - 左右顶部对齐；
   - 左侧标题不再拆“成本”；
   - 左侧内容自然撑开，不下坠；
   - 右侧 2 张主卡 + 2 张辅助卡形成层级。
   ========================================================= */

body.products-v2 .lt-partner-value {
  padding: 100px 0 104px !important;
}

body.products-v2 .lt-partner-value-inner {
  width: min(1180px, calc(100% - 96px)) !important;
  grid-template-columns: minmax(430px, 470px) minmax(0, 1fr) !important;
  gap: 58px !important;
  align-items: start !important;
}

/* 左侧不再垂直居中，和右侧第一排卡片顶部对齐 */
body.products-v2 .lt-partner-value-copy {
  padding-top: 0 !important;
  display: block !important;
}

/* 小标题与右侧卡片顶部保持同一视觉起点 */
body.products-v2 .lt-partner-value-kicker {
  margin: 0 0 26px !important;
}

/* 标题加宽、略收字号，避免“成本”被拆开 */
body.products-v2 .lt-partner-value-copy h2 {
  max-width: 470px !important;
  font-size: clamp(38px, 3.05vw, 48px) !important;
  line-height: 1.34 !important;
  letter-spacing: -0.044em !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* 正文和标签拉开，让左侧不是挤在一起 */
body.products-v2 .lt-partner-value-copy > p {
  max-width: 430px !important;
  margin-top: 34px !important;
  color: rgba(52,78,68,.66) !important;
  font-size: 15px !important;
  line-height: 2.08 !important;
}

body.products-v2 .lt-partner-value-line {
  margin-top: 40px !important;
}

/* 右侧整体从顶部开始，不下沉 */
body.products-v2 .lt-partner-value-cards {
  align-self: start !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* 上两张主卡更明确 */
body.products-v2 .lt-partner-value-card-main {
  min-height: 232px !important;
  padding: 28px 28px 26px !important;
}

/* 下两张辅助卡更轻更矮，形成层级 */
body.products-v2 .lt-partner-value-card-sub {
  min-height: 168px !important;
  padding: 24px 24px 22px !important;
  background: rgba(255,255,255,.70) !important;
}

body.products-v2 .lt-partner-value-card-top {
  margin-bottom: 26px !important;
}

body.products-v2 .lt-partner-value-card-sub .lt-partner-value-card-top {
  margin-bottom: 18px !important;
}

body.products-v2 .lt-partner-value-card h3 {
  font-size: 25px !important;
  line-height: 1.26 !important;
  margin-bottom: 13px !important;
}

body.products-v2 .lt-partner-value-card-sub h3 {
  font-size: 22px !important;
  margin-bottom: 10px !important;
}

body.products-v2 .lt-partner-value-card p {
  font-size: 14px !important;
  line-height: 1.82 !important;
}

body.products-v2 .lt-partner-value-card-sub p {
  line-height: 1.72 !important;
}

/* 右侧卡片弱化顶部灰块感 */
body.products-v2 .lt-partner-value-card::before {
  opacity: .62 !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-partner-value-inner {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body.products-v2 .lt-partner-value-copy h2,
  body.products-v2 .lt-partner-value-copy > p {
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  body.products-v2 .lt-partner-value {
    padding: 84px 0 88px !important;
  }

  body.products-v2 .lt-partner-value-inner {
    width: min(100% - 36px, 1180px) !important;
  }

  body.products-v2 .lt-partner-value-copy h2 {
    font-size: 36px !important;
    line-height: 1.22 !important;
    word-break: normal !important;
  }

  body.products-v2 .lt-partner-value-cards {
    grid-template-columns: 1fr !important;
  }

  body.products-v2 .lt-partner-value-card-main,
  body.products-v2 .lt-partner-value-card-sub {
    min-height: auto !important;
    padding: 24px 22px !important;
  }
}


/* =========================================================
   Products partner value final tune
   PARTNER VALUE 最终微调：
   - 左侧标签略下移；
   - 右侧卡片略收高度；
   - 右侧文字加深；
   - 英文标签不再过虚。
   ========================================================= */

body.products-v2 .lt-partner-value-line {
  margin-top: 46px !important;
}

body.products-v2 .lt-partner-value-card-main {
  min-height: 218px !important;
  padding: 26px 26px 24px !important;
}

body.products-v2 .lt-partner-value-card-sub {
  min-height: 156px !important;
  padding: 22px 24px 20px !important;
}

body.products-v2 .lt-partner-value-card-top {
  margin-bottom: 22px !important;
}

body.products-v2 .lt-partner-value-card-sub .lt-partner-value-card-top {
  margin-bottom: 16px !important;
}

body.products-v2 .lt-partner-value-card h3 {
  margin-bottom: 11px !important;
  color: #123b2b !important;
  font-size: 24px !important;
}

body.products-v2 .lt-partner-value-card-sub h3 {
  font-size: 21px !important;
}

body.products-v2 .lt-partner-value-card p {
  color: rgba(52,78,68,.66) !important;
  line-height: 1.78 !important;
}

body.products-v2 .lt-partner-value-card-sub p {
  line-height: 1.68 !important;
}

body.products-v2 .lt-partner-value-card-top em {
  color: rgba(18,59,43,.38) !important;
}

body.products-v2 .lt-partner-value-card-top span {
  background: rgba(15,59,43,.055) !important;
}


/* =========================================================
   Products partner value visual balance
   PARTNER VALUE 视觉重心修正：
   - 不再机械追求顶部/底部绝对对齐；
   - 左侧大标题视觉重量更重，右侧卡片整体下移；
   - 让左右视觉重心更平衡。
   ========================================================= */

body.products-v2 .lt-partner-value-inner {
  align-items: start !important;
}

/* 右侧卡片整体下移，和左侧文字视觉重心对齐 */
body.products-v2 .lt-partner-value-cards {
  transform: translateY(34px) !important;
}

/* 左侧保持自然，不继续下压 */
body.products-v2 .lt-partner-value-copy {
  padding-top: 0 !important;
}

/* 保持当前标题断行，不再继续强行调宽 */
body.products-v2 .lt-partner-value-copy h2 {
  line-height: 1.34 !important;
}

/* 标签不要再继续往下推 */
body.products-v2 .lt-partner-value-line {
  margin-top: 42px !important;
}

@media (max-width: 1180px) {
  body.products-v2 .lt-partner-value-cards {
    transform: none !important;
  }
}


/* =========================================================
   Products CTA footer same as business
   按 business.css 最终方案处理：
   - 不动公共 footer；
   - CTA 后面直接接 footer；
   - CTA 不再额外增加 margin-bottom；
   - footer 原始 margin-top 自己提供页面底部间距。
   ========================================================= */

body.products-v2 .pv2-cta,
body.products-v2 main > .pv2-cta,
body.products-v2 main > .pv2-cta:last-child {
  margin-bottom: 0 !important;
}

body.products-v2 main {
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.products-v2 .pv2-cta,
  body.products-v2 main > .pv2-cta,
  body.products-v2 main > .pv2-cta:last-child {
    margin-bottom: 0 !important;
  }
}


/* ===== Products hero redesign 2026-05-26 ===== */
.products-shell {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.products-hero {
  position: relative;
  min-height: 760px;
  padding: 0;
  overflow: hidden;
  background: #14352e;
  color: #fff;
}

.products-hero-bg,
.products-hero-overlay {
  position: absolute;
  inset: 0;
}

.products-hero-bg {
  background: url('/assets/store/products-hero-bg-redesign.webp') center center / cover no-repeat;
}

.products-hero-overlay {
  background:
    linear-gradient(90deg,
      rgba(6, 20, 17, 0.68) 0%,
      rgba(6, 20, 17, 0.44) 38%,
      rgba(6, 20, 17, 0.30) 100%);
}

.products-hero-layout {
  position: relative;
  z-index: 2;
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(420px, 0.54fr) minmax(420px, 0.46fr);
  gap: 42px;
  align-items: center;
  padding: 110px 0 74px;
}

.products-hero-copy {
  max-width: 620px;
}

.products-hero .eyebrow {
  color: rgba(255,255,255,.84);
}

.products-hero .eyebrow::before {
  background: rgba(255,255,255,.84);
}

.products-hero-copy h1 {
  margin: 0;
  font-size: clamp(52px, 5vw, 76px);
  line-height: 1.02;
  letter-spacing: -0.055em;
  color: #fff;
  text-shadow: 0 16px 40px rgba(0,0,0,.22);
}

.products-hero-desc {
  margin: 24px 0 0;
  color: rgba(255,255,255,.80);
  font-size: 17px;
  line-height: 1.95;
}

.products-hero .hero-actions {
  margin-top: 32px;
}

.products-hero-matrix {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  align-self: end;
}

.products-hero-matrix article {
  padding: 24px 22px;
  border-radius: 24px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 54px rgba(0,0,0,.12);
}

.products-hero-matrix article:last-child {
  grid-column: 1 / span 2;
}

.products-hero-matrix span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  color: #f2e4bd;
  font-size: 13px;
  font-weight: 800;
}

.products-hero-matrix h3 {
  margin: 16px 0 0;
  color: #fff;
  font-size: 20px;
  letter-spacing: -0.02em;
}

.products-hero-matrix p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.8;
}

.products-hero .btn-primary {
  color: #14352e;
  background: #f2e4bd;
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

.products-hero .btn-secondary {
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.22);
}

@media (max-width: 1080px) {
  .products-hero,
  .products-hero-layout {
    min-height: auto;
  }

  .products-hero-layout {
    grid-template-columns: 1fr;
    padding: 114px 0 72px;
  }

  .products-hero-matrix {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .products-shell {
    width: min(100% - 28px, 1200px);
  }

  .products-hero-layout {
    padding: 102px 0 56px;
  }

  .products-hero-copy h1 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .products-hero-desc {
    font-size: 15px;
  }

  .products-hero-matrix {
    grid-template-columns: 1fr;
  }

  .products-hero-matrix article:last-child {
    grid-column: auto;
  }
}


/* ===== Products hero readability polish 2026-05-26 ===== */
.products-hero {
  min-height: 760px !important;
  background: #123d31 !important;
}

.products-hero-overlay {
  background:
    linear-gradient(90deg,
      rgba(5, 22, 18, 0.72) 0%,
      rgba(5, 22, 18, 0.56) 34%,
      rgba(5, 22, 18, 0.34) 68%,
      rgba(5, 22, 18, 0.20) 100%) !important;
}

.products-hero-layout {
  grid-template-columns: minmax(520px, 0.52fr) minmax(420px, 0.48fr) !important;
  gap: 64px !important;
  align-items: center !important;
}

.products-hero-copy {
  max-width: 640px !important;
}

.products-hero-copy h1 {
  color: #ffffff !important;
  font-size: clamp(46px, 4.35vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
  text-shadow: 0 18px 46px rgba(0,0,0,.32) !important;
}

.products-hero-desc {
  max-width: 610px !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.24) !important;
}

.products-hero .eyebrow {
  color: rgba(255,255,255,.82) !important;
}

.products-hero .eyebrow::before {
  background: rgba(255,255,255,.82) !important;
}

.products-hero-matrix {
  align-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.products-hero-matrix article {
  min-height: 142px !important;
  padding: 22px 22px 20px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.18) !important;
}

.products-hero-matrix article:last-child {
  grid-column: 1 / span 2 !important;
  min-height: 118px !important;
}

.products-hero-matrix span {
  background: rgba(242,228,189,.22) !important;
  color: #f2e4bd !important;
}

.products-hero-matrix h3 {
  color: #ffffff !important;
  font-size: 20px !important;
  margin-top: 14px !important;
}

.products-hero-matrix p {
  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.products-hero .btn-primary {
  color: #123d31 !important;
  background: #f2e4bd !important;
}

.products-hero .btn-secondary {
  color: #ffffff !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}

@media (max-width: 1080px) {
  .products-hero-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .products-hero-copy {
    max-width: 720px !important;
  }
}

@media (max-width: 760px) {
  .products-hero {
    min-height: auto !important;
  }

  .products-hero-layout {
    padding: 104px 0 58px !important;
  }

  .products-hero-copy h1 {
    font-size: clamp(38px, 11vw, 54px) !important;
  }

  .products-hero-matrix {
    grid-template-columns: 1fr !important;
  }

  .products-hero-matrix article:last-child {
    grid-column: auto !important;
  }
}

/* ===== Products hero scale + CTA refine 2026-05-26 ===== */
.products-hero {
  min-height: 860px !important;
}

.products-hero-layout {
  min-height: 860px !important;
  grid-template-columns: minmax(560px, 0.54fr) minmax(440px, 0.46fr) !important;
  gap: 72px !important;
  padding: 122px 0 88px !important;
  align-items: center !important;
}

.products-hero-copy {
  max-width: 690px !important;
}

.products-hero-copy h1 {
  font-size: clamp(52px, 4.9vw, 78px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.05em !important;
  max-width: 760px !important;
  margin-bottom: 0 !important;
}

.products-hero-desc {
  max-width: 640px !important;
  margin-top: 26px !important;
  font-size: 18px !important;
  line-height: 1.92 !important;
}

.products-hero .hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 34px !important;
}

.products-hero .hero-actions a,
.products-hero .btn-primary,
.products-hero .btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.products-hero .btn-primary {
  color: #123d31 !important;
  background: #f2e4bd !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

.products-hero .btn-secondary {
  color: #ffffff !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
}

.products-hero .btn-primary:hover,
.products-hero .btn-secondary:hover {
  transform: translateY(-2px) !important;
}

.products-hero-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-self: center !important;
}

.products-hero-matrix article {
  min-height: 152px !important;
  padding: 24px 24px 22px !important;
  border-radius: 26px !important;
}

.products-hero-matrix article:last-child {
  min-height: 126px !important;
}

.products-hero-matrix h3 {
  font-size: 21px !important;
  margin-top: 16px !important;
}

.products-hero-matrix p {
  font-size: 14px !important;
  line-height: 1.8 !important;
}

@media (max-width: 1180px) {
  .products-hero {
    min-height: 800px !important;
  }

  .products-hero-layout {
    min-height: 800px !important;
    grid-template-columns: minmax(480px, 0.52fr) minmax(400px, 0.48fr) !important;
    gap: 46px !important;
  }
}

@media (max-width: 1080px) {
  .products-hero {
    min-height: auto !important;
  }

  .products-hero-layout {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    padding: 114px 0 74px !important;
  }

  .products-hero-copy {
    max-width: 760px !important;
  }
}

@media (max-width: 760px) {
  .products-hero-layout {
    padding: 102px 0 58px !important;
  }

  .products-hero-copy h1 {
    font-size: clamp(40px, 11vw, 58px) !important;
  }

  .products-hero-desc {
    font-size: 16px !important;
  }

  .products-hero .hero-actions {
    gap: 12px !important;
  }

  .products-hero .hero-actions a,
  .products-hero .btn-primary,
  .products-hero .btn-secondary {
    width: 100% !important;
  }

  .products-hero-matrix {
    grid-template-columns: 1fr !important;
  }

  .products-hero-matrix article:last-child {
    grid-column: auto !important;
  }
}

/* ===== Products hero title balance polish 2026-05-26 ===== */
.products-hero {
  min-height: 820px !important;
}

.products-hero-layout {
  min-height: 820px !important;
  grid-template-columns: minmax(540px, 0.50fr) minmax(500px, 0.50fr) !important;
  gap: 70px !important;
  padding: 116px 0 82px !important;
}

.products-hero-copy {
  max-width: 660px !important;
  transform: translateY(-10px);
}

.products-hero-copy h1 {
  max-width: 640px !important;
  font-size: clamp(44px, 4.05vw, 64px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.045em !important;
}

.products-hero-desc {
  max-width: 590px !important;
  margin-top: 24px !important;
  font-size: 16px !important;
  line-height: 1.92 !important;
}

.products-hero .hero-actions {
  margin-top: 30px !important;
}

.products-hero .hero-actions a,
.products-hero .btn-primary,
.products-hero .btn-secondary {
  min-height: 50px !important;
  padding: 0 25px !important;
  font-size: 15px !important;
}

.products-hero-overlay {
  background:
    linear-gradient(90deg,
      rgba(5, 22, 18, 0.68) 0%,
      rgba(5, 22, 18, 0.48) 34%,
      rgba(5, 22, 18, 0.25) 68%,
      rgba(5, 22, 18, 0.14) 100%) !important;
}

.products-hero-matrix {
  gap: 16px !important;
  transform: translateY(8px);
}

.products-hero-matrix article {
  min-height: 142px !important;
  padding: 22px 22px 20px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.13) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.14) !important;
}

.products-hero-matrix article:last-child {
  min-height: 116px !important;
}

.products-hero-matrix span {
  width: 32px !important;
  height: 32px !important;
}

.products-hero-matrix h3 {
  margin-top: 14px !important;
  font-size: 20px !important;
}

.products-hero-matrix p {
  font-size: 13.5px !important;
  line-height: 1.75 !important;
}

@media (max-width: 1180px) {
  .products-hero-layout {
    grid-template-columns: minmax(500px, 0.50fr) minmax(430px, 0.50fr) !important;
    gap: 44px !important;
  }

  .products-hero-copy h1 {
    font-size: clamp(42px, 4vw, 58px) !important;
  }
}

@media (max-width: 1080px) {
  .products-hero,
  .products-hero-layout {
    min-height: auto !important;
  }

  .products-hero-layout {
    grid-template-columns: 1fr !important;
    padding: 112px 0 72px !important;
  }

  .products-hero-copy {
    transform: none;
  }

  .products-hero-matrix {
    transform: none;
  }
}

@media (max-width: 760px) {
  .products-hero-copy h1 {
    font-size: clamp(38px, 10vw, 52px) !important;
  }
}

/* ===== Products hero card number + motion polish 2026-05-26 ===== */
.products-hero-matrix article {
  position: relative !important;
  overflow: hidden !important;
  cursor: default !important;
  transition:
    transform .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

.products-hero-matrix article::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(242, 228, 189, 0.18), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  transition: opacity .28s ease !important;
  pointer-events: none;
}

.products-hero-matrix article:hover {
  transform: translateY(-8px) !important;
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(242,228,189,.44) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.22) !important;
}

.products-hero-matrix article:hover::before {
  opacity: 1;
}

.products-hero-matrix span {
  position: relative !important;
  z-index: 1 !important;
  width: 34px !important;
  height: 34px !important;
  background: #104736 !important;
  color: #f2e4bd !important;
  border: 1px solid rgba(242,228,189,.48) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.16),
    inset 0 0 0 1px rgba(255,255,255,.08) !important;
  transition:
    transform .28s ease,
    background .28s ease,
    color .28s ease,
    box-shadow .28s ease !important;
}

.products-hero-matrix article:hover span {
  transform: scale(1.08) !important;
  background: #f2e4bd !important;
  color: #104736 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.20) !important;
}

.products-hero-matrix h3,
.products-hero-matrix p {
  position: relative !important;
  z-index: 1 !important;
}

.products-hero-matrix h3 {
  transition: color .28s ease, transform .28s ease !important;
}

.products-hero-matrix article:hover h3 {
  color: #f6edd0 !important;
  transform: translateX(2px) !important;
}

.products-hero-matrix p {
  transition: color .28s ease !important;
}

.products-hero-matrix article:hover p {
  color: rgba(255,255,255,.86) !important;
}

/* make CTA buttons feel consistent with card motion */
.products-hero .btn-primary,
.products-hero .btn-secondary {
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background .24s ease,
    border-color .24s ease !important;
}

.products-hero .btn-primary:hover,
.products-hero .btn-secondary:hover {
  transform: translateY(-3px) !important;
}

.products-hero .btn-secondary:hover {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(242,228,189,.42) !important;
}

/* ===== Products hero CTA hover fix + motion soften 2026-05-26 ===== */
.products-hero .hero-actions {
  position: relative !important;
  z-index: 5 !important;
}

.products-hero .hero-actions a,
.products-hero .btn-primary,
.products-hero .btn-secondary {
  position: relative !important;
  z-index: 5 !important;
  overflow: hidden !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.products-hero .btn-primary,
.products-hero .hero-actions a.btn-primary,
.products-hero .hero-actions a:first-child {
  color: #123d31 !important;
  background: #f2e4bd !important;
  border: 1px solid rgba(242, 228, 189, 0.66) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16) !important;
}

.products-hero .btn-primary:hover,
.products-hero .hero-actions a.btn-primary:hover,
.products-hero .hero-actions a:first-child:hover {
  color: #ffffff !important;
  background: #104736 !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22) !important;
  transform: translateY(-2px) !important;
}

.products-hero .btn-secondary,
.products-hero .hero-actions a.btn-secondary,
.products-hero .hero-actions a:nth-child(2) {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.30) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10) !important;
}

.products-hero .btn-secondary:hover,
.products-hero .hero-actions a.btn-secondary:hover,
.products-hero .hero-actions a:nth-child(2):hover {
  color: #f2e4bd !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(242, 228, 189, 0.42) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16) !important;
  transform: translateY(-2px) !important;
}

/* 防止旧的 ::before / 全局 hover 遮住按钮文字 */
.products-hero .hero-actions a::before,
.products-hero .btn-primary::before,
.products-hero .btn-secondary::before {
  display: none !important;
}

/* 右侧服务卡片互动收轻，避免 hover 时太跳 */
.products-hero-matrix article:hover {
  transform: translateY(-5px) !important;
  background: rgba(255,255,255,.17) !important;
  border-color: rgba(242,228,189,.36) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.18) !important;
}

.products-hero-matrix article:hover span {
  transform: scale(1.04) !important;
}

.products-hero-matrix article:hover h3 {
  transform: translateX(1px) !important;
}

/* 微调左侧阅读层级 */
.products-hero-copy {
  position: relative !important;
  z-index: 3 !important;
}

.products-hero-copy h1 {
  text-shadow: 0 16px 38px rgba(0,0,0,.30) !important;
}

.products-hero-desc {
  text-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}

/* ===== Large unified subpage banner visual height 2026-05-27 ===== */
@media (min-width: 1081px) {
  body.products-v2 .pv2-hero,
  .products-v2 .pv2-hero,
  .pv2-hero,
  .products-hero {
    height: clamp(820px, calc(100vh - 72px), 920px) !important;
    min-height: 820px !important;
    max-height: 920px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.products-v2 .pv2-hero {
    padding-top: 136px !important;
    padding-bottom: 96px !important;
  }

  body.products-v2 .pv2-hero-inner,
  .products-v2 .pv2-hero-inner,
  .pv2-hero-inner {
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  .products-hero-layout {
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding-top: 118px !important;
    padding-bottom: 86px !important;
  }
}

/* ===== Products mobile refine v1 2026-05-30 START ===== */

/*
  产品与服务页手机端精修：
  - 手机端按“产品目录 / 服务入口页”处理
  - 首屏缩短，不做桌面大版式强压缩
  - 服务卡片更像 App 服务入口
  - 图片、模块、CTA 控制高度和间距
  - 只在移动端生效，不影响桌面端
*/

@media (max-width: 820px) {
  body,
  .products-page,
  .product-page,
  main {
    overflow-x: hidden !important;
  }

  /* Hero：手机端更像产品入口页 */
  .products-hero,
  .product-hero,
  .products-page .hero,
  .product-page .hero {
    min-height: auto !important;
    height: auto !important;
    padding: 52px 0 42px !important;
    display: block !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .products-hero-inner,
  .product-hero-inner,
  .products-hero-layout,
  .product-hero-layout,
  .products-page .hero-inner,
  .product-page .hero-inner {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    transform: none !important;
  }

  .products-hero h1,
  .product-hero h1,
  .products-page .hero h1,
  .product-page .hero h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(32px, 8.6vw, 44px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.06em !important;
    white-space: normal !important;
  }

  .products-hero p,
  .product-hero p,
  .products-page .hero p,
  .product-page .hero p {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  .products-hero-card,
  .product-hero-card,
  .products-hero-panel,
  .product-hero-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 18px !important;
    border-radius: 22px !important;
    transform: none !important;
  }

  /* 通用版块节奏 */
  .products-section,
  .product-section,
  .service-section,
  .catalog-section,
  .equipment-section,
  .mall-section,
  .activity-section,
  .community-section,
  .products-cta,
  .product-cta {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .products-section-head,
  .product-section-head,
  .service-section-head,
  .catalog-section-head,
  .products-head,
  .product-head,
  .section-head {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto 22px !important;
    text-align: left !important;
  }

  .products-section-head h2,
  .product-section-head h2,
  .service-section-head h2,
  .catalog-section-head h2,
  .products-head h2,
  .product-head h2,
  .section-head h2 {
    font-size: clamp(26px, 7.5vw, 36px) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.055em !important;
  }

  .products-section-head p,
  .product-section-head p,
  .service-section-head p,
  .catalog-section-head p,
  .products-head p,
  .product-head p,
  .section-head p {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.68 !important;
  }

  /* 产品/服务入口：手机端做成清晰目录卡 */
  .products-grid,
  .product-grid,
  .service-grid,
  .catalog-grid,
  .products-card-grid,
  .product-card-grid,
  .service-card-grid,
  .equipment-grid,
  .mall-grid,
  .activity-grid,
  .community-grid {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .products-card,
  .product-card,
  .service-card,
  .catalog-card,
  .equipment-card,
  .mall-card,
  .activity-card,
  .community-card,
  .products-grid > *,
  .product-grid > *,
  .service-grid > *,
  .catalog-grid > *,
  .products-card-grid > *,
  .product-card-grid > *,
  .service-card-grid > *,
  .equipment-grid > *,
  .mall-grid > *,
  .activity-grid > *,
  .community-grid > * {
    min-height: auto !important;
    padding: 20px 18px !important;
    border-radius: 20px !important;
    transform: none !important;
    box-shadow:
      0 16px 42px rgba(15, 71, 54, 0.055),
      inset 0 1px 0 rgba(255,255,255,0.92) !important;
  }

  .products-card h3,
  .product-card h3,
  .service-card h3,
  .catalog-card h3,
  .equipment-card h3,
  .mall-card h3,
  .activity-card h3,
  .community-card h3,
  .products-grid h3,
  .product-grid h3,
  .service-grid h3,
  .catalog-grid h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.04em !important;
  }

  .products-card p,
  .product-card p,
  .service-card p,
  .catalog-card p,
  .equipment-card p,
  .mall-card p,
  .activity-card p,
  .community-card p,
  .products-grid p,
  .product-grid p,
  .service-grid p,
  .catalog-grid p {
    margin-top: 8px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  /* 如果存在图标入口，手机端统一尺寸 */
  .products-card .icon,
  .product-card .icon,
  .service-card .icon,
  .catalog-card .icon,
  .equipment-card .icon,
  .mall-card .icon,
  .activity-card .icon,
  .community-card .icon {
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 12px !important;
  }

  /* 图片卡：保留视觉，不要过高 */
  .products-image-card,
  .product-image-card,
  .service-image-card,
  .catalog-image-card,
  .products-photo-card,
  .product-photo-card,
  .products-visual-card,
  .product-visual-card {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .products-image-card img,
  .product-image-card img,
  .service-image-card img,
  .catalog-image-card img,
  .products-photo-card img,
  .product-photo-card img,
  .products-visual-card img,
  .product-visual-card img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
  }

  .products-image-card .card-body,
  .product-image-card .card-body,
  .service-image-card .card-body,
  .catalog-image-card .card-body,
  .products-photo-card .card-body,
  .product-photo-card .card-body,
  .products-visual-card .card-body,
  .product-visual-card .card-body {
    padding: 16px 15px !important;
  }

  /* 横向小标签、参数、卖点 */
  .products-tags,
  .product-tags,
  .service-tags,
  .products-chips,
  .product-chips,
  .service-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .products-tags span,
  .product-tags span,
  .service-tags span,
  .products-chips span,
  .product-chips span,
  .service-chips span,
  .tag,
  .chip {
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
  }

  /* CTA */
  .products-cta-inner,
  .product-cta-inner,
  .products-cta-card,
  .product-cta-card {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .products-cta a,
  .product-cta a,
  .products-cta .btn-primary,
  .product-cta .btn-primary {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 390px) {
  .products-hero-inner,
  .product-hero-inner,
  .products-hero-layout,
  .product-hero-layout,
  .products-page .hero-inner,
  .product-page .hero-inner,
  .products-section-head,
  .product-section-head,
  .service-section-head,
  .catalog-section-head,
  .products-head,
  .product-head,
  .products-grid,
  .product-grid,
  .service-grid,
  .catalog-grid,
  .products-card-grid,
  .product-card-grid,
  .service-card-grid {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .products-hero h1,
  .product-hero h1,
  .products-page .hero h1,
  .product-page .hero h1 {
    font-size: clamp(29px, 8.3vw, 38px) !important;
  }

  .products-image-card img,
  .product-image-card img,
  .service-image-card img,
  .catalog-image-card img,
  .products-photo-card img,
  .product-photo-card img,
  .products-visual-card img,
  .product-visual-card img {
    height: 188px !important;
  }
}

/* ===== Products mobile refine v1 2026-05-30 END ===== */

/* ===== Products mobile refine v2 2026-05-30 START ===== */

/*
  产品与服务页手机端 V2：
  1. 产品页改成“服务目录页”节奏
  2. 首屏更短，减少背景图压迫
  3. 中间大量白卡压缩成 App 服务入口卡
  4. 图片卡保留，但减少上下间距
  5. 只影响移动端
*/

@media (max-width: 820px) {
  .products-page,
  .product-page {
    overflow-x: hidden !important;
  }

  /* 首屏继续压缩，让用户更快看到产品目录 */
  .products-hero,
  .product-hero,
  .products-page .hero,
  .product-page .hero {
    min-height: auto !important;
    padding-top: 42px !important;
    padding-bottom: 34px !important;
  }

  .products-hero-inner,
  .product-hero-inner,
  .products-hero-layout,
  .product-hero-layout,
  .products-page .hero-inner,
  .product-page .hero-inner {
    gap: 16px !important;
  }

  .products-hero h1,
  .product-hero h1,
  .products-page .hero h1,
  .product-page .hero h1 {
    font-size: clamp(28px, 7.8vw, 38px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.055em !important;
  }

  .products-hero p,
  .product-hero p,
  .products-page .hero p,
  .product-page .hero p {
    font-size: 12.5px !important;
    line-height: 1.62 !important;
  }

  .products-hero-card,
  .product-hero-card,
  .products-hero-panel,
  .product-hero-panel {
    padding: 16px 15px !important;
    border-radius: 18px !important;
  }

  /* 全页版块间距再压缩 */
  .products-section,
  .product-section,
  .service-section,
  .catalog-section,
  .equipment-section,
  .mall-section,
  .activity-section,
  .community-section,
  .products-cta,
  .product-cta {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .products-section-head,
  .product-section-head,
  .service-section-head,
  .catalog-section-head,
  .products-head,
  .product-head,
  .section-head {
    margin-bottom: 16px !important;
  }

  .products-section-head h2,
  .product-section-head h2,
  .service-section-head h2,
  .catalog-section-head h2,
  .products-head h2,
  .product-head h2,
  .section-head h2 {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.14 !important;
  }

  .products-section-head p,
  .product-section-head p,
  .service-section-head p,
  .catalog-section-head p,
  .products-head p,
  .product-head p,
  .section-head p {
    font-size: 12.5px !important;
    line-height: 1.62 !important;
  }

  /* 核心：把服务卡压成更像 App 入口的紧凑卡 */
  .products-grid,
  .product-grid,
  .service-grid,
  .catalog-grid,
  .products-card-grid,
  .product-card-grid,
  .service-card-grid,
  .equipment-grid,
  .mall-grid,
  .activity-grid,
  .community-grid {
    gap: 10px !important;
  }

  .products-card,
  .product-card,
  .service-card,
  .catalog-card,
  .equipment-card,
  .mall-card,
  .activity-card,
  .community-card,
  .products-grid > *,
  .product-grid > *,
  .service-grid > *,
  .catalog-grid > *,
  .products-card-grid > *,
  .product-card-grid > *,
  .service-card-grid > *,
  .equipment-grid > *,
  .mall-grid > *,
  .activity-grid > *,
  .community-grid > * {
    min-height: auto !important;
    padding: 15px 15px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    column-gap: 12px !important;
    align-items: start !important;
    box-shadow:
      0 12px 30px rgba(15, 71, 54, 0.045),
      inset 0 1px 0 rgba(255,255,255,0.90) !important;
  }

  .products-card .icon,
  .product-card .icon,
  .service-card .icon,
  .catalog-card .icon,
  .equipment-card .icon,
  .mall-card .icon,
  .activity-card .icon,
  .community-card .icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;
  }

  .products-card h3,
  .product-card h3,
  .service-card h3,
  .catalog-card h3,
  .equipment-card h3,
  .mall-card h3,
  .activity-card h3,
  .community-card h3,
  .products-grid h3,
  .product-grid h3,
  .service-grid h3,
  .catalog-grid h3 {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
  }

  .products-card p,
  .product-card p,
  .service-card p,
  .catalog-card p,
  .equipment-card p,
  .mall-card p,
  .activity-card p,
  .community-card p,
  .products-grid p,
  .product-grid p,
  .service-grid p,
  .catalog-grid p {
    margin: 5px 0 0 !important;
    font-size: 11.8px !important;
    line-height: 1.55 !important;
    color: rgba(35, 72, 58, 0.60) !important;
  }

  /* 如果某些卡片没有 icon，也不要因为 grid 造成错位 */
  .products-card:not(:has(.icon)),
  .product-card:not(:has(.icon)),
  .service-card:not(:has(.icon)),
  .catalog-card:not(:has(.icon)) {
    display: block !important;
  }

  /* 图片卡：保留抓眼效果，但减少拖拽长度 */
  .products-image-card,
  .product-image-card,
  .service-image-card,
  .catalog-image-card,
  .products-photo-card,
  .product-photo-card,
  .products-visual-card,
  .product-visual-card {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    border-radius: 18px !important;
  }

  .products-image-card img,
  .product-image-card img,
  .service-image-card img,
  .catalog-image-card img,
  .products-photo-card img,
  .product-photo-card img,
  .products-visual-card img,
  .product-visual-card img {
    height: 178px !important;
    object-fit: cover !important;
  }

  .products-image-card .card-body,
  .product-image-card .card-body,
  .service-image-card .card-body,
  .catalog-image-card .card-body,
  .products-photo-card .card-body,
  .product-photo-card .card-body,
  .products-visual-card .card-body,
  .product-visual-card .card-body {
    padding: 13px 13px !important;
  }

  .products-image-card h3,
  .product-image-card h3,
  .service-image-card h3,
  .catalog-image-card h3,
  .products-photo-card h3,
  .product-photo-card h3,
  .products-visual-card h3,
  .product-visual-card h3 {
    font-size: 15.5px !important;
    line-height: 1.35 !important;
  }

  .products-image-card p,
  .product-image-card p,
  .service-image-card p,
  .catalog-image-card p,
  .products-photo-card p,
  .product-photo-card p,
  .products-visual-card p,
  .product-visual-card p {
    font-size: 11.8px !important;
    line-height: 1.55 !important;
  }

  /* 长列表/参数列表压缩 */
  .products-list,
  .product-list,
  .service-list,
  .feature-list,
  .products-feature-list,
  .product-feature-list {
    gap: 8px !important;
  }

  .products-list li,
  .product-list li,
  .service-list li,
  .feature-list li,
  .products-feature-list li,
  .product-feature-list li {
    padding: 12px 0 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  /* CTA 保留，但别太厚 */
  .products-cta-inner,
  .product-cta-inner,
  .products-cta-card,
  .product-cta-card {
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }

  .products-cta h2,
  .product-cta h2 {
    font-size: clamp(23px, 6.8vw, 31px) !important;
    line-height: 1.18 !important;
  }

  .products-cta p,
  .product-cta p {
    font-size: 12.5px !important;
    line-height: 1.62 !important;
  }
}

@media (max-width: 390px) {
  .products-hero,
  .product-hero,
  .products-page .hero,
  .product-page .hero {
    padding-top: 36px !important;
  }

  .products-hero h1,
  .product-hero h1,
  .products-page .hero h1,
  .product-page .hero h1 {
    font-size: clamp(27px, 7.6vw, 34px) !important;
  }

  .products-image-card img,
  .product-image-card img,
  .service-image-card img,
  .catalog-image-card img,
  .products-photo-card img,
  .product-photo-card img,
  .products-visual-card img,
  .product-visual-card img {
    height: 160px !important;
  }
}

/* ===== Products mobile refine v2 2026-05-30 END ===== */

/* ===== Products mobile split blank fix 2026-05-30 START ===== */

/*
  修复产品页手机端“图片 + 需求卡片”版块右侧残留浅绿色空白：
  原因是桌面端左右分栏结构在移动端没有彻底改成单列。
  这里在移动端强制相关 split / panel / visual 结构单列化。
*/

@media (max-width: 820px) {
  .products-page .split-layout,
  .products-page .product-split,
  .products-page .service-split,
  .products-page .scenario-split,
  .products-page .need-split,
  .products-page .pain-split,
  .products-page .solution-split,
  .products-page .products-split,
  .product-page .split-layout,
  .product-page .product-split,
  .product-page .service-split,
  .product-page .scenario-split,
  .product-page .need-split,
  .product-page .pain-split,
  .product-page .solution-split,
  .product-page .products-split {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    background: transparent !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .products-page .split-layout > *,
  .products-page .product-split > *,
  .products-page .service-split > *,
  .products-page .scenario-split > *,
  .products-page .need-split > *,
  .products-page .pain-split > *,
  .products-page .solution-split > *,
  .products-page .products-split > *,
  .product-page .split-layout > *,
  .product-page .product-split > *,
  .product-page .service-split > *,
  .product-page .scenario-split > *,
  .product-page .need-split > *,
  .product-page .pain-split > *,
  .product-page .solution-split > *,
  .product-page .products-split > * {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
    background: transparent !important;
  }

  .products-page .visual-panel,
  .products-page .image-panel,
  .products-page .photo-panel,
  .products-page .media-panel,
  .products-page .split-visual,
  .products-page .split-image,
  .product-page .visual-panel,
  .product-page .image-panel,
  .product-page .photo-panel,
  .product-page .media-panel,
  .product-page .split-visual,
  .product-page .split-image {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .products-page .visual-panel img,
  .products-page .image-panel img,
  .products-page .photo-panel img,
  .products-page .media-panel img,
  .products-page .split-visual img,
  .products-page .split-image img,
  .product-page .visual-panel img,
  .product-page .image-panel img,
  .product-page .photo-panel img,
  .product-page .media-panel img,
  .product-page .split-visual img,
  .product-page .split-image img {
    width: 100% !important;
    height: 235px !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .products-page .content-panel,
  .products-page .text-panel,
  .products-page .list-panel,
  .products-page .cards-panel,
  .products-page .split-content,
  .products-page .split-card,
  .product-page .content-panel,
  .product-page .text-panel,
  .product-page .list-panel,
  .product-page .cards-panel,
  .product-page .split-content,
  .product-page .split-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border-radius: 0 0 22px 22px !important;
    background: rgba(246, 250, 247, 0.92) !important;
    border: 1px solid rgba(15, 71, 54, 0.08) !important;
    border-top: 0 !important;
  }

  /* 这一类四个“想体验 / 想尝试 / 体验后 / 希望有人组织”卡片 */
  .products-page .content-panel article,
  .products-page .text-panel article,
  .products-page .list-panel article,
  .products-page .cards-panel article,
  .products-page .split-content article,
  .products-page .split-card article,
  .product-page .content-panel article,
  .product-page .text-panel article,
  .product-page .list-panel article,
  .product-page .cards-panel article,
  .product-page .split-content article,
  .product-page .split-card article {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 0 10px !important;
    padding: 15px 14px !important;
    display: grid !important;
    grid-template-columns: 38px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,0.96) !important;
    box-shadow: 0 10px 26px rgba(15, 71, 54, 0.045) !important;
  }

  .products-page .content-panel article:last-child,
  .products-page .text-panel article:last-child,
  .products-page .list-panel article:last-child,
  .products-page .cards-panel article:last-child,
  .products-page .split-content article:last-child,
  .products-page .split-card article:last-child,
  .product-page .content-panel article:last-child,
  .product-page .text-panel article:last-child,
  .product-page .list-panel article:last-child,
  .product-page .cards-panel article:last-child,
  .product-page .split-content article:last-child,
  .product-page .split-card article:last-child {
    margin-bottom: 0 !important;
  }

  .products-page .content-panel article h3,
  .products-page .text-panel article h3,
  .products-page .list-panel article h3,
  .products-page .cards-panel article h3,
  .products-page .split-content article h3,
  .products-page .split-card article h3,
  .product-page .content-panel article h3,
  .product-page .text-panel article h3,
  .product-page .list-panel article h3,
  .product-page .cards-panel article h3,
  .product-page .split-content article h3,
  .product-page .split-card article h3 {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
  }

  .products-page .content-panel article p,
  .products-page .text-panel article p,
  .products-page .list-panel article p,
  .products-page .cards-panel article p,
  .products-page .split-content article p,
  .products-page .split-card article p,
  .product-page .content-panel article p,
  .product-page .text-panel article p,
  .product-page .list-panel article p,
  .product-page .cards-panel article p,
  .product-page .split-content article p,
  .product-page .split-card article p {
    margin: 4px 0 0 !important;
    font-size: 11.8px !important;
    line-height: 1.5 !important;
  }

  .products-page .content-panel .icon,
  .products-page .text-panel .icon,
  .products-page .list-panel .icon,
  .products-page .cards-panel .icon,
  .products-page .split-content .icon,
  .products-page .split-card .icon,
  .product-page .content-panel .icon,
  .product-page .text-panel .icon,
  .product-page .list-panel .icon,
  .product-page .cards-panel .icon,
  .product-page .split-content .icon,
  .product-page .split-card .icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin: 0 !important;
  }
}

@media (max-width: 390px) {
  .products-page .visual-panel img,
  .products-page .image-panel img,
  .products-page .photo-panel img,
  .products-page .media-panel img,
  .products-page .split-visual img,
  .products-page .split-image img,
  .product-page .visual-panel img,
  .product-page .image-panel img,
  .product-page .photo-panel img,
  .product-page .media-panel img,
  .product-page .split-visual img,
  .product-page .split-image img {
    height: 210px !important;
  }
}

/* ===== Products mobile split blank fix 2026-05-30 END ===== */

/* ===== Products need section real mobile fix 2026-05-30 START ===== */

/*
  真实修复目标：
  products.html 中包含“用户真正需要的 / 想体验，但不知道怎么开始”的版块。
  上一轮通用 split 选择器没有命中真实 DOM，所以这次给 section 加 products-need-mobile-fix，
  只针对这个版块强制移动端单列，去掉右侧浅绿色空白。
*/

@media (max-width: 820px) {
  .products-page .products-need-mobile-fix,
  .products-need-mobile-fix {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  .products-need-mobile-fix .partner-shell,
  .products-need-mobile-fix .section-shell,
  .products-need-mobile-fix .products-shell,
  .products-need-mobile-fix .product-shell,
  .products-need-mobile-fix .shell,
  .products-need-mobile-fix .container {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 只处理这个版块里疑似桌面左右分栏的外层 */
  .products-need-mobile-fix [class*="layout"],
  .products-need-mobile-fix [class*="split"],
  .products-need-mobile-fix [class*="wrap"],
  .products-need-mobile-fix [class*="grid"],
  .products-need-mobile-fix [class*="panel"],
  .products-need-mobile-fix [class*="visual"],
  .products-need-mobile-fix [class*="media"],
  .products-need-mobile-fix [class*="image"],
  .products-need-mobile-fix [class*="photo"],
  .products-need-mobile-fix [class*="content"],
  .products-need-mobile-fix [class*="body"],
  .products-need-mobile-fix [class*="list"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .products-need-mobile-fix [class*="layout"],
  .products-need-mobile-fix [class*="split"],
  .products-need-mobile-fix [class*="wrap"],
  .products-need-mobile-fix [class*="grid"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  /* 去掉右侧残留浅绿背景和桌面分栏占位 */
  .products-need-mobile-fix [class*="panel"],
  .products-need-mobile-fix [class*="content"],
  .products-need-mobile-fix [class*="body"],
  .products-need-mobile-fix [class*="list"] {
    background: transparent !important;
  }

  .products-need-mobile-fix [class*="visual"],
  .products-need-mobile-fix [class*="media"],
  .products-need-mobile-fix [class*="image"],
  .products-need-mobile-fix [class*="photo"] {
    width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .products-need-mobile-fix img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .products-need-mobile-fix [class*="visual"] img,
  .products-need-mobile-fix [class*="media"] img,
  .products-need-mobile-fix [class*="image"] img,
  .products-need-mobile-fix [class*="photo"] img {
    height: 230px !important;
    object-fit: cover !important;
    border-radius: 22px 22px 0 0 !important;
  }

  /* 图片下方的四个需求点，用白卡单列显示 */
  .products-need-mobile-fix article,
  .products-need-mobile-fix .card,
  .products-need-mobile-fix [class*="item"] {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 0 10px !important;
    padding: 15px 14px !important;
    display: grid !important;
    grid-template-columns: 40px 1fr !important;
    column-gap: 12px !important;
    align-items: center !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(15, 71, 54, 0.055) !important;
    box-shadow: 0 10px 26px rgba(15, 71, 54, 0.045) !important;
  }

  .products-need-mobile-fix article:last-child,
  .products-need-mobile-fix .card:last-child,
  .products-need-mobile-fix [class*="item"]:last-child {
    margin-bottom: 0 !important;
  }

  .products-need-mobile-fix .icon,
  .products-need-mobile-fix [class*="icon"] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  .products-need-mobile-fix h3 {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
  }

  .products-need-mobile-fix p {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  /* 给图片下方内容区补一个统一浅底，不再出现右半块残留 */
  .products-need-mobile-fix [class*="content"],
  .products-need-mobile-fix [class*="body"],
  .products-need-mobile-fix [class*="list"] {
    padding: 16px !important;
    border-radius: 0 0 22px 22px !important;
    background: rgba(246, 250, 247, 0.92) !important;
    border: 1px solid rgba(15, 71, 54, 0.08) !important;
    border-top: 0 !important;
  }
}

@media (max-width: 390px) {
  .products-need-mobile-fix [class*="visual"] img,
  .products-need-mobile-fix [class*="media"] img,
  .products-need-mobile-fix [class*="image"] img,
  .products-need-mobile-fix [class*="photo"] img {
    height: 210px !important;
  }
}

/* ===== Products need section real mobile fix 2026-05-30 END ===== */

/* ===== Products user scenario real mobile fix 2026-05-30 START ===== */

/*
  真实 DOM：
  section.lt-user-scenario.products-need-mobile-fix
    .lt-user-scenario-inner
      .lt-user-scenario-copy
      .lt-user-scenario-media
        .lt-user-scenario-photo   <-- 背景图 div，不是 img
        .lt-user-scenario-tags
          .lt-user-scenario-tag ...

  修复：
  1. 移动端彻底单列
  2. 恢复 .lt-user-scenario-photo 背景图高度
  3. 去掉桌面大空框
  4. 卡片保持当前正确方向
*/

@media (max-width: 820px) {
  .products-need-mobile-fix.lt-user-scenario {
    padding: 42px 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  .products-need-mobile-fix .lt-user-scenario-inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 auto !important;
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .products-need-mobile-fix .lt-user-scenario-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .products-need-mobile-fix .lt-user-scenario-title-fixed {
    font-size: clamp(30px, 8.4vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.06em !important;
  }

  .products-need-mobile-fix .lt-user-scenario-copy p {
    margin-top: 18px !important;
    font-size: 14px !important;
    line-height: 1.78 !important;
  }

  .products-need-mobile-fix .lt-user-scenario-media {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: rgba(246, 250, 247, 0.92) !important;
    border: 1px solid rgba(15, 71, 54, 0.08) !important;
    box-shadow: 0 18px 48px rgba(15, 71, 54, 0.08) !important;
  }

  .products-need-mobile-fix .lt-user-scenario-photo {
    width: 100% !important;
    height: 238px !important;
    min-height: 238px !important;
    display: block !important;
    border-radius: 24px 24px 0 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .products-need-mobile-fix .lt-user-scenario-tags {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  .products-need-mobile-fix .lt-user-scenario-tag {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 15px 14px !important;
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    column-gap: 12px !important;
    align-items: center !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(15, 71, 54, 0.055) !important;
    box-shadow: 0 10px 26px rgba(15, 71, 54, 0.045) !important;
  }

  .products-need-mobile-fix .lt-user-scenario-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
  }

  .products-need-mobile-fix .lt-user-scenario-tag strong {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
  }

  /* 关闭上一包误伤造成的大空框影响 */
  .products-need-mobile-fix [class*="media"],
  .products-need-mobile-fix [class*="photo"] {
    box-sizing: border-box !important;
  }

  .products-need-mobile-fix [class*="photo"] img {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .products-need-mobile-fix .lt-user-scenario-photo {
    height: 214px !important;
    min-height: 214px !important;
  }

  .products-need-mobile-fix .lt-user-scenario-title-fixed {
    font-size: clamp(28px, 8vw, 36px) !important;
  }
}

/* ===== Products user scenario real mobile fix 2026-05-30 END ===== */

/* ===== Products user scenario photo restore final 2026-05-30 START ===== */

/*
  最终修复：
  .lt-user-scenario-photo 是背景图 div，不是 img。
  前面误写的 [class*="photo"] background: transparent !important 会清掉背景图。
  这里在 CSS 最后重新指定 background，并强制移动端版块变成正常上下结构。
*/

@media (max-width: 820px) {
  .products-need-mobile-fix.lt-user-scenario {
    padding: 42px 0 !important;
    background: #ffffff !important;
  }

  .products-need-mobile-fix .lt-user-scenario-inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    grid-template-columns: none !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .products-need-mobile-fix .lt-user-scenario-media {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: rgba(246, 250, 247, 0.92) !important;
    border: 1px solid rgba(15, 71, 54, 0.08) !important;
    box-shadow: 0 18px 48px rgba(15, 71, 54, 0.08) !important;
  }

  .products-need-mobile-fix .lt-user-scenario-photo {
    width: 100% !important;
    height: 238px !important;
    min-height: 238px !important;
    max-height: 238px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    background: url("/assets/images/products-user-scenario.webp") center center / cover no-repeat !important;
  }

  .products-need-mobile-fix .lt-user-scenario-tags {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    background: rgba(246, 250, 247, 0.92) !important;
  }

  .products-need-mobile-fix .lt-user-scenario-tag {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 15px 14px !important;
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    column-gap: 12px !important;
    align-items: center !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(15, 71, 54, 0.055) !important;
    box-shadow: 0 10px 26px rgba(15, 71, 54, 0.045) !important;
  }

  .products-need-mobile-fix .lt-user-scenario-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
  }

  .products-need-mobile-fix .lt-user-scenario-tag strong {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
  }
}

@media (max-width: 390px) {
  .products-need-mobile-fix .lt-user-scenario-photo {
    height: 214px !important;
    min-height: 214px !important;
    max-height: 214px !important;
  }
}

/* ===== Products user scenario photo restore final 2026-05-30 END ===== */

/* ===== Products user scenario tags full width fix 2026-05-30 START ===== */

/*
  修复点：
  图片已经恢复，但图片下方四个需求卡片没有撑满父框，
  导致右侧露出浅绿色背景。这里只修 lt-user-scenario 真实结构。
*/

@media (max-width: 820px) {
  .products-page .products-need-mobile-fix .lt-user-scenario-media {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    background: rgba(246, 250, 247, 0.92) !important;
  }

  .products-page .products-need-mobile-fix .lt-user-scenario-photo {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .products-page .products-need-mobile-fix .lt-user-scenario-tags {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    background: rgba(246, 250, 247, 0.92) !important;
  }

  .products-page .products-need-mobile-fix .lt-user-scenario-tag {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    grid-column: 1 / -1 !important;
  }

  .products-page .products-need-mobile-fix .lt-user-scenario-tag > * {
    min-width: 0 !important;
  }
}

@media (max-width: 390px) {
  .products-page .products-need-mobile-fix .lt-user-scenario-tags {
    padding: 14px !important;
  }
}

/* ===== Products user scenario tags full width fix 2026-05-30 END ===== */

/* ===== Products user scenario tag stretch final 2026-05-30 START ===== */

/*
  当前状态：
  图片已恢复，外框已正常，但四个需求卡片仍被桌面端宽度限制，
  只占左侧，右侧露出浅绿底。

  最终策略：
  直接命中真实结构：
  section.lt-user-scenario.products-need-mobile-fix
  .lt-user-scenario-media
  .lt-user-scenario-tags
  .lt-user-scenario-tag
*/

@media (max-width: 820px) {
  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-media {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    background: rgba(246, 250, 247, 0.92) !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-tags {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 10px !important;
    margin: 0 !important;
    padding: 16px !important;
    background: rgba(246, 250, 247, 0.92) !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-tag {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;

    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;

    padding: 15px 14px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,0.98) !important;
    border: 1px solid rgba(15, 71, 54, 0.055) !important;
    box-shadow: 0 10px 26px rgba(15, 71, 54, 0.045) !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-tag * {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    margin: 0 !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-tag strong {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 390px) {
  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-tags {
    padding: 14px !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-tag {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  section.lt-user-scenario.products-need-mobile-fix .lt-user-scenario-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
}

/* ===== Products user scenario tag stretch final 2026-05-30 END ===== */