/* ============================================================
   faq-baoming.css —— 报名类问答
   骨架 S9 对比双栏
   光影 D3 斜角切角 · D6 光影双色块
   ============================================================ */

.fb-hero{padding:140px 0 54px;background:linear-gradient(135deg,#F5F5F2,#fff);}
.fb-hero h1{font-size:clamp(30px,4vw,44px);margin:16px 0 12px;}
.fb-hero p{color:var(--text-weak);max-width:600px;}

.s9-compare{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.cmp-col{box-shadow:var(--shadow-s);}
.cmp-yes{background:#fff;border:1px solid var(--line);border-top:5px solid var(--brown-200);}
.cmp-no{
  background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;
  border-top:5px solid var(--brown-400);
}
.cmp-head{padding:24px 26px 14px;}
.cmp-head h2{font-size:22px;margin-bottom:6px;}
.cmp-yes .cmp-head h2{color:var(--brown-400);}
.cmp-head p{font-size:13px;opacity:.8;}
.cmp-col ul{list-style:none;padding:0 26px 26px;margin:0;}
.cmp-col li{
  padding:11px 0 11px 24px;position:relative;font-size:14.5px;line-height:1.7;
  border-bottom:1px dashed rgba(139,139,133,.3);
}
.cmp-col li::before{
  content:"";position:absolute;left:0;top:17px;width:9px;height:9px;transform:rotate(45deg);
}
.cmp-yes li::before{background:var(--brown-200);}
.cmp-no li::before{background:#fff;}

.s9-media{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:36px;}
.media-img img{width:100%;height:auto;box-shadow:var(--shadow-b);}
.media-text h2{font-size:clamp(24px,3vw,34px);margin:14px 0 16px;line-height:1.35;}
.media-text p{color:var(--text-weak);line-height:1.9;margin-bottom:18px;font-size:14.5px;}
.s9-media2 img{width:100%;height:auto;box-shadow:var(--shadow-b);}

.sec-head{margin-bottom:28px;}
.sec-head h2{font-size:clamp(24px,3vw,34px);margin:14px 0 10px;}
.qa-list{max-width:820px;}
.qa-list details{background:#fff;border:1px solid var(--line);margin-bottom:10px;box-shadow:var(--shadow-s);}
.qa-list summary{cursor:pointer;padding:15px 20px;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:14px;}
.qa-list summary::-webkit-details-marker{display:none;}
.qa-list summary::after{content:"+";color:var(--brown-300);font-size:20px;}
.qa-list details[open] summary::after{transform:rotate(45deg);}
.qa-list details p{padding:0 20px 16px;color:var(--text-weak);font-size:14px;margin:0;line-height:1.9;}

.fb-cta{padding:80px 0;text-align:center;background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;}
.fb-cta h2{color:#fff;font-size:clamp(26px,3.4vw,38px);margin-bottom:12px;}
.fb-cta p{color:rgba(255,255,255,.85);margin-bottom:24px;}

@media (max-width:920px){
  .s9-compare,.s9-media{grid-template-columns:1fr;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}