/* ==========================================================================
   fugou.html · 扶沟县属地服务页
   骨架：Hero → 县域发展时间轴（纵向）→ 服务内容卡 → 需求 → 承诺 → 邻县 → CTA
   专属前缀 .pg-fg
   ========================================================================== */

/* ---------- Hero ---------- */
.pg-fg .fg-hero{ padding-top:calc(var(--nav-h) + clamp(40px,6vw,72px)); }
.pg-fg .fg-hero-grid{ display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,50px);align-items:center; }
.pg-fg .fg-hero-txt h1{ font-size:clamp(30px,4.2vw,46px); }
.pg-fg .fg-hero-cta{ display:flex;flex-wrap:wrap;gap:14px;margin-top:26px; }
.pg-fg .fg-hero-img img{ width:100%;height:auto;border-radius:var(--r-xl);box-shadow:var(--shadow-lg);border:4px solid #fff;object-fit:cover; }

/* ---------- 纵向时间轴 ---------- */
.pg-fg .fg-axis{ position:relative;max-width:820px;margin:0 auto;padding-left:0; }
.pg-fg .fg-axis::before{
  content:"";position:absolute;top:8px;bottom:8px;left:50%;transform:translateX(-50%);
  width:3px;background:linear-gradient(var(--purple-soft),var(--blue-soft));border-radius:3px;
}
.pg-fg .fg-node{ position:relative;width:50%;padding:0 36px 40px 0; }
.pg-fg .fg-node:nth-child(even){ margin-left:50%;padding:0 0 40px 36px; }
.pg-fg .fg-node-dot{
  position:absolute;top:6px;right:-9px;width:18px;height:18px;border-radius:50%;
  background:var(--grad-pink);border:3px solid #fff;box-shadow:var(--shadow-pink);z-index:2;
}
.pg-fg .fg-node:nth-child(even) .fg-node-dot{ right:auto;left:-9px; }
.pg-fg .fg-node-card{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px 22px;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.pg-fg .fg-node-card:hover{ transform:translateY(-4px);box-shadow:var(--shadow-md); }
.pg-fg .fg-node-date{
  display:inline-block;font-size:12px;font-weight:700;color:var(--pink-deep);
  background:var(--pink-soft);padding:3px 12px;border-radius:var(--r-full);margin-bottom:10px;
}
.pg-fg .fg-node-card h3{ font-size:17px;margin-bottom:8px; }
.pg-fg .fg-node-card p{ font-size:13.5px;color:var(--ink-3); }

/* ---------- 服务内容卡 ---------- */
.pg-fg .fg-svc-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.pg-fg .fg-svc{ padding:26px 22px; }
.pg-fg .fg-svc svg{ width:44px;height:44px;color:var(--purple-deep);margin-bottom:14px; }
.pg-fg .fg-svc h3{ font-size:17px;margin-bottom:8px; }
.pg-fg .fg-svc p{ font-size:13.5px;color:var(--ink-3); }

/* ---------- 本地需求 ---------- */
.pg-fg .fg-need-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.pg-fg .fg-need-item{
  padding:26px 24px;border-left:4px solid var(--grad-pink);
  background:var(--glass);border-radius:var(--r-md);border-top:1px solid var(--line);
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
}
.pg-fg .fg-need-item h3{ font-size:17px;margin-bottom:10px;color:var(--purple-deep); }
.pg-fg .fg-need-item p{ font-size:14px;color:var(--ink-3); }

/* ---------- 承诺 pill ---------- */
.pg-fg .fg-promise-row{ display:flex;flex-wrap:wrap;gap:16px;justify-content:center; }
.pg-fg .fg-promise-pill{
  display:flex;flex-direction:column;gap:4px;min-width:180px;
  padding:22px 28px;border-radius:var(--r-lg);background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:center;
}
.pg-fg .fg-promise-pill b{ font-size:20px;color:var(--pink-deep); }
.pg-fg .fg-promise-pill span{ font-size:13px;color:var(--ink-3); }

/* ---------- 邻县互链 ---------- */
.pg-fg .fg-city-tags{ display:flex;flex-wrap:wrap;gap:12px;justify-content:center; }
.pg-fg .fg-city-tags .tag{ font-size:14px;padding:9px 20px; }

/* ---------- CTA ---------- */
.pg-fg .fg-cta{ padding-block:var(--sec-pad); }
.pg-fg .fg-cta-box{
  background:linear-gradient(135deg,#EDE6FC,#DDF1FD);
  border:1px solid var(--line);border-radius:var(--r-xl);
  padding:clamp(30px,5vw,56px);text-align:center;max-width:820px;margin:0 auto;
}
.pg-fg .fg-cta-box h2{ font-size:clamp(24px,3.4vw,36px);margin-bottom:12px; }
.pg-fg .fg-cta-box > p{ color:var(--ink-3);margin-bottom:26px; }
.pg-fg .fg-cta-form{ display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-end; }
.pg-fg .fg-cta-form .form-row{ flex:1 1 420px; }
.pg-fg .fg-cta-form .btn{ flex:none; }

/* ---------- 数据条 ---------- */
.pg-fg .fg-stats{ background:var(--grad-brand);padding:clamp(34px,4vw,50px) 0; }
.pg-fg .fg-stats-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center; }
.pg-fg .fg-stat .num{ font-size:clamp(28px,3.6vw,42px);font-weight:800;color:#fff; }
.pg-fg .fg-stat .lbl{ font-size:14px;color:rgba(255,255,255,.92);margin-top:4px; }

/* ---------- 区块7：本地案例 ---------- */
.pg-fg .fg-case-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.pg-fg .fg-case-card{ padding:24px;display:flex;flex-direction:column;gap:10px; }
.pg-fg .fg-case-card h3{ font-size:17px; }
.pg-fg .fg-case-card p{ font-size:14px;color:var(--ink-3);flex:1; }

/* ---------- 区块8：发展数据条 ---------- */
.pg-fg .fg-dev-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center; }
.pg-fg .fg-dev-item .num{ font-size:clamp(30px,3.8vw,44px);font-weight:800; }
.pg-fg .fg-dev-item p{ font-size:14px;color:var(--ink-3);margin-top:6px; }

/* ---------- 区块7：本地服务说明 ---------- */
.pg-fg .fg-note-wrap{ max-width:860px; }
.pg-fg .fg-note-wrap h2{ font-size:clamp(22px,3vw,30px);margin-bottom:16px; }
.pg-fg .fg-note-wrap p{ font-size:15px;color:var(--ink-3);line-height:1.9;margin-bottom:14px; }

/* ---------- 响应式：1024 ---------- */
@media (max-width:1024px){
  .pg-fg .fg-hero-grid{ grid-template-columns:1fr; }
  .pg-fg .fg-svc-grid{ grid-template-columns:1fr 1fr; }
  .pg-fg .fg-need-grid{ grid-template-columns:1fr; }
}
/* ---------- 响应式：768 ---------- */
@media (max-width:768px){
  .pg-fg .fg-axis::before{ left:9px; }
  .pg-fg .fg-node,.pg-fg .fg-node:nth-child(even){
    width:100%;margin-left:0;padding:0 0 32px 34px;
  }
  .pg-fg .fg-node-dot,.pg-fg .fg-node:nth-child(even) .fg-node-dot{ left:0;right:auto; }
}
/* ---------- 响应式：480 ---------- */
@media (max-width:480px){
  .pg-fg .fg-svc-grid{ grid-template-columns:1fr; }
  .pg-fg .fg-case-grid{ grid-template-columns:1fr; }
  .pg-fg .fg-dev-grid{ grid-template-columns:1fr;gap:28px; }
  .pg-fg .fg-hero-cta .btn{ width:100%; }
  .pg-fg .fg-cta-form .btn{ width:100%; }
}

/* 自动生成：hero 光晕球变体（原 style= 迁移） */
.orb-a{width:200px;height:200px;background:#8FD0F7;top:20%;left:-50px}