/* ============================================================
   liucheng.css · 服务流程
   题头形态④：大图卡片题头
   ============================================================ */
.sec-c{ margin-left:auto; margin-right:auto; }

.fc-head{ margin-top:72px; padding:40px 0 20px; background:var(--bg-soft); }
.fc-head-card{
  position:relative; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md);
}
.fc-head-img{ width:100%; height:320px; object-fit:cover; }
.fc-head-body{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(15,31,23,.78) 0%, rgba(15,31,23,.45) 60%, rgba(15,31,23,.15) 100%);
  display:flex; flex-direction:column; justify-content:center; padding:0 8%;
}
.crumbs-onimg{ color:rgba(255,255,255,.8); padding:0 0 12px; }
.crumbs-onimg a{ color:#fff; }
.crumbs-onimg span.sep{ color:rgba(255,255,255,.4); }
.fc-head-title{ color:#fff; font-size:40px; font-weight:800; }
.fc-head-sub{ margin-top:12px; color:rgba(255,255,255,.9); max-width:520px; }

/* 流程总览：横向步骤 */
.fc-overview{ background:#fff; }
.fc-flow{
  display:grid; grid-template-columns:repeat(7,1fr); gap:10px; margin-top:44px; align-items:stretch;
}
.fc-flow li{
  background:var(--bg-soft); border-radius:14px; padding:20px 10px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:8px; position:relative;
}
.lf-num{
  width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--orange),var(--orange-deep));
  color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center;
}
.fc-flow li b{ font-size:15px; }

/* 时间轴 */
.fc-detail{ background:var(--bg-soft); }
.fc-timeline{ position:relative; margin-top:40px; padding-left:0; }
.fc-timeline::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; background:var(--line);
  transform:translateX(-50%);
}
.tl-item{ position:relative; width:50%; padding:0 40px 36px 0; }
.tl-item:nth-child(even){ margin-left:50%; padding:0 0 36px 40px; }
.tl-dot{
  position:absolute; top:6px; right:-9px; width:18px; height:18px; border-radius:50%;
  background:var(--orange); border:3px solid #fff; box-shadow:0 0 0 3px var(--orange-soft);
}
.tl-item:nth-child(even) .tl-dot{ right:auto; left:-9px; }
.tl-dot-g{ background:var(--green); box-shadow:0 0 0 3px var(--green-soft); }
.tl-body{
  background:#fff; border-radius:var(--radius); padding:22px 24px; box-shadow:var(--shadow-sm);
}
.tl-body h3{ font-size:17px; margin-bottom:8px; color:var(--orange-deep); }
.tl-item:nth-child(even) .tl-body h3{ color:var(--green-deep); }
.tl-body p{ font-size:14.5px; color:var(--ink-2); }

/* 周期说明 */
.fc-time{ background:#fff; }
.time-box{
  background:var(--bg-orange); border-radius:var(--radius-lg); padding:44px 40px;
  border-left:6px solid var(--orange);
}
.time-p{ margin-top:16px; color:var(--ink-2); font-size:15.5px; line-height:2; }
.time-p b{ color:var(--orange-deep); }

/* 服务保障 */
.fc-guarantee{ background:var(--bg-green); }
.g-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; }
.g-card{
  background:#fff; border-radius:var(--radius); padding:26px 22px; box-shadow:var(--shadow-sm);
  border-top:4px solid var(--green);
}
.g-card b{ font-size:17px; display:block; margin-bottom:8px; }
.g-card p{ font-size:14px; color:var(--ink-2); }
.g-note{ margin-top:26px; text-align:center; font-size:14px; color:var(--ink-3); }

/* 不同人群流程重点 */
.fc-who{ background:var(--bg-orange); }
.who-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px; }
.who-card{
  background:#fff; border-radius:var(--radius); padding:26px 24px;
  border-bottom:4px solid var(--orange); box-shadow:var(--shadow-sm);
}
.who-card:nth-child(2){ border-bottom-color:var(--green); }
.who-tag{
  display:inline-block; font-size:12px; font-weight:700; padding:4px 12px;
  border-radius:999px; background:var(--orange-soft); color:var(--orange-deep); margin-bottom:12px;
}
.who-card:nth-child(2) .who-tag{ background:var(--green-soft); color:var(--green-deep); }
.who-card h3{ font-size:17px; margin-bottom:8px; }
.who-card p{ font-size:14px; color:var(--ink-2); line-height:1.9; }

/* 常见问题 */
.fc-faq{ background:#fff; }
.fc-faq-list{ margin-top:32px; display:flex; flex-direction:column; gap:18px; }
.qa{
  background:var(--bg-soft); border-radius:var(--radius); padding:22px 26px;
}
.qa h3{ font-size:16px; margin-bottom:8px; }
.qa p{ font-size:14.5px; color:var(--ink-2); }
.qa p a{ color:var(--orange-deep); font-weight:600; }

/* 底部行动带 */
.fc-cta{
  background:linear-gradient(120deg,var(--orange-deep),var(--orange) 60%,var(--green));
  padding:52px 0; text-align:center;
}
.fc-cta-inner{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.fc-cta h2{ color:#fff; font-size:28px; }
.fc-cta p{ color:rgba(255,255,255,.92); }
.fc-cta-act{ margin-top:16px; display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }

/* 响应式 */
@media (max-width:980px){
  .fc-flow{ grid-template-columns:repeat(4,1fr); }
  .fc-timeline::before{ left:9px; }
  .tl-item, .tl-item:nth-child(even){ width:100%; margin-left:0; padding:0 0 28px 36px; }
  .tl-dot, .tl-item:nth-child(even) .tl-dot{ left:0; right:auto; }
  .g-grid{ grid-template-columns:1fr 1fr; }
  .who-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .fc-flow{ grid-template-columns:repeat(3,1fr); }
  .g-grid{ grid-template-columns:1fr; }
  .fc-head-title{ font-size:28px; }
}