.order-progress{max-width:480px;margin:22px auto 20px;padding:18px 12px;border:1px solid var(--line);border-radius:16px;background:#f8faf9;text-align:center}
.order-progress ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
.order-progress li{display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;font-size:clamp(10px,2.7vw,12px);line-height:1.35;font-weight:650;color:var(--muted);min-width:0}
.order-progress li:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:#dce5df}
.order-progress-dot{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;border:1px solid #dce5df;background:#fff;color:#77857d;font-size:12px}
.order-progress .is-complete,.order-progress .is-current{color:var(--green)}
.order-progress .is-complete:after{background:var(--green)}
.is-complete>.order-progress-dot{border-color:var(--green);background:var(--green);color:#fff}
.is-current>.order-progress-dot{border:2px solid var(--green);color:var(--green);background:#eaf4ef}
.success .order-progress p{font-size:13px;line-height:1.5;margin:16px 0 0;max-width:none}
.success .order-progress.is-failed p{color:#b72f37}