/* ============================================================
   kaoshi-jiqiao.css — 考试技巧
   骨架：S14v2 details/summary 垂直手风琴
   光影：D2 左上光斑+右下暗角（.glow-c）＋ D6 光影双色块
   ============================================================ */

/* ---------- 页头 D2 ---------- */
.kj-hero{
  padding:120px 0 56px;
  background:linear-gradient(135deg,#F6F3EC 0%,#FFFFFF 55%,#E9E2D4 100%);
}
.kj-hero .crumb{margin-bottom:20px}
.kj-hero-text{max-width:720px}
.kj-hero-text h1{font-size:34px;line-height:1.35;margin:16px 0 14px}
.kj-hero-text p{color:#55554F;font-size:15px;max-width:620px}

/* ---------- 手风琴 ---------- */
.kj-accordion{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.kj-item{
  background:#fff;border:1px solid #EBEBE7;overflow:hidden;
  box-shadow:0 4px 14px rgba(122,101,76,.07);
}
.kj-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  padding:20px 26px;font-size:16px;font-weight:600;color:#33332F;
  border-left:4px solid #C7B49A;
}
.kj-item summary::-webkit-details-marker{display:none}
.kj-item summary::after{
  content:"";width:10px;height:10px;border-right:2px solid #94795A;border-bottom:2px solid #94795A;
  transform:rotate(45deg);transition:transform .25s;flex-shrink:0;margin-left:16px;
}
.kj-item[open] summary::after{transform:rotate(225deg)}
.kj-item[open] summary{background:linear-gradient(135deg,#FBF8F2,#F3EDE0)}
.kj-body{padding:22px 26px 26px;border-top:1px dashed #E3E3DF}
.kj-body h3{font-size:15px;color:#7A654C;margin:14px 0 6px}
.kj-body h3:first-child{margin-top:0}
.kj-body p{font-size:14px;color:#55554F}
.kj-body a{color:#94795A;text-decoration:underline}
.kj-body strong{color:#7A654C}
.kj-inline-img{margin:18px 0 0}
.kj-inline-img img{width:100%;border-radius:2px;box-shadow:0 12px 30px rgba(122,101,76,.15)}
.kj-inline-img figcaption{font-size:12.5px;color:#8B8B85;margin-top:8px;text-align:center}

/* ---------- D6 双色块 ---------- */
.kj-duo{padding:70px 0;background:#F5F5F2}
.kj-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;box-shadow:0 16px 40px rgba(122,101,76,.15)}
.kj-duo-light{background:linear-gradient(135deg,#FFFFFF,#F3EEE3);padding:44px 40px}
.kj-duo-dark{background:linear-gradient(135deg,#8A7358,#6B563E);color:#F2EDE3;padding:44px 40px}
.kj-duo-label{display:inline-block;font-size:11.5px;letter-spacing:3px;margin-bottom:14px;padding:4px 12px}
.kj-duo-light .kj-duo-label{background:rgba(199,180,154,.25);color:#7A654C}
.kj-duo-dark .kj-duo-label{background:rgba(255,255,255,.18);color:#fff}
.kj-duo-light h2,.kj-duo-dark h2{font-size:21px;margin-bottom:12px}
.kj-duo-light h2{color:#33332F}
.kj-duo-dark h2{color:#fff}
.kj-duo-light p{font-size:14px;color:#6E6E68;margin:0}
.kj-duo-dark p{font-size:14px;color:rgba(255,255,255,.88);margin:0}

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

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .kj-duo-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}