/* ============================================================
   康彻思坦·质感层 texture.css
   独立文件,加载于 styles.css 之后 —— 不修改 styles.css,避免多会话冲突
   方向:柔光磨砂 + 实验室通透 + 晕染光雾(绿色调)
   2026-06-29
   ============================================================ */

/* 1) 全站柔光磨砂底 —— 浅薄荷渐变 + 极淡固定光团,替代纯白 */
body{
  background:
    radial-gradient(820px 520px at 88% 1%,  rgba(143,232,172,.16), transparent 60%),
    radial-gradient(720px 620px at -5% 28%, rgba(92,192,107,.09), transparent 55%),
    radial-gradient(900px 700px at 60% 118%, rgba(20,79,56,.06), transparent 60%),
    linear-gradient(170deg,#f7fbf9 0%,#eff7f2 58%,#f7fbf9 100%) !important;
}

/* 2) 玻璃质感主按钮 —— 凸起 + 顶部内反光 + 柔投影 */
.btn-g{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#34a35f,#1c6c3f) !important;
  box-shadow:0 12px 30px -12px rgba(29,110,64,.5),
             inset 0 1px 0 rgba(255,255,255,.42),
             inset 0 -2px 6px rgba(11,40,24,.30) !important;
}
.btn-g::after{content:"";position:absolute;top:0;left:0;right:0;height:48%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.32),transparent)}
.btn-g:hover{background:linear-gradient(160deg,#2e9656,#175d36) !important;
  box-shadow:0 20px 44px -14px rgba(29,110,64,.55),
             inset 0 1px 0 rgba(255,255,255,.5),
             inset 0 -2px 6px rgba(11,40,24,.30) !important}
.btn-g svg{position:relative;z-index:1}

/* 3) 深绿区科技光晕 —— 把平涂深绿换成"渐变 + 右上柔光" */
.dark-sec{
  background:
    radial-gradient(760px 420px at 84% -12%, rgba(143,232,172,.15), transparent 60%),
    linear-gradient(165deg,#22573f 0%,#1a4a34 55%,#15402d 100%) !important;
}
.login-sec{
  background:
    radial-gradient(1000px 520px at 80% 4%, rgba(143,232,172,.16), transparent 62%),
    linear-gradient(165deg,#1c5440 0%,#163f2d 50%,#103120 100%) !important;
}

/* 4) 卡片柔光磨砂 —— 统一柔投影 + 顶部高光描边,更通透 */
.mx,.tf,.lp,.pshow,.news,.sup-c,.train,.sol-body,.login-wrap,.gcard{
  box-shadow:0 22px 48px -30px rgba(13,40,24,.20) !important;
}
/* 内容卡:向 demo 看齐 —— 更通透磨砂 + 绿调透出 + 高光描边 */
.mx,.tf,.news,.sup-c,.train{
  border:1px solid rgba(255,255,255,.72) !important;
  background:linear-gradient(150deg,rgba(255,255,255,.62),rgba(238,248,242,.40)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%) !important;
  box-shadow:0 28px 56px -34px rgba(13,40,24,.26),inset 0 1px 0 rgba(255,255,255,.88) !important;
}
/* 产品陈列卡保持白底,不污染产品渲染图 */
.pshow{background:rgba(255,255,255,.92) !important;border:1px solid rgba(255,255,255,.75) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* 5) 柔光分隔 —— 区块衔接更轻盈(浅区不那么硬) */
.sec-soft{background:linear-gradient(180deg,rgba(234,245,238,.7),rgba(247,251,249,.4)) !important}

/* ============================================================
   质感推广 · 扩展层(2026-06-29) —— 把磨砂晕染绿铺到更多组件
   ============================================================ */

/* A) 导航:更通透的磨砂玻璃 + 柔光底边 */
nav.scrolled{
  background:linear-gradient(180deg,rgba(247,251,249,.78),rgba(247,251,249,.62)) !important;
  -webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px) !important;
  box-shadow:0 8px 30px -16px rgba(13,40,24,.16) !important}

/* B) 导航 CTA「批号查询」玻璃绿钮 */
.nav-cta-btn{position:relative;overflow:hidden;
  background:linear-gradient(160deg,#34a35f,#1c6c3f) !important;color:#fff !important;
  box-shadow:0 10px 24px -12px rgba(29,110,64,.5),inset 0 1px 0 rgba(255,255,255,.4) !important}
.nav-cta-btn::after{content:"";position:absolute;top:0;left:0;right:0;height:48%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}

/* C) 次级按钮:幽灵磨砂 */
.btn-w{background:rgba(255,255,255,.55) !important;color:var(--accent-dark,#1f6e3c) !important;
  border:1px solid rgba(45,143,79,.2) !important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px) !important;
  box-shadow:0 8px 24px -16px rgba(13,40,24,.22),inset 0 1px 0 rgba(255,255,255,.7) !important}
.btn-w:hover{background:rgba(255,255,255,.78) !important}

/* D) 输入框:柔磨砂底 + 绿色聚焦光晕(保持高可读) */
input[type=text],input[type=password],input[type=email],textarea,.query-form input{
  background:rgba(255,255,255,.6) !important;
  border:1px solid rgba(45,143,79,.16) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
input:focus,textarea:focus,.query-form input:focus{
  background:#fff !important;border-color:#2d8f4f !important;
  box-shadow:0 0 0 4px rgba(45,143,79,.12) !important}

/* E) 横幅(phero) —— 2026-07-01:去掉过重的灰黑蒙版
   之前这里把 ::before(原图)压到 42% 透明度,再叠加一层
   rgba(8,20,13,.86)→.42 的深色渐变,导致所有二级页面大图
   banner 发灰发暗。这里撤销,让图片保持全亮,只保留一层很浅的
   左侧渐变(styles.css 里已经调好的 0.45→0→透明),仅用于压住
   文字底部的可读性,不再整体压暗大图。 */
.phero .phero-in{position:relative;z-index:3}
.phero{position:relative}

/* F) 更多卡片磨砂化 */
.cat-side,.catalog,.sol,.stat,.honor,.pillar,.cmp-card,.partner,.gcard,.group-card,.cert{
  box-shadow:0 24px 50px -32px rgba(13,40,24,.20) !important}
.stat,.honor,.pillar,.cmp-card,.partner{
  background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.74)) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* G) 搜索浮层磨砂玻璃 */
.search-ov{background:rgba(15,40,28,.5) !important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.search-ov .sbox{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.76)) !important;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.7)}

/* H) 标签/chip 玻璃感 */
.chip,.mx-tags span{background:rgba(45,143,79,.10) !important;
  border:1px solid rgba(45,143,79,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* I) 区块柔光分隔线 */
.sec + .sec::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:60%;height:1px;background:linear-gradient(to right,transparent,rgba(45,143,79,.18),transparent)}

/* ============================================================
   向 demo 质感样看齐(2026-06-29) —— 玻璃绿图标 + 更明显绿调光晕
   ============================================================ */
/* 卡片图标:玻璃绿小方块(对标 demo .gcard .ic) */
.mx-ic,.sup-c .ic,.tf .ic,.lp .ic,.sol-ic,.lb-ic,.pillar .ic{
  border-radius:14px !important;
  background:linear-gradient(150deg,rgba(143,232,172,.50),rgba(92,192,107,.24)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 16px -10px rgba(29,110,64,.4) !important}
.mx-ic svg,.sup-c .ic svg,.tf .ic svg,.lp .ic svg,.sol-ic svg,.pillar .ic svg{stroke:#1f6e3c !important}
.pillar .ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pillar .ic svg{width:26px;height:26px}

/* 全站绿调光晕加强(对标 demo 背景) */
body{
  background:
    radial-gradient(880px 560px at 86% 0%,  rgba(143,232,172,.26), transparent 60%),
    radial-gradient(760px 640px at -6% 24%, rgba(92,192,107,.15), transparent 55%),
    radial-gradient(960px 720px at 60% 116%, rgba(20,79,56,.08), transparent 60%),
    linear-gradient(170deg,#f4fbf7 0%,#e9f6ee 56%,#f4fbf7 100%) !important;
}

/* ============================================================
   统一全站卡片到 demo 标准(2026-06-29) —— 一次性对齐,避免逐个调
   ============================================================ */
.mx,.tf,.news,.sup-c,.train,.pillar,.honor,.cert,.stat,.cmp-card,.partner,.group-card,
.lp,.tf-card,.hcard,.qc-card,.value-card{
  border-radius:20px !important;position:relative;
  border:1px solid rgba(255,255,255,.74) !important;
  background:
    radial-gradient(140% 95% at 100% 0%, rgba(143,232,172,.30), transparent 52%),
    radial-gradient(120% 90% at 0% 100%, rgba(92,192,107,.12), transparent 55%),
    linear-gradient(150deg,rgba(255,255,255,.58),rgba(231,245,237,.40)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(172%);backdrop-filter:blur(24px) saturate(172%) !important;
  box-shadow:0 28px 56px -34px rgba(13,40,24,.24),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
/* 产品陈列卡仍保持白底(产品图不能被绿染) */
.pshow{background:rgba(255,255,255,.93) !important}

/* 所有卡片图标容器:统一玻璃绿小方块 */
.mx-ic,.sol-ic,.lb-ic,
.honor .ic,.cert .ic,.pillar .ic,.stat .ic,.sup-c .ic,.tf .ic,.lp .ic,.cmp-card .ic,
.pillar .pn,.honor-ic,.cert-ic,.value-ic{
  border-radius:13px !important;
  background:linear-gradient(150deg,rgba(143,232,172,.52),rgba(92,192,107,.24)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 16px -10px rgba(29,110,64,.4) !important}

/* 卡片悬停:晕染加强 + 上浮(呼吸感,贴近 moodboard) */
.mx:hover,.tf:hover,.news:hover,.sup-c:hover,.train:hover,.pillar:hover,.honor:hover,
.cert:hover,.stat:hover,.cmp-card:hover,.sol:hover{
  background:
    radial-gradient(150% 100% at 100% 0%, rgba(143,232,172,.42), transparent 54%),
    radial-gradient(120% 90% at 0% 100%, rgba(92,192,107,.18), transparent 55%),
    linear-gradient(150deg,rgba(255,255,255,.64),rgba(231,245,237,.44)) !important;
  transform:translateY(-5px) !important;
  box-shadow:0 40px 76px -36px rgba(13,40,24,.34),inset 0 1px 0 rgba(255,255,255,.95) !important}
.mx,.tf,.news,.sup-c,.train,.pillar,.honor,.cert,.stat,.cmp-card{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,background .45s !important}

/* ============================================================
   首页资质实力 · 学习 texture-demo 的右侧方法(2026-06-30)
   关键词:柔光磨砂 / 实验室通透 / 绿雾晕染 / 轻量权威感
   ============================================================ */
.stack-home .sec:has(#cred){
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(920px 520px at 86% 4%, rgba(143,232,172,.22), transparent 62%),
    radial-gradient(720px 480px at 8% 88%, rgba(92,192,107,.10), transparent 58%),
    linear-gradient(180deg,#fbfdfc 0%,#f2faf5 56%,#fbfdfc 100%) !important;
}
.stack-home .sec:has(#cred)::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.84),rgba(255,255,255,0) 34%),
    radial-gradient(1px 1px at 16% 22%, rgba(29,110,64,.10), transparent 100%),
    radial-gradient(1px 1px at 72% 38%, rgba(29,110,64,.08), transparent 100%),
    radial-gradient(1px 1px at 48% 70%, rgba(29,110,64,.07), transparent 100%);
  opacity:.9;
}
.stack-home .sec:has(#cred) .w{
  position:relative;
  z-index:1;
}
.stack-home .sec:has(#cred) .sec-head{
  margin-bottom:76px;
}
.stack-home .sec:has(#cred) .sec-idx{
  color:rgba(18,55,36,.55);
  letter-spacing:.04em;
}
.stack-home .sec:has(#cred) .sec-idx b{
  color:#2d8f4f;
}
.stack-home .sec:has(#cred) .h2{
  color:#171c19;
  letter-spacing:0;
}
.stack-home .sec:has(#cred) .h2 b{
  color:#202421;
}
.stack-home #cred{
  gap:28px 30px;
}
.stack-home #cred .cert{
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 32px;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.78) !important;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(143,232,172,.26), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(92,192,107,.10), transparent 58%),
    linear-gradient(150deg,rgba(255,255,255,.70),rgba(238,248,243,.48)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(172%);
  backdrop-filter:blur(24px) saturate(172%);
  box-shadow:
    0 30px 62px -40px rgba(13,40,24,.24),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow:hidden;
}
.stack-home #cred .cert::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0) 45%);
  opacity:.72;
}
.stack-home #cred .cert .k,
.stack-home #cred .cert .v{
  position:relative;
  z-index:1;
}
.stack-home #cred .cert .k{
  margin-bottom:12px;
  color:#6c7771;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:none;
}
.stack-home #cred .cert .v{
  color:#1d2420;
  font-size:20px;
  font-weight:700;
  line-height:1.38;
  letter-spacing:0;
}
.stack-home #cred .cert .v em{
  color:#2d8f4f;
  font-weight:800;
}
.stack-home #cred .cert:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(255,255,255,.92) !important;
  background:
    radial-gradient(132% 106% at 100% 0%, rgba(143,232,172,.38), transparent 56%),
    radial-gradient(110% 90% at 0% 100%, rgba(92,192,107,.16), transparent 58%),
    linear-gradient(150deg,rgba(255,255,255,.78),rgba(238,248,243,.54)) !important;
  box-shadow:
    0 42px 78px -42px rgba(13,40,24,.34),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

@media(max-width:980px){
  .stack-home .sec:has(#cred) .sec-head{margin-bottom:44px}
  .stack-home #cred{gap:18px}
  .stack-home #cred .cert{min-height:118px;padding:24px}
}
@media(max-width:640px){
  .stack-home .sec:has(#cred){
    background:
      radial-gradient(640px 420px at 96% 0%, rgba(143,232,172,.20), transparent 62%),
      linear-gradient(180deg,#fbfdfc 0%,#f2faf5 64%,#fbfdfc 100%) !important;
  }
  .stack-home #cred .cert .v{font-size:18px}
}

/* ============================================================
   首页新闻卡片 · 白卡修正(2026-06-30)
   深绿区里卡片保持白底,不使用全站玻璃绿蒙层
   ============================================================ */
.stack-home #news .news{
  background:#fff !important;
  border-color:rgba(255,255,255,.70) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 28px 64px -36px rgba(0,0,0,.46) !important;
}
.stack-home #news .news-body{
  background:#fff !important;
}
.stack-home #news .news:hover{
  background:#fff !important;
  border-color:rgba(255,255,255,.92) !important;
  box-shadow:0 38px 78px -36px rgba(0,0,0,.56) !important;
}
.stack-home #news .news:hover .news-body{
  background:#fff !important;
}

/* ============================================================
   浏览器批注修正 · 首页局部视觉(2026-06-30)
   1) 差异化优势背景图铺满整段
   2) 资质实力背景恢复淡绿色,避免偏蓝
   ============================================================ */
.stack-home .cmp-band{
  background:#0b3323 !important;
}
.stack-home .cmp-band::before{
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:url("img/hero1.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  opacity:.66 !important;
}
.stack-home .cmp-band::after{
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(5,32,22,.72) 0%,rgba(5,32,22,.36) 34%,rgba(5,32,22,.30) 68%,rgba(5,32,22,.70) 100%),
    linear-gradient(180deg,rgba(5,32,22,.22),rgba(5,32,22,.46)) !important;
}

.stack-home .sec:has(#cred){
  background:
    radial-gradient(920px 520px at 86% 4%, rgba(155,232,178,.24), transparent 62%),
    radial-gradient(740px 500px at 8% 88%, rgba(92,192,107,.12), transparent 58%),
    linear-gradient(180deg,#f3fbf6 0%,#e7f6ec 58%,#f5fbf7 100%) !important;
}
.stack-home .sec:has(#cred)::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,0) 34%),
    radial-gradient(1px 1px at 16% 22%, rgba(29,110,64,.08), transparent 100%),
    radial-gradient(1px 1px at 72% 38%, rgba(29,110,64,.06), transparent 100%),
    radial-gradient(1px 1px at 48% 70%, rgba(29,110,64,.05), transparent 100%) !important;
}
.stack-home #cred .cert{
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(155,232,178,.28), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(92,192,107,.12), transparent 58%),
    linear-gradient(150deg,rgba(255,255,255,.74),rgba(232,247,238,.56)) !important;
}
.stack-home #cred .cert:hover{
  background:
    radial-gradient(132% 106% at 100% 0%, rgba(155,232,178,.40), transparent 56%),
    radial-gradient(110% 90% at 0% 100%, rgba(92,192,107,.18), transparent 58%),
    linear-gradient(150deg,rgba(255,255,255,.80),rgba(232,247,238,.62)) !important;
}

/* ============================================================
   关于页批注修正(2026-06-30)
   文化区移除第三卡后改为两列;第三方中立卡强调色采用 #00cc88
   ============================================================ */
#culture .pillars{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#neutral .group-card{
  color:#00cc88 !important;
}
#neutral .group-card .badge-mem,
#neutral .group-card h3,
#neutral .group-card p{
  color:#00cc88 !important;
}
#neutral .group-card .badge-mem{
  border-color:rgba(0,204,136,.46) !important;
  background:rgba(0,204,136,.10) !important;
}
#neutral .group-card .badge-mem span.dot{
  background:#00cc88 !important;
}
#neutral .group-card .btn-w{
  color:#007f5a !important;
}

@media(max-width:760px){
  #culture .pillars{
    grid-template-columns:1fr !important;
  }
}

/* ============================================================
   产品页批注修正(2026-06-30)
   1) 器械类质控品区改中绿
   2) 非定值质控品卡片保留磨砂,去掉渐变染色
   ============================================================ */
#device{
  background:
    radial-gradient(900px 520px at 88% 4%, rgba(122,214,144,.30), transparent 62%),
    radial-gradient(780px 520px at 10% 92%, rgba(17,80,52,.30), transparent 58%),
    linear-gradient(155deg,#3f9b64 0%,#2e7d4e 52%,#236b40 100%) !important;
}
#device .sec-idx,
#device .sub{
  color:rgba(255,255,255,.76) !important;
}
#device .sec-idx b,
#device .h2 b{
  color:#a8f0bd !important;
}
#device .h2{
  color:#fff !important;
}
#device .sup-c{
  background:rgba(255,255,255,.22) !important;
  border-color:rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  box-shadow:0 30px 64px -40px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.55) !important;
}
#device .sup-c h4{
  color:#fff !important;
}
#device .sup-c p{
  color:rgba(255,255,255,.78) !important;
}
#device .sup-c .ic{
  background:rgba(255,255,255,.24) !important;
  border-color:rgba(255,255,255,.54) !important;
}
#device .sup-c .ic svg{
  stroke:#d7ffe2 !important;
}

#qc .matrix .mx{
  background:rgba(255,255,255,.48) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  box-shadow:0 28px 58px -38px rgba(13,40,24,.24), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
#qc .matrix .mx:hover{
  background:rgba(255,255,255,.62) !important;
  background-image:none !important;
  box-shadow:0 36px 72px -40px rgba(13,40,24,.30), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

/* ============================================================
   关于页企业文化 · 颜色加深(2026-06-30)
   ============================================================ */
#culture{
  background:
    radial-gradient(900px 520px at 84% 0%, rgba(110,210,145,.22), transparent 62%),
    radial-gradient(760px 520px at 8% 92%, rgba(45,143,79,.16), transparent 58%),
    linear-gradient(180deg,#e4f3e9 0%,#d7ecdf 58%,#e6f4eb 100%) !important;
}
#culture .sec-idx{
  color:#496c58 !important;
}
#culture .sec-idx b,
#culture .h2 b{
  color:#168f53 !important;
}
#culture .h2{
  color:#13251b !important;
}
#culture .sub{
  color:#42584c !important;
}
#culture .pillar{
  background:rgba(232,245,237,.84) !important;
  border-color:rgba(255,255,255,.78) !important;
  box-shadow:0 30px 62px -42px rgba(13,40,24,.26), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
#culture .pillar:hover{
  background:rgba(221,240,229,.92) !important;
  box-shadow:0 38px 76px -42px rgba(13,40,24,.32), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#culture .pillar .pen{
  color:#6b8175 !important;
}
#culture .pillar h3{
  color:#14261c !important;
}
#culture .pillar p{
  color:#4d6358 !important;
}

/* ============================================================
   关于页第三方中立卡 · 中绿底(2026-06-30)
   ============================================================ */
#neutral .group-card{
  background:
    radial-gradient(560px 360px at 88% 0%, rgba(122,214,144,.24), transparent 62%),
    linear-gradient(150deg,#3a9a5e 0%,#2c7d4a 58%,#226c40 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 34px 74px -44px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
#neutral .group-card .badge-mem{
  color:#d7ffe2 !important;
  border-color:rgba(255,255,255,.34) !important;
  background:rgba(255,255,255,.12) !important;
}
#neutral .group-card .badge-mem span.dot{
  background:#a8f0bd !important;
}
#neutral .group-card h3{
  color:#fff !important;
}
#neutral .group-card p{
  color:rgba(255,255,255,.82) !important;
}
#neutral .group-card .btn-w{
  color:#1f6e3c !important;
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(255,255,255,.55) !important;
}

/* ============================================================
   关于页发展历程 · 绿色加深(2026-06-30)
   ============================================================ */
#history{
  background:
    radial-gradient(920px 560px at 88% 2%, rgba(71,180,104,.22), transparent 62%),
    radial-gradient(760px 520px at 8% 90%, rgba(31,110,60,.16), transparent 58%),
    linear-gradient(180deg,#e0f1e6 0%,#cfe8d8 58%,#e3f2e8 100%) !important;
}
#history .sec-idx{
  color:#466b57 !important;
}
#history .sec-idx b,
#history .h2 b{
  color:#168f53 !important;
}
#history .h2{
  color:#13251b !important;
}
#history .tl::before{
  background:linear-gradient(180deg,#168f53,rgba(22,143,83,.22)) !important;
}
#history .tl::after{
  background:#168f53 !important;
}
#history .tl-row::before{
  border-color:#168f53 !important;
  box-shadow:0 0 0 7px rgba(22,143,83,.14) !important;
}
#history .tl-y,
#history .tl-row.lit .tl-y,
#history .tl-row.active .tl-y{
  color:#137846 !important;
}
#history .tl-era,
#history .tl-row.lit .tl-era,
#history .tl-row.active .tl-era{
  color:#168f53 !important;
}
#history .tl-row h4{
  color:#17281e !important;
}
#history .tl-row p{
  color:#455f51 !important;
}
#history .tl-row.lit::before,
#history .tl-row.active::before,
#history .tl-row:last-child::before{
  background:#168f53 !important;
  border-color:#168f53 !important;
}

/* ============================================================
   产品页血清盘 · 绿色加深(2026-06-30)
   ============================================================ */
#serum{
  background:
    radial-gradient(920px 560px at 86% 4%, rgba(92,192,107,.26), transparent 62%),
    radial-gradient(760px 520px at 8% 92%, rgba(31,110,60,.18), transparent 58%),
    linear-gradient(180deg,#e0f1e6 0%,#cfe8d8 58%,#e2f2e8 100%) !important;
}
#serum .sec-idx{
  color:#466b57 !important;
}
#serum .sec-idx b,
#serum .h2 b{
  color:#168f53 !important;
}
#serum .h2{
  color:#13251b !important;
}
#serum .sub{
  color:#42584c !important;
}
#serum .matrix .mx{
  background:rgba(232,245,237,.76) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  box-shadow:0 30px 62px -42px rgba(13,40,24,.28), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
#serum .matrix .mx:hover{
  background:rgba(221,240,229,.88) !important;
  background-image:none !important;
  box-shadow:0 38px 76px -42px rgba(13,40,24,.34), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#serum .mx .mxn{
  color:#168f53 !important;
}
#serum .mx h3{
  color:#17281e !important;
}
#serum .mx p{
  color:#455f51 !important;
}

/* ============================================================
   关于页企业文化 · 中绿版(2026-06-30)
   ============================================================ */
#culture{
  background:
    radial-gradient(900px 520px at 84% 0%, rgba(122,214,144,.24), transparent 62%),
    radial-gradient(760px 520px at 8% 92%, rgba(17,80,52,.28), transparent 58%),
    linear-gradient(155deg,#3f9b64 0%,#2e7d4e 52%,#236b40 100%) !important;
}
#culture .sec-idx{
  color:rgba(255,255,255,.76) !important;
}
#culture .sec-idx b,
#culture .h2 b{
  color:#a8f0bd !important;
}
#culture .h2{
  color:#fff !important;
}
#culture .sub{
  color:rgba(255,255,255,.76) !important;
}
#culture .pillar{
  background:rgba(255,255,255,.20) !important;
  border-color:rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  box-shadow:0 30px 64px -40px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.55) !important;
}
#culture .pillar:hover{
  background:rgba(255,255,255,.28) !important;
  box-shadow:0 38px 76px -42px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.62) !important;
}
#culture .pillar .pen{
  color:rgba(255,255,255,.62) !important;
}
#culture .pillar h3{
  color:#fff !important;
}
#culture .pillar p{
  color:rgba(255,255,255,.78) !important;
}

/* ============================================================
   产品页 CRM 目录侧栏 · 颜色加深(2026-06-30)
   ============================================================ */
#crm .cat-side{
  background:
    linear-gradient(180deg,rgba(46,125,78,.28),rgba(35,107,64,.18)) !important;
  border-right-color:rgba(20,80,48,.18) !important;
}
#crm .cat-side-head{
  background:linear-gradient(155deg,#2e7d4e 0%,#236b40 100%) !important;
  color:#fff !important;
}
#crm .cat-cat{
  border-bottom-color:rgba(20,80,48,.18) !important;
}
#crm .cat-cat>.cat-t{
  color:#137846 !important;
}
#crm .cat-cat li{
  color:#45675a !important;
}
#crm .cat-cat li:hover{
  color:#0f7b47 !important;
  background:rgba(255,255,255,.42) !important;
}
#crm .cat-cat li.on{
  color:#0f7b47 !important;
  background:rgba(255,255,255,.58) !important;
  border-left-color:#168f53 !important;
  font-weight:700 !important;
}

/* ============================================================
   产品页器械区卡片 · 去掉渐变(2026-06-30)
   ============================================================ */
#device .sup-c{
  background:rgba(255,255,255,.36) !important;
  background-image:none !important;
}
#device .sup-c:hover{
  background:rgba(255,255,255,.46) !important;
  background-image:none !important;
}

/* ============================================================
   多页面浏览器标注修正 · 2026-06-30
   ============================================================ */

/* 新闻中心与学术中心卡片：白色、去渐变 */
.news-list .news,
#train .train{
  background:#fff !important;
  background-image:none !important;
  border-color:rgba(20,46,30,.08) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 28px 58px -38px rgba(13,40,24,.24) !important;
}
.news-list .news:hover,
#train .train:hover{
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 34px 68px -40px rgba(13,40,24,.28) !important;
}
.news-list .news-body,
#train .train-body{
  background:#fff !important;
  background-image:none !important;
}
.news-list .news-body h3,
.news-list .news-body h4,
#train .train-body h4{
  color:#16261c !important;
}
.news-list .news-body p,
#train .train-body p{
  color:#56635c !important;
}
.news-list .news-body .tag,
.news-list .news-body .news-tag,
#train .train-body .tt{
  color:#1d8048 !important;
}
.news-list .news-date{
  display:none !important;
}

/* 解决方案页 ISO 15189 说明卡：中绿 */
section.sec.sec-soft:not(#neutral) .about-g > .group-card{
  background:
    radial-gradient(680px 360px at 18% 0%, rgba(148,238,182,.24), transparent 62%),
    linear-gradient(150deg,#3a9a5e 0%,#2c7d4a 58%,#226c40 100%) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#fff !important;
  box-shadow:0 34px 72px -42px rgba(15,58,35,.54), inset 0 1px 0 rgba(255,255,255,.44) !important;
}
section.sec.sec-soft:not(#neutral) .about-g > .group-card .badge-mem{
  color:#c7f6d7 !important;
  border-color:rgba(255,255,255,.34) !important;
  background:rgba(255,255,255,.12) !important;
}
section.sec.sec-soft:not(#neutral) .about-g > .group-card h3{
  color:#fff !important;
}
section.sec.sec-soft:not(#neutral) .about-g > .group-card p{
  color:rgba(255,255,255,.82) !important;
}
section.sec.sec-soft:not(#neutral) .about-g > .group-card .btn-ghost{
  color:#0e6f40 !important;
  background:rgba(255,255,255,.84) !important;
  border-color:rgba(255,255,255,.68) !important;
}

/* 批号 / COA 查询功能卡：去掉卡片渐变 */
.trace-feat .tf{
  background:rgba(255,255,255,.62) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(20px) saturate(145%) !important;
  backdrop-filter:blur(20px) saturate(145%) !important;
  box-shadow:0 24px 54px -40px rgba(13,40,24,.26), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.trace-feat .tf:hover{
  background:rgba(255,255,255,.72) !important;
  background-image:none !important;
}

/* 关于页资质卡：80% 磨砂白 */
#certs .cert{
  background:rgba(255,255,255,.80) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.76) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  box-shadow:0 28px 58px -38px rgba(13,40,24,.24), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
#certs .cert:hover{
  background:rgba(255,255,255,.88) !important;
  background-image:none !important;
}
#certs .cert .ci{
  background:rgba(45,143,79,.10) !important;
  color:#178449 !important;
}

/* 客户中心登录框：淡浅绿 */
.login-sec .login-wrap{
  background:
    linear-gradient(150deg,rgba(244,252,247,.94),rgba(225,244,233,.86)) !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 34px 74px -44px rgba(8,44,28,.46), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.login-sec .login-wrap input{
  background:rgba(255,255,255,.70) !important;
  border-color:rgba(45,143,79,.16) !important;
}
.login-sec .login-wrap input:focus{
  background:#fff !important;
  border-color:rgba(45,143,79,.38) !important;
  box-shadow:0 0 0 4px rgba(45,143,79,.10) !important;
}

/* 方案咨询小标题：淡绿色 */
section.cta .cta-lbl{
  color:#bff5d2 !important;
}

/* 关于页企业文化：浅绿 */
#culture{
  background:
    radial-gradient(900px 520px at 84% 0%, rgba(143,232,172,.18), transparent 62%),
    radial-gradient(760px 520px at 8% 92%, rgba(92,192,107,.11), transparent 58%),
    linear-gradient(180deg,#eef9f2 0%,#e1f3e8 58%,#f2faf5 100%) !important;
}
#culture .sec-idx{
  color:#547260 !important;
}
#culture .sec-idx b,
#culture .h2 b{
  color:#168f53 !important;
}
#culture .h2{
  color:#14241b !important;
}
#culture .sub{
  color:#465d50 !important;
}
#culture .pillar{
  background:rgba(255,255,255,.68) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  box-shadow:0 28px 58px -40px rgba(13,40,24,.18), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
#culture .pillar:hover{
  background:rgba(255,255,255,.78) !important;
  background-image:none !important;
  box-shadow:0 34px 68px -42px rgba(13,40,24,.22), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#culture .pillar .pen{
  color:#7a8f84 !important;
}
#culture .pillar h3{
  color:#18261e !important;
}
#culture .pillar p{
  color:#4e6358 !important;
}

/* 产品页 CRM 目录侧栏：白色，以最新标注覆盖前面的加深版本 */
#crm .cat-side{
  background:#fff !important;
  background-image:none !important;
  border-right-color:rgba(20,46,30,.08) !important;
  box-shadow:0 26px 56px -42px rgba(13,40,24,.24) !important;
}
#crm .cat-side-head{
  background:#fff !important;
  background-image:none !important;
  color:#168f53 !important;
  border-bottom:1px solid rgba(20,46,30,.08) !important;
}
#crm .cat-cat{
  border-bottom-color:rgba(20,46,30,.08) !important;
}
#crm .cat-cat>.cat-t{
  color:#168f53 !important;
}
#crm .cat-cat li{
  color:#66766d !important;
}
#crm .cat-cat li:hover{
  color:#0f7b47 !important;
  background:rgba(22,143,83,.06) !important;
}
#crm .cat-cat li.on{
  color:#0f7b47 !important;
  background:rgba(22,143,83,.10) !important;
  border-left-color:#168f53 !important;
  font-weight:700 !important;
}

/* ============================================================
   首页标注修正 · 关于区墨绿色 / 资质卡去渐变(2026-06-30)
   ============================================================ */
.stack-home #about{
  background:
    radial-gradient(920px 540px at 86% 4%, rgba(38,126,82,.24), transparent 64%),
    radial-gradient(720px 460px at 6% 96%, rgba(0,204,136,.10), transparent 60%),
    linear-gradient(180deg,#08241b 0%,#062f22 52%,#09281d 100%) !important;
}
.stack-home #about .sec-idx{
  color:rgba(255,255,255,.70) !important;
}
.stack-home #about .sec-idx b,
.stack-home #about .h2 b{
  color:#31d58e !important;
}
.stack-home #about .h2{
  color:#fff !important;
}
.stack-home #about p,
.stack-home #about .sub{
  color:rgba(255,255,255,.76) !important;
}
.stack-home #about strong,
.stack-home #about b{
  color:#fff !important;
}
.stack-home #about .stat{
  background:#fff !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
}

.stack-home #cred .cert{
  background:rgba(255,255,255,.68) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(24px) saturate(160%) !important;
  backdrop-filter:blur(24px) saturate(160%) !important;
  box-shadow:0 30px 62px -42px rgba(13,40,24,.22), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
.stack-home #cred .cert::before{
  display:none !important;
}
.stack-home #cred .cert:hover{
  background:rgba(255,255,255,.78) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.90) !important;
  box-shadow:0 40px 76px -44px rgba(13,40,24,.28), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* ============================================================
   浏览器标注修正 · 资质卡更磨砂 / 页脚去图标(2026-06-30)
   ============================================================ */
#certs .cert{
  background:rgba(255,255,255,.56) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(34px) saturate(175%) !important;
  backdrop-filter:blur(34px) saturate(175%) !important;
  box-shadow:
    0 34px 72px -46px rgba(13,40,24,.32),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(255,255,255,.38) !important;
}
#certs .cert:hover{
  background:rgba(255,255,255,.66) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.92) !important;
}
#certs .cert .ci{
  background:rgba(255,255,255,.34) !important;
  border:1px solid rgba(255,255,255,.54) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
}

footer .foot-col h5 svg{
  display:none !important;
}
footer .foot-col h5{
  gap:0 !important;
}

/* ============================================================
   浏览器标注修正 · 首页新闻森绿 / 首页页码隐藏 / 资质图标锁色(2026-06-30)
   ============================================================ */
.stack-home #news{
  background:
    radial-gradient(980px 560px at 86% 0%, rgba(50,148,90,.24), transparent 64%),
    radial-gradient(760px 520px at 8% 96%, rgba(0,204,136,.10), transparent 60%),
    linear-gradient(180deg,#1f6f42 0%,#185c37 52%,#12472c 100%) !important;
}
.stack-home #news .sec-idx{
  color:rgba(255,255,255,.70) !important;
}
.stack-home #news .sec-idx b,
.stack-home #news .h2 b{
  color:#a8f0bd !important;
}
.stack-home #news .h2{
  color:#fff !important;
}
.stack-home #news .sub{
  color:rgba(255,255,255,.76) !important;
}
.stack-home #news .news,
.stack-home #news .news-body{
  background:#fff !important;
  background-image:none !important;
}
.stack-home #news .news:hover,
.stack-home #news .news:hover .news-body{
  background:#fff !important;
  background-image:none !important;
}
.stack-home .car-idx{
  display:none !important;
}

#certs .cert,
#certs .cert *{
  -webkit-tap-highlight-color:transparent !important;
}
#certs .cert .ci,
#certs .cert:hover .ci,
#certs .cert:active .ci,
#certs .cert:focus .ci,
#certs .cert:focus-visible .ci{
  color:#168f53 !important;
  background:rgba(255,255,255,.34) !important;
  border-color:rgba(255,255,255,.54) !important;
  outline:none !important;
}
#certs .cert .ci svg,
#certs .cert:hover .ci svg,
#certs .cert:active .ci svg,
#certs .cert:focus .ci svg,
#certs .cert:focus-visible .ci svg{
  color:#168f53 !important;
  stroke:#168f53 !important;
  fill:none !important;
}

/* ============================================================
   批号 / COA 查询 · 功能卡增加磨砂感(2026-06-30)
   ============================================================ */
.trace-feat .tf{
  background:rgba(255,255,255,.46) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:blur(38px) saturate(180%) !important;
  backdrop-filter:blur(38px) saturate(180%) !important;
  box-shadow:
    0 34px 74px -46px rgba(13,40,24,.28),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(255,255,255,.42) !important;
}
.trace-feat .tf:hover{
  background:rgba(255,255,255,.58) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.96) !important;
  box-shadow:
    0 42px 86px -48px rgba(13,40,24,.34),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.48) !important;
}
.trace-feat .tf .ic{
  background:rgba(179,239,199,.46) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(20px) saturate(165%) !important;
  backdrop-filter:blur(20px) saturate(165%) !important;
  box-shadow:
    0 16px 28px -20px rgba(13,40,24,.42),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* 批号 / COA 查询 tabs：点击后选中态(2026-07-01 改浅——
   之前选中态用 #dff4e8,比 .trace-soft 区域背景(#eef7f1→#e7f3ec)还深,
   看起来像"选中反而变暗"。改回比背景浅的白色,和下面的查询面板衔接。) */
.trace-soft .q-tab{
  background:#fff !important;
  color:#506158 !important;
}
.trace-soft .q-tab:hover{
  background:#effaf3 !important;
  color:#168f53 !important;
}
.trace-soft .q-tab.on,
.trace-soft .q-tab:active,
.trace-soft .q-tab:focus-visible{
  background:#fff !important;
  color:#0f7b47 !important;
  box-shadow:inset 0 -2px 0 #168f53 !important;
  outline:none !important;
}

/* ============================================================
   产品页 / 首页标注修正 · 深色小控件 / 草绿色合作区(2026-06-30)
   ============================================================ */
#device .sup-c .ic{
  background:#1f6e3c !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#fff !important;
  box-shadow:0 16px 28px -18px rgba(4,40,22,.58), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
#device .sup-c .ic svg{
  stroke:#fff !important;
  color:#fff !important;
}
#device .btn.btn-g{
  background:#155a34 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 18px 34px -22px rgba(4,40,22,.70) !important;
}
#device .btn.btn-g:hover{
  background:#0f4829 !important;
  color:#fff !important;
}

.stack-home #partners-sec{
  background:
    radial-gradient(900px 540px at 86% 0%, rgba(188,244,149,.24), transparent 64%),
    radial-gradient(720px 520px at 6% 96%, rgba(98,205,103,.22), transparent 60%),
    linear-gradient(180deg,#6fbe4a 0%,#55a93f 52%,#469237 100%) !important;
}
.stack-home #partners-sec .lbl{
  color:rgba(255,255,255,.76) !important;
}
.stack-home #partners-sec .h2,
.stack-home #partners-sec .h2 b{
  color:#fff !important;
}
.stack-home #partners-sec .partner{
  background:rgba(255,255,255,.82) !important;
  background-image:none !important;
  color:#184326 !important;
  border-color:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
}
.stack-home #partners-sec .partner:hover{
  background:#fff !important;
  color:#0f7b47 !important;
}

/* ============================================================
   解决方案详情页 · 卡片去渐变(2026-06-30)
   ============================================================ */
body.sd-soft .sup-c,
body.sd-soft .matrix .mx{
  background:rgba(255,255,255,.62) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  box-shadow:0 28px 58px -40px rgba(13,40,24,.22), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.sd-soft .sup-c:hover,
body.sd-soft .matrix .mx:hover{
  background:rgba(255,255,255,.72) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.92) !important;
  box-shadow:0 34px 68px -42px rgba(13,40,24,.28), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

/* ============================================================
   产品详情页 · 卡片和表格白色(2026-06-30)
   ============================================================ */
.pd-fig,
.pd-spec,
.cat-tbl{
  background:#fff !important;
  background-image:none !important;
  border-color:rgba(20,46,30,.10) !important;
  box-shadow:0 26px 56px -42px rgba(13,40,24,.22) !important;
}
.pd-spec th,
.cat-tbl th{
  background:#f7faf8 !important;
  background-image:none !important;
  color:#16261c !important;
  border-color:rgba(20,46,30,.09) !important;
}
.pd-spec td,
.cat-tbl td{
  background:#fff !important;
  background-image:none !important;
  color:#596960 !important;
  border-color:rgba(20,46,30,.08) !important;
}
.pd-spec tr:hover th,
.pd-spec tr:hover td,
.cat-tbl tr:hover td{
  background:#fbfdfc !important;
  background-image:none !important;
}
.pd-dl a{
  background:#fff !important;
  background-image:none !important;
  color:#168f53 !important;
  border-color:rgba(22,143,83,.42) !important;
}
.pd-dl a:hover{
  background:#f4fbf7 !important;
  color:#0f7b47 !important;
}
.pd-actions .btn:not(.btn-g){
  background:#fff !important;
  background-image:none !important;
  color:#16261c !important;
  border:1px solid rgba(20,46,30,.10) !important;
}

/* ============================================================
   首页核心价值 CORE VALUES(#values) · 对齐 texture-demo 质感(2026-07-01 v2)
   v1 问题:卡片本身画了绿色径向渐变,呈现成一块"对角线绿白渐变色块",
   跟 demo 里的 .gcard 效果不符 —— demo 的卡片其实是纯白半透明(仅透明度
   渐变,不叠加颜色),绿色氛围完全来自背后的晕染光团透过 backdrop-filter
   透出来。这版严格按 texture-demo.html 的 .gcard / body 数值重做。
   ============================================================ */
.stack-home .sec:has(#values){
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 600px at 86% -10%, rgba(143,232,172,.55), transparent 60%),
    radial-gradient(760px 660px at -6% 22%, rgba(92,192,107,.30), transparent 55%),
    radial-gradient(1000px 760px at 50% 118%, rgba(20,79,56,.16), transparent 60%),
    linear-gradient(160deg,#f3faf5 0%,#eaf5ee 45%,#f6fbf8 100%) !important;
}
.stack-home .sec:has(#values) .w{position:relative;z-index:1}

#values.pillars{gap:28px 26px}
#values .pillar{
  border-radius:22px !important;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.7) !important;
  background:linear-gradient(150deg,rgba(255,255,255,.66),rgba(255,255,255,.34)) !important;
  -webkit-backdrop-filter:blur(26px) saturate(170%);
  backdrop-filter:blur(26px) saturate(170%) !important;
  box-shadow:0 30px 60px -34px rgba(13,40,24,.30), inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s !important;
}
#values .pillar:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 44px 80px -36px rgba(13,40,24,.40), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
@media(max-width:640px){
  .stack-home .sec:has(#values){
    background:
      radial-gradient(640px 420px at 96% -6%, rgba(143,232,172,.45), transparent 62%),
      radial-gradient(560px 480px at -10% 90%, rgba(92,192,107,.22), transparent 58%),
      linear-gradient(160deg,#f3faf5 0%,#eaf5ee 50%,#f6fbf8 100%) !important;
  }
}

/* ============================================================
   关于页 · 发展历程"山路时间轴"插画(2026-07-01 v2 · 美化+动效)
   桌面端:SVG 山形+虚线小路作背景,进入视口时整体"擦入"展开
   （clip-path 从左向右展开）,小路上的点依次弹入；8 个节点按
   --h 值向上位移模拟爬坡,节点内容各自带滚动渐显 + 悬浮微交互。
   移动端退化为竖版时间轴,不用 SVG。
   ============================================================ */
.tl-mtn{position:relative;margin-top:72px;padding-top:326px;perspective:1300px}
.tl-mtn-bg{position:absolute;left:0;right:0;top:0;width:100%;height:340px;overflow:visible;display:block;
  transform-origin:bottom center;transform:rotateX(13deg) scaleY(1.05);
  filter:drop-shadow(0 26px 26px rgba(15,50,30,.14));
  clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.16,.72,.14,1)}
.tl-mtn.in .tl-mtn-bg{clip-path:inset(0 0% 0 0)}
.tl-mtn-peak{fill:rgba(45,143,79,.05)}
.tl-mtn-peak2{fill:rgba(45,143,79,.17)}
.tl-mtn-trees path{fill:rgba(45,143,79,.32)}
.tl-mtn-road{fill:none;stroke:#2d8f4f;stroke-width:2.5;stroke-dasharray:1 9;stroke-linecap:round;opacity:.55;
  filter:drop-shadow(0 3px 3px rgba(20,60,36,.2))}
.tl-mtn-spark{fill:#8fe8ac;filter:drop-shadow(0 0 5px rgba(143,232,172,.95)) drop-shadow(0 0 2px rgba(45,143,79,.6))}
.tl-mtn-dot{fill:#fff;stroke:#2d8f4f;stroke-width:3;transform-box:fill-box;transform-origin:center;
  transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1);
  transition-delay:calc(.5s + var(--i,0) * .09s);
  filter:drop-shadow(0 4px 5px rgba(20,60,36,.3))}
.tl-mtn.in .tl-mtn-dot{transform:scale(1)}
.tl-mtn-dot-now{fill:#2d8f4f;stroke:#8fe8ac;stroke-width:4}
@keyframes tlPulse{0%,100%{opacity:1}50%{opacity:.45}}
.tl-mtn.in .tl-mtn-dot-now{animation:tlPulse 2.2s ease-in-out 1.8s infinite}

.tl-nodes{position:relative;z-index:1;display:flex;align-items:flex-end;gap:22px;perspective:900px}
.tl-node{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;
  text-align:center;transform:translateY(calc(-1 * var(--h,0px)));padding-bottom:6px}
.tl-node-in{position:relative;transform-style:preserve-3d;transform-origin:center bottom;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s}
.tl-node-in::after{content:"";position:absolute;left:16%;right:16%;bottom:-4px;height:12px;
  border-radius:50%;background:radial-gradient(ellipse at center,rgba(15,50,30,.22),transparent 72%);
  opacity:0;transform:scale(.7);transition:opacity .4s,transform .4s;pointer-events:none}
.tl-node-in:hover{transform:translateY(-8px) rotateX(-7deg) scale(1.02);
  filter:drop-shadow(0 16px 18px rgba(15,50,30,.16))}
.tl-node-in:hover::after{opacity:1;transform:scale(1)}
.tl-node .tl-y{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:600;color:#14261c;
  display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;line-height:1;
  transform:scale(.55);opacity:0;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1) .18s,opacity .4s ease .18s}
.tl-node-in.in .tl-y{transform:scale(1);opacity:1}
.tl-node .tl-era{font-family:"Inter",sans-serif;font-size:9.5px;letter-spacing:.16em;color:#2d8f4f;
  font-weight:700;text-transform:uppercase;transition:color .3s}
.tl-node h4{font-size:13.5px;font-weight:600;color:#16261c;margin-bottom:8px;line-height:1.4}
.tl-node p{font-size:11.5px;color:#66766d;line-height:1.65}
.tl-node-now .tl-y,.tl-node-now h4{color:#168f53}
.tl-node-in:hover .tl-era{color:#0f7b47}

@media(max-width:960px){
  .tl-mtn{padding-top:0;margin-top:36px}
  .tl-mtn-bg{display:none}
  .tl-nodes{flex-direction:column;align-items:stretch;gap:30px}
  .tl-node{transform:none!important;text-align:left;align-items:flex-start;
    padding:2px 0 2px 26px;border-left:2px solid rgba(45,143,79,.25);position:relative}
  .tl-node::before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;
    border-radius:50%;background:#fff;border:3px solid #2d8f4f}
  .tl-node-now::before{background:#2d8f4f;border-color:#8fe8ac}
  .tl-node .tl-y{flex-direction:row;gap:10px;align-items:baseline}
  .tl-node-in:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .tl-mtn-bg,.tl-mtn-dot,.tl-node-in,.tl-y{transition:none!important}
  .tl-mtn-bg{clip-path:inset(0 0% 0 0)!important}
  .tl-mtn-dot{transform:scale(1)!important}
  .tl-mtn-dot-now{animation:none!important}
  .tl-y{transform:none!important;opacity:1!important}
  .tl-mtn-spark{display:none!important}
}

/* ============================================================
   解决方案页 · 平台化解决方案 4 服务卡(2026-07-01 新增)
   定制化质控品服务 / 血清盘+性能验证 / 智能质控管理软件 / ISO15189 精益管理
   ============================================================ */
.svc-g{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:8px}
.svc{position:relative;background:#fff;border:1px solid rgba(20,46,30,.08);border-radius:20px;
  padding:36px 34px;overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.svc::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#2d8f4f,#8fe8ac);transform:scaleX(0);transform-origin:left;
  transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.svc:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(13,40,24,.24);
  border-color:rgba(45,143,79,.22)}
.svc:hover::after{transform:scaleX(1)}
.svc-n{font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:600;
  color:rgba(45,143,79,.30);margin-bottom:8px;line-height:1;
  transition:color .4s,transform .4s cubic-bezier(.2,.7,.2,1)}
.svc:hover .svc-n{color:rgba(45,143,79,.65);transform:translateX(3px) scale(1.06)}
.svc h3{font-size:21px;font-weight:600;color:#16261c;margin-bottom:6px;letter-spacing:-.01em}
.svc-tag{font-size:12px;letter-spacing:.1em;color:#2d8f4f;font-weight:600;margin-bottom:18px}
.svc ul{list-style:none;margin:0 0 18px;padding:0}
.svc li{font-size:13.5px;color:#4c5b53;line-height:1.7;padding:7px 0 7px 18px;position:relative;
  opacity:0;transform:translateX(-10px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),color .3s;
  transition-delay:calc(.15s + var(--li,0) * .09s)}
.svc.in li{opacity:1;transform:none}
.svc li::before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;
  border-radius:50%;background:#2d8f4f;transition:transform .3s,background .3s}
.svc li:hover{color:#1b2b21}
.svc li:hover::before{transform:scale(1.6);background:#168f53}
.svc-adv{font-size:12.5px;color:#56635c;line-height:1.7;background:rgba(45,143,79,.06);
  border-radius:12px;padding:14px 16px;border-left:3px solid #2d8f4f;
  opacity:0;transform:translateY(10px);
  transition:opacity .55s ease .5s,transform .55s cubic-bezier(.2,.7,.2,1) .5s,background .35s}
.svc.in .svc-adv{opacity:1;transform:none}
.svc:hover .svc-adv{background:rgba(45,143,79,.10)}
.svc-adv b{display:block;color:#168f53;font-size:11px;letter-spacing:.1em;
  margin-bottom:4px;font-weight:700}
.svc-highlight{text-align:center;margin-top:44px;font-size:14px;font-weight:600;
  color:#168f53;letter-spacing:.04em}
@media(max-width:760px){
  .svc-g{grid-template-columns:1fr}
  .svc{padding:28px 26px}
}
@media(prefers-reduced-motion:reduce){
  .svc li,.svc-adv{transition:none!important;opacity:1!important;transform:none!important}
  .svc::after{transition:none!important}
}