/* =============================================================
   WELLGO — Certificate / About Us 页面 (Figma 1:1811)
   1920×3740 画板。页头/悬浮栏复用 style.css 公共组件。
   顶层区块页面偏移 = 设计 Y − 140px（页头高度）。
   全部坐标为页面绝对坐标（1920 设计稿）。
   ============================================================= */

/* ---------- 页头 Header 微调（参照截图实测） ---------- */
/* 顶条右链接块设计位于 x1254–1754（右内边距应为 166 而非 192），
   覆盖 style.css 的 space-between 定位 */
.header .topbar { padding-right: 166px; }
/* 导航文字：Figma 渲染的雅黑字形比 Chrome 略宽，逐项加字距以匹配参照宽度 */
.header .main-nav a:nth-child(1) { letter-spacing: 1.5px; }   /* home   47→53 */
.header .main-nav a:nth-child(3) { letter-spacing: 2.0px; }   /* ESS   204→251 */
.header .main-nav a:nth-child(4) { letter-spacing: 1.2px; }   /* Cases  47→54 */
/* Union 与 搜索图标：本页页头的两个图形与首页不同（Figma 版本差异），
   从参照截图精确抠图后保持 flex 流内渲染，再用相对位移校正位置。 */
.header .main-nav .nav-union {
  position: relative;
  left: 2px; top: 4px;          /* flex 流 x1498/y88 → 目标 x1499/y92，137×26 */
  width: 137px; height: 26px;
}
.header .main-nav .nav-search {
  position: relative;
  left: 3px; top: 5px;          /* flex 流 x1696/y88 → 目标 x1699/y93 */
  width: 28px; height: 28px;
}
.header .main-nav .nav-search img { width: 28px; height: 28px; }

/* Fluid page body: the public shell controls the viewport width. */
.about-hero,
.cert-sec { width: 100%; max-width: 100%; overflow: hidden; }

/* 悬浮社交栏：按设计稿画布坐标固定于 y1229（参照截图实测），
   覆盖 style.css 的视口居中定位。 */
.float-bar {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

/* ---------- ① Hero 首屏 (设计 y150, 高 373) ----------
   与旧版 About 同款，此处独立定义（本页不加载 about.css）。 */
.about-hero {
  position: relative;
  width: var(--page-w);
  height: 373px;
  margin-top: 10px;          /* 150 − 140 */
}
.about-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-hero-overlay {
  position: absolute;
  right: 0;
  top: 0;
  width: 861.5px;
  height: 373px;
}
.about-hero-title {
  position: absolute;
  left: 1334px;
  top: 150px;
  font-size: 55px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}

/* =============================================================
   ② WHY / FORTUNE 500 (设计 y543, 高 776)
   ============================================================= */
.cert-why {
  position: relative;
  width: var(--page-w);
  height: 776px;
  margin-top: 20px;          /* 543 − 523 */
}
.cert-why-bg-wrap {
  position: absolute;
  left: 193px;
  top: 0;
  width: 1535px;
  height: 554px;
  overflow: hidden;
}
.cert-why-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cert-why-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, rgba(241,240,241,0) 49.997%, var(--panel-light) 56.707%);
}

.cert-why-content {
  position: absolute;
  left: 263px;               /* 页面绝对坐标（.cert-why 为全宽容器） */
  top: 0;
  width: 640px;
  height: 554px;
  z-index: 1;
}
.cert-why-label {
  position: absolute;
  left: 0;
  top: 114px;                /* 657 − 543 +2（实测墨迹需下移 2px） */
  font-size: 30px;
  font-weight: 700;
  color: var(--text-primary);
}
.cert-why-head {
  position: absolute;
  left: 0;
  top: 175px;                /* 718 − 543 +2（实测墨迹需下移 2px） */
  font-size: 55px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 73px;
  text-transform: uppercase;
  white-space: nowrap;
}
.cert-why-head-red { color: var(--brand-red); }
.cert-why-bar {
  position: absolute;
  left: 6px;
  top: 449px;                /* 992 − 543 */
  width: 89px;
  height: 5px;
  background: var(--brand-red);
}

/* 统计底板 */
.cert-stats {
  position: absolute;
  left: 193px;
  top: 554px;                /* 1097 − 543 */
  width: 1535px;
  height: 222px;
  background: var(--panel-light);
}
/* 三块统计全部按参照截图实测坐标绝对定位（图标为红色平行四边形徽章，
   非首页圆形图标；s1/s2 同高，s3 因副文两行整体上移 12px）。 */
.cert-stats .stat {
  position: absolute;
  top: 0;
  display: block;
  width: 640px;
  height: 222px;
}
.cert-stats .stat--1 { left: 100px; }    /* 图标 @(293,1168) */
.cert-stats .stat--2 { left: 607px; }    /* 图标 @(800,1168) */
.cert-stats .stat--3 { left: 1119px; }   /* 图标 @(1312,1155) */
.cert-stats .stat-icon {
  position: absolute;
  left: 0;
  top: 71px;                 /* 1168 − 1097 */
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.cert-stats .stat--2 .stat-icon { width: 56px; height: 58px; }
.cert-stats .stat--3 .stat-icon { top: 58px; width: 56px; height: 71px; }  /* 1155 − 1097 */

/* 文字列起点（相对各块图标；实测墨迹需再左移 2px） */
.cert-stats .stat-text {
  position: absolute;
  left: 89px;                /* 384 − 293 − 2 */
  top: 0;
  display: block;
  width: 420px;
}
.cert-stats .stat--2 .stat-text { left: 93px; }    /* 895 − 800 − 2 */
.cert-stats .stat--3 .stat-text { left: 92px; }    /* 1406 − 1312 − 2 */

/* 三行文字绝对定位（顶部对齐实测墨迹：标题/副文上移 5px，数字上移 4px） */
.cert-stats .stat-title { position: absolute; left: 0; top: 52px; }   /* 1154 − 1097 − 5 */
.cert-stats .stat--3 .stat-title { top: 39px; }                        /* 1141 − 1097 − 5 */
.cert-stats .stat-num   { position: absolute; left: 0; top: 93px; }    /* 1194 − 1097 − 4 */
.cert-stats .stat--2 .stat-num { top: 94px; }                          /* 1195 − 1097 − 4 */
.cert-stats .stat--3 .stat-num { top: 81px; }                          /* 1182 − 1097 − 4 */
.cert-stats .stat-sub   { position: absolute; left: 0; top: 145px; white-space: nowrap; line-height: 26px; }  /* 1248 − 1097 − 5 − 1(行高前导) */
.cert-stats .stat--3 .stat-sub { top: 132px; white-space: normal; width: 282px; line-height: 26px; }          /* 1235 − 1097 − 5 − 1 */

/* 与首页 WHY 区域保持同一套排版 */
.cert-why-content { left: 263px; top: 0; width: 640px; height: 554px; }
.cert-why-label { left: 0; top: 96px; }
.cert-why-head { left: 0; top: 150px; line-height: 1.2; }
.cert-why-bar { left: 0; top: 388px; }
.cert-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  padding: 0 80px;
  box-sizing: border-box;
}
.cert-stats .stat,
.cert-stats .stat--1,
.cert-stats .stat--2,
.cert-stats .stat--3 {
  position: static;
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
  width: auto;
  height: auto;
}
.cert-stats .stat-icon,
.cert-stats .stat--2 .stat-icon,
.cert-stats .stat--3 .stat-icon {
  position: static;
  width: 90px;
  height: 90px;
  flex: none;
}
.cert-stats .stat-text,
.cert-stats .stat--2 .stat-text,
.cert-stats .stat--3 .stat-text {
  position: static;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 280px;
}
.cert-stats .stat-title,
.cert-stats .stat-num,
.cert-stats .stat-sub,
.cert-stats .stat--3 .stat-title,
.cert-stats .stat--3 .stat-num,
.cert-stats .stat--3 .stat-sub { position: static; width: auto; margin: 0; }
.cert-stats .stat:nth-child(-n + 2) .stat-title,
.cert-stats .stat:nth-child(-n + 2) .stat-sub { white-space: nowrap; }

/* =============================================================
   ③ Wellgo Certifications (设计 y1379, 高 285)
   ============================================================= */
.cert-sec {
  position: relative;
  width: var(--page-w);
  height: 285px;             /* 1379 → 1664 */
  margin-top: 60px;          /* 1379 − 1319 */
  margin-bottom: 32px;
}
.cert-title {
  position: absolute;
  left: 193px;
  top: 0;
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  text-transform: uppercase;
  white-space: nowrap;
}
.cert-divider {
  position: absolute;
  left: 193px;
  top: 69px;                 /* 1448 − 1379 */
  width: 1535px;
  height: 6px;
}
.cert-row {
  position: absolute;
  left: 193px;
  top: 116px;                /* 1495 − 1379 */
  width: 1535px;
  height: 169px;
  display: flex;
  align-items: center;
}
/* .cert / .cert--intertek 直接复用 style.css（5 格 flex-1）
   认证图：各格为不同缩放素材，从参照截图按精确坐标+尺寸裁出，绝对定位到 .cert-row */
.cert-row .cert img {
  position: absolute;
  object-fit: fill;
}
.cert-row .c-1 { left: 99px;   top: 20px;  width: 107px; height: 104px; }
.cert-row .c-2 { left: 414px;  top: 20px;  width: 107px; height: 104px; }
.cert-row .c-3 { left: 725px;  top: 20px;  width: 107px; height: 104px; }
.cert-row .c-4 { left: 1027px; top: 20px;  width: 107px; height: 104px; }
.cert-row .c-5 { left: 1280px; top: 20px;  width: 206px; height: 109px; }
/* 认证标签：绝对定位到参照墨迹位置（left 精确，top 待实测微调） */
.cert-row .cert p {
  position: absolute;
}
.cert-row .cert:nth-child(1) p { left: 110px; top: 135px; }
.cert-row .cert:nth-child(2) p { left: 418px; top: 136px; }
.cert-row .cert:nth-child(3) p { left: 725px; top: 136px; }
.cert-row .cert:nth-child(4) p { left: 1031px; top: 136px; }
.cert-row .cert--intertek p { left: 1344px; top: 138px; }

/* =============================================================
   ④ Wellgo Honors over the decades (设计 y1743, 高 679)
   ============================================================= */
.cert-honors {
  position: relative;
  width: var(--page-w);
  height: 760px;             /* 1743 → 2503（给荣誉卡片下方标题区多留空间） */
  margin-top: 79px;          /* 1743 − 1664 */
}
.cert-honors .cert-divider { top: 69px; }  /* 1812 − 1743 */

.honors-stage {
  position: absolute;
  left: 193px;
  top: 135px;                /* 1878 − 1743 */
  width: 1535px;
  height: 620px;
}
.honor-card {
  position: absolute;
  width: 283px;
  height: 420px;
  top: 27px;                 /* 1905 − 1878 */
}
.honor-card img {
  width: 100%;
  height: 100%;
  object-fit: fill;          /* 与 Figma 位图拉伸行为一致 */
}
.honor-card--1  { left: 0; }
.honor-card--2  { left: 296px; }
.honor-card--4  { left: 956px; }
.honor-card--5  { left: 1252px; }
.honor-card--cc {
  left: 592px;
  top: 0;                    /* 1878 − 1878 */
  width: 351px;
  height: 474px;
}
/* 卡片说明（位于卡片下方，图内居中）
   top 相对 .honor-card 自身：白卡 top:27px；另减 5px 雅黑行框上偏移。
   431 + 27 = 458 = 2336 − 1878，墨迹顶落在 y2341 */
.honor-card figcaption {
  position: absolute;
  left: 0;
  top: 431px;                /* 2336 − 1878 − 27(卡片内偏移) − 5(行框) */
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 21px;
  white-space: normal;      /* 标题按实际内容自动换行 */
  word-break: break-word;
  transform: translateZ(0);  /* 强制灰度抗锯齿，匹配 Figma 渲染 */
}
.honor-card--cc figcaption {
  top: 496px;                /* 2380 − 1878 */
  font-size: 20px;
  color: var(--text-primary);
  line-height: 26px;
}
/* 设计稿说明文字节点中心为 344.5 / 630.5 / 1304.5 / 1590.5，
   与卡片中心(334.5/630.5/1290.5/1586.5)存在偏移，逐卡修正 */
.honor-card--1 figcaption { transform: translateX(10px) translateZ(0); }
.honor-card--4 figcaption { transform: translateX(14px) translateZ(0); }
.honor-card--5 figcaption { transform: translateX(4px) translateZ(0); }

/* 左右白色渐隐 */
.honors-fade {
  position: absolute;
  top: 0;
  width: 386px;
  height: 600px;
  pointer-events: none;
  z-index: 1;
}
.honors-fade--left  {
  left: 0;
  background: linear-gradient(to right, #fff 9.8%, rgba(255,255,255,0));
}
.honors-fade--right {
  left: 1149px;              /* 1535 − 386 */
  background: linear-gradient(to left, #fff 9.8%, rgba(255,255,255,0));
}

/* 左右箭头（两图同为左箭头，右箭头旋转 180°） */
.honor-arrow {
  position: absolute;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: opacity .2s;
}
.honor-arrow:hover { opacity: .75; }
.honor-arrow img { width: 60px; height: 60px; }
.honor-arrow--left  { left: 99px;  top: 217px; }   /* (292,2095) − (193,1878) */
.honor-arrow--right { left: 1386px; top: 207px; }  /* (1579,2085) − (193,1878) */
.honor-arrow--right img { transform: rotate(180deg); }
.honors-swiper { width: 1535px; height: 620px; overflow: hidden; }
.honors-swiper .swiper-wrapper { align-items: flex-start; }
.honors-swiper .honor-card { position: relative; left: auto; top: 27px; flex: 0 0 auto; }
.honors-swiper .honor-card--1, .honors-swiper .honor-card--2, .honors-swiper .honor-card--4, .honors-swiper .honor-card--5 { width: 283px; height: 420px; }
/* 滚到中间的那张卡略放大，滑走恢复原样（仅桌面端） */
@media (min-width: 768px) {
  .honors-swiper .honor-card { transition: transform .45s ease; will-change: transform; }
  .honors-swiper .honor-card.swiper-slide-active { transform: scale(1.1); z-index: 2; }
}
@media (max-width: 767px) {
  .honors-stage { left: 0; width: 100%; height: 420px; }
  .honors-swiper { width: 100%; height: 420px; }
  .honors-swiper .honor-card, .honors-swiper .honor-card--1, .honors-swiper .honor-card--2, .honors-swiper .honor-card--4, .honors-swiper .honor-card--5, .honors-swiper .honor-card--cc { width: min(78vw, 351px); height: 390px; top: 0; }
  .honors-swiper .honor-card figcaption, .honors-swiper .honor-card--cc figcaption { top: 392px; font-size: 13px; }
  .honor-arrow--left { left: 12px; top: 180px; }
  .honor-arrow--right { left: auto; right: 12px; top: 180px; }
  .honors-fade { display: none; }

  .cert-partners { height: auto; min-height: 520px; }
  .partners-grid { position: relative; left: auto; top: auto; width: 100%; padding: 24px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 80px; gap: 16px; }
  .partner-cell { height: 80px; }
  .partner-cell img { width: 100%; height: 56px; }
}

/* =============================================================
   ⑤ Partners (设计 y2620, 高 456)
   ============================================================= */
.cert-partners {
  position: relative;
  width: var(--page-w);
  height: 690px;             /* 5 列 × 16 家 = 4 行，需加高承接 */
  margin-top: 198px;         /* 2620 − 2422 */
  margin-bottom: 65px;
}
.partners-grid {
  position: absolute;
  left: 193px;
  top: 106px;                /* 2726 − 2620 */
  width: 1535px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 100px;
  gap: 48px 40px;            /* 客户要求：一行 5 个，空隙适当放大 */
}
.partner-row {
  display: contents;
}
.partner-cell {
  height: 100px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-cell img {
  display: block;
  position: static;
  width: min(100%, 240px);
  height: 80px;
  object-fit: contain;
}

/* =============================================================
   ⑥ 页脚 Footer (设计 y3139, 高 601, 背景 #CE090C)
   ============================================================= */
.cert-footer {
  position: relative;
  width: var(--page-w);
  height: 601px;
  margin-top: 0;
  background: var(--brand-red-deep);
  color: #fff;
  overflow: hidden;
}

/* FOLLOW US + 社交图标 */
.cert-follow {
  position: absolute;
  left: 1285px;
  top: 34px;                 /* 3173 − 3139 */
  display: flex;
  align-items: center;
  gap: 20px;
}
.cert-follow p {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.cert-follow-icons { display: flex; gap: 20px; }
.cert-follow-icons a,
.cert-follow-icons img { width: 50px; height: 50px; }

/* 两条分隔线 复用 style.css .footer-line / .footer-line--2 (top 108 / 439) */

/* 主内容区（两行列布局，全部绝对定位） */
.cert-footer-main {
  position: absolute;
  left: 193px;
  top: 108px;
  width: 1535px;
  height: 331px;
}

/* 第 1 行 (设计 y3307 → 区内 top 60) */
.f-col--prod,
.f-col--about { position: absolute; top: 60px; }
.f-col--prod  { left: 0; }
.f-col--prod h4,
.f-col--about h4 { margin-bottom: 27px; }   /* 使链接墨迹落于 y3362 */
.f-col--prod .f-links,
.f-col--about .f-links { gap: 15px; }

.f-cert--cert {
  position: absolute;
  left: 850px;               /* 1043 − 193 */
  top: 60px;
  padding-top: 0;
}
.f-addr--wellgo {
  position: absolute;
  left: 1186px;              /* 1379 − 193 */
  top: 60px;
}
.f-addr--wellgo h4 { margin-bottom: 23px; }
.f-addr--wellgo .f-addr-text { line-height: 1.3; }

/* 第 2 行 (设计 y3445 → 区内 top 198) */
.f-cta--cert {
  position: absolute;
  left: 851px;               /* 1044 − 193 */
  top: 198px;
  width: 158px;
  gap: 28px;
}
.f-cta--cert .f-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 22px;
  white-space: nowrap;
}
.f-cta--cert .f-email {
  align-self: center;
  text-align: center;
  white-space: nowrap;
}
.f-addr--sunrise {
  position: absolute;
  left: 1186px;              /* 1379 − 193 */
  top: 198px;
}
.f-addr--sunrise h4 { margin-bottom: 23px; }
.f-addr--sunrise .f-addr-text { line-height: 1.3; }

/* 底部：Logo + 版权 + SUNRISE 友链 */
.f-logo--cert {
  left: 222px;
  top: 483px;                /* 3621 − 3139 ≈ 482，含文字微调 */
  bottom: auto;
}
.f-copy--cert {
  left: 515px;
  top: 494px;                /* 3633 − 3139 */
  right: auto;
  bottom: auto;
  text-align: left;
  line-height: 1.6;
  width: 396px;
  white-space: nowrap;
}
.cert-links-row {
  position: absolute;
  left: 1509px;              /* SUNRISE 链接 */
  top: 503px;                /* 3642 − 3139 */
  display: flex;
  align-items: center;
  gap: 20px;
}
.f-sunrise-link {
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  white-space: nowrap;
}
.f-friend--cert {
  font-weight: 700;
  padding: 6px 10px;
}

@media (max-width: 1599px) {
  :root { --page-w: 100%; --pad-x: 32px; }
  .page, .about-hero, .cert-why, .cert-sec, .cert-honors, .cert-partners, .cert-footer { width: 100%; }
  .about-hero { height: min(32vw, 373px); min-height: 220px; }
  .about-hero-overlay {
    width: auto;
    height: 100%;
    aspect-ratio: 861.5 / 373;
    object-fit: fill;
  }
  .about-hero-title { left: auto; right: 8%; top: 42%; font-size: clamp(32px, 4vw, 55px); }
  .cert-why { height: calc(min(42vw, 554px) + 222px); display: block; }
  .cert-why-bg-wrap { left: 0; width: 100%; height: min(42vw, 554px); }
  .cert-why-content { left: 5%; width: 60%; }
  .cert-stats { left: 0; width: 100%; min-height: 190px; height: auto; padding: 28px 40px; }
  .cert-sec { height: auto; padding: 32px; }
  .cert-row { position: relative; left: auto; width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: auto; }
  .cert-row .cert { position: static; width: auto; }
  .cert-row .cert img { position: static; width: 90px; height: 90px; object-fit: contain; }
  .honors-stage { left: 0; width: 100%; }
  .honors-swiper { width: 100%; }
  .cert-partners { height: auto; min-height: 700px; }
  .partners-grid { left: 32px; width: calc(100% - 64px); }
}

@media (min-width: 768px) and (max-width: 1599px) {
  /* Keep the certification content inside the same 32px page gutters as the
     other responsive content areas instead of stretching to the viewport edge. */
  .about-hero,
  .cert-why,
  .cert-sec,
  .cert-honors,
  .cert-partners,
  .cert-footer {
    width: calc(100% - 64px);
    margin-left: 32px;
    margin-right: 32px;
    box-sizing: border-box;
  }
  .about-hero {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* The stats panel remains positioned below the hero image on compact desktop.
     Reserve both pieces in the parent height so the next section cannot overlap. */
  .cert-why { min-height: 776px; }
  .cert-stats { top: min(42vw, 554px); }
  .cert-stats {
    gap: clamp(20px, 3vw, 48px);
    padding-left: clamp(24px, 4vw, 64px);
    padding-right: clamp(24px, 4vw, 64px);
  }
  .cert-stats .stat,
  .cert-stats .stat--1,
  .cert-stats .stat--2,
  .cert-stats .stat--3 {
    flex: 1 1 0;
    min-width: 0;
  }
  .cert-stats .stat-text,
  .cert-stats .stat--2 .stat-text,
  .cert-stats .stat--3 .stat-text {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
  }
  .cert-stats .stat-title,
  .cert-stats .stat-sub,
  .cert-stats .stat--3 .stat-sub {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .cert-sec {
    width: calc(100% - 64px);
    height: 360px;
    margin-left: 32px;
    margin-right: 32px;
    padding: 0;
  }
  .cert-sec .cert-title,
  .cert-sec .cert-divider,
  .cert-sec .cert-row {
    left: 0;
    width: 100%;
  }
  .cert-sec .cert-divider {
    display: block;
    height: 6px;
    object-fit: fill;
    overflow: visible;
    z-index: 2;
  }
  .cert-sec .cert-row {
    top: 116px;
    height: 190px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
  }
  .cert-sec .cert-row .cert {
    position: relative;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cert-sec .cert-row .cert img,
  .cert-sec .cert-row .cert p {
    position: static;
  }
  .cert-sec .cert-row .cert img {
    flex: 0 0 auto;
    width: min(107px, 70%);
    height: 104px;
    object-fit: contain;
  }
  .cert-sec .cert-row .cert--intertek img {
    width: min(206px, 90%);
    height: 109px;
  }
  .cert-sec .cert-row .cert p {
    display: block;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.2;
    color: #003b84;
    font-weight: 700;
    text-align: center;
  }
  .cert-partners {
    width: calc(100% - 64px);
    height: auto;
    min-height: 660px;
    margin: 60px 32px 65px;
  }
  .cert-partners .cert-title,
  .cert-partners .cert-divider,
  .cert-partners .partners-grid {
    left: 0;
    width: 100%;
  }
  .cert-partners .partners-grid {
    top: 116px;
  }
  .cert-partners .cert-divider,
  .cert-honors .cert-divider {
    display: block;
    height: 6px;
    object-fit: fill;
    overflow: visible;
    z-index: 3;
  }
  .cert-honors {
    width: calc(100% - 64px);
    height: 760px;
    min-height: 760px;
    margin: 60px 32px 65px;
  }
  .cert-honors .cert-title,
  .cert-honors .cert-divider,
  .cert-honors .honors-stage {
    left: 0;
    width: 100%;
  }
  .cert-honors .honors-stage {
    top: 116px;
  }
  .cert-honors .honors-fade--right {
    left: auto;
    right: 0;
  }
  .cert-honors .honors-fade--left {
    left: 0;
  }
  .cert-honors .honor-arrow--right {
    left: auto;
    right: 12px;
    top: 207px;
    z-index: 3;
  }
  .cert-honors .honor-arrow--left {
    left: 12px;
    top: 217px;
    z-index: 3;
  }
}

@media (min-width: 1600px) {
  .cert-sec,
  .cert-honors,
  .cert-partners,
  .cert-footer {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  .about-hero {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .cert-why {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  :root { --pad-x: 16px; }
  .cert-why { height: auto !important; min-height: 0; }
  .about-hero { height: 220px; min-height: 0; }
  .about-hero-overlay {
    width: auto;
    height: 100%;
    aspect-ratio: 861.5 / 373;
    object-fit: fill;
  }
  .about-hero-title { right: 7%; top: 42%; font-size: 30px; }
  .cert-why-bg-wrap { height: 300px; }
  .cert-why-content { position: relative; left: 24px; top: auto; width: calc(100% - 48px); height: 300px; }
  .cert-why-label { top: 34px; font-size: 20px; }
  .cert-why-head { top: 76px; font-size: clamp(28px, 8vw, 42px); line-height: 1.2; white-space: normal; }
  .cert-why-bar { top: 244px; width: 62px; }
  .cert-stats { position: relative; left: auto; top: auto; margin-top: 0; display: grid; grid-template-columns: 1fr; gap: 22px; padding: 28px 24px; }
  .cert-stats .stat, .cert-stats .stat--1, .cert-stats .stat--2, .cert-stats .stat--3 { width: 100%; }
  .cert-stats .stat-icon, .cert-stats .stat--2 .stat-icon, .cert-stats .stat--3 .stat-icon { width: 62px; height: 62px; }
  .cert-stats .stat-title, .cert-stats .stat-sub { font-size: 14px; white-space: normal !important; }
  .cert-stats .stat-num { font-size: 28px; }
  .cert-sec { padding: 28px 16px; }
  .cert-title { left: 16px; top: 0; font-size: 24px; white-space: normal; }
  .cert-divider { left: 16px; top: 52px; width: calc(100% - 32px); height: 4px; }
  .cert-row { position: relative; left: 0; top: 76px; width: 100%; height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
  .cert-row .cert { position: static; display: flex; flex-direction: column; align-items: center; gap: 8px; }
  .cert-row .cert img,
  .cert-row .c-1, .cert-row .c-2, .cert-row .c-3, .cert-row .c-4, .cert-row .c-5 { position: static !important; left: auto !important; top: auto !important; width: 76px !important; height: 72px !important; object-fit: contain; }
  .cert-row .cert p,
  .cert-row .cert:nth-child(1) p, .cert-row .cert:nth-child(2) p, .cert-row .cert:nth-child(3) p, .cert-row .cert:nth-child(4) p, .cert-row .cert--intertek p { position: static !important; margin: 0; font-size: 13px; }
  .honors-stage, .honors-swiper { height: 460px; }
  .cert-honors { height: auto; min-height: 560px; }
  .cert-honors .cert-title { position: relative; left: auto; top: auto; width: auto; margin: 0 16px; font-size: 24px; white-space: normal; }
  .cert-honors .cert-divider { position: relative; left: auto; top: auto; display: block; width: calc(100% - 32px); height: 4px; margin: 18px 16px 0; }
  .honors-stage { position: relative; left: 0; top: auto; margin-top: 28px; }
  .honors-swiper { width: 100%; }
  .honors-swiper .honor-card { height: 430px; }
  .honors-swiper .honor-card img { height: 360px; object-fit: fill; }
  .honors-swiper .honor-card figcaption, .honors-swiper .honor-card--cc figcaption { top: 370px; font-size: 13px; }
  .honor-arrow--left { left: 12px; top: 180px; }
  .honor-arrow--right { left: auto; right: 12px; top: 180px; }
  .cert-partners { height: auto; min-height: 520px; margin-top: 80px; padding-top: 54px; }
  .partners-grid { position: relative; left: auto; top: auto; width: 100%; padding: 24px 16px 32px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 80px; gap: 16px 12px; }

  /* 认证页 Footer：移动端取消设计稿绝对定位，避免 Logo 覆盖 ABOUT WELLGO 内容。 */
  .cert-footer {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 36px 16px 28px;
    overflow: visible;
    box-sizing: border-box;
  }

  .cert-footer-main {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .cert-footer-main > * {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0;
  }

  .cert-footer-main .f-col,
  .cert-footer-main .f-addr,
  .cert-footer-main .f-cta { min-width: 0; }

  .f-logo--cert,
  .f-copy--cert,
  .cert-links-row {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto;
    margin: 28px 0 0;
  }

  .f-logo--cert { display: block; width: 237px !important; max-width: 70%; height: auto; object-fit: contain; }
  .cert-footer .pd-f-logo,
  .cert-footer .f-logo { position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; display: block; width: 237px !important; max-width: 70%; height: auto; margin: 28px 0 0; object-fit: contain; }
  .page:has(.cert-sec) .pd-footer .pd-f-logo { position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; display: block; width: 237px !important; max-width: 70%; height: auto; margin: 28px 0 0; object-fit: contain; }
  .f-copy--cert { white-space: normal; font-size: 12px; line-height: 1.6; }
  .cert-links-row { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }

  /* 认证页手机端公共 Header 覆盖。 */
  .topbar {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: 26px 28px;
    height: 72px !important;
    min-height: 72px !important;
    box-sizing: border-box;
    align-items: center;
    gap: 6px;
    padding: 8px 16px !important;
  }

  .topbar-email { display: flex; width: 100%; height: 26px; align-items: center; gap: 8px; }
  .topbar-email-icon { width: 22px; height: 22px; }
  .topbar-email-text { display: block !important; width: auto !important; height: 22px !important; margin: 0; font-size: 14px !important; line-height: 22px !important; white-space: nowrap; }
  .topbar-email-text .t-white { display: inline !important; color: #fff !important; }
  .topbar-email-text .t-email { display: inline !important; color: #ff3d43 !important; }
  .topbar-links { display: flex; width: 100%; height: 28px; gap: 4px; }
  .topbar-links a { flex: 1; height: 28px; line-height: 28px; text-align: center; font-size: 12px !important; white-space: nowrap; }

  .navbar { position: relative; height: 68px; min-height: 68px; padding: 10px 16px; flex-direction: row !important; align-items: center; justify-content: flex-start; gap: 0; }
  .logo img { width: 138px; height: auto; }
  .mobile-nav-toggle { display: flex; position: absolute; top: 50%; right: 16px; z-index: 5; width: 42px; height: 38px; padding: 8px 6px; border: 1px solid #d7d7d7; border-radius: 4px; background: #fff; flex-direction: column; justify-content: space-between; transform: translateY(-50%); }
  .mobile-nav-toggle span { display: block; width: 100%; height: 2px; background: #222; }
  .main-nav { display: none; width: 100%; height: auto; margin: 0; padding: 16px 0 4px; border-top: 0; gap: 0; }
  .navbar.is-mobile-nav-open { height: auto; flex-wrap: wrap; }
  .navbar.is-mobile-nav-open::after { content: ''; position: absolute; top: 67px; left: 16px; right: 16px; height: 1px; background: #eee; }
  .navbar.is-mobile-nav-open .mobile-nav-toggle { top: 34px; }
  .navbar.is-mobile-nav-open .main-nav { display: grid; grid-template-columns: 1fr; }
  .main-nav > a, .main-nav > .has-dropdown { min-width: 0; text-align: left; }
  .main-nav a { display: block; padding: 10px 4px; font-size: 13px; line-height: 1.25; white-space: normal; text-align: left; }
  .main-nav .has-dropdown > a { width: 100%; height: auto; min-height: 32px; justify-content: flex-start; }
  .main-nav .dropdown-content { position: static; min-width: 0; padding: 0 0 0 16px; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .nav-union, .nav-search { display: none; }
}