/* Process Flow · 工艺流程 */
.process-flow { display: flex; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 40px; }
.process-flow::before { content: ''; position: absolute; top: 40px; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, var(--brand), var(--cta)); z-index: 0; }
.process-step { flex: 1; text-align: center; position: relative; z-index: 1; padding: 0 14px; }
.step-icon { width: 80px; height: 80px; background: var(--bg-secondary); border: 3px solid var(--brand); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto 16px; transition: all .3s; }
.process-step:hover .step-icon { background: var(--brand); transform: scale(1.1); }
.step-number { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 28px; height: 28px; background: var(--cta); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: #fff; }
.step-title { font-size: 17px; font-weight: 700; margin-bottom: 6px; color: var(--text-primary); }
.step-desc { font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.process-cta { text-align: center; }

@media (max-width: 768px) {
  .process-flow { flex-direction: column; gap: 24px; }
  .process-flow::before { display: none; }
}