/* ============================================================
   quality-reflow.css — 「认证资质 · Certifications」独立通栏 1920×600
   Structured Media Block：上方 Headline + 下方 6 张 250×350 等高卡片轮播
   复用 media-block.css 的 .mb-* 卡片/轮播结构，本文件只覆盖通栏样式与卡片尺寸
   scoped：仅 quality-draft.html 引用，不污染全站 style.css
   v=20260905-2（新增：五步全流程品控 独立通栏 1920×600 白底）
============================================================ */

/* ---------- 通栏 1920×600（浅灰 #F8F8F8，B2B 工业风） ---------- */
.qcert-band{position:relative;background:#F8F8F8;overflow:hidden}
.qcert-band__inner{
  max-width:1472px;margin:0 auto;
  padding:56px 32px 64px;
  min-height:600px;   /* 1920×600：内容不足时由 min-height 兜到 600 */
  display:flex;flex-direction:column;justify-content:center;
}

/* ---------- 上方：Headline（小标 + 主标题） ---------- */
.qcert-head{max-width:920px;margin:0 0 34px}
.qcert-eyebrow{
  display:inline-block;
  font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#DA1884;margin-bottom:12px;
}
.qcert-title{
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:700;line-height:1.2;
  color:#1a1a1a;margin:0;
}

/* ---------- 下方：水平并排等高卡片 250×350（覆盖 media-block 的 460×310） ---------- */
.qcert-band .mb-carousel{max-width:1416px;margin-inline:auto}
.qcert-band .mb-card{
  flex:0 0 250px;width:250px;height:350px;
  border:1px solid #ece4ea;                 /* B2B 细边框，结构更严谨 */
  background:#fff;
}
/* 卡片标题（占位期可见；填 data-img 后由 media-block.css 自动隐藏） */
.qcert-band .mb-cap{
  font-size:1.08rem;font-weight:700;letter-spacing:.02em;color:#4a4450;
  background:linear-gradient(180deg,rgba(244,241,236,0) 40%,rgba(244,241,236,.88) 100%);
}

/* ---------- 响应式 ---------- */
@media(max-width:768px){
  .qcert-band__inner{padding:52px 20px 60px;min-height:0}
  .qcert-head{margin-bottom:26px}
  .qcert-band .mb-card{flex:0 0 62vw;width:62vw;height:320px}
}
@media(prefers-reduced-motion:reduce){
  .qcert-band .mb-photo{transition:none}
  .qcert-band .mb-card:hover .mb-photo{transform:none}
}

/* ============================================================
   五步全流程品控 · 独立通栏 1920×600（白底，对照截图样式）
   居中大标题 + 品牌色短下划线 + 5 张白卡一行（洋红数字 01-05）
============================================================ */
.qcflow-band{position:relative;background:#fff;overflow:hidden}
.qcflow-band__inner{
  max-width:1472px;margin:0 auto;
  padding:72px 32px 84px;
  min-height:600px;   /* 1920×600：内容不足时由 min-height 兜到 600 */
  display:flex;flex-direction:column;justify-content:center;
}

/* ---------- 居中 Headline + 品牌色短下划线 ---------- */
.qcflow-head{text-align:center;margin-bottom:46px}
.qcflow-title{
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:700;line-height:1.2;
  color:#1a1a1a;margin:0;
}
.qcflow-title::after{
  content:'';display:block;
  width:56px;height:4px;border-radius:2px;background:#DA1884;
  margin:18px auto 0;
}

/* ---------- 5 张白卡一行（等宽等高） ---------- */
.qcflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.qc-card{
  background:#fff;
  border:1px solid #eee7ee;
  border-radius:14px;
  box-shadow:0 8px 26px rgba(26,26,26,.05);
  padding:26px 22px 28px;
  display:flex;flex-direction:column;
}
.qc-card__n{
  font-family:'Space Mono',monospace;
  font-size:1.9rem;font-weight:700;color:#DA1884;
  line-height:1;margin-bottom:14px;
}
.qc-card h4{font-size:1.02rem;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.35}
.qc-card p{font-size:.86rem;color:#6b6570;line-height:1.62;margin:0}

/* ---------- 响应式 ---------- */
@media(max-width:768px){
  .qcflow-band__inner{padding:52px 20px 60px;min-height:0}
  .qcflow-head{margin-bottom:30px}
  .qcflow-grid{grid-template-columns:1fr;gap:14px}
}

/* ============================================================
   99.9% 合格率 · 独立通栏 1920×500（品牌洋红渐变 · 保留原视觉）
============================================================ */
.qcbanner-band{position:relative;background:linear-gradient(115deg,#DD137B 0%,#B80E63 100%);box-shadow:0 18px 40px -12px rgba(221,19,123,.45);overflow:hidden;color:#fff}
.qcbanner-band__inner{
  max-width:1472px;margin:0 auto;
  padding:80px 32px 96px;
  min-height:500px;   /* 1920×500：内容不足时由 min-height 兜到 500 */
  display:flex;align-items:center;gap:48px;flex-wrap:wrap;
  color:#fff;
}
.qcbanner-num{
  font-family:'Inter',system-ui,sans-serif;font-weight:600;
  font-size:clamp(3.4rem,8vw,6.6rem);line-height:.95;letter-spacing:-.03em;
  display:inline-flex;align-items:baseline;gap:2px;
  white-space:nowrap;
}
.qcbanner-num .suffix{font-size:.46em;opacity:.9;margin-left:4px;transform:translateY(-.12em)}
.qcbanner-sep{width:1px;height:88px;background:rgba(255,255,255,.32);flex:0 0 auto}
.qcbanner-tx{flex:1 1 auto;min-width:240px}
.qcbanner-tx h4{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:clamp(1.4rem,2vw,1.9rem);margin:0 0 10px;color:#fff;letter-spacing:.01em}
.qcbanner-tx p{font-size:1rem;opacity:.9;margin:0;line-height:1.6;max-width:46ch}

/* ---------- 响应式 ---------- */
@media(max-width:768px){
  .qcbanner-band__inner{padding:60px 24px 72px;min-height:0;flex-direction:column;align-items:flex-start;gap:22px}
  .qcbanner-sep{width:56px;height:1px;background:rgba(255,255,255,.32)}
}