/* ══════════════════════════════════════════════
   资质与荣誉页 · credentials.html
   2026-07-19 · Apple 风格重构
   设计语言：冷白背景 #fbfbfd + 近黑文字 #1d1d1f，
   22px 大圆角卡片 + 极细边框 + 悬停上浮，
   绿色只保留在药丸标签 / 悬停高亮（品牌点缀）。
   三组（企业资质 / 体系认证 / 专利荣誉）统一语言。
   ══════════════════════════════════════════════ */

/* ---------- 概览数据条 ---------- */
.cred-stats-sec{background:#2aaf78;border-bottom:1px solid rgba(255,255,255,.22)}
.cred-stats{
  max-width:1180px;margin:0 auto;padding:35px 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.cred-stat{
  min-height:208px;padding:27px 32px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:#fff;border:1px solid rgba(0,0,0,.055);border-radius:22px;
  box-shadow:0 12px 30px -26px rgba(22,49,35,.34);
}
.cred-stat:first-child{padding-left:32px;border-left:1px solid rgba(0,0,0,.055)}
.cred-stat strong{
  display:block;
  font-size:clamp(40px,3.5vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1;
  color:#1f7a4d;font-variant-numeric:tabular-nums;
}
.cred-stat span{display:block;margin-top:28px;font-size:13px;color:#4f5154;line-height:1.5}

/* ---------- 分类索引 ---------- */
.cred-index{background:#2aaf78;border-bottom:1px solid rgba(255,255,255,.22)}
.cred-index>.w{max-width:1180px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:stretch}
.cred-index-label{
  display:flex;align-items:center;padding:0 32px 0 0;
  font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);
}
.cred-index a{
  min-height:96px;padding:24px 26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  color:#fff;border-left:1px solid rgba(255,255,255,.2);transition:background .3s ease,color .3s ease;
}
.cred-index a:hover{background:#259e6d;color:#fff}
.cred-index a b{font-size:13px;font-weight:600;color:rgba(255,255,255,.72);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.cred-index a:hover b{color:#fff}
.cred-index a span{font-size:14px;font-weight:600;letter-spacing:-.01em}
.cred-index a em{font-style:normal;font-size:11px;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}

/* ---------- 画廊区 ---------- */
.cred-sec{
  position:relative;padding:110px 0 130px;border-top:0;overflow:hidden;
  background:#237b55;
  color:#fff;
}
.cred-sec>.w{position:relative;width:calc(100% - 48px);max-width:1180px}
.cred-group{scroll-margin-top:108px;margin-bottom:120px}
.cred-group:last-of-type{margin-bottom:72px}

/* 组头：Apple section header 节奏 —— 页码 · 大标题组 · 右侧核验提示，细线收口 */
.cred-group-head{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:end;
  padding:0 0 28px;margin-bottom:48px;
  border-top:0;border-bottom:1px solid rgba(255,255,255,.24);
}
.cred-group-idx{
  display:flex;align-items:baseline;gap:2px;margin:0;padding-bottom:12px;
  font-family:inherit;
  font-size:13px;font-weight:600;line-height:1;color:#fff;
  font-variant-numeric:tabular-nums;letter-spacing:.14em;
}
.cred-group-idx::after{
  content:"/ 03";font-family:inherit;font-size:13px;font-weight:400;
  color:rgba(255,255,255,.68);letter-spacing:.14em;margin-left:6px;
}
.cred-group-head h2{
  max-width:none;margin:0;
  font-size:clamp(36px,4vw,54px);font-weight:700;letter-spacing:-.02em;line-height:1.05;
  color:#fff;
}
.cred-group-head p{max-width:44ch;font-size:17px;color:rgba(255,255,255,.78);line-height:1.6;margin:14px 0 0;font-weight:400}
.cred-group-head::after{
  content:"点击证书查看原件\A CLICK TO VERIFY";white-space:pre-line;align-self:end;padding-bottom:8px;
  font-size:11px;font-weight:500;line-height:1.9;letter-spacing:.16em;text-align:right;color:rgba(255,255,255,.72);
}

/* —— 画廊网格（12 列，20px 间距） —— */
.cred-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}

/* —— 统一卡片：大圆角 + 细边框 + 极轻阴影，悬停上浮 —— */
.cred-card{
  grid-column:span 4;position:relative;margin:0;cursor:pointer;
  display:flex;flex-direction:column;overflow:hidden;isolation:isolate;
  border:1px solid rgba(0,0,0,.08);border-radius:22px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1);
}
.cred-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 50px -18px rgba(20,50,35,.25);
}
.cred-card:focus-visible{outline:3px solid rgba(31,122,77,.3);outline-offset:3px}

/* 照片区：浅色渐变衬底，证书 contain 完整显示不裁切 */
.cred-thumb{
  position:relative;flex:none;aspect-ratio:4/3;overflow:hidden;
  padding:22px;
  background:linear-gradient(180deg,#fafafc,#f2f2f4);
  display:flex;align-items:center;justify-content:center;
}
.cred-thumb img{
  width:88%;height:88%;object-fit:contain;object-position:center;
  filter:drop-shadow(0 10px 16px rgba(34,54,42,.12));
  transition:transform .6s cubic-bezier(.25,.1,.25,1);
}
.cred-card:hover .cred-thumb img{transform:scale(1.03)}

/* 信息条：药丸标签 + 名称，右侧圆形箭头按钮（hover 填充绿色） */
.cred-card figcaption{
  position:relative;flex:1;padding:20px 70px 22px 22px;background:#fff;
  border-top:1px solid rgba(0,0,0,.06);
}
.cred-card figcaption::after{
  content:"↗";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:999px;
  border:1px solid rgba(0,0,0,.1);
  display:grid;place-items:center;
  font-size:14px;line-height:1;color:#6e6e73;
  transition:background .4s cubic-bezier(.25,.1,.25,1),color .4s,border-color .4s;
}
.cred-card:hover figcaption::after{background:#1f7a4d;border-color:#1f7a4d;color:#fff}
.cred-tag{
  display:inline-block;padding:4px 11px;
  border:0;border-radius:999px;background:#e9f3ec;
  font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;color:#1f7a4d;
}
.cred-card figcaption b{
  display:block;margin-top:10px;
  font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:#1d1d1f;
}

/* 占位符（真实图片放入后自动被覆盖） */
.cred-ph{
  text-align:center;color:#86868b;font-size:12px;line-height:1.9;letter-spacing:.02em;
  padding:0 16px;
}
.cred-ph i{font-style:normal;font-size:10.5px;color:#aeb2ae;font-family:ui-monospace,Menlo,monospace}

/* —— ISO 体系认证：深绿牌匾面板（认证记录，不可点击，品牌点缀） —— */
.cred-card-record{cursor:default}
.cred-card-record:hover{
  transform:none;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.cred-card-record .cred-thumb img{transform:none}
.cred-card-record figcaption::after{display:none}
.cred-card-record figcaption{padding-right:22px}
.cred-thumb-iso{
  padding:16px;
  background:
    radial-gradient(circle at 78% 12%,rgba(66,201,146,.16),transparent 42%),
    linear-gradient(155deg,#21603c 0%,#173f2b 55%,#123520 100%);
}
.cred-iso-panel{
  position:relative;width:100%;height:100%;padding:20px 18px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px solid rgba(216,238,226,.32);border-radius:10px;color:#eef6f0;
}
.cred-iso-panel::before{
  content:"";position:absolute;inset:5px;pointer-events:none;
  border:1px solid rgba(216,238,226,.13);border-radius:7px;
}
.cred-iso-kicker{
  font-size:8px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#9ed9ba;
}
.cred-iso-name{
  margin-top:13px;
  font-family:inherit;font-weight:600;
  font-size:clamp(28px,2.4vw,36px);line-height:1;letter-spacing:-.01em;color:#f7fbf8;
}
.cred-iso-name b{font-size:1.3em;font-weight:700;letter-spacing:-.01em}
.cred-iso-name::after{
  content:"";display:block;width:36px;height:1px;margin:13px auto 0;
  background:rgba(205,184,125,.7);
}
.cred-iso-cn{margin-top:12px;font-size:13px;font-weight:600;letter-spacing:.3em;color:rgba(240,248,243,.94)}
.cred-iso-meta{margin-top:13px;font-size:9.5px;letter-spacing:.12em;color:rgba(186,220,200,.72)}
.cred-iso-seal{
  position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(216,238,226,.42);
  display:grid;place-items:center;color:#d4ecde;
}
.cred-iso-seal::before{
  content:"";position:absolute;inset:4px;border-radius:50%;
  border:1px dashed rgba(216,238,226,.3);
}
.cred-iso-seal svg{width:18px;height:18px}

/* —— 组 1 · 企业资质：Bento —— 双主推（6+6，16/10）+ 四常规（3×4） —— */
.cred-group:first-child .cred-card:nth-child(1),
.cred-group:first-child .cred-card:nth-child(2){grid-column:span 6}
.cred-group:first-child .cred-card:nth-child(-n+2) .cred-thumb{
  aspect-ratio:16/10;height:auto;padding:28px;
}
.cred-group:first-child .cred-card:nth-child(n+3){grid-column:span 3}
.cred-group:first-child .cred-card:nth-child(n+3) .cred-thumb{aspect-ratio:4/3;padding:18px}
.cred-group:first-child .cred-card:nth-child(n+3) figcaption b{font-size:15px}

/* —— 组 2 · 体系认证：三联等高（4×3） —— */
.cred-group:nth-child(2) .cred-card{grid-column:span 4}
.cred-group:nth-child(2) .cred-thumb{aspect-ratio:4/3;height:auto}

/* —— 组 3 · 专利与科研荣誉：奖项全幅领衔 + 专利档案（3×2 行） —— */
.cred-group:nth-child(3) .cred-grid{counter-reset:patent-card}
.cred-group:nth-child(3) .cred-card:first-child{
  grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);
  border-color:rgba(23,63,43,.2);background:#173f2b;
  box-shadow:0 20px 50px -30px rgba(14,49,30,.5);
}
.cred-group:nth-child(3) .cred-card:first-child .cred-thumb{
  height:clamp(340px,34vw,440px);aspect-ratio:auto;padding:32px 44px;
  background:linear-gradient(180deg,#fafafc,#ececef);
}
.cred-group:nth-child(3) .cred-card:first-child figcaption{
  min-height:100%;padding:40px 88px 40px 36px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:transparent;border-top:0;border-left:1px solid rgba(255,255,255,.12);
}
.cred-group:nth-child(3) .cred-card:first-child figcaption::before{
  content:"RESEARCH HONOR";margin-bottom:auto;
  font-size:10px;font-weight:600;letter-spacing:.2em;color:rgba(255,255,255,.5);
}
.cred-group:nth-child(3) .cred-card:first-child figcaption::after{
  top:40px;right:36px;transform:none;
  border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.85);
}
.cred-group:nth-child(3) .cred-card:first-child:hover figcaption::after{
  background:#fff;border-color:#fff;color:#173f2b;
}
.cred-group:nth-child(3) .cred-card:first-child .cred-tag{
  background:rgba(127,224,182,.14);color:#8fdcb4;
}
.cred-group:nth-child(3) .cred-card:first-child figcaption b{
  margin-top:12px;color:#fff;font-size:22px;line-height:1.35;
}
.cred-group:nth-child(3) .cred-card:not(:first-child){counter-increment:patent-card;grid-column:span 4}
.cred-group:nth-child(3) .cred-card:not(:first-child)::before{
  content:"PATENT 0" counter(patent-card);position:absolute;z-index:4;top:16px;left:16px;
  padding:5px 11px;border-radius:999px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(31,122,77,.18);color:#1f7a4d;
  font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.14em;
}
.cred-group:nth-child(3) .cred-card:not(:first-child) .cred-thumb{
  aspect-ratio:5/6;padding:30px 26px 24px;
  background:linear-gradient(160deg,#31b77f 0%,#27a96f 100%);
}
.cred-group:nth-child(3) .cred-card:not(:first-child) figcaption b{font-size:15px}

/* —— 专利档案：全部统一为中绿色卡面，证书原图保持原色 —— */
.cred-group:nth-child(3) .cred-card:not(:first-child){
  background:#2aaf78;
  border-color:rgba(19,112,72,.3);
  box-shadow:0 10px 30px -22px rgba(20,103,68,.55);
}
.cred-group:nth-child(3) .cred-card:not(:first-child):hover{
  box-shadow:0 28px 54px -22px rgba(16,104,66,.58);
}
.cred-group:nth-child(3) .cred-card:not(:first-child)::before{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.72);
  color:#fff;
  box-shadow:0 6px 18px rgba(15,91,58,.1);
}
.cred-group:nth-child(3) .cred-card:not(:first-child) figcaption{
  background:transparent;
  border-top-color:rgba(255,255,255,.2);
}
.cred-group:nth-child(3) .cred-card:not(:first-child) .cred-tag{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.cred-group:nth-child(3) .cred-card:not(:first-child) figcaption b{color:#fff}
.cred-group:nth-child(3) .cred-card:not(:first-child) figcaption::after{
  border-color:rgba(255,255,255,.58);
  color:#fff;
}
.cred-group:nth-child(3) .cred-card:not(:first-child):hover figcaption::after{
  background:#fff;
  border-color:#fff;
  color:#1f7a4d;
}

/* —— 全页统一卡片色：企业资质、体系认证、科研荣誉与专利 —— */
:is(#company-credentials,#system-certifications,#research-honors) .cred-card{
  background:#2aaf78;
  border-color:rgba(19,112,72,.3);
  box-shadow:0 10px 30px -22px rgba(20,103,68,.55);
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card:hover{
  box-shadow:0 28px 54px -22px rgba(8,50,31,.7);
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card .cred-thumb{
  background:linear-gradient(160deg,#31b77f 0%,#27a96f 100%);
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card figcaption{
  background:transparent;
  border-top-color:rgba(255,255,255,.2);
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card .cred-tag{
  background:rgba(255,255,255,.16);
  color:#fff;
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card figcaption b{
  color:#fff;
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card figcaption::after{
  border-color:rgba(255,255,255,.58);
  color:#fff;
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card:hover figcaption::after{
  background:#fff;
  border-color:#fff;
  color:#1f7a4d;
}
:is(#company-credentials,#system-certifications,#research-honors) .cred-card .cred-ph,
:is(#company-credentials,#system-certifications,#research-honors) .cred-card .cred-ph i{
  color:rgba(255,255,255,.84);
}

.cred-note{
  margin-top:-24px;padding-top:24px;font-size:13px;line-height:1.8;
  border-top:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.76);
}
.cred-note a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ══════ 灯箱 ══════ */
.cred-lightbox{
  position:fixed;inset:0;z-index:300;
  display:none;align-items:center;justify-content:center;
  background:rgba(10,14,12,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;transition:opacity .3s ease;
}
.cred-lightbox.open{display:flex;opacity:1}
.cred-lb-stage{
  margin:0;max-width:min(88vw,760px);max-height:86vh;
  display:flex;flex-direction:column;align-items:center;gap:20px;
  transform:scale(.94);transition:transform .38s cubic-bezier(.25,.1,.25,1);
}
.cred-lightbox.open .cred-lb-stage{transform:scale(1)}
.cred-lb-stage img{
  max-width:100%;max-height:74vh;object-fit:contain;
  border-radius:14px;background:#fff;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
}
.cred-lb-stage figcaption{
  color:#fff;font-size:14px;font-weight:500;letter-spacing:.02em;text-align:center;
}
/* 灯箱占位（真实图缺失时显示） */
.cred-lb-stage img.is-missing{
  width:min(70vw,480px);aspect-ratio:3/4;
  background:linear-gradient(135deg,#123b2d,#0a2417);
}
.cred-lb-close,.cred-lb-prev,.cred-lb-next{
  position:absolute;z-index:2;
  display:grid;place-items:center;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;cursor:pointer;border-radius:50%;
  transition:background .22s,border-color .22s;
}
.cred-lb-close{top:28px;right:32px;width:44px;height:44px;font-size:26px;line-height:1}
.cred-lb-prev,.cred-lb-next{top:50%;transform:translateY(-50%);width:52px;height:52px}
.cred-lb-prev{left:32px}
.cred-lb-next{right:32px}
.cred-lb-prev svg,.cred-lb-next svg{width:22px;height:22px}
.cred-lb-close:hover,.cred-lb-prev:hover,.cred-lb-next:hover{background:#1f7a4d;border-color:#1f7a4d}

/* ══════ 响应式 ══════ */
@media(min-width:1081px){
  .cred-stats-sec>.w{width:calc(100% - 48px);max-width:1180px}
  .cred-stats{width:100%}
}
@media(max-width:1080px){
  .cred-index>.w{grid-template-columns:repeat(3,1fr)}
  .cred-index-label{display:none}
  .cred-index a:first-of-type{border-left:0}
  .cred-stats{grid-template-columns:repeat(2,1fr);gap:18px;padding:32px 0}
  .cred-stat,.cred-stat:first-child,.cred-stat:nth-child(3){min-height:168px;padding:22px;border:1px solid rgba(0,0,0,.055)}
  .cred-sec{padding-top:88px}
  .cred-group{margin-bottom:96px}
  .cred-group-head{grid-template-columns:auto 1fr;gap:20px}
  .cred-group-head::after{display:none}
  .cred-group-head h2{font-size:clamp(32px,5vw,40px)}
  .cred-group-head p{font-size:15px}
  .cred-note{margin-top:-12px}
  .cred-group:first-child .cred-card:nth-child(n+3){grid-column:span 6}
  .cred-group:first-child .cred-card:nth-child(n+3) .cred-thumb{aspect-ratio:3/2;padding:20px}
  .cred-group:nth-child(3) .cred-card:first-child{grid-template-columns:1.3fr .7fr}
  .cred-group:nth-child(3) .cred-card:not(:first-child){grid-column:span 6}
  .cred-group:nth-child(3) .cred-card:not(:first-child) .cred-thumb{aspect-ratio:4/3;padding:26px}
}
@media(max-width:760px){
  .cred-index a{min-height:80px;padding:20px 14px;grid-template-columns:auto 1fr;gap:9px}
  .cred-index a em{display:none}
  .cred-index a b{font-size:12px}
  .cred-index a span{font-size:12px}
  .cred-sec{padding:70px 0 92px}
  .cred-group{margin-bottom:70px}
  .cred-group-head{grid-template-columns:1fr;gap:8px;margin-bottom:28px}
  .cred-group-idx{padding-bottom:2px}
  .cred-grid{grid-template-columns:repeat(6,1fr);gap:14px}
  .cred-group:first-child .cred-card:nth-child(1),
  .cred-group:first-child .cred-card:nth-child(2){grid-column:1/-1}
  .cred-group:first-child .cred-card:nth-child(-n+2) .cred-thumb{aspect-ratio:3/2;height:auto;padding:20px}
  .cred-group:first-child .cred-card:nth-child(n+3){grid-column:span 3}
  .cred-group:first-child .cred-card:nth-child(n+3) .cred-thumb{aspect-ratio:4/3;padding:14px}
  .cred-group:nth-child(2) .cred-card{grid-column:1/-1}
  .cred-group:nth-child(2) .cred-thumb{aspect-ratio:16/10}
  .cred-group:nth-child(3) .cred-card:first-child{grid-column:1/-1;grid-template-columns:1fr;min-height:0}
  .cred-group:nth-child(3) .cred-card:first-child .cred-thumb{height:auto;aspect-ratio:4/3;padding:24px}
  .cred-group:nth-child(3) .cred-card:first-child figcaption{
    min-height:0;padding:26px 80px 26px 24px;border-left:0;border-top:1px solid rgba(255,255,255,.12);
  }
  .cred-group:nth-child(3) .cred-card:first-child figcaption::before{margin-bottom:14px}
  .cred-group:nth-child(3) .cred-card:first-child figcaption::after{top:26px;right:22px}
  .cred-group:nth-child(3) .cred-card:not(:first-child){grid-column:span 3}
  .cred-group:nth-child(3) .cred-card:not(:first-child) .cred-thumb{aspect-ratio:3/4;padding:22px 18px}
  .cred-lb-prev{left:12px}.cred-lb-next{right:12px}
  .cred-lb-close{top:16px;right:16px}
}
@media(max-width:440px){
  .cred-sec{padding-top:56px}
  .cred-sec>.w{width:calc(100% - 32px)}
  .cred-grid{grid-template-columns:1fr;gap:16px}
  .cred-group:first-child .cred-card:nth-child(n+3),
  .cred-group:nth-child(2) .cred-card,
  .cred-group:nth-child(3) .cred-card:not(:first-child){grid-column:1}
  .cred-thumb{padding:18px}
  .cred-card figcaption{padding:18px 64px 20px 20px}
  .cred-card figcaption b{font-size:15px}
  .cred-iso-name{font-size:29px}
  .cred-iso-cn{font-size:12px;letter-spacing:.24em}
  .cred-stats{grid-template-columns:1fr 1fr;gap:12px;padding:22px 0}
  .cred-stat,.cred-stat:first-child,.cred-stat:nth-child(3){min-height:120px;padding:16px;border-radius:16px}
  .cred-stat strong{font-size:34px}
  .cred-stat span{margin-top:18px;font-size:11px}
  .cred-index>.w{grid-template-columns:1fr}
  .cred-index a{min-height:60px;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:15px 20px}
  .cred-index a:first-of-type{border-top:0}
}
@media(prefers-reduced-motion:reduce){
  .cred-card,.cred-thumb img,.cred-lb-stage{transition:none!important}
}

/* 资质与荣誉页专用横幅图。 */
.phero.bn-about{
  background-image:
    linear-gradient(90deg,rgba(8,24,17,.72) 0%,rgba(8,24,17,.5) 34%,rgba(8,24,17,.1) 66%,rgba(8,24,17,.04) 100%),
    url("img/company-exterior.jpg?v=20260712")!important;
  background-position:center,center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.phero.bn-about .phero-in{
  width:100%;max-width:1180px;margin-left:auto;margin-right:auto;text-align:left;
}
.phero.bn-about h1{text-align:left}

/* ═════ 权威背书数据总览（备用板块，当前页面未挂载） ═════ */
.cred-overview{
  position:relative;
  overflow:hidden;
  padding:clamp(156px,13vw,218px) 0 clamp(88px,8vw,126px);
  color:#13281e;
  background:
    radial-gradient(760px 520px at 88% 4%,rgba(51,198,143,.12),transparent 68%),
    radial-gradient(620px 440px at 4% 82%,rgba(255,255,255,.92),transparent 66%),
    linear-gradient(145deg,#f7fbf8 0%,#edf7f2 52%,#e8f5ef 100%);
  border-bottom:1px solid rgba(17,71,46,.1);
}
.cred-overview::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.46;
  background:
    linear-gradient(rgba(30,128,84,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,128,84,.035) 1px,transparent 1px);
  background-size:140px 140px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.cred-overview>.w{
  position:relative;
  z-index:1;
  width:calc(100% - 64px);
  max-width:1440px;
}
.cred-overview-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,440px);
  gap:clamp(52px,7vw,112px);
  align-items:end;
  padding-bottom:clamp(54px,5vw,76px);
}
.cred-overview-kicker{
  display:block;
  margin-bottom:22px;
  color:#2b8c64;
  font-size:10px;
  font-weight:750;
  line-height:1;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.cred-overview-head h1{
  max-width:10.5em;
  margin:0;
  color:#13271d;
  font-size:clamp(44px,4.7vw,72px);
  font-weight:590;
  line-height:1.08;
  letter-spacing:-.05em;
}
.cred-overview-head>p{
  max-width:36em;
  margin:0 0 5px;
  padding-left:30px;
  color:#63766c;
  font-size:14px;
  line-height:1.95;
  border-left:1px solid rgba(23,94,61,.18);
}
.cred-summary-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:20px;
}
.cred-summary-card{
  grid-column:span 2;
  position:relative;
  min-width:0;
  min-height:168px;
  padding:34px 58px 32px 36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  color:#172a20;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(22,85,56,.1);
  border-radius:18px;
  box-shadow:0 22px 54px -46px rgba(17,66,43,.58);
  transition:transform .34s cubic-bezier(.2,.75,.2,1),border-color .34s ease,box-shadow .34s ease,background .34s ease;
}
.cred-summary-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:linear-gradient(#30c68d,#18875d);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .38s cubic-bezier(.2,.75,.2,1);
}
.cred-summary-card:hover,
.cred-summary-card:focus-visible{
  color:#112a1e;
  transform:translateY(-5px);
  background:#fff;
  border-color:rgba(34,183,122,.28);
  box-shadow:0 30px 68px -44px rgba(13,82,51,.42);
}
.cred-summary-card:hover::before,
.cred-summary-card:focus-visible::before{transform:scaleY(1)}
.cred-summary-card:focus-visible{outline:3px solid rgba(46,197,138,.24);outline-offset:4px}
.cred-summary-card>span{
  display:block;
  margin-bottom:18px;
  color:#71837a;
  font-size:12px;
  font-weight:680;
  line-height:1.2;
  letter-spacing:.08em;
}
.cred-summary-card>strong{
  display:block;
  max-width:100%;
  color:inherit;
  font-size:clamp(20px,1.55vw,27px);
  font-weight:590;
  line-height:1.35;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.cred-summary-card em{
  color:#27bc82;
  font-style:normal;
  font-weight:680;
}
.cred-summary-card>i{
  position:absolute;
  top:30px;
  right:30px;
  color:#9aaba2;
  font-size:15px;
  font-style:normal;
  transition:transform .3s ease,color .3s ease;
}
.cred-summary-card:hover>i,
.cred-summary-card:focus-visible>i{color:#24b97f;transform:translateY(4px)}
.cred-summary-card[href^="products"]:hover>i,
.cred-summary-card[href^="products"]:focus-visible>i{transform:translate(3px,-3px)}
.cred-summary-card.is-emphasis{
  border-color:rgba(40,191,131,.32);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,253,249,.9));
}
.cred-summary-metric>strong{font-variant-numeric:tabular-nums lining-nums}
.cred-summary-wide{grid-column:span 3;min-height:178px}

@media(max-width:1020px){
  .cred-overview{padding-top:148px}
  .cred-overview>.w{width:calc(100% - 48px)}
  .cred-overview-head{grid-template-columns:1fr;gap:30px}
  .cred-overview-head>p{max-width:52em;padding:24px 0 0;border-left:0;border-top:1px solid rgba(23,94,61,.16)}
  .cred-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cred-summary-card,
  .cred-summary-wide{grid-column:span 1}
  .cred-summary-card>strong{font-size:23px}
}
@media(max-width:640px){
  .cred-overview{padding:116px 0 74px}
  .cred-overview>.w{width:calc(100% - 32px)}
  .cred-overview-head{padding-bottom:44px}
  .cred-overview-kicker{margin-bottom:16px;font-size:8px}
  .cred-overview-head h1{font-size:38px;line-height:1.12}
  .cred-overview-head>p{font-size:13px;line-height:1.8}
  .cred-summary-grid{grid-template-columns:1fr;gap:12px}
  .cred-summary-card,
  .cred-summary-wide{
    grid-column:1;
    min-height:138px;
    padding:28px 50px 26px 26px;
    border-radius:14px;
  }
  .cred-summary-card>span{margin-bottom:13px;font-size:10px}
  .cred-summary-card>strong{font-size:20px}
  .cred-summary-card>i{top:25px;right:24px}
}
@media(prefers-reduced-motion:reduce){
  .cred-summary-card,.cred-summary-card::before,.cred-summary-card>i{transition:none!important}
}

/* —— 精简装饰文字：移除分组序号、核验提示和专利编号 —— */
.cred-group-head{grid-template-columns:minmax(0,1fr);gap:0}
.cred-group-idx{display:none}
.cred-group-head::after{content:none;display:none}
.cred-group:nth-child(3) .cred-card:not(:first-child)::before{content:none;display:none}

/* ═══════════════════════════════════════════════════════════════════════
   资质页最终品牌收口：把绿色“整页铺色”改成 Apple 式证据档案。
   资质与证书需要可信、清晰、可核验，颜色只作为导航和状态提示。
   ═══════════════════════════════════════════════════════════════════════ */
.cred-stats-sec{
  background:#f5f8f6!important;
  border-bottom:1px solid rgba(23,58,46,.1)!important;
}
.cred-stats{
  max-width:1240px;
  padding:68px 0 72px;
  gap:0;
  border-top:1px solid rgba(23,58,46,.1);
  border-bottom:1px solid rgba(23,58,46,.1);
}
.cred-stat,
.cred-stat:first-child{
  min-height:176px;
  padding:20px 34px 18px;
  border:0;
  border-right:1px solid rgba(23,58,46,.1);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.cred-stat:last-child{border-right:0}
.cred-stat strong{
  color:#173a30!important;
  font-size:clamp(56px,5.3vw,80px);
  font-weight:300;
  letter-spacing:-.09em;
}
.cred-stat span{
  margin-top:auto;
  color:#344b41;
  font-size:16px;
  font-weight:560;
}
.cred-index{
  background:#f5f8f6!important;
  border-bottom:1px solid rgba(23,58,46,.1)!important;
}
.cred-index>.w{max-width:1240px}
.cred-index-label{color:#87938e!important}
.cred-index a{
  color:#1d2e27;
  border-left-color:rgba(23,58,46,.1);
  transition:background .3s ease,color .3s ease;
}
.cred-index a:hover{background:#e8f7f1;color:#118a68}
.cred-index a b{color:#88958f}
.cred-index a span{font-weight:600}
.cred-index a em{color:#96a19c}
.cred-sec{
  padding:118px 0 138px;
  background:linear-gradient(180deg,#f8faf9 0%,#f3f6f4 100%)!important;
  color:#173229!important;
}
.cred-sec>.w{max-width:1240px}
.cred-group{margin-bottom:126px}
.cred-group-head{
  margin-bottom:46px;
  padding-bottom:26px;
  border-bottom-color:rgba(23,58,46,.13)!important;
}
.cred-group-head h2{color:#173229!important;font-weight:620;letter-spacing:-.045em}
.cred-group-head p{color:#6c7b74!important;font-size:16px}
.cred-card{
  border-color:rgba(23,58,46,.1);
  box-shadow:0 22px 52px -42px rgba(18,57,42,.42);
}
.cred-card:hover{box-shadow:0 30px 64px -40px rgba(18,57,42,.45)}
.cred-thumb{background:linear-gradient(145deg,#fbfcfb,#eef3f0)!important}
.cred-card figcaption{background:#fff}
.cred-card figcaption b{color:#1d2b25}
.cred-tag{background:#e7f5ef;color:#118a68}
.cred-group:nth-child(3) .cred-card:first-child{background:#173f2b!important}
.cred-group:nth-child(3) .cred-card:not(:first-child){background:#fff!important;border-color:rgba(23,58,46,.1)!important}
.cred-group:nth-child(3) .cred-card:not(:first-child) .cred-thumb{background:linear-gradient(145deg,#fbfcfb,#eef3f0)!important}
.cred-group:nth-child(3) .cred-card:not(:first-child) figcaption{background:#fff!important}
.cred-group:nth-child(3) .cred-card:not(:first-child) figcaption b{color:#1d2b25!important}
.cred-note{color:#78857f!important}

@media(max-width:1020px){
  .cred-stats{padding:52px 0 56px}
  .cred-stat,.cred-stat:first-child{min-height:152px;padding:18px 22px}
}
@media(max-width:640px){
  .cred-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:34px 0}
  .cred-stat,.cred-stat:first-child{min-height:142px;padding:22px 18px;border-right:1px solid rgba(23,58,46,.1)}
  .cred-stat:nth-child(2){border-right:0}
  .cred-stat:nth-child(-n+2){border-bottom:1px solid rgba(23,58,46,.1)}
  .cred-stat strong{font-size:52px}
  .cred-stat span{font-size:13px;line-height:1.45}
  .cred-index>.w{grid-template-columns:1fr}
  .cred-index-label{min-height:58px;padding:18px 20px}
  .cred-index a{min-height:62px;border-left:0;border-top:1px solid rgba(23,58,46,.1);padding:18px 20px}
  .cred-sec{padding:78px 0 96px}
}