.pgm-track{max-width:460px;margin:24px auto;background:#fff;border:1px solid #d7e2ec;border-radius:16px;padding:20px 22px;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0d2540}
.pgm-track-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.pgm-track-head h2{margin:0;font-size:19px;font-weight:700}
.pgm-track-head p{margin:2px 0 0;font-size:13px;color:#5c7189}
.pgm-track-tag{font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px}
.pgm-track-tag--deliver{color:#6b4bb3;background:#efeaf9}
.pgm-track-tag--collect{color:#2f9e5f;background:#e7f6ee}
.pgm-track-steps{list-style:none;margin:0;padding:0}
.pgm-track-step{display:flex;gap:14px}
.pgm-track-dot{position:relative;width:28px;flex:none;display:flex;flex-direction:column;align-items:center}
.pgm-track-dot::before{content:"";width:26px;height:26px;border-radius:50%;background:#eef3f7;border:1px solid #d7e2ec;display:flex}
.pgm-track-dot i{position:absolute;top:5px;font-size:15px;color:#8aa0b6}
.pgm-track-step:not(:last-child) .pgm-track-dot::after{content:"";position:absolute;top:26px;bottom:-2px;width:2px;background:#d7e2ec}
.pgm-track-body{padding-bottom:20px}
.pgm-track-name{display:block;font-size:15px;font-weight:600;line-height:1.5}
.pgm-track-when{font-size:12px;color:#5c7189}
.pgm-track-step.is-done .pgm-track-dot::before{background:#2f9e5f;border-color:#2f9e5f}
.pgm-track-step.is-done .pgm-track-dot i{color:#fff}
.pgm-track-step.is-done .pgm-track-dot::after{background:#2f9e5f}
.pgm-track-step.is-current .pgm-track-dot::before{background:#1a8f96;border:3px solid #c3e6e8}
.pgm-track-step.is-current .pgm-track-dot i{color:#fff;top:6px}
.pgm-track-step.is-current .pgm-track-name{color:#12747b}
.pgm-track-step.is-current .pgm-track-when{color:#12747b}
.pgm-track-step.is-todo .pgm-track-name{color:#8aa0b6}
.pgm-track-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7e2ec;margin-top:4px;padding-top:14px;font-size:14px;color:#5c7189}
.pgm-track-foot a{color:#2f9e5f;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pgm-track-form{max-width:420px;margin:24px auto;background:#fff;border:1px solid #d7e2ec;border-radius:16px;padding:22px;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.pgm-track-form h2{margin:0 0 4px;font-size:19px}
.pgm-track-form p{margin:0 0 16px;font-size:14px;color:#5c7189}
.pgm-track-form label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}
.pgm-track-form input{width:100%;margin-top:5px;padding:12px 14px;border:1px solid #d7e2ec;border-radius:10px;font-size:16px}
.pgm-track-form button{background:#1a8f96;color:#fff;border:0;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:600;cursor:pointer}
.pgm-track-msg{max-width:420px;margin:16px auto;text-align:center;color:#5c7189}