/* ============================================================
   biaozhunyuan-kemu.css — 标准员考试科目页
   前缀 bzk- · 牛仔裤复古风
   ============================================================ */

/* ---------- 1. Hero ---------- */
.bzk-hero { padding: 140px 0 90px; }
.bzk-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; }
.bzk-hero-text h1 { font-size: clamp(34px, 5vw, 54px); margin: 18px 0; }
.bzk-hero-text h1 i { font-style: normal; color: var(--rust); }
.bzk-hero-text p { color: var(--ink-soft); max-width: 540px; }
.bzk-hero-cta { margin-top: 28px; }

/* ---------- 2. 标准体系堆叠 ---------- */
.bzk-system { padding: 84px 0; }
.bzk-stack { max-width: 780px; margin: 20px auto 0; display: grid; gap: 14px; }
.bzk-stack-row {
  background: rgba(255,255,255,.08); border-left: 4px solid var(--stitch);
  border-radius: var(--r-sm); padding: 18px 24px; display: flex; align-items: baseline; gap: 16px;
}
.bzk-stack-row b { color: var(--paper-100); font-size: 17px; min-width: 110px; }
.bzk-stack-row span { color: #c6d2df; font-size: 14px; }
.bzk-stack-1 { background: rgba(180,112,74,.28); }
.bzk-stack-2 { margin-left: 30px; }
.bzk-stack-3 { margin-left: 60px; }
.bzk-stack-4 { margin-left: 90px; opacity: .85; }

/* ---------- 3. 职责 ---------- */
.bzk-duty { padding: 84px 0; }
.bzk-duty-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.bzk-duty-card {
  background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 28px 26px; box-shadow: var(--shadow-sm); transition: transform .28s var(--ease);
}
.bzk-duty-card:hover { transform: translateY(-5px); }
.bzk-duty-card h3 { font-size: 18px; margin-bottom: 8px; color: var(--denim-800); }
.bzk-duty-card p { font-size: 14.5px; color: var(--ink-soft); }

/* ---------- 4. 强制性条文 ---------- */
.bzk-mand { padding: 84px 0; }
.bzk-mand-box {
  background: var(--denim-800); color: var(--paper-100); border-radius: var(--r-lg);
  padding: 40px 44px; box-shadow: var(--shadow-md); border-left: 6px solid var(--rust);
}
.bzk-mand-tag { display: inline-block; background: var(--rust); color: #fff; font-size: 12px; letter-spacing: 2px; padding: 4px 12px; border-radius: 3px; margin-bottom: 16px; }
.bzk-mand-box h2 { color: var(--paper-100); font-size: clamp(22px, 3vw, 30px); margin-bottom: 14px; }
.bzk-mand-box p { color: #d3dee9; margin-bottom: 12px; font-size: 15.5px; }
.bzk-mand-box p b { color: var(--stitch); }

/* ---------- 5. 误区 ---------- */
.bzk-mis { padding: 84px 0; }
.bzk-mis-list { background: var(--paper-100); border-radius: var(--r-md); padding: 32px 36px; box-shadow: var(--shadow-sm); border-left: 4px solid var(--denim-600); }
.bzk-mis-list p { margin-bottom: 14px; color: var(--ink-soft); font-size: 15.5px; }
.bzk-mis-list p b { color: var(--denim-800); }
.bzk-mis-list a { text-decoration: underline; }

/* ---------- 6. CTA ---------- */
.bzk-cta { padding: 80px 0; }
.bzk-cta-inner { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: center; }
.bzk-cta-text h2 { color: var(--paper-100); font-size: clamp(24px, 3vw, 34px); margin-bottom: 12px; }
.bzk-cta-text p { color: #c6d2df; }
.bzk-cta-btns { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  .bzk-hero-grid, .bzk-cta-inner { grid-template-columns: 1fr; }
  .bzk-duty-grid { grid-template-columns: 1fr; }
  .bzk-stack-2, .bzk-stack-3, .bzk-stack-4 { margin-left: 0; }
}
@media (max-width: 640px) {
  .bzk-hero { padding: 120px 0 60px; }
  .bzk-stack-row { flex-direction: column; gap: 4px; }
}

/* ---------- 新增：题型怎么拿分 ---------- */
.bzk-qtype { padding: 84px 0; }
.bzk-qtype-table table { width: 100%; border-collapse: collapse; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; box-shadow: var(--shadow-sm); }
.bzk-qtype-table th, .bzk-qtype-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--paper-300); font-size: 14.5px; vertical-align: top; }
.bzk-qtype-table thead th { background: var(--denim-700); color: var(--paper-100); }
.bzk-qtype-table tbody tr:last-child td { border-bottom: 0; }
.bzk-qtype-table tbody tr:hover { background: var(--paper-100); }
.bzk-qtype-table td b { color: var(--denim-800); }
.bzk-qtype-note { margin-top: 12px; font-size: 13px; color: var(--ink-soft); }
.bzk-qtype-table .cg-a{width:16%}.bzk-qtype-table .cg-b{width:34%}.bzk-qtype-table .cg-c{width:50%}

/* ---------- 新增：本地丢分 ---------- */
.bzk-fault { padding: 84px 0; }
.bzk-fault-list { display: grid; gap: 14px; }
.bzk-fault-list li {
  display: flex; gap: 16px; align-items: flex-start;
  background: var(--paper-100); border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 18px 22px; box-shadow: var(--shadow-sm); transition: transform .28s var(--ease);
}
.bzk-fault-list li:hover { transform: translateX(6px); }
.bzk-fault-list svg { flex: none; width: 26px; height: 26px; color: var(--rust); margin-top: 2px; }
.bzk-fault-list b { display: block; color: var(--denim-800); margin-bottom: 4px; }
.bzk-fault-list p { color: var(--ink-soft); font-size: 14px; }

/* ---------- 新增：备考衔接 ---------- */
.bzk-next { padding: 84px 0; }
.bzk-next-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 24px; }
.bzk-next-item { background: rgba(255,255,255,.07); border-radius: var(--r-md); padding: 26px 24px; border-bottom: 3px solid var(--stitch); }
.bzk-next-item h3 { color: var(--paper-100); font-size: 18px; margin-bottom: 8px; }
.bzk-next-item p { color: #c6d2df; font-size: 14.5px; }
.bzk-next-more { text-align: center; margin-top: 30px; }
@media (max-width: 640px){ .bzk-next-grid{ grid-template-columns: 1fr; } }

/* ---------- 新增：相关岗位 ---------- */
.bzk-rel { padding: 30px 0; }
.bzk-rel-inner { background: var(--paper-300); border-radius: var(--r-md); padding: 24px 30px; border-left: 4px solid var(--brown-600); }
.bzk-rel-inner h3 { font-size: 17px; margin-bottom: 8px; }
.bzk-rel-inner p { color: var(--ink-soft); font-size: 14.5px; }
.bzk-rel-inner a { text-decoration: underline; font-weight: 600; }

/* ---------- 新增：考生问答 ---------- */
.bzk-qa { padding: 70px 0; }
.bzk-qa-item { background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-sm); overflow: hidden; }
.bzk-qa-item summary { cursor: pointer; padding: 18px 22px; font-weight: 600; color: var(--denim-800); list-style: none; position: relative; padding-right: 44px; }
.bzk-qa-item summary::-webkit-details-marker { display: none; }
.bzk-qa-item summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--rust); }
.bzk-qa-item p { padding: 0 22px 18px; color: var(--ink-soft); font-size: 14.5px; }
.bzk-qa-item p a { text-decoration: underline; }