/* zhengce-peixun.html · 培训管理规范解读专属样式 */

/* 题头：斜切浅蓝面板 + 图 */
.px-hero{
  background:linear-gradient(120deg,var(--blue-100),var(--blue-50));
  padding:calc(var(--header-h) + 44px) 0 52px;
  clip-path:polygon(0 0,100% 0,100% 92%,0 100%);
}
.px-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.px-hero h1{margin:12px 0 14px;font-weight:800}
.px-hero-sub{color:var(--gray-600);font-size:15.5px;max-width:480px}
.px-hero-img img{border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:300px;width:100%;object-fit:cover}

/* 培训机构：序号卡 */
.px-org{padding:72px 0 64px;background:var(--white)}
.px-org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.px-org-card{
  background:var(--gray-50);border-radius:var(--radius-m);padding:28px 24px;position:relative;
}
.px-org-no{
  font-size:34px;font-weight:800;color:var(--blue-200);display:block;margin-bottom:10px;letter-spacing:2px;
}
.px-org-card h3{margin-bottom:8px}
.px-org-card p{font-size:14px;color:var(--gray-600)}

/* 学时：文字 + 数字大卡 */
.px-hours{padding:64px 0;background:var(--gray-900)}
.px-hours-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.px-hours-text h2{color:#fff;margin:6px 0 16px}
.px-hours-text p{color:var(--gray-300);margin-bottom:14px}
.px-hours-text .sec-kicker{color:var(--blue-300)}
.px-hours-cards{display:grid;gap:12px}
.px-h-big{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-m);padding:18px 22px;display:flex;align-items:baseline;gap:16px;
}
.px-h-big strong{color:#fff;font-size:18px}
.px-h-big span{color:var(--gray-400);font-size:13.5px}

/* 继续教育：斑马纹 + 图 */
.px-cont{padding:64px 0;background:var(--white)}
.px-cont-in{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.px-cont-list li{
  display:grid;grid-template-columns:120px 1fr;gap:16px;padding:15px 18px;border-radius:var(--radius-s);
  font-size:14.5px;color:var(--gray-700);
}
.px-cont-list li:nth-child(odd){background:var(--gray-50)}
.px-cont-list li span{font-weight:700;color:var(--blue-800)}
.px-cont-img img{border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:300px;width:100%;object-fit:cover}

/* 合规提醒 */
.px-warn{padding:64px 0;background:var(--blue-50)}
.px-warn-in{max-width:820px;text-align:center}
.px-warn blockquote{
  background:var(--white);border-radius:var(--radius-l);padding:32px 36px;box-shadow:var(--shadow-s);
  margin:18px 0 26px;border-top:3px solid var(--blue-500);
}
.px-warn blockquote p{font-size:16px;color:var(--gray-800);line-height:1.9}

/* 行动带 */
.px-cta{padding:72px 0;background:linear-gradient(120deg,var(--blue-600),var(--blue-800))}
.px-cta-in{text-align:center;color:#fff}
.px-cta-in h2{color:#fff;margin-bottom:12px}
.px-cta-in p{color:rgba(255,255,255,.9);margin-bottom:24px}
.px-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.px-cta-ghost{border-color:rgba(255,255,255,.6);color:#fff}
.px-cta-ghost:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff}

@media (max-width:920px){
  .px-hero{clip-path:none}
  .px-hero-in,.px-hours-in,.px-cont-in{grid-template-columns:1fr;gap:26px}
  .px-org-grid{grid-template-columns:1fr}
  .px-cont-list li{grid-template-columns:1fr;gap:4px}
}

/* 避坑三栏 */
.px-pit{padding:64px 0;background:var(--white)}
.px-pit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.px-pit-col{background:var(--gray-50);border-radius:12px;padding:26px 22px;border-top:3px solid var(--brand)}
.px-pit-col h3{font-size:16px;margin-bottom:14px;color:var(--gray-900)}
.px-pit-col ul{list-style:none;padding:0;display:grid;gap:10px}
.px-pit-col li{font-size:14px;color:var(--gray-600);line-height:1.7;padding-left:18px;position:relative}
.px-pit-col li::before{content:"•";position:absolute;left:0;color:var(--brand)}
@media(max-width:800px){.px-pit-grid{grid-template-columns:1fr}}

/* 学时后果与补救 */
.px-hours{padding:64px 0;background:var(--gray-50)}
.px-hours-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.px-hours-bad,.px-hours-good{background:var(--white);border-radius:12px;padding:28px 24px}
.px-hours-bad h3{color:#b91c1c;margin-bottom:10px;font-size:16px}
.px-hours-good h3{color:#15803d;margin-bottom:10px;font-size:16px}
.px-hours-bad p,.px-hours-good p{font-size:14.5px;color:var(--gray-600);line-height:1.8}
@media(max-width:800px){.px-hours-cols{grid-template-columns:1fr}}