/* ============================================================
   pingdingshan-baokao.css — 平顶山报考专题
   骨架：S1v2 左右交错大图叙事（图-文-图错行）
   光影：D2 左上光斑+右下暗角（.glow-c）＋ D7 图片hover光泽扫过（.sheen）
   ============================================================ */

/* ---------- 页头 ---------- */
.pb-hero{
  padding:112px 0 40px;
  background:linear-gradient(135deg,#F4F1EA 0%,#FFFFFF 60%,#EAE4D8 100%);
}
.pb-hero .crumb{margin-bottom:20px}
.pb-hero-text{max-width:760px}
.pb-hero-text h1{font-size:36px;line-height:1.3;margin:16px 0 14px}
.pb-hero-text p{color:#55554F;font-size:15px}

/* ---------- 交错行 ---------- */
.pb-row{
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding:34px 0;
}
.pb-row-rev .pb-img{order:2}
.pb-img{
  margin:0;border-radius:2px;overflow:hidden;
  box-shadow:0 18px 40px rgba(122,101,76,.18);
}
.pb-img img{width:100%;transition:transform .5s ease}
.pb-img:hover img{transform:scale(1.03)}
.pb-step-label{
  display:inline-block;font-size:12px;letter-spacing:3px;color:#94795A;
  margin-bottom:10px;font-weight:700;
}
.pb-txt h2{font-size:24px;line-height:1.4;margin-bottom:14px}
.pb-txt p{font-size:14.5px;color:#55554F}
.pb-txt a{color:#94795A;text-decoration:underline}

/* ---------- 工种方向 ---------- */
.pb-dir-head{max-width:700px;margin-bottom:30px}
.pb-dir-head h2{font-size:26px;margin-bottom:8px}
.pb-dir-head p{color:#8B8B85;font-size:14.5px}
.pb-dir{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pb-dir-item{
  display:block;background:#fff;border:1px solid #EBEBE7;padding:24px 20px;
  box-shadow:0 4px 14px rgba(122,101,76,.07);
  transition:transform .3s ease,box-shadow .3s ease;
}
.pb-dir-item:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(122,101,76,.14)}
.pb-dir-item h3{font-size:15.5px;margin-bottom:8px;color:#33332F}
.pb-dir-item p{font-size:13px;color:#6E6E68;margin:0}

/* ---------- 三句实话 ---------- */
.pb-note h2{font-size:26px;margin-bottom:20px}
.pb-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pb-note-grid p{
  background:#fff;border-top:3px solid #C7B49A;padding:20px 22px;
  font-size:14px;color:#55554F;margin:0;
}
.pb-note-grid strong{color:#7A654C}

/* ---------- CTA ---------- */
.pb-cta{
  background:linear-gradient(135deg,#94795A 0%,#7A654C 100%);
  padding:64px 0 52px;text-align:center;color:#F5F1E8;
}
.pb-cta h2{color:#fff;font-size:26px;margin-bottom:10px}
.pb-cta p{color:rgba(255,255,255,.85);margin-bottom:22px}
.pb-rel{margin-top:28px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.pb-rel a{color:rgba(255,255,255,.9);font-size:13.5px;text-decoration:underline}
.pb-rel a:hover{color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .pb-row,.pb-row-rev{grid-template-columns:1fr;gap:24px;padding:22px 0}
  .pb-row-rev .pb-img{order:0}
  .pb-dir{grid-template-columns:repeat(2,1fr)}
  .pb-note-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .pb-hero-text h1{font-size:27px}
  .pb-dir{grid-template-columns:1fr}
}