/* ============================================================
   pingdingshan-peixun.css — 平顶山考前培训
   骨架：S12v2 档期抽屉卡片（左班次列表 + 右悬浮服务说明卡）
   光影：D1 hero光带（.beam）＋ D5 旋转斜贴标签（.pp-band-tag / .pp-float-stamp）
   ============================================================ */

/* ---------- 首屏 D1 ---------- */
.pp-hero{
  padding:120px 0 56px;
  background:linear-gradient(135deg,#F8F5EF 0%,#FFFFFF 45%,#EAE3D6 100%);
}
.pp-hero .crumb{margin-bottom:20px}
.pp-hero-text{max-width:760px}
.pp-hero-text h1{font-size:36px;line-height:1.3;margin:16px 0 14px}
.pp-hero-text p{color:#55554F;font-size:15px;max-width:640px}

/* ---------- 抽屉布局 ---------- */
.pp-bands{padding:56px 0 70px;background:linear-gradient(135deg,#F0EDE6 0%,#F7F4EE 100%)}
.pp-drawer{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:start}
.pp-left-title{font-size:20px;margin-bottom:20px;color:#7A654C}

.pp-band-card{
  position:relative;background:#fff;border:1px solid #EBEBE7;
  padding:26px 26px 24px;margin-bottom:20px;
  box-shadow:0 8px 24px rgba(122,101,76,.10);
}
/* D5：斜贴小标签 */
.pp-band-tag{
  position:absolute;top:0;right:26px;
  transform:rotate(4deg) translateY(-12px);
  background:linear-gradient(135deg,#B09A7E,#7A654C);
  color:#fff;font-size:12px;letter-spacing:2px;padding:6px 16px;
  box-shadow:0 4px 10px rgba(122,101,76,.28);
}
.pp-band-card h3{font-size:18px;margin-bottom:8px}
.pp-band-card>p{font-size:14px;color:#6E6E68}
.pp-band-card ul{margin-top:12px;border-top:1px dashed #E3E3DF;padding-top:12px}
.pp-band-card li{
  font-size:13px;color:#55554F;padding:4px 0 4px 16px;position:relative;
}
.pp-band-card li::before{
  content:"";position:absolute;left:0;top:11px;width:6px;height:6px;
  border:1.5px solid #B09A7E;transform:rotate(45deg);
}

/* 右：悬浮说明卡 */
.pp-right{position:sticky;top:90px}
.pp-float-card{
  position:relative;background:#fff;border:1px solid #EBEBE7;
  padding:30px 26px 26px;box-shadow:0 18px 44px rgba(122,101,76,.18);
  border-top:4px solid #94795A;
}
.pp-float-stamp{
  position:absolute;top:-14px;left:24px;transform:rotate(-3deg);
  background:#7A654E;color:#fff;font-size:12px;letter-spacing:3px;
  padding:6px 18px;box-shadow:0 4px 10px rgba(122,101,76,.3);
}
.pp-float-card h3{font-size:19px;margin:14px 0 12px}
.pp-float-card p{font-size:13.5px;color:#55554F}
.pp-float-card strong{color:#7A654C}
.pp-float-card .btn{margin:14px 0 10px;width:100%}
.pp-float-note{font-size:12px!important;color:#8B8B85!important;border-top:1px dashed #E3E3DF;padding-top:10px}

/* ---------- 培训图文 ---------- */
.pp-content{
  display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;
  margin-bottom:44px;
}
.pp-content-rev{margin-bottom:0}
.pp-content figure{margin:0}
.pp-content figure img{width:100%;border-radius:2px;box-shadow:0 16px 38px rgba(122,101,76,.16)}
.pp-content figcaption{margin-top:10px;font-size:12.5px;color:#8B8B85}
.pp-content h2{font-size:23px;margin:14px 0 12px}
.pp-content p{font-size:14px;color:#55554F}

/* ---------- 本地 ---------- */
.pp-local h2{font-size:25px;margin-bottom:20px}
.pp-local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pp-local-grid div{
  background:#fff;border:1px solid #EBEBE7;padding:22px;
  border-left:3px solid #C7B49A;
}
.pp-local-grid h3{font-size:15.5px;margin-bottom:6px}
.pp-local-grid p{font-size:13.5px;color:#6E6E68;margin:0}

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

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .pp-drawer{grid-template-columns:1fr}
  .pp-right{position:static}
  .pp-content,.pp-content-rev{grid-template-columns:1fr;gap:22px}
  .pp-local-grid{grid-template-columns:1fr}
}

/* FAQ supplement */
.sb-faq h2{font-size:24px;margin-bottom:18px}
.sb-faq-item{background:#fff;border:1px solid #EBEBE7;padding:20px 24px;margin-bottom:12px;border-left:4px solid #C7B49A}
.sb-faq-item h3{font-size:15.5px;color:#7A654C;margin-bottom:6px}
.sb-faq-item p{font-size:14px;color:#55554F;margin:0}