/* zhengce-zhize.html · 岗位职责规范解读专属样式 */

/* 题头：居中窄版 + 标签墙 */
.zz-hero{padding:calc(var(--header-h) + 56px) 0 56px;background:var(--white);text-align:center}
.zz-hero-in{max-width:820px;margin:0 auto}
.zz-hero .breadcrumb{justify-content:center}
.center-kicker{justify-content:center}
.zz-hero h1{margin:14px 0 12px;font-weight:800}
.zz-hero-sub{color:var(--gray-500);font-size:15px;margin-bottom:26px}
.zz-tags{justify-content:center}

/* 对比表 */
.zz-table-sec{padding:56px 0 64px;background:var(--gray-50)}
.zz-table-wrap{overflow-x:auto;border-radius:var(--radius-m);box-shadow:var(--shadow-s);background:var(--white)}
.zz-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.zz-table th,.zz-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--gray-100)}
.zz-table thead th{background:var(--blue-700);color:#fff;font-weight:600;letter-spacing:1px}
.zz-table tbody tr:nth-child(even){background:var(--gray-50)}
.zz-table tbody tr:hover{background:var(--blue-50)}
.zz-table td:first-child{font-weight:700;color:var(--blue-800);white-space:nowrap}
.zz-table-note{font-size:13px;color:var(--gray-400);margin-top:14px}

/* zigzag 图文 */
.zz-config{padding:64px 0;background:var(--white)}
.zz-zig{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:56px}
.zz-zig:last-child{margin-bottom:0}
.zz-zig-rev .zz-zig-img{order:2}
.zz-zig-img img{border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:320px;width:100%;object-fit:cover}
.zz-zig-text h3{margin-bottom:12px}
.zz-zig-text p{color:var(--gray-700);margin-bottom:12px}

/* 企业关注点：序号卡 */
.zz-enter{padding:64px 0;background:var(--blue-50)}
.zz-enter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zz-enter-card{
  background:var(--white);border-radius:var(--radius-m);padding:30px 26px;box-shadow:var(--shadow-s);
}
.zz-enter-num{font-size:30px;font-weight:800;color:var(--blue-300);display:block;margin-bottom:10px;letter-spacing:2px}
.zz-enter-card h3{margin-bottom:8px}
.zz-enter-card p{font-size:14px;color:var(--gray-600)}

/* 个人关注点 */
.zz-self{padding:72px 0;background:var(--white)}
.zz-self-in{max-width:820px}
.zz-self-text h2{margin:6px 0 20px}
.zz-dots{margin-bottom:26px}
.zz-dots li{
  position:relative;padding-left:26px;margin-bottom:16px;color:var(--gray-700);font-size:15px;
}
.zz-dots li::before{
  content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;
  background:var(--blue-500);
}
.zz-dots strong{color:var(--gray-900)}

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

@media (max-width:920px){
  .zz-zig{grid-template-columns:1fr;gap:22px}
  .zz-zig-rev .zz-zig-img{order:0}
  .zz-enter-grid{grid-template-columns:1fr}
}

/* 八岗场景化 */
.zz-scene{padding:64px 0;background:var(--gray-50)}
.zz-scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.zz-scene-item{background:var(--white);border-radius:10px;padding:18px 16px;border:1px solid var(--gray-200)}
.zz-scene-item strong{display:block;color:var(--brand);font-size:15px;margin-bottom:8px}
.zz-scene-item p{font-size:13.5px;color:var(--gray-600);line-height:1.7}
@media(max-width:900px){.zz-scene-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.zz-scene-grid{grid-template-columns:1fr}}

/* 企业自查清单 */
.zz-check{padding:64px 0;background:var(--white)}
.zz-check-list{max-width:760px;margin:36px auto 0;display:grid;gap:12px;list-style:none;padding:0}
.zz-check-list li{padding:14px 18px;background:var(--gray-50);border-radius:8px;font-size:15px;position:relative;padding-left:42px}
.zz-check-list li::before{content:"✓";position:absolute;left:16px;top:14px;color:var(--brand);font-weight:700}
.zz-check-note{text-align:center;margin-top:24px;font-size:14.5px;color:var(--gray-600)}