/* zhengshu-yanqi.css · 证书延期（蓝图窄带题头 / 有效期说明 / 编号清单 / 画框 / 竖向时间线 / 手风琴 / 表单CTA） */

/* H4 蓝图窄带 */
.zq-hero{
  background:
    linear-gradient(135deg,rgba(36,20,7,.95),rgba(69,39,18,.92)),
    repeating-linear-gradient(0deg,rgba(210,176,120,.10) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(90deg,rgba(210,176,120,.10) 0 1px,transparent 1px 44px),
    var(--brown-900);
  color:var(--cream-100);padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(46px,6vw,76px);
}
.zq-hero-inner{max-width:780px}
.zq-hero h1{color:var(--cream-50);font-size:clamp(28px,4vw,46px);margin:18px 0 14px}
.zq-sub{color:var(--cream-200);font-size:16px;line-height:1.9}

.zq-narrow{max-width:900px;margin:0 auto}
.zq-p{font-size:16px;color:var(--ink-soft);line-height:2;margin-bottom:16px}

/* C1 编号清单 */
.zq-cond{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:0 auto}
.zq-cond li{display:flex;gap:18px;background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px}
.zq-cond li>span{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--brass);line-height:1;flex-shrink:0}
.zq-cond h3{font-size:17px;margin-bottom:6px}
.zq-cond p{font-size:14px;color:var(--ink-soft)}

/* 画框 */
.zq-frame{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center}
.zq-frame-media{margin:0}
.zq-frame-media img{width:100%;height:300px;object-fit:cover;border:8px solid var(--cream-200);outline:1px solid var(--line);box-shadow:var(--shadow-md)}
.zq-frame-media figcaption{text-align:center;font-size:12.5px;color:var(--muted);margin-top:10px}
.zq-frame-body h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px}
.zq-frame-body>p{color:var(--ink-soft);margin-bottom:16px}
.zq-ticks li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--ink-soft);font-size:14.5px}
.zq-ticks li::before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;border:2px solid var(--brass);border-radius:2px}

/* D2 竖向时间线 */
.zq-tl{position:relative;max-width:780px;margin:0 auto}
.zq-tl::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(var(--brass) 0 8px,transparent 8px 16px)}
.zq-tl li{position:relative;padding:0 0 28px 64px}
.zq-tl-no{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--brown-700);color:var(--brass-light);border:2px solid var(--brass);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center}
.zq-tl h3{font-size:18px;margin-bottom:6px}
.zq-tl p{color:var(--ink-soft);font-size:14.5px}

/* F1 手风琴 */
.zq-qa-narrow{max-width:820px;margin:0 auto}
.zq-qa-item{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:12px;overflow:hidden}
.zq-qa-q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:16px 20px;font-weight:600;font-size:15.5px;color:var(--brown-800)}
.zq-qa-q:hover{background:var(--cream-100)}
.zq-qa-sign{color:var(--brass);font-size:20px;transition:transform .3s;flex-shrink:0}
.zq-qa-item.open .zq-qa-sign{transform:rotate(45deg)}
.zq-qa-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.zq-qa-a p{padding:0 20px 18px;color:var(--ink-soft);font-size:14.5px;line-height:1.8}

/* G2 表单 */
.zq-cta-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.zq-cta-text h2{color:var(--cream-50);font-size:clamp(26px,3.4vw,38px);margin-bottom:14px}
.zq-cta-text>p{color:var(--cream-200);margin-bottom:14px}
.zq-cta-tel{color:var(--cream-200)}
.zq-cta-tel a{color:var(--brass-light);font-weight:700;font-size:18px}
.form-title{font-size:19px;margin-bottom:18px;color:var(--brown-800)}

@media (max-width:1024px){
  .zq-cond,.zq-frame,.zq-cta-grid{grid-template-columns:1fr}
}

/* ===== 扩充模块 ===== */
.zyq-who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zyq-who-card{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:24px;border-top:3px solid var(--brass)}
.zyq-who-card h3{font-size:16.5px;color:var(--brown-800);margin-bottom:10px}
.zyq-who-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}
.zyq-local{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.zyq-local-img img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.zyq-local-body h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px}
.zyq-local-body p{color:var(--ink-soft);margin-bottom:14px;line-height:1.9;font-size:15px}
@media(max-width:1024px){.zyq-who,.zyq-local{grid-template-columns:1fr}}
.zyq-tip{max-width:900px;margin:0 auto;text-align:center}
.zyq-tip h2{color:var(--cream-50);margin-bottom:16px;font-size:clamp(22px,3vw,30px)}
.zyq-tip p{color:var(--cream-200);font-size:15px;line-height:2}

/* endnote */
.endnote-wrap{max-width:860px;margin:0 auto}
.endnote-wrap h2{font-size:22px;margin-bottom:14px;color:var(--brown-800)}
.endnote-wrap p{font-size:15px;color:var(--ink-soft);line-height:2}