/* ziliao-shijuan.css · 历年真题（全幅图Banner题头 / 价值说明 / 楼梯进度 / 斑马表 / 语录 / 获取 / 表单CTA） */

/* H1 全幅图深色 Banner */
.sj-hero{position:relative;padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(60px,8vw,110px);overflow:hidden}
.sj-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sj-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,33,24,.94),rgba(15,33,24,.72))}
.sj-hero-inner{position:relative;z-index:2;max-width:760px}
.sj-hero h1{color:var(--cream-50);font-size:clamp(28px,4.4vw,50px);margin:18px 0 14px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.sj-sub{color:var(--cream-200);font-size:16.5px;line-height:1.9}

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

/* D4 楼梯式进度 */
.sj-stairs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}
.sj-stair{
  background:rgba(251,247,236,.06);border:1px solid var(--line-dark);border-top:3px solid var(--brass);
  border-radius:var(--r-sm);padding:24px 18px;transform:translateY(var(--h));
}
.sj-stair:nth-child(1){--h:0}
.sj-stair:nth-child(2){--h:30px}
.sj-stair:nth-child(3){--h:60px}
.sj-stair:nth-child(4){--h:90px}
.sj-stair span{font-family:var(--font-display);color:var(--brass-light);font-size:13px;letter-spacing:.1em}
.sj-stair h3{font-size:18px;color:var(--cream-50);margin:8px 0 8px}
.sj-stair p{font-size:13.5px;color:var(--cream-200);line-height:1.75}

.table-wrap{overflow-x:auto;border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}
.sj-note{font-size:12.5px;color:var(--muted);margin-top:14px;text-align:center}

/* E4 语录 */
.sj-quote{max-width:820px;margin:0 auto;text-align:center;border-left:4px solid var(--brass);border-right:4px solid var(--brass);padding:20px 10px}
.sj-quote blockquote{font-family:var(--font-display);font-size:clamp(18px,2.4vw,26px);color:var(--brown-700);line-height:1.8}

/* 获取方式 */
.sj-get{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,56px);align-items:center}
.sj-get-body h2{font-size:clamp(24px,3vw,34px);margin-bottom:14px}
.sj-get-body>p{color:var(--ink-soft);margin-bottom:16px}
.sj-ticks li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--ink-soft);font-size:14.5px}
.sj-ticks li::before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;border:2px solid var(--brass);border-radius:2px}
.sj-get-img img{width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-md);border:1px solid var(--line)}

/* G2 表单 */
.sj-cta-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.sj-cta-text h2{color:var(--cream-50);font-size:clamp(26px,3.4vw,38px);margin-bottom:14px}
.sj-cta-text>p{color:var(--cream-200);margin-bottom:14px}
.sj-cta-tel{color:var(--cream-200)}
.sj-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){
  .sj-stairs{grid-template-columns:repeat(2,1fr)}
  .sj-stair{transform:none}
  .sj-get,.sj-cta-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sj-stairs{grid-template-columns:1fr}
}

/* ===== 扩充模块 ===== */
.sjx-who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sjx-who-card{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:24px;border-top:3px solid var(--brass)}
.sjx-who-card h3{font-size:16.5px;color:var(--brown-800);margin-bottom:10px}
.sjx-who-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}
.sjx-local{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center}
.sjx-local-img img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.sjx-local-body h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px}
.sjx-local-body p{color:var(--ink-soft);margin-bottom:14px;line-height:1.9;font-size:15px}
.sjx-related h2{font-size:22px;margin-bottom:18px;color:var(--brown-800)}
.sjx-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.sjx-chips a{background:var(--cream-50);border:1px solid var(--line);border-left:3px solid var(--green-700);border-radius:var(--r-xs);padding:9px 16px;font-size:13.5px;color:var(--brown-700)}
.sjx-chips a:hover{background:var(--green-700);color:var(--cream-50)}
.sjx-tip{font-size:14px;color:var(--ink-soft);line-height:1.9;background:var(--cream-100);border-radius:var(--r-sm);padding:16px 20px;border-left:3px solid var(--brass)}
@media(max-width:1024px){.sjx-who,.sjx-local{grid-template-columns:1fr}}
.sjx-mist-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sjx-mist-row>div{background:rgba(251,247,236,.06);border:1px solid var(--line-dark);border-radius:var(--r-sm);padding:22px}
.sjx-mist h2{color:var(--cream-50)}
.sjx-mist-row h3{color:var(--brass-light);font-size:16px;margin-bottom:10px}
.sjx-mist-row p{color:var(--cream-200);font-size:14px;line-height:1.85}
@media(max-width:1024px){.sjx-mist-row{grid-template-columns:1fr}}
.sjx-aud{max-width:900px;margin:0 auto}
.sjx-aud h2{font-size:22px;margin-bottom:16px;color:var(--brown-800)}
.sjx-aud p{font-size:15px;color:var(--ink-soft);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}