/* ============================================================
   cailiao-qingdan · 变体J 纪实时间线式 (pgJ)
   ============================================================ */
.cq-hero{position:relative;overflow:hidden;padding:120px 0 90px;background:linear-gradient(160deg,#eaf3fb,#d9e9f7)}

/* story */
.cq-story{padding:70px 0}
.cq-story-in{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.cq-story-img img{width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}
.cq-story-txt h2{margin:8px 0 16px}
.cq-story-txt p{font-size:14.5px;line-height:1.95;color:var(--ink);margin-bottom:12px}
.cq-story-txt a{color:var(--red-600);font-weight:800}

/* cards checklist */
.cq-cards{padding:70px 0}

/* spec */
.cq-spec{padding:70px 0}

/* reject */
.cq-reject{padding:70px 0}
.cq-rj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.cq-rj{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px 20px;border-top:3px solid var(--red-600)}
.cq-rj b{display:block;font-size:15px;font-weight:900;color:var(--blue-900);margin-bottom:8px}
.cq-rj p{font-size:13px;color:var(--ink-2);line-height:1.8}

/* timeline uses shared .timeline */
.cq-timeline{padding:70px 0}

/* tips */
.cq-tips{padding:60px 0}
.cq-tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.cq-tp{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px 20px}
.cq-tp b{display:block;font-size:15px;font-weight:900;color:var(--red-600);margin-bottom:8px}
.cq-tp p{font-size:13px;color:var(--ink-2);line-height:1.8}

/* faq */
.cq-faq{padding:70px 0}
.cq-faq .acc{max-width:860px;margin:24px auto 0}

/* relate */
.cq-relate{padding:60px 0}
.cq-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.cq-rel{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:20px 18px;transition:.3s}
.cq-rel:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.cq-rel h3{font-size:14.5px;font-weight:800;color:var(--blue-900);margin-bottom:5px}
.cq-rel p{font-size:12.5px;color:var(--ink-2)}

@media (max-width:920px){
  .cq-story-in{grid-template-columns:1fr}
  .cq-rj-grid{grid-template-columns:1fr 1fr}
  .cq-tp-grid,.cq-rel-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .cq-rj-grid,.cq-tp-grid,.cq-rel-grid{grid-template-columns:1fr}
}

.cq-why-box{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:34px 38px}
.cq-why-box p{font-size:14.5px;line-height:2;color:var(--ink);margin-bottom:14px}

.cq-dt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.cq-dt{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px}
.cq-dt h3{font-size:15.5px;font-weight:800;color:var(--blue-900);margin-bottom:8px}
.cq-dt p{font-size:13.5px;color:var(--ink-2);line-height:1.85}
@media (max-width:600px){.cq-dt-grid{grid-template-columns:1fr}}

.cq-wu-box{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:32px 36px}
.cq-wu-box p{font-size:14.5px;line-height:2;color:var(--ink);margin-bottom:14px}
.cq-wu-box a{color:var(--red-600);font-weight:800}

.cq-ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.cq-ms{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px}
.cq-ms h3{font-size:15px;font-weight:800;color:var(--red-600);margin-bottom:8px}
.cq-ms p{font-size:13.5px;color:var(--ink-2);line-height:1.85}
@media (max-width:600px){.cq-ms-grid{grid-template-columns:1fr}}

.cq-lw-box{max-width:880px;margin:24px auto 0;background:linear-gradient(135deg,#16334f,#2f62a1);color:#fff;border-radius:var(--r-lg);padding:30px 36px;text-align:center}
.cq-lw-box p{font-size:15px;line-height:2}

.cq-t2{max-width:880px;margin:24px auto 0;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:28px 34px}
.cq-t2 p{font-size:14.5px;line-height:2;color:var(--ink)}

.cq-tail-p{max-width:880px;margin:0 auto;text-align:center;font-size:14.5px;line-height:2;color:var(--ink-2);background:#fff;border:1px dashed var(--line);border-radius:var(--r-md);padding:24px 30px}