.rd-process {
  padding: clamp(30px, 4.166667vw, 80px) 0;
  background: #fff;
}

/* ============ 步骤网格 ============ */
.rd-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  position: relative;
}

.rd-step {
  position: relative;
  padding: 0 18px;
}
.rd-step:first-child { padding-left: 0; }
.rd-step:last-child { padding-right: 0; }

/* 连接线：穿过序号圆心 */
.rd-step .line {
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  height: 1px;
  background: #dde3e8;
}
.rd-step:first-child .line { left: 50%; }
.rd-step:last-child .line { right: 50%; }

/* 序号圆 */
.rd-step .knob {
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #dde3e8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #6b7a87;
  margin-bottom: 22px;
  transition: all .24s ease;
}
.rd-step:hover .knob {
  background: #1d4197;
  border-color: #1d4197;
  color: #fff;
  transform: scale(1.06);
}
.rd-step .knob span { position: relative; z-index: 2; }

/* 工期标签 */
.rd-step .dur {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #1d4197;
  background: #1d419729;
  padding: 3px 9px;
  border-radius: 3px;
  margin-bottom: 11px;
}

.rd-step h3 {
  font-size: clamp(15px, 0.94vw, 18px);
  color: #0e1a24;
  margin: 0 0 9px;
}
.rd-step p {
  font-size: 14px;
  line-height: 1.7;
  color: #4a5a68;
  margin: 0;
}

/* ============ 底部横条 ============ */
.rd-mid-cta {
  margin-top: clamp(30px, 2.604167vw, 50px);
  background: #fff;
  border: 1px solid #dde3e8;
  border-radius: 10px;
  padding: 34px 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}
.rd-mid-cta h3 {
  font-size: clamp(16px, 1.04vw, 20px);
  color: #0e1a24;
  margin: 0 0 7px;
}
.rd-mid-cta p {
  font-size: 14px;
  color: #4a5a68;
  margin: 0;
}
.rd-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(14px, 0.78vw, 15px);
  font-weight: 600;
  color: #fff;
  background: #1d4197;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 16px 32px;
  text-decoration: none;
  white-space: nowrap;
  transition: all .2s ease;
}
.rd-cta-btn:hover {
  background: #1d4197;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #1d419763;
  color: #fff;
}

/* ============ 响应式 ============ */
@media screen and (max-width: 1024px) {
  .rd-steps { grid-template-columns: repeat(2, 1fr); gap: 36px 0; }
  .rd-step .line { display: none; }
  .rd-step:nth-child(odd) { padding-left: 0; }
  .rd-step:nth-child(even) { padding-right: 0; }
}
@media screen and (max-width: 640px) {
  .rd-steps { grid-template-columns: 1fr; gap: 30px; }
  .rd-step { padding: 0; }
  .rd-mid-cta {padding: 20px;gap: 15px;}
  .rd-cta-btn {width: 100%;padding: 10px 20px;}
}