/* ============================================================
   kaoshi-chengji.css — 成绩查询
   骨架：S9 双栏对比（官方通道 vs 委托服务）
   光影：D3 斜角切角卡片（.cut-card）＋ D7 图片hover光泽（.sheen）
   ============================================================ */

/* ---------- 页头 ---------- */
.kc-hero{
  padding:112px 0 56px;
  background:linear-gradient(135deg,#F5F2EB 0%,#FFFFFF 55%,#EAE3D6 100%);
}
.kc-hero .crumb{margin-bottom:20px}
.kc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.kc-hero-text h1{font-size:35px;line-height:1.3;margin:16px 0 14px}
.kc-hero-text p{color:#55554F;font-size:15px;max-width:560px}
.kc-hero-img img{width:100%;border-radius:2px;box-shadow:0 16px 38px rgba(122,101,76,.16)}

/* ---------- 双栏对比 ---------- */
.kc-compare{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.kc-card{background:#fff;box-shadow:0 10px 30px rgba(122,101,76,.12);overflow:hidden}
.kc-card-head{padding:26px 28px 20px;color:#fff}
.kc-card-head-a{background:linear-gradient(135deg,#B09A7E,#94795A)}
.kc-card-head-b{background:linear-gradient(135deg,#7A654C,#5C4A36)}
.kc-card-head h3{color:#fff;font-size:21px;margin-bottom:4px}
.kc-card-head p{color:rgba(255,255,255,.85);font-size:13.5px;margin:0}
.kc-card ul{list-style:none;padding:22px 28px 26px;margin:0}
.kc-card li{
  font-size:13.8px;color:#55554F;padding:10px 0 10px 18px;position:relative;
  border-bottom:1px dashed #EBEBE7;
}
.kc-card li:last-child{border-bottom:0}
.kc-card li::before{
  content:"";position:absolute;left:0;top:16px;width:8px;height:8px;
  background:linear-gradient(135deg,#C7B49A,#94795A);transform:rotate(45deg);
}
.kc-card li strong{color:#7A654C}

/* ---------- 查分步骤 ---------- */
.kc-steps h2{font-size:25px;margin-bottom:20px}
.kc-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kc-steps-grid div{
  background:#fff;border:1px solid #EBEBE7;padding:22px;
  border-top:3px solid #C7B49A;box-shadow:0 4px 14px rgba(122,101,76,.06);
}
.kc-steps-grid span{font-size:11.5px;letter-spacing:2px;color:#94795A}
.kc-steps-grid h3{font-size:15.5px;margin:8px 0 6px}
.kc-steps-grid p{font-size:13px;color:#6E6E68;margin:0}

/* ---------- 领证 ---------- */
.kc-cert{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.kc-cert figure{margin:0}
.kc-cert figure img{width:100%;border-radius:2px;box-shadow:0 16px 38px rgba(122,101,76,.16)}
.kc-cert h2{font-size:23px;margin-bottom:12px}
.kc-cert p{font-size:14px;color:#55554F}
.kc-cert a{color:#94795A;text-decoration:underline}

/* ---------- CTA ---------- */
.kc-cta{
  background:linear-gradient(135deg,#94795A 0%,#7A654C 100%);
  padding:64px 0 52px;text-align:center;color:#F5F1E8;
}
.kc-cta h2{color:#fff;font-size:26px;margin-bottom:10px}
.kc-cta p{color:rgba(255,255,255,.85);margin-bottom:22px}
.kc-rel{margin-top:28px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.kc-rel a{color:rgba(255,255,255,.9);font-size:13.5px;text-decoration:underline}
.kc-rel a:hover{color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .kc-hero-grid,.kc-cert{grid-template-columns:1fr;gap:26px}
  .kc-compare{grid-template-columns:1fr}
  .kc-steps-grid{grid-template-columns:1fr}
}

/* FAQ supplement */
.sb-faq h2{font-size:24px;margin-bottom:18px}
.sb-faq-item{background:#fff;border:1px solid #EBEBE7;padding:20px 24px;margin-bottom:12px;border-left:4px solid #C7B49A}
.sb-faq-item h3{font-size:15.5px;color:#7A654C;margin-bottom:6px}
.sb-faq-item p{font-size:14px;color:#55554F;margin:0}