/* ==========================================================================
   政策问答专用样式 zhengce-wenda.css（周口八大员人才网 pzsr.cn）
   骨架：页头横幅 → 问答手风琴（4 组政策域）→ 政策速查表 → 咨询入口卡 → CTA
   说明：本页专属前缀 zw-，手风琴使用原生 details 无 JS
   ========================================================================== */

/* ---------- 页头横幅 ---------- */
.zw-hero .hero-row{
  position:relative;z-index:2;display:grid;
  grid-template-columns:1.2fr .8fr;gap:clamp(26px,4vw,50px);align-items:center;
}
.zw-hero .crumbs{margin-bottom:18px}
.zw-hero .hero-media{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow-lg);position:relative;
}
.zw-hero .hero-media img{width:100%;height:300px;object-fit:cover}
.zw-hero .hero-media .m-tag{
  position:absolute;left:16px;bottom:16px;font-size:13px;color:#fff;
  background:rgba(58,53,80,.55);padding:6px 14px;border-radius:var(--r-full);backdrop-filter:blur(6px);
}

/* ---------- 问答手风琴 ---------- */
.zw-groups{display:grid;gap:30px}
.zw-group{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(22px,3vw,34px);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);
}
.zw-group-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.zw-group-head .zg-ico{
  width:48px;height:48px;border-radius:14px;flex:none;
  display:flex;align-items:center;justify-content:center;
}
.zw-group-head .zg-ico svg{width:24px;height:24px}
.zw-group.g-exam .zg-ico{background:var(--purple-mist);color:var(--purple-deep)}
.zw-group.g-jixu .zg-ico{background:var(--pink-soft);color:var(--pink-deep)}
.zw-group.g-nian .zg-ico{background:var(--blue-mist);color:#3E8BC7}
.zw-group.g-bid .zg-ico{background:#DDF5E4;color:#2F8A55}
.zw-group-head h3{font-size:20px}
.zw-group-head p{font-size:13px;color:var(--ink-3)}

.zw-item{
  border:1px solid var(--line);border-radius:var(--r-md);
  background:rgba(255,255,255,.6);margin-bottom:12px;overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
}
.zw-item:last-child{margin-bottom:0}
.zw-item[open]{border-color:var(--purple-soft);box-shadow:var(--shadow-sm);background:#fff}
.zw-item summary{
  list-style:none;cursor:pointer;padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-weight:600;font-size:15px;color:var(--ink);
}
.zw-item summary::-webkit-details-marker{display:none}
.zw-item summary .q-mark{
  flex:none;width:26px;height:26px;border-radius:8px;
  background:var(--purple-mist);color:var(--purple-deep);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;
}
.zw-item summary .q-t{display:flex;align-items:center;gap:12px;flex:1}
.zw-item summary .q-arrow{
  flex:none;width:22px;height:22px;transition:transform .3s;color:var(--purple-deep);
}
.zw-item[open] summary .q-arrow{transform:rotate(180deg)}
.zw-item .zw-a{padding:0 20px 18px 58px;font-size:14px;color:var(--ink-2);line-height:1.8}
.zw-item .zw-a .a-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  color:var(--purple-deep);font-weight:600;font-size:14px;
}
.zw-item .zw-a .a-link svg{width:14px;height:14px}

/* ---------- 政策速查表 ---------- */
.zw-tablewrap{
  overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);background:var(--glass);backdrop-filter:blur(10px);
}
.zw-table{
  width:100%;border-collapse:collapse;table-layout:fixed;min-width:680px;
}
.zw-table th,.zw-table td{padding:14px 18px;text-align:left;font-size:14px}
.zw-table thead th{
  background:var(--grad-purple);color:#fff;font-weight:600;letter-spacing:.5px;
}
.zw-table thead th:nth-child(1){width:22%}
.zw-table thead th:nth-child(2){width:30%}
.zw-table thead th:nth-child(3){width:26%}
.zw-table thead th:nth-child(4){width:22%}
.zw-table tbody tr{border-top:1px solid var(--line);transition:background .25s}
.zw-table tbody tr:hover{background:var(--purple-mist)}
.zw-table td{color:var(--ink-2)}
.zw-table td b{color:var(--ink)}
.zw-table .tag{margin-right:4px}

/* ---------- 咨询入口卡 ---------- */
.zw-consult{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zw-consult-card{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px;box-shadow:var(--shadow-sm);text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  transition:transform .35s,box-shadow .35s,border-color .35s;
}
.zw-consult-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--purple-soft)}
.zw-consult-card .zc-ico{
  width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.zw-consult-card .zc-ico svg{width:28px;height:28px}
.zw-consult-card.c-phone .zc-ico{background:var(--pink-soft);color:var(--pink-deep)}
.zw-consult-card.c-online .zc-ico{background:var(--purple-mist);color:var(--purple-deep)}
.zw-consult-card.c-form .zc-ico{background:var(--blue-mist);color:#3E8BC7}
.zw-consult-card h3{font-size:18px}
.zw-consult-card p{font-size:14px;color:var(--ink-3)}
.zw-consult-card .big{font-size:20px;font-weight:800;color:var(--purple-deep)}

/* ---------- 底部 CTA 条 ---------- */
.zw-cta{
  background:linear-gradient(135deg,#9B8AEA,#FF7EBC);
  border-radius:var(--r-xl);padding:clamp(34px,5vw,54px);
  text-align:center;color:#fff;position:relative;overflow:hidden;
}
.zw-cta h2{color:#fff;font-size:clamp(22px,3vw,30px);margin-bottom:10px}
.zw-cta p{color:rgba(255,255,255,.92);margin-bottom:22px}
.zw-cta .btn{margin:4px}

/* ---------- 本页工具类 ---------- */
.u-pt0{padding-top:0}
.btn-white{background:#fff;color:var(--purple-deep)}
.btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.6)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .zw-hero .hero-row{grid-template-columns:1fr}
  .zw-hero .hero-media img{height:230px}
  .zw-consult{grid-template-columns:1fr}
}
@media (max-width:768px){
  .zw-item .zw-a{padding-left:20px}
}
@media (max-width:480px){
  .zw-hero .hero-media img{height:190px}
  .zw-table{min-width:560px}
}