/* ============================================================
   baokao.html 报考专题总览独有样式（命名空间 .bk-）
   ============================================================ */

/* ---------- Hero：双城徽章 ---------- */
.bk-hero{position:relative;min-height:640px;display:flex;align-items:center;background:var(--c1);overflow:hidden;padding-top:var(--header-h)}
.bk-hero__bg{position:absolute;inset:0}
.bk-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.32}
.bk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,24,27,.94) 30%,rgba(21,24,27,.55) 70%,rgba(21,24,27,.35))}
.bk-hero__inner{position:relative;z-index:2;padding:70px 24px 90px}
.bk-hero .crumbs{padding:0 0 26px}
.bk-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.bk-hero h1{font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.18;margin-top:14px}
.bk-hero__em{font-style:normal;color:var(--o1);position:relative;padding-right:14px}
.bk-hero__desc{max-width:560px;color:var(--g4);margin-top:20px;font-size:15.5px}
.bk-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
/* 双城徽章：旋转菱形照片牌 */
.bk-hero__cities{display:flex;gap:26px;justify-content:center;align-items:flex-start}
.bk-medal{position:relative;width:200px;height:240px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(-4deg);transition:transform .35s}
.bk-medal--x{transform:rotate(5deg);margin-top:34px}
.bk-medal:hover{transform:rotate(0) translateY(-8px)}
.bk-medal img{width:132px;height:132px;object-fit:cover;border-radius:50%;border:3px solid var(--g3);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.bk-medal__ring{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:var(--font-en);font-size:11px;letter-spacing:.24em;color:var(--o1);background:var(--c1);padding:3px 12px;border:1px solid rgba(224,91,32,.4)}
.bk-medal__name{margin-top:14px;font-weight:800;font-size:17px}
.bk-medal__sub{font-size:12px;color:var(--g4);margin-top:4px}

/* ---------- 报考导航：锚点目录 ---------- */
.bk-nav{background:var(--c1)}
.bk-nav__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bk-nav__item{position:relative;padding:26px 22px 24px;background:var(--c2);border:1px dashed var(--line-d);transition:border-color .3s,transform .3s}
.bk-nav__item:hover{border-color:var(--o1);transform:translateY(-5px)}
.bk-nav__no{font-family:var(--font-en);font-size:34px;font-weight:900;color:transparent;-webkit-text-stroke:1.4px var(--g3)}
.bk-nav__item:hover .bk-nav__no{-webkit-text-stroke-color:var(--o1)}
.bk-nav__item h3{font-size:17px;margin:10px 0 8px}
.bk-nav__item p{font-size:13px;color:var(--g4)}

/* ---------- 政策文件卡 ---------- */
.bk-policy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bk-policy .card{height:100%}
.bk-policy .card__body .tag{margin-bottom:16px}
.bk-policy .card h3{font-size:18px}
.bk-policy .card p{line-height:1.8}

/* ---------- 安阳/许昌对比表 ---------- */
.bk-cmp{background:var(--c1)}
.bk-cmp__note{margin-top:26px;text-align:center;font-size:13.5px;color:var(--g4)}

/* ---------- 热门工种速览 ---------- */
.bk-jobs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bk-job{position:relative;overflow:hidden;display:block;background:var(--c2)}
.bk-job img{width:100%;height:180px;object-fit:cover;transition:transform .5s;filter:saturate(.85)}
.bk-job:hover img{transform:scale(1.07)}
.bk-job__body{padding:18px 18px 22px}
.bk-job__body .badge{margin-bottom:12px}
.bk-job__body h3{font-size:17px}
.bk-job__body p{font-size:13px;color:var(--g4);margin-top:6px}

/* ---------- 高频问答手风琴（作用域 .bk-faq） ---------- */
.bk-faq{background:var(--c2)}
.bk-faq .acc{max-width:860px;margin:0 auto}
.bk-faq .acc__item{border:1px solid var(--line-d);background:var(--c1);margin-bottom:14px;transition:border-color .3s}
.bk-faq .acc__item.is-open{border-color:rgba(224,91,32,.55)}
.bk-faq .acc__head{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:20px 24px;font-size:16px;font-weight:700;color:var(--white)}
.bk-faq .acc__head span{font-family:var(--font-en);font-size:13px;color:var(--o1);flex-shrink:0}
.bk-faq .acc__arrow{position:relative;width:12px;height:12px;margin-left:auto;flex-shrink:0}
.bk-faq .acc__arrow::before,.bk-faq .acc__arrow::after{content:"";position:absolute;background:var(--g3);transition:transform .3s,background .3s}
.bk-faq .acc__arrow::before{left:0;top:5px;width:12px;height:2px}
.bk-faq .acc__arrow::after{left:5px;top:0;width:2px;height:12px}
.bk-faq .acc__item.is-open .acc__arrow::after{transform:rotate(90deg)}
.bk-faq .acc__item.is-open .acc__arrow::before,.bk-faq .acc__item.is-open .acc__arrow::after{background:var(--o1)}
.bk-faq .acc__panel{display:none;padding:0 24px 22px 56px}
.bk-faq .acc__item.is-open .acc__panel{display:block}
.bk-faq .acc__panel p{color:var(--g4);font-size:14.5px;line-height:1.9}

/* ---------- 页底 CTA ---------- */
.bk-cta{background:var(--paper);color:var(--c1)}
.bk-cta h2{color:var(--c1)}
.bk-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.bk-cta__inner p{color:#5A6158;margin-top:12px;max-width:460px}
.bk-cta__side{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.bk-cta__tel{font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1);line-height:1.2;display:flex;flex-direction:column}
.bk-cta__tel small{font-family:var(--font-cn);font-size:12.5px;color:#6A7268;font-weight:400;letter-spacing:.05em}
.bk-cta .btn--ghost{color:var(--c1);border-color:var(--line-l)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .bk-hero__grid{grid-template-columns:1fr;gap:36px}
  .bk-hero__cities{justify-content:flex-start}
  .bk-nav__grid{grid-template-columns:repeat(2,1fr)}
  .bk-policy__grid{grid-template-columns:1fr}
  .bk-jobs__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .bk-hero__cities{gap:14px}
  .bk-medal{width:150px}
  .bk-medal img{width:100px;height:100px}
  .bk-nav__grid{grid-template-columns:1fr}
  .bk-jobs__grid{grid-template-columns:1fr}
  .bk-faq .acc__panel{padding:0 4px 18px}
  .bk-faq .acc__head{padding:16px;font-size:15px}
  .bk-cta__tel{font-size:26px}
}

/* ---------- 报考路上三个坑 ---------- */
.bk-pit{background:var(--c2)}
.bk-pit__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bk-pit__card{background:var(--c1);border:1px solid rgba(224,91,32,.35);border-top:3px solid var(--o1);padding:26px 24px}
.bk-pit__card b{font-family:var(--font-en);font-size:14px;color:var(--o1);letter-spacing:.1em}
.bk-pit__card h3{font-size:18px;margin:10px 0}
.bk-pit__card p{font-size:13.5px;color:var(--g4);line-height:1.8}
@media (max-width:1024px){.bk-pit__grid{grid-template-columns:1fr}}

/* ---------- 双城对比表列宽 ---------- */
.bk-tcols col:nth-child(1){width:20%}
.bk-tcols col:nth-child(2){width:40%}
.bk-tcols col:nth-child(3){width:40%}