/*
 * 首页品牌双色系统
 * 浅主绿：#12A182  |  深主绿：#248067
 * 透明、悬停和磨砂状态仅改变两种主色的 alpha，不引入第三种主绿。
 */

body.stack-home{
  --accent:#12a182;
  --accent-dark:#248067;
  --green:#12a182;
  --home-green:#12a182;
  --home-green-dark:#248067;
}

/* 首页桌面主导航：与全站统一为 13px。 */
@media (min-width:961px){
  .stack-home .nav-item>a{
    font-size:13px!important;
  }
}

/* 首页顶部与通用交互色 */
.stack-home #pg,
.stack-home #pg::after,
.stack-home .btn-g,
.stack-home .nav-cta-btn{
  background:#12a182!important;
}

.stack-home .btn-g:hover,
.stack-home .nav-cta-btn:hover{
  background:#248067!important;
}

.stack-home .nav-item>a::after,
.stack-home .nav-drop{
  border-color:#12a182;
}

/* 检测领域滚动栏 */
.stack-home > .ticker{
  background:#fff!important;
  border-bottom-color:rgba(9,83,53,.12)!important;
}

.stack-home > .ticker::before{
  background:linear-gradient(90deg,#fff,transparent)!important;
}

.stack-home > .ticker::after{
  background:linear-gradient(-90deg,#fff,transparent)!important;
}

.stack-home > .ticker .ticker-t span{
  color:#315f4d!important;
  font-size:clamp(11px,.84vw,13px)!important;
  font-weight:500!important;
  letter-spacing:.025em;
}

.stack-home > .ticker .ticker-t span+span::before{
  color:rgba(36,181,116,.34)!important;
  font-size:.8em!important;
  font-weight:300!important;
}

.stack-home > .ticker .ticker-t a:hover,
.stack-home > .ticker .ticker-t a:focus-visible{
  color:#129866!important;
}

/* 五大产品线：白色半透明磨砂玻璃。 */
.stack-home > section#products .pm-card,
.stack-home > section#products .pm-card:hover,
.stack-home > section#products .pm-card:focus-visible{
  color:#17362b!important;
}

.stack-home > section#products .pm-card{
  background:linear-gradient(
    145deg,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,.055) 58%,
    rgba(238,250,246,.035) 100%
  )!important;
  border-color:rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(1.5px) saturate(106%)!important;
  backdrop-filter:blur(1.5px) saturate(106%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(255,255,255,.10),
    0 24px 64px -56px rgba(18,72,55,.42)!important;
  transition:
    transform .58s cubic-bezier(.22,1,.36,1),
    background .42s ease,
    border-color .42s ease,
    box-shadow .48s ease,
    -webkit-backdrop-filter .42s ease,
    backdrop-filter .42s ease!important;
}

.stack-home > section#products .pm-card:hover,
.stack-home > section#products .pm-card:focus-visible{
  background:linear-gradient(
    145deg,
    rgba(255,255,255,.82) 0%,
    rgba(250,255,253,.66) 58%,
    rgba(240,250,247,.58) 100%
  )!important;
  border-color:rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%) contrast(103%)!important;
  backdrop-filter:blur(26px) saturate(145%) contrast(103%)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(255,255,255,.48),
    0 42px 90px -50px rgba(18,72,55,.64)!important;
}

.stack-home > section#products .pm-card::before{
  opacity:.08!important;
}

.stack-home > section#products .pm-card:hover::before,
.stack-home > section#products .pm-card:focus-visible::before{
  opacity:.56!important;
}

.stack-home > section#products .pm-ic,
.stack-home > section#products .pm-card:focus-visible .pm-ic{
  background:#12a182!important;
  border-color:#12a182!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 12px 28px -18px rgba(36,128,103,.58)!important;
}

.stack-home > section#products .pm-card:hover .pm-ic{
  background:#248067!important;
  border-color:#248067!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:#fff!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{
  color:#143429!important;
  text-shadow:none!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:#12a182!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-card .en{
  color:rgba(46,77,65,.62)!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-lines{
  border-top-color:rgba(36,128,103,.16)!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(29,61,49,.78)!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-lines li + li{
  border-top-color:rgba(36,128,103,.10)!important;
}

.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:#248067!important;
  text-shadow:none!important;
}

.stack-home > section#products .pm-stat em{
  color:rgba(46,77,65,.66)!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:#248067!important;
  border-top-color:rgba(36,128,103,.16)!important;
  text-shadow:none!important;
}

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

.stack-home > section#products .pm-lines li::before,
.stack-home > section#products .pm-card:hover .pm-lines li::before,
.stack-home > section#products .pm-card:focus-visible .pm-lines li::before{
  background:#12a182!important;
}

/* 触屏设备没有 hover：默认保留可读的白色磨砂状态。 */
@media (hover:none), (pointer:coarse){
  .stack-home > section#products .pm-card{
    background:linear-gradient(
      145deg,
      rgba(255,255,255,.74) 0%,
      rgba(250,255,253,.60) 58%,
      rgba(240,250,247,.52) 100%
    )!important;
    border-color:rgba(255,255,255,.94)!important;
    -webkit-backdrop-filter:blur(22px) saturate(138%) contrast(103%)!important;
    backdrop-filter:blur(22px) saturate(138%) contrast(103%)!important;
  }

  .stack-home > section#products .pm-card::before{
    opacity:.36!important;
  }
}

/* 解决方案、资质与新闻的主强调色 */
.stack-home #solutions .solh-ic{
  display:none!important;
}

.stack-home .solh-ic svg{
  stroke:#12a182!important;
}

.stack-home .solh:hover .solh-ic,
.stack-home .solh:focus-visible .solh-ic,
.stack-home .solh.is-active .solh-ic{
  background:#12a182!important;
  border-color:#12a182!important;
}

.stack-home .solh:hover .solh-ic svg,
.stack-home .solh:focus-visible .solh-ic svg,
.stack-home .solh.is-active .solh-ic svg{
  stroke:#fff!important;
}

.stack-home .solh-tags span{
  color:#fff!important;
  background:rgba(36,128,103,.88)!important;
  border-color:rgba(36,128,103,.96)!important;
}

.stack-home .solh-more,
.stack-home .home-proof-head h2,
.stack-home .home-proof-stat strong em,
.stack-home .news-tag,
.stack-home .news-link{
  color:#12a182!important;
}

.stack-home .home-proof-stat:hover strong em{
  color:#248067!important;
}

.stack-home .news:hover .news-link,
.stack-home footer .foot-col a:hover,
.stack-home footer .foot-brand .ct a:hover{
  color:#248067!important;
}

.stack-home .news-link svg{
  stroke:#12a182!important;
}

/* 首页页脚底色：统一为纯白，避免继承堆叠区的灰色背景。 */
.stack-home > footer{
  background:#fff!important;
}

.stack-home .news:hover .news-link svg{
  stroke:#248067!important;
}

/* 企业新闻与学术动态：切换为品牌深绿色背景。 */
body.stack-home section#news{
  background:#10634e!important;
}

body.stack-home section#news .h2,
body.stack-home section#news .h2 b{
  color:#fff!important;
}

body.stack-home section#news .news{
  border-color:rgba(20,46,30,.1)!important;
  box-shadow:0 34px 84px -52px rgba(34,45,40,.28)!important;
}

body.stack-home section#news .news:hover{
  box-shadow:0 44px 96px -52px rgba(34,45,40,.4)!important;
}

/* 2026-08-03 · 首屏检测领域标签带改为轻度磨砂玻璃。 */
body.stack-home > .ticker{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.54)) !important;
  border-top:1px solid rgba(255,255,255,.48) !important;
  border-bottom:1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 12px 32px -28px rgba(13,68,48,.52) !important;
  -webkit-backdrop-filter:blur(16px) saturate(128%) !important;
  backdrop-filter:blur(16px) saturate(128%) !important;
}

body.stack-home > .ticker::before{
  background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,0)) !important;
}

body.stack-home > .ticker::after{
  background:linear-gradient(-90deg,rgba(255,255,255,.9),rgba(255,255,255,0)) !important;
}

/* 2026-08-03 · 荣誉数字放松字距，避免 150+ / 140+ 挤在一起。 */
body.stack-home #honors .honor-stat-row strong{
  letter-spacing:-.025em !important;
}

/* 2026-08-03 · 首页五张产品卡增加呼吸间距。 */
body.stack-home > section#products .pm-cards{
  gap:24px !important;
}

@media (max-width:900px){
  body.stack-home > section#products .pm-cards{
    gap:20px !important;
  }
}

@media (max-width:560px){
  body.stack-home > section#products .pm-cards{
    gap:18px !important;
  }
}

/* 2026-08-03 · 荣誉区由偏绿冷灰调整为更中性的 Apple 式冷灰。 */
body.stack-home #honors.home-honor-showcase{
  background:linear-gradient(180deg,#f5f5f7 0%,#eceef0 100%) !important;
}

body.stack-home #honors.home-honor-showcase .honor-stat-row{
  border-color:rgba(31,37,41,.12) !important;
}

body.stack-home #honors.home-honor-showcase .honor-stat-row a + a{
  border-left-color:rgba(31,37,41,.10) !important;
}
