/* assets/css/sections/process.css — 上手流程：真正的序列，才用数字。
   全站只有这一处用 01/02/03 式编号（承接基准项目的同名决策）。 */

.process{ background:var(--surface); border-block:1px solid var(--line); }
.steps{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:40px;
  counter-reset:step;
}
.step{ position:relative; padding-top:22px; border-top:1px solid var(--line-dark); }
.step::before{
  content:""; position:absolute; top:-1px; left:0; width:26px; height:3px;
  background:var(--cinnabar);
}
.step-no{
  font-family:var(--serif); font-size:40px; font-weight:700; line-height:1;
  color:var(--cinnabar); font-variant-numeric:lining-nums;
}
.step h3{ margin-top:12px; font-size:19px; font-weight:700; }
.step p{ margin-top:10px; font-size:14.5px; color:var(--muted); }
.step .step-meta{
  display:block; margin-top:14px; font-size:12.5px; color:var(--line-dark);
}
.process-actions{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:44px; }

/* 四步变体：售后台账等场景用 4 列，仍复用同一套视觉 */
.steps--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }

@media (max-width:1020px){
  .steps,.steps--4{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:32px; }
}
@media (max-width:680px){
  .steps,.steps--4{ grid-template-columns:1fr; gap:28px; }
  .step-no{ font-size:32px; }
}