/* zhengce-kaoshi.html · 考试考核制度改革解读专属样式 */

/* 题头：浅灰大色块 + 数字概念卡 */
.ks-hero{background:var(--gray-50);padding:calc(var(--header-h) + 48px) 0 56px;border-bottom:1px solid var(--gray-100)}
.ks-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;margin-top:18px}
.ks-hero-text h1{margin:12px 0 14px;font-weight:800}
.ks-hero-text p{color:var(--gray-600);font-size:15.5px;max-width:520px}
.ks-hero-nums{display:grid;gap:12px}
.ks-num{
  background:var(--white);border-radius:var(--radius-m);padding:16px 20px;
  box-shadow:var(--shadow-s);display:flex;align-items:baseline;gap:14px;border-left:4px solid var(--blue-500);
}
.ks-num strong{font-size:20px;color:var(--gray-900)}
.ks-num span{font-size:13px;color:var(--gray-500)}

/* 机考趋势 */
.ks-trend{padding:64px 0;background:var(--white)}
.ks-trend-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ks-trend-img img{border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:340px;width:100%;object-fit:cover}
.ks-trend-text h2{margin:6px 0 16px}
.ks-trend-text p{color:var(--gray-700);margin-bottom:14px}

/* 时间轴 */
.ks-timeline-sec{padding:64px 0;background:var(--gray-50)}
.ks-timeline{position:relative;max-width:760px;margin:0 auto;padding-left:28px}
.ks-timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--blue-200)}
.ks-node{position:relative;padding-bottom:30px}
.ks-node:last-child{padding-bottom:0}
.ks-node-dot{
  position:absolute;left:-28px;top:6px;width:18px;height:18px;border-radius:50%;
  background:var(--white);border:4px solid var(--blue-500);
}
.ks-node-body{
  background:var(--white);border-radius:var(--radius-m);padding:20px 24px;box-shadow:var(--shadow-s);
}
.ks-node-body h3{margin-bottom:6px}
.ks-node-body p{font-size:14.5px;color:var(--gray-600)}

/* 前后对照双栏 */
.ks-compare{padding:64px 0;background:var(--white)}
.ks-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ks-col{border-radius:var(--radius-m);padding:28px 26px}
.ks-col-old{background:var(--gray-50);border:1px solid var(--gray-100)}
.ks-col-new{background:var(--blue-50);border:1px solid var(--blue-200)}
.ks-col h3{margin-bottom:14px}
.ks-col ul li{
  position:relative;padding-left:22px;margin-bottom:10px;font-size:14.5px;color:var(--gray-700);
}
.ks-col-old ul li::before{content:"—";position:absolute;left:0;color:var(--gray-400)}
.ks-col-new ul li::before{content:"→";position:absolute;left:0;color:var(--blue-600)}
.ks-compare-note{font-size:13px;color:var(--gray-400);margin-top:16px}

/* 考生应对要点 */
.ks-tips{padding:64px 0;background:var(--blue-50)}
.ks-tips-in{max-width:960px}
.ks-tips-in h2{margin:6px 0 24px}
.ks-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ks-tip{
  background:var(--white);border-radius:var(--radius-m);padding:24px 22px;box-shadow:var(--shadow-s);
}
.ks-tip strong{display:block;font-size:16px;color:var(--blue-800);margin-bottom:8px}
.ks-tip p{font-size:14px;color:var(--gray-600)}

/* 行动带 */
.ks-cta{padding:72px 0;background:var(--blue-700)}
.ks-cta-in{text-align:center;color:#fff}
.ks-cta-in h2{color:#fff;margin-bottom:12px}
.ks-cta-in p{color:rgba(255,255,255,.9);margin-bottom:24px}

@media (max-width:920px){
  .ks-hero-grid,.ks-trend-in{grid-template-columns:1fr;gap:26px}
  .ks-compare-grid,.ks-tips-grid{grid-template-columns:1fr}
}

/* 机考操作要点 */
.ks-machine{padding:64px 0;background:var(--white)}
.ks-machine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.ks-mc{background:var(--gray-50);border-radius:10px;padding:22px 18px}
.ks-mc strong{display:block;color:var(--brand);font-size:16px;margin-bottom:10px}
.ks-mc p{font-size:14px;color:var(--gray-600);line-height:1.7}
@media(max-width:900px){.ks-machine-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ks-machine-grid{grid-template-columns:1fr}}

/* 趋势对照表 */
.ks-trend{padding:64px 0;background:var(--gray-50)}
.ks-trend-wrap{margin-top:36px;overflow-x:auto}
.ks-trend-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;font-size:14.5px}
.ks-trend-table th,.ks-trend-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--gray-200)}
.ks-trend-table th{background:var(--brand-50)}
.ks-trend-table td:first-child{font-weight:600;color:var(--brand)}
.ks-trend-table tbody tr:last-child td{border-bottom:none}