/* ============================================================
   baoming-cailiao.html · H5居中窄版+标签墙 + C4表 +
   B7圆角缺角图 + C2工业窗格 + E5徽章
   ============================================================ */

/* ---------- 题头：H5 居中窄版+标签墙 ---------- */
.cl-hero{
  background:var(--green-900);text-align:center;
  padding-top:calc(var(--header-h) + 60px);
  padding-bottom:60px;border-bottom:4px solid var(--brass);
}
.cl-hero-inner{max-width:760px;margin:0 auto}
.cl-hero h1{
  font-size:clamp(34px,4.6vw,54px);color:var(--cream-50);margin:16px 0 12px;letter-spacing:.04em;
}
.cl-hero p{color:var(--cream-200);font-size:16px;line-height:1.9}
.cl-hero .crumb{justify-content:center}
.cl-hero .crumb a{color:var(--brass-light)}
.cl-tags{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}

/* ---------- 清单表 ---------- */
.cl-list{background:var(--cream-50)}
.table-wrap{overflow-x:auto;border:1.5px solid var(--brown-700);border-radius:var(--r-md);padding:8px;box-shadow:var(--shadow-sm)}
.cl-table{min-width:720px}
.cl-table th{font-size:14px}
.cl-table td{font-size:14px}

/* ---------- 格式规范：B7 圆角缺角图 ---------- */
.cl-format{border-top:1px solid var(--line)}
.format-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center}
.format-media{position:relative}
.format-media img{
  width:100%;height:380px;object-fit:cover;
  border-radius:0 40px 0 40px;border:3px solid var(--brown-700);
  box-shadow:var(--shadow-md);
}
.format-body h2{font-size:clamp(24px,3vw,34px);margin:6px 0 14px}
.format-body > p{color:var(--ink-soft);margin-bottom:16px;line-height:1.9}
.format-list li{
  padding:8px 0 8px 18px;position:relative;color:var(--ink-soft);font-size:14.5px;line-height:1.8;
  border-bottom:1px dashed var(--line);
}
.format-list li:last-child{border-bottom:none}
.format-list li::before{content:"◆";position:absolute;left:0;color:var(--brass);font-size:11px;top:12px}
.format-list strong{color:var(--brown-700)}

/* ---------- 照片要求小卡 ---------- */
.cl-photo{background:var(--cream-50)}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.photo-card{
  background:var(--cream-100);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:24px 20px;box-shadow:var(--shadow-sm);
}
.photo-card h3{font-size:17px;margin-bottom:8px;color:var(--brown-800)}
.photo-card p{font-size:13.5px;color:var(--muted);line-height:1.75}

/* ---------- 退回原因：C2 工业窗格 ---------- */
.cl-reject{
  background:
    repeating-linear-gradient(90deg,rgba(210,176,120,.06) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(0deg,rgba(210,176,120,.06) 0 1px,transparent 1px 48px),
    var(--brown-900);
}
.cl-reject .sec-head h2{color:var(--cream-50)}
.cl-reject .sec-lead{color:var(--cream-200)}
.reject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reject-cell{
  background:rgba(251,247,236,.05);border:1px solid var(--line-dark);border-top:3px solid var(--brass);
  padding:24px 22px;
}
.reject-cell h3{color:var(--brass-light);font-size:18px;margin-bottom:8px}
.reject-cell p{color:var(--cream-200);font-size:14px;line-height:1.8}

/* ---------- 服务带：E5 ---------- */
.cl-service{background:var(--cream-50)}
.cl-service-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}
.cl-service-text h2{font-size:clamp(24px,3vw,34px);margin:6px 0 14px}
.cl-service-text > p{color:var(--ink-soft);line-height:1.9;margin-bottom:18px}
.service-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.cl-service-media img{width:100%;height:320px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}

/* ---------- CTA ---------- */
.cl-cta{border-top:4px solid var(--brass);text-align:center}
.cl-cta-inner{padding:20px 0}
.cl-cta-inner h2{color:var(--cream-50);font-size:clamp(24px,3vw,32px);margin-bottom:8px}
.cl-cta-inner p{color:var(--cream-200);margin-bottom:20px}
.cl-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .format-wrap,.cl-service-inner{grid-template-columns:1fr}
  .photo-grid{grid-template-columns:1fr 1fr}
  .reject-grid{grid-template-columns:1fr}
}

/* ---------- 扩充：材料整理服务 ---------- */
.cl-service{background:var(--cream-50)}
.svc-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.svc-media img{width:100%;height:300px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}
.svc-body p{color:var(--ink-soft);line-height:1.9;margin-bottom:12px;font-size:15px}
.svc-body .btn{margin-top:8px}

/* ---------- 扩充：材料误区 ---------- */
.cl-myth{border-top:1px solid var(--line)}
.cl-myth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cl-myth-card{
  background:var(--cream-100);border-left:4px solid var(--brass);
  padding:22px 22px;border-radius:0 var(--r-sm) var(--r-sm) 0;
}
.cl-myth-card h3{font-size:17px;color:var(--brown-800);margin-bottom:8px}
.cl-myth-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}

@media (max-width:900px){
  .svc-wrap{grid-template-columns:1fr}
  .cl-myth-grid{grid-template-columns:1fr}
}

/* ---------- 扩充：说明段 ---------- */
.lc-note,.cl-note,.fy-note,.xx-note,.jz-note,.kt-note,.kd-note,.tx-note{background:var(--cream-50)}
.lc-note .narrow,.cl-note .narrow,.fy-note .narrow,.xx-note .narrow,.jz-note .narrow,.kt-note .narrow,.kd-note .narrow,.tx-note .narrow{max-width:820px}
.note-body p{color:var(--ink-soft);line-height:2;margin-bottom:14px;font-size:15.5px}