/* baike.html · 八大员百科专属样式 */

/* 题头：浅灰底居中 + CSS 圆形头像墙 */
.bk-hero{padding:calc(var(--header-h) + 48px) 0 48px;background:var(--gray-50);text-align:center}
.bk-hero .breadcrumb{justify-content:center}
.bk-kicker{justify-content:center}
.bk-hero h1{margin:12px 0 12px;font-weight:800}
.bk-hero-sub{color:var(--gray-500);font-size:15px;margin-bottom:28px}
.bk-avatar-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:520px;margin:0 auto}
.bk-av{
  width:58px;height:58px;border-radius:50%;background:var(--white);
  border:2px solid var(--blue-200);box-shadow:var(--shadow-s);
  display:flex;align-items:center;justify-content:center;
  font-size:19px;font-weight:800;color:var(--blue-700);
}

/* 是什么 */
.bk-what{padding:56px 0 8px;background:var(--white)}
.bk-narrow{max-width:800px}
.bk-what h2{margin:6px 0 16px}
.bk-what p{color:var(--gray-700);margin-bottom:16px;font-size:15.5px}

/* 由来时间轴 */
.bk-origin{padding:56px 0;background:var(--gray-50)}
.bk-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bk-node{
  background:var(--white);border-radius:var(--radius-m);padding:24px;box-shadow:var(--shadow-s);
  border-top:3px solid var(--blue-400);
}
.bk-era{
  display:inline-block;font-size:13px;font-weight:700;color:var(--blue-700);
  background:var(--blue-50);padding:4px 12px;border-radius:999px;margin-bottom:10px;
}
.bk-node p{font-size:14px;color:var(--gray-600)}

/* 八岗词条卡 */
.bk-cards{padding:64px 0;background:var(--white)}
.bk-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.bk-card{
  background:var(--gray-50);border-radius:var(--radius-m);padding:24px 24px;
  border-left:4px solid var(--blue-400);transition:transform var(--trans),box-shadow var(--trans);
}
.bk-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-s)}
.bk-card h3{margin-bottom:8px;font-size:18px}
.bk-card h3 a{color:var(--blue-800)}
.bk-card p{font-size:14px;color:var(--gray-600)}

/* 常见名词 */
.bk-terms{padding:64px 0;background:var(--blue-50)}
.bk-term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bk-term{background:var(--white);border-radius:var(--radius-m);padding:20px;box-shadow:var(--shadow-s)}
.bk-term strong{display:block;color:var(--gray-900);margin-bottom:6px;font-size:15px}
.bk-term p{font-size:13.5px;color:var(--gray-600)}

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

@media (max-width:920px){
  .bk-timeline,.bk-term-grid{grid-template-columns:1fr}
  .bk-card-grid{grid-template-columns:1fr}
}

/* 门槛速览表 */
.bk-threshold{padding:64px 0;background:var(--gray-50)}
.bk-threshold-wrap{margin-top:36px;overflow-x:auto}
.bk-th-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;font-size:14.5px}
.bk-th-table th,.bk-th-table td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--gray-200)}
.bk-th-table th{background:var(--brand-50)}
.bk-th-table td:first-child{font-weight:600;color:var(--brand);white-space:nowrap}
.bk-th-table tbody tr:last-child td{border-bottom:none}

/* 误区辨析 */
.bk-mis{padding:64px 0;background:var(--white)}
.bk-mis-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}
.bk-mis-item{background:var(--gray-50);border-radius:10px;padding:22px 20px;border-left:3px solid #b91c1c}
.bk-mis-item strong{display:block;font-size:15px;margin-bottom:8px;color:var(--gray-900)}
.bk-mis-item p{font-size:14.5px;color:var(--gray-600);line-height:1.7}
@media(max-width:800px){.bk-mis-list{grid-template-columns:1fr}}