/* ==========================================================================
   八大员考试报名页 kaoshi-baoming.css（周口八大员人才网 pzsr.cn）
   骨架：页面横幅 → 报名条件对照表 → 报名流程5步 → 时间安排表
       → 备考图文 → 报名表单 → 常见问题(折叠) → 底部CTA
   前缀：bm-
   ========================================================================== */

/* ---------- 1. 页面横幅 ---------- */
.bm-hero{padding-top:calc(var(--nav-h) + 40px)}
.bm-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center}
.bm-hero .sub{margin-top:16px;max-width:640px}
.bm-hero-btns{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.bm-hero-img img{width:100%;height:380px;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}

/* ---------- 2/4. 通用表格 ---------- */
.bm-table-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.bm-table{width:100%;border-collapse:collapse;background:var(--glass);table-layout:fixed;min-width:640px}
.bm-table thead th{
  background:linear-gradient(120deg,#6FBFF3,#8FD0F7);color:#fff;font-size:14px;
  padding:15px 16px;text-align:left;letter-spacing:.5px;
}
.bm-table tbody td{
  padding:14px 16px;font-size:14px;color:var(--ink-2);
  border-bottom:1px solid var(--line);vertical-align:top;word-wrap:break-word;
}
.bm-table tbody tr:nth-child(even){background:rgba(221,241,253,.4)}
.bm-table tbody tr:hover{background:var(--blue-mist)}

/* ---------- 3. 报名流程 5 步 ---------- */
.bm-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.bm-step{
  position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 18px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.bm-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.bm-num{
  display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;
  font-size:18px;font-weight:800;color:#fff;background:var(--grad-blue);margin-bottom:14px;
}
.bm-step h3{font-size:16px;margin-bottom:8px}
.bm-step p{font-size:13px;color:var(--ink-3)}

/* ---------- 5. 备考图文 ---------- */
.bm-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.bm-doc-img img{width:100%;height:340px;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}
.bm-doc-txt .eyebrow{margin-bottom:6px}
.bm-doc-txt h2{font-size:clamp(22px,2.6vw,30px);margin:12px 0 16px}
.bm-doc-txt p{font-size:15px;margin-bottom:14px}

/* ---------- 6. 报名表单 ---------- */
.bm-form-wrap{
  max-width:760px;margin:0 auto;background:var(--glass);backdrop-filter:blur(12px);
  border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(24px,3vw,40px);box-shadow:var(--shadow-md);
}
.bm-submit{width:100%;margin-top:8px}
.bm-privacy{font-size:12.5px;color:#A49FC0;text-align:center;margin-top:12px}

/* ---------- 7. 常见问题 ---------- */
.bm-faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.bm-item{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);
  padding:0 22px;box-shadow:var(--shadow-sm);
}
.bm-item summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:18px 0;font-size:15.5px;font-weight:600;color:var(--ink);
}
.bm-item summary::-webkit-details-marker{display:none}
.bm-item summary::after{
  content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--blue);
  border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .3s;
}
.bm-item[open] summary::after{transform:rotate(225deg)}
.bm-item p{padding:0 0 18px;font-size:14px;color:var(--ink-3)}

/* ---------- 8. 底部 CTA ---------- */
.bm-bottom-cta{
  text-align:center;padding:clamp(56px,8vw,90px) 0;
  background:linear-gradient(135deg,var(--blue-mist),var(--purple-mist) 55%,var(--pink-soft));
}
.bm-bottom-cta h2{font-size:clamp(24px,3.4vw,38px);margin-bottom:12px}
.bm-bottom-cta p{color:var(--ink-2);margin-bottom:26px;font-size:clamp(14px,1.5vw,16px)}
.bm-bottom-cta .btn{margin:0 6px}

/* 文内彩色链接类（替代内联样式） */
.lnk{color:var(--purple-deep);font-weight:600}
.lnk:hover{color:var(--pink-deep)}

/* 表格列宽（table-layout:fixed） */
.bm-table th:nth-child(1){width:24%}
.bm-table th:nth-child(2){width:46%}
.bm-table th:nth-child(3){width:30%}
.bm-time-table th:nth-child(1){width:22%}
.bm-time-table th:nth-child(2){width:26%}
.bm-time-table th:nth-child(3){width:26%}
.bm-time-table th:nth-child(4){width:26%}

/* 报考案例卡（图文三卡） */
.bm-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bm-case{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.bm-case:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.bm-case img{width:100%;height:200px;object-fit:cover}
.bm-case-cap{padding:20px 22px}
.bm-case-cap b{font-size:16px;display:block;margin-bottom:8px}
.bm-case-cap p{font-size:13.5px;color:var(--ink-3)}

/* 报考环节 FAQ（双列手风琴） */
.bm-faq2{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bm-faq2 .bm-item{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:0 22px;box-shadow:var(--shadow-sm)}
.bm-faq2 .bm-item summary{padding:18px 0;font-size:15.5px;font-weight:600;color:var(--ink);list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px}
.bm-faq2 .bm-item summary::-webkit-details-marker{display:none}
.bm-faq2 .bm-item p{padding:0 0 18px;font-size:14px;color:var(--ink-3)}

@media (max-width:1024px){
  .bm-cases{grid-template-columns:1fr}
}
@media (max-width:768px){
  .bm-faq2{grid-template-columns:1fr}
}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .bm-hero-grid{grid-template-columns:1fr}
  .bm-flow{grid-template-columns:1fr 1fr}
  .bm-doc-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .bm-hero-img img{height:280px}
  .bm-doc-img img{height:260px}
}
@media (max-width:480px){
  .bm-flow{grid-template-columns:1fr 1fr}
  .bm-bottom-cta .btn{width:100%;margin:6px 0}
}