/* ============================================================
   fangbao-dianqi.css — 防爆电气作业（L6 斜纹+旋转）
   repeating-linear-gradient 斜纹装饰，模块轻微 rotate
   ============================================================ */

/* ---------- Hero 斜纹 ---------- */
.fb-hero{
  position:relative; min-height:88vh; display:flex; align-items:center;
  padding:calc(var(--header-h) + 40px) 0 70px; overflow:hidden;
  background:var(--green-900);
}
.fb-hero__stripe{
  position:absolute; inset:0; opacity:.5;
  background:repeating-linear-gradient(135deg,
    rgba(176,141,102,.10) 0 2px, transparent 2px 26px);
}
.fb-hero__inner{ position:relative; z-index:2; max-width:720px; }
.fb-hero .breadcrumb{ color:rgba(251,248,241,.6); margin-bottom:20px; }
.fb-hero .breadcrumb a{ color:var(--cream-100); }
.fb-hero .breadcrumb .cur{ color:rgba(251,248,241,.85); }
.fb-hero__eyebrow{ font-size:13px; letter-spacing:.34em; color:var(--brown-500); margin-bottom:16px; }
.fb-hero h1{ color:var(--cream-50); }
.fb-hero__lead{ color:rgba(251,248,241,.82); margin:20px 0 30px; font-size:16px; }
.fb-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; }
.fb-hero__chip{
  position:absolute; right:6%; bottom:14%;
  width:130px; height:130px; border-radius:50%;
  background:var(--brown-600); display:flex; flex-direction:column;
  align-items:center; justify-content:center; transform:rotate(-8deg);
  box-shadow:var(--shadow-lg);
}
.fb-hero__chip span{ font-size:12px; letter-spacing:.2em; color:rgba(251,248,241,.85); }
.fb-hero__chip b{ font-family:var(--font-serif); font-size:34px; color:var(--cream-50); }

/* ---------- 区块 ---------- */
.fb-sec{ padding:clamp(56px,8vw,96px) 0; position:relative; }
.fb-sec--tint{
  background:
    repeating-linear-gradient(135deg, rgba(176,141,102,.06) 0 2px, transparent 2px 24px),
    var(--cream-100);
}
.fb-sec--deep{ background:var(--green-950); }

/* 定义图文 */
.fb-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,60px); align-items:center; }
.fb-txt h2{ margin:6px 0 16px; }
.fb-txt p{ margin-bottom:14px; }
.fb-photo img{ width:100%; height:380px; object-fit:cover; border-radius:var(--radius-m); transform:rotate(1deg); box-shadow:var(--shadow-lg); }

/* 作业内容旋转卡 */
.fb-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.fb-card{
  background:var(--cream-50); border-radius:var(--radius-m); padding:30px 26px;
  box-shadow:var(--shadow-sm); transform:rotate(-.6deg);
}
.fb-card:nth-child(2){ transform:rotate(.8deg); }
.fb-card:nth-child(3){ transform:rotate(-.4deg); }
.fb-card h3{ margin-bottom:10px; }
.fb-card p{ font-size:14.5px; }
.fb-card--deep{ background:var(--green-800); }
.fb-card--deep h3{ color:var(--cream-100); }
.fb-card--deep p{ color:rgba(251,248,241,.78); }

/* 适用行业 */
.fb-ind{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(30px,5vw,60px); }
.fb-ind__head h2{ margin:6px 0 14px; }
.fb-ind__list{ display:grid; gap:14px; }
.fb-ind__list li{
  display:flex; align-items:baseline; gap:16px; padding:16px 20px;
  background:var(--cream-100); border-left:3px solid var(--brown-500); border-radius:0 var(--radius-s) var(--radius-s) 0;
}
.fb-ind__list b{ font-family:var(--font-serif); color:var(--green-900); flex:none; width:110px; }
.fb-ind__list span{ font-size:14.5px; color:var(--ink-soft); }

/* 报考条件 */
.fb-req{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.fb-req__item{
  background:var(--cream-50); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:26px 22px; text-align:center; transform:rotate(.4deg);
}
.fb-req__item b{ font-family:var(--font-serif); font-size:32px; color:var(--brown-600); display:block; }
.fb-req__item p{ font-size:13.5px; margin-top:8px; }
.fb-req__more{ margin-top:28px; display:flex; gap:14px; justify-content:center; }

/* 考试 */
.fb-exam{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(30px,5vw,60px); align-items:start; }
.fb-exam__side h2{ margin:6px 0 16px; }
.fb-exam__body{ display:grid; gap:16px; }
.fb-exam__block{ border:1px solid var(--line); border-radius:var(--radius-m); padding:24px 26px; background:var(--cream-50); }
.fb-exam__block h3{ margin-bottom:10px; }
.fb-exam__block--deep{ background:var(--green-800); border:0; }
.fb-exam__block--deep h3{ color:var(--cream-100); }
.fb-exam__block--deep p{ color:rgba(251,248,241,.78); }

/* 复审 */
.fb-fush{ max-width:820px; }
.fb-fush h2{ color:var(--cream-100); margin-bottom:14px; }
.fb-fush > p{ color:rgba(251,248,241,.72); margin-bottom:26px; }
.fb-fush > p a{ color:var(--brown-500); }
.fb-fush__nums{ display:flex; flex-wrap:wrap; gap:40px; }
.fb-fush__nums b{ font-family:var(--font-serif); font-size:32px; color:var(--brown-500); margin-right:8px; }
.fb-fush__nums span{ font-size:14px; color:rgba(251,248,241,.65); }

/* FAQ */
.fb-faq{ max-width:820px; margin:0 auto; display:grid; gap:14px; }
.fb-faq__item{ background:var(--cream-100); border-radius:var(--radius-s); padding:0 24px; box-shadow:var(--shadow-sm); }
.fb-faq__item summary{ cursor:pointer; list-style:none; padding:18px 0; font-weight:600; color:var(--green-900); }
.fb-faq__item summary::-webkit-details-marker{ display:none; }
.fb-faq__item summary::before{ content:"△ "; color:var(--brown-600); }
.fb-faq__item p{ padding-bottom:20px; font-size:14.5px; }
.fb-faq__item p a{ color:var(--green-700); text-decoration:underline; }

/* CTA */
.fb-sec--cta{ background:var(--cream-100); }
.fb-cta{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,60px); align-items:center; }
.fb-cta__txt h2{ margin-bottom:14px; }
.fb-cta__txt p a{ color:var(--green-800); font-weight:700; }
.fb-form{ background:var(--white); border-radius:var(--radius-l); padding:30px; box-shadow:var(--shadow-md); display:grid; gap:14px; }

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .fb-hero__chip{ display:none; }
  .fb-wrap,.fb-ind,.fb-exam,.fb-cta{ grid-template-columns:1fr; }
  .fb-cards,.fb-req{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .fb-cards,.fb-req{ grid-template-columns:1fr; }
  .fb-photo img{ transform:none; height:280px; }
}
