/* 首页产品区：五卡玻璃布局。仅覆盖 #products，避免影响其他页面。 */
.stack-home > section#products {
  min-height: 640px !important;
  padding: 74px 32px 64px !important;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(5, 79, 128, .06), rgba(15, 118, 150, .02)),
    url("img/kangchesitan-website-00611.png") center center / cover no-repeat !important;
}

.stack-home > section#products > .w {
  width: min(1480px, calc(100% - 72px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.stack-home > section#products .pm-top {
  display: block !important;
  margin: 0 0 54px !important;
}

.stack-home > section#products .pm-intro h2 {
  max-width: 620px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(30px, 3.5vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 2px 22px rgba(0, 53, 91, .28);
}

.stack-home > section#products .pm-intro h2 b {
  color: inherit !important;
  font-weight: inherit !important;
}

.stack-home > section#products > .w > .pm-cards {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 32px 0 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.stack-home > section#products .pm-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 344px !important;
  padding: 28px 22px 24px !important;
  overflow: visible !important;
  color: #17332a !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(244,251,248,.93)) !important;
  border: 1px solid rgba(18,64,41,.12) !important;
  border-radius: 17px !important;
  box-shadow: 0 22px 48px -30px rgba(6,44,28,.42), inset 0 1px 0 rgba(255,255,255,.7) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  transform: none !important;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease !important;
}

.stack-home > section#products .pm-card:hover,
.stack-home > section#products .pm-card:focus-visible {
  transform: translateY(-5px) !important;
  border-color: rgba(46,197,138,.4) !important;
  box-shadow: 0 34px 66px -30px rgba(6,44,28,.5), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.stack-home > section#products .pm-ic {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 20px !important;
  border-radius: 11px !important;
  background: rgba(46,197,138,.1) !important;
  box-shadow: inset 0 0 0 1px rgba(46,197,138,.2) !important;
  transition: background .35s ease, box-shadow .35s ease !important;
}

.stack-home > section#products .pm-ic svg {
  width: 21px !important;
  height: 21px !important;
  stroke: #1f9c68 !important;
  transition: stroke .35s ease !important;
}

.stack-home > section#products .pm-card:hover .pm-ic {
  background: #2ec58a !important;
  box-shadow: 0 12px 26px -8px rgba(46,197,138,.5) !important;
}

.stack-home > section#products .pm-card:hover .pm-ic svg {
  stroke: #fff !important;
}

.stack-home > section#products .pm-card h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  color: #12271e !important;
  font-size: 22px !important;
  font-weight: 620 !important;
  line-height: 1.28 !important;
  letter-spacing: -.01em !important;
  text-shadow: none !important;
}

.stack-home > section#products .pm-no {
  color: #2ec58a !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}

/* 英文副标 */
.stack-home > section#products .pm-card .en {
  display: block !important;
  margin: 0 0 14px !important;
  color: #90a49b !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .07em !important;
}

/* 产品线明细 */
.stack-home > section#products .pm-lines {
  list-style: none !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(18,64,41,.1) !important;
}
.stack-home > section#products .pm-lines li {
  position: relative !important;
  padding: 6px 0 6px 14px !important;
  color: #45584e !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 450 !important;
}
.stack-home > section#products .pm-lines li + li {
  border-top: 1px dashed rgba(18,64,41,.08) !important;
}
.stack-home > section#products .pm-lines li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 12px !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 1px !important;
  background: rgba(46,197,138,.6) !important;
  transform: rotate(45deg) !important;
  transition: background .3s ease !important;
}
.stack-home > section#products .pm-card:hover .pm-lines li { color: #263a30 !important; }
.stack-home > section#products .pm-card:hover .pm-lines li::before { background: #2ec58a !important; }

/* 关键数字 */
.stack-home > section#products .pm-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  margin: 14px 0 16px !important;
  color: #178a5c !important;
  font-size: 26px !important;
  font-weight: 640 !important;
  line-height: 1 !important;
  letter-spacing: -.015em !important;
  font-variant-numeric: tabular-nums !important;
}
.stack-home > section#products .pm-stat em {
  font-style: normal !important;
  margin-left: 0 !important;
  color: #6a7a72 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
}

/* CTA */
.stack-home > section#products .pm-cta {
  margin-top: auto !important;
  padding-top: 14px !important;
  width: 100% !important;
  border-top: 1px solid rgba(18,64,41,.1) !important;
  color: #178a5c !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.stack-home > section#products .pm-cta b { font-weight: 600 !important; transition: transform .35s cubic-bezier(.2,.7,.2,1) !important; }
.stack-home > section#products .pm-card:hover .pm-cta { color: #12a06a !important; }
.stack-home > section#products .pm-card:hover .pm-cta b { transform: translateX(4px) !important; }

.stack-home > section#products .pm-en,
.stack-home > section#products .pm-arrow {
  display: none !important;
}

@media (max-width: 1180px) {
  .stack-home > section#products > .w > .pm-cards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
  .stack-home > section#products { min-height: auto !important; padding: 72px 20px !important; }
  .stack-home > section#products > .w { width: 100% !important; }
  .stack-home > section#products > .w > .pm-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-top: 18px !important;
  }
  .stack-home > section#products .pm-card { height: auto !important; min-height: 360px !important; }
}

@media (max-width: 560px) {
  .stack-home > section#products .pm-top { margin-bottom: 36px !important; }
  .stack-home > section#products > .w > .pm-cards {
    grid-template-columns: 1fr !important;
    padding-top: 18px !important;
  }
  .stack-home > section#products .pm-card { height: auto !important; min-height: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .stack-home > section#products .pm-card { transition: none !important; }
}

/* 2026-07-21 产品线玻璃卡片：文字反白，适配偏深透明背景。 */
.stack-home > section#products .pm-card,
.stack-home > section#products .pm-card:hover,
.stack-home > section#products .pm-card:focus-visible{
  color:rgba(255,255,255,.96)!important;
}
.stack-home > section#products .pm-card h3,
.stack-home > section#products .pm-card:hover h3,
.stack-home > section#products .pm-card:focus-visible h3,
.stack-home > section#products .pm-card .pm-no,
.stack-home > section#products .pm-card:hover .pm-no,
.stack-home > section#products .pm-card:focus-visible .pm-no,
.stack-home > section#products .pm-stat,
.stack-home > section#products .pm-card:hover .pm-stat,
.stack-home > section#products .pm-card:focus-visible .pm-stat,
.stack-home > section#products .pm-cta,
.stack-home > section#products .pm-card:hover .pm-cta,
.stack-home > section#products .pm-card:focus-visible .pm-cta{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,42,36,.28)!important;
}
.stack-home > section#products .pm-card .en,
.stack-home > section#products .pm-lines li,
.stack-home > section#products .pm-stat em{
  color:rgba(255,255,255,.74)!important;
  text-shadow:0 1px 10px rgba(0,42,36,.20)!important;
}
.stack-home > section#products .pm-lines{
  border-top-color:rgba(255,255,255,.24)!important;
}
.stack-home > section#products .pm-lines li{
  border-bottom-color:rgba(255,255,255,.16)!important;
}
.stack-home > section#products .pm-cta{
  border-top-color:rgba(255,255,255,.24)!important;
}
.stack-home > section#products .pm-cta b{
  color:#fff!important;
}

/* 2026-07-21 产品线卡片审美校准：80% 深绿烟熏磨砂玻璃。 */
.stack-home > section#products .pm-card,
.stack-home > section#products .pm-card:hover,
.stack-home > section#products .pm-card:focus-visible{
  overflow:hidden!important;
  background:
    linear-gradient(150deg,rgba(10,77,66,.80) 0%,rgba(8,61,58,.80) 52%,rgba(7,43,55,.80) 100%)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%) contrast(104%)!important;
  backdrop-filter:blur(26px) saturate(145%) contrast(104%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(255,255,255,.08),
    0 28px 70px -42px rgba(3,32,37,.72)!important;
}

.stack-home > section#products .pm-card{
  transform:translate3d(0,0,0)!important;
  transition:
    transform .58s cubic-bezier(.16,1,.3,1),
    background .45s ease,
    border-color .45s ease,
    box-shadow .58s cubic-bezier(.16,1,.3,1)!important;
}

.stack-home > section#products .pm-card:hover,
.stack-home > section#products .pm-card:focus-visible{
  background:
    linear-gradient(150deg,rgba(13,91,75,.86) 0%,rgba(9,70,64,.86) 52%,rgba(7,49,59,.86) 100%)!important;
  border-color:rgba(190,255,231,.64)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(255,255,255,.12),
    0 38px 82px -38px rgba(2,35,39,.82)!important;
  transform:translate3d(0,-8px,0) scale(1.008)!important;
}

.stack-home > section#products .pm-card::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 2%,rgba(255,255,255,.30),transparent 34%),
    linear-gradient(112deg,transparent 26%,rgba(255,255,255,.16) 45%,transparent 64%)!important;
  opacity:.7!important;
  transform:translate3d(-72%,0,0) skewX(-12deg)!important;
  transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .42s ease!important;
}

.stack-home > section#products .pm-card:hover::before,
.stack-home > section#products .pm-card:focus-visible::before{
  opacity:1!important;
  transform:translate3d(72%,0,0) skewX(-12deg)!important;
}

.stack-home > section#products .pm-card > *{
  position:relative!important;
  z-index:1!important;
}

.stack-home > section#products .pm-ic,
.stack-home > section#products .pm-card:hover .pm-ic,
.stack-home > section#products .pm-card:focus-visible .pm-ic{
  background:rgba(229,255,246,.14)!important;
  border:1px solid rgba(214,255,239,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 12px 28px -18px rgba(0,0,0,.48)!important;
}

.stack-home > section#products .pm-ic svg,
.stack-home > section#products .pm-card:hover .pm-ic svg,
.stack-home > section#products .pm-card:focus-visible .pm-ic svg{
  stroke:#80edbd!important;
}

.stack-home > section#products .pm-card h3,
.stack-home > section#products .pm-card:hover h3,
.stack-home > section#products .pm-card:focus-visible h3,
.stack-home > section#products .pm-stat,
.stack-home > section#products .pm-card:hover .pm-stat,
.stack-home > section#products .pm-card:focus-visible .pm-stat{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,25,28,.34)!important;
}

.stack-home > section#products .pm-no,
.stack-home > section#products .pm-card:hover .pm-no,
.stack-home > section#products .pm-card:focus-visible .pm-no{
  color:#68e5ad!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-card .en{
  color:rgba(232,255,247,.58)!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-lines{
  border-top-color:rgba(225,255,245,.20)!important;
}

.stack-home > section#products .pm-lines li,
.stack-home > section#products .pm-card:hover .pm-lines li,
.stack-home > section#products .pm-card:focus-visible .pm-lines li{
  color:rgba(244,255,251,.82)!important;
  text-shadow:0 1px 12px rgba(0,26,30,.22)!important;
}

.stack-home > section#products .pm-lines li + li{
  border-top-color:rgba(225,255,245,.12)!important;
}

.stack-home > section#products .pm-lines li::before,
.stack-home > section#products .pm-card:hover .pm-lines li::before{
  background:#66e3aa!important;
}

.stack-home > section#products .pm-stat em{
  color:rgba(235,255,248,.68)!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-cta,
.stack-home > section#products .pm-card:hover .pm-cta,
.stack-home > section#products .pm-card:focus-visible .pm-cta{
  color:rgba(255,255,255,.92)!important;
  border-top-color:rgba(225,255,245,.20)!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-cta b{
  color:#72e8b1!important;
}

@media (prefers-reduced-motion: reduce) {
  .stack-home > section#products .pm-card:hover,
  .stack-home > section#products .pm-card:focus-visible{
    transform:none!important;
  }
  .stack-home > section#products .pm-card::before{
    transition:none!important;
  }
}

/* 2026-07-21 去掉产品卡明细文字行，卡片更简洁 */
.stack-home > section#products .pm-lines{
  display:none!important;
}
.stack-home > section#products .pm-card{
  min-height:300px!important;
}
.stack-home > section#products .pm-card .en{
  margin-bottom:0!important;
}
.stack-home > section#products .pm-stat{
  margin-top:26px!important;
}

/* 2026-07-29 需求 1.4：仅保留产品线名称，去掉小图标与下方绿色小字 */
.stack-home > section#products .pm-c-head,
.stack-home > section#products .pm-ic,
.stack-home > section#products .pm-en,
.stack-home > section#products .pm-card .en,
.stack-home > section#products .pm-stat{
  display:none!important;
}
.stack-home > section#products .pm-card{
  justify-content:center!important;
  min-height:190px!important;
  padding:34px 24px!important;
}
.stack-home > section#products .pm-card h3{
  margin:0!important;
  font-size:26px!important;
}
/* 明细与数字都已隐藏，底部 CTA 只剩一条空横线，一并去掉 */
.stack-home > section#products .pm-cta{
  display:none!important;
}
.stack-home > section#products .pm-card{
  align-items:center!important;
  min-height:168px!important;
  text-align:center!important;
}
/* texture.css 里给卡片底部画了一条 34x1px 绿色小横线（::after），
   现在卡片只剩标题，这条线成了多余装饰，一并去掉。 */
.stack-home > section#products .pm-card::after,
.stack-home > section#products .pm-card:hover::after,
.stack-home > section#products .pm-card:focus-visible::after{
  display:none!important;
  content:none!important;
}

/* 2026-08-16 · 产品卡片组按视觉稿下移约 1/5 组高；仅作用于桌面横排。 */
@media (min-width: 901px){
  .stack-home > section#products > .w > .pm-cards{
    translate: 0 20%;
  }
}