/* =============================================================
   process.html 专属样式 —— 服务流程
   骨架：简洁首屏 / 7步交替大卡 / 横向周期点 / 双方分工双色栏 /
         左图右文沟通带 / FAQ引导条
   ============================================================= */

/* ---------- 1. 首屏 ---------- */
.proc-hero{
  background:var(--paper-deep);
  padding:calc(var(--topbar-h) + var(--header-h) + 50px) 0 64px;
}
.proc-hero-title{
  font-size:clamp(32px,4.4vw,50px);line-height:1.3;
  margin:18px 0 20px;letter-spacing:.03em;
}
.proc-hero-sub{
  font-size:16px;color:var(--ink-soft);line-height:1.95;max-width:660px;
}

/* ---------- 2. 七步大卡 ---------- */
.pstep{
  display:grid;grid-template-columns:1fr;gap:0;
  border:1px solid var(--line);border-radius:var(--radius);
  background:var(--paper);overflow:hidden;
  margin-bottom:26px;
}
.pstep-head{
  display:flex;align-items:center;gap:22px;
  padding:24px 32px;background:var(--paper-deep);
  border-bottom:1px solid var(--line);
}
.pstep-num{
  font-family:var(--font-serif);font-size:40px;color:var(--earth-deep);
  line-height:1;flex:none;
}
.pstep-head h3{font-size:20px}
.pstep-time{font-size:13px;color:var(--ink-faint);margin-top:4px;letter-spacing:.06em}
.pstep-body{padding:28px 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px}
.pstep-body>p{font-size:14.5px;color:var(--ink-soft);line-height:2}
.pstep-body>p a{color:var(--earth-deep);border-bottom:1px dashed rgba(142,107,54,.5)}
.pstep-deliver{
  border-left:3px solid var(--earth);padding-left:18px;
  display:flex;flex-direction:column;gap:12px;
}
.pstep-deliver li{font-size:13.5px;color:var(--ink-soft);line-height:1.85}
.pstep--alt .pstep-head{background:var(--dark)}
.pstep--alt .pstep-head h3{color:#EFE9DC}
.pstep--alt .pstep-head .pstep-time{color:#A49C8C}
.pstep--alt .pstep-num{color:var(--earth-light)}

/* ---------- 3. 周期横条 ---------- */
.timeline-bar{
  display:grid;grid-template-columns:repeat(7,1fr);gap:0;
  position:relative;margin-top:20px;
}
.tb-item{text-align:center;position:relative;padding:0 6px}
.tb-item::before{
  content:"";position:absolute;left:0;right:0;top:11px;height:2px;
  background:var(--brown-pale);
}
.tb-item:first-child::before{left:50%;right:0}
.tb-item:last-child::before{left:0;right:50%}
.tb-dot{
  width:22px;height:22px;border-radius:50%;background:var(--paper);
  border:4px solid var(--earth);margin:0 auto;position:relative;z-index:1;
}
.tb-stage{font-family:var(--font-serif);font-size:16px;margin-top:12px;color:var(--ink)}
.tb-days{font-size:13px;color:var(--ink-faint);margin-top:4px}
.tb-note{
  margin-top:34px;font-size:14px;color:var(--ink-soft);line-height:1.9;
  max-width:760px;margin-left:auto;margin-right:auto;text-align:center;
}

/* ---------- 4. 双方分工 ---------- */
.split-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.split-col{
  padding:34px 32px;border-radius:var(--radius);
}
.split-col h3{font-size:19px;margin-bottom:18px}
.split-col ul{display:flex;flex-direction:column;gap:12px}
.split-col li{
  font-size:14px;line-height:1.85;padding-left:22px;position:relative;
}
.split-col--us{background:var(--dark);color:#C9C1B2}
.split-col--us h3{color:#EFE9DC}
.split-col--us li::before{
  content:"";position:absolute;left:0;top:9px;width:10px;height:10px;
  background:var(--earth-light);border-radius:2px;
}
.split-col--you{background:var(--paper-deep);color:var(--ink-soft)}
.split-col--you li::before{
  content:"";position:absolute;left:0;top:9px;width:10px;height:10px;
  background:transparent;border:2px solid var(--earth-deep);border-radius:2px;
}

/* ---------- 5. 沟通带 ---------- */
.meeting-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.meeting-figure{margin:0}
.meeting-figure img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);filter:saturate(.9)}
.meeting-figure figcaption{margin-top:10px;font-size:13px;color:var(--ink-faint)}
.meeting-copy a{color:var(--earth-deep);border-bottom:1px dashed rgba(142,107,54,.5)}

/* ---------- 6. FAQ 引导 ---------- */
.faq-band{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  flex-wrap:wrap;border:1px dashed var(--line-strong);border-radius:var(--radius);
  padding:26px 32px;background:var(--paper);
}
.faq-band p{font-size:15px;color:var(--ink-soft)}
.faq-band a{color:var(--earth-deep);border-bottom:1px dashed rgba(142,107,54,.5)}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .pstep-body{grid-template-columns:1fr;gap:20px}
  .timeline-bar{grid-template-columns:repeat(4,1fr);row-gap:26px}
  .tb-item::before{display:none}
  .split-wrap{grid-template-columns:1fr}
  .meeting-wrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .timeline-bar{grid-template-columns:repeat(2,1fr)}
  .pstep-head,.pstep-body{padding-left:20px;padding-right:20px}
}