/* =====================================================================
   荣誉资质 · 页面独立样式 rongyu.css
   模块原创设计：证书墙（烫金边框+印章占位）/ 深色数据带 / 倾斜口碑引用卡 / 占位声明条
   ===================================================================== */

/* ---------- 页面横幅 ---------- */
.banner-service{background-image:url('../images/banner-service.jpg')}

/* ---------- 证书墙 ---------- */
.cert-sec{background:var(--c-ice-2)}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cert-card{
  position:relative;background:#fff;border-radius:var(--radius-lg);padding:36px 28px 30px;
  box-shadow:var(--shadow);border:1px solid #E8D9A8;
  outline:1px solid #E8D9A8;outline-offset:5px;
  transition:transform var(--trans),box-shadow var(--trans);
}
.cert-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:var(--shadow-lg)}
.cert-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed var(--c-line)}
.cert-seal{
  width:52px;height:52px;border-radius:50%;flex-shrink:0;
  background:radial-gradient(circle at 35% 30%,#F5D78A,#D4A017 75%);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(212,160,23,.35);
}
.cert-seal svg{width:26px;height:26px;fill:#fff}
.cert-top h3{font-size:17px;line-height:1.4}
.cert-card p{color:var(--c-text-2);font-size:13.5px;line-height:1.75}
.cert-no{margin-top:16px;font-size:12px;color:var(--c-muted);letter-spacing:.5px}
.cert-tag{
  position:absolute;right:16px;top:16px;font-size:11px;color:#B98A1C;background:#FDF3D7;
  border:1px solid #EBD9A8;padding:2px 10px;border-radius:999px;
}

/* ---------- 行业认可数据带 ---------- */
.recog-sec{background:var(--c-dark)}
.recog-band{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.recog-item b{
  display:block;font-size:clamp(32px,4vw,46px);font-weight:800;color:#fff;line-height:1.1;
  background:linear-gradient(135deg,#fff,#9CC2FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.recog-item span{display:block;margin-top:8px;color:#9FB2D4;font-size:14px}

/* ---------- 客户口碑 ---------- */
.testi-sec{background:#fff}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.testi-card{
  position:relative;background:var(--c-ice-2);border-radius:var(--radius-lg);padding:34px 28px 28px;
  border:1px solid var(--c-line);
}
.testi-card:nth-child(1){transform:rotate(-1deg)}
.testi-card:nth-child(3){transform:rotate(1deg)}
.testi-card:hover{transform:rotate(0) translateY(-6px);box-shadow:var(--shadow-lg);transition:all var(--trans)}
.testi-quote{font-size:46px;line-height:.5;color:var(--c-accent);font-family:Georgia,serif;display:block;margin-bottom:18px}
.testi-card p{color:var(--c-text);font-size:14.5px;line-height:1.8;margin-bottom:22px}
.testi-who{display:flex;align-items:center;gap:12px}
.testi-avatar{
  width:44px;height:44px;border-radius:50%;background:var(--c-grad);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;
}
.testi-who b{display:block;font-size:14.5px}
.testi-who span{font-size:12.5px;color:var(--c-muted)}

/* ---------- 占位声明 ---------- */
.notice-sec{background:var(--c-ice)}
.notice-bar{
  display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--radius-lg);
  padding:24px 28px;border-left:5px solid #F59E0B;box-shadow:var(--shadow);
}
.notice-bar svg{width:26px;height:26px;fill:#F59E0B;flex-shrink:0;margin-top:3px}
.notice-bar h3{font-size:16px;margin-bottom:6px}
.notice-bar p{color:var(--c-text-2);font-size:14px;line-height:1.75}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .cert-grid,.testi-grid{grid-template-columns:repeat(2,1fr)}
  .recog-band{grid-template-columns:repeat(2,1fr);row-gap:36px}
}
@media (max-width:640px){
  .cert-grid,.testi-grid{grid-template-columns:1fr}
  .testi-card:nth-child(1),.testi-card:nth-child(3){transform:none}
}