.track-page{padding-top:70px;padding-bottom:100px}.track-hero{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center;min-height:520px}.track-hero h1{font-size:clamp(52px,6vw,82px);line-height:1.08}.track-hero h1 em{font-style:normal;color:var(--rose-deep);font-weight:650}.track-hero>div>p:last-child{margin-top:18px;font-size:13px;color:var(--muted)}.track-form{padding:30px;border-radius:var(--radius-lg);background:var(--paper-2);border:1px solid var(--line-soft);display:grid;gap:15px}.track-form label{display:grid;gap:7px;font-size:10.5px;font-weight:670}.track-form input{height:48px;border:1px solid var(--line);border-radius:14px;background:white;outline:0;padding:0 13px;font-size:12px}.track-form input:focus{border-color:#c8a7af;box-shadow:0 0 0 4px rgba(191,102,116,.07)}.track-form button{height:49px;border:0;border-radius:999px;background:var(--wine);color:white;font-size:11.5px;font-weight:720;margin-top:4px}.track-form button:hover{background:#3f1e2a}.track-page #trackResult{margin-top:34px}.track-result,.order-track-card{border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fff;padding:26px}.track-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:20px}.track-step{position:relative;padding-top:26px;font-size:9px;color:var(--muted)}.track-step:before{content:'';position:absolute;right:0;left:0;top:8px;height:2px;background:var(--line)}.track-step:after{content:'';position:absolute;right:0;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--line)}.track-step.active{color:var(--wine);font-weight:700}.track-step.active:before{background:#c38a98}.track-step.active:after{border-color:var(--wine);background:var(--wine)}
@media(max-width:860px){.track-hero{grid-template-columns:1fr;gap:34px;min-height:0}.track-form{max-width:650px}.track-steps{grid-template-columns:1fr}.track-step{padding:5px 0 5px 28px}.track-step:before{right:auto;left:7px;top:0;bottom:0;width:2px;height:auto}.track-step:after{right:auto;left:2px;top:8px}}
@media(max-width:720px){.track-page{padding-top:42px;padding-bottom:70px}.track-hero{gap:26px}.track-hero h1{font-size:45px}.track-hero>div>p:last-child{font-size:11.5px}.track-form{padding:20px 16px;border-radius:22px}.track-form input{font-size:16px}.track-result,.order-track-card{padding:18px;border-radius:20px}}
.track-card{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:#fff;padding:26px;box-shadow:var(--shadow-sm)}.track-card-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.track-card-head h2{font-size:26px}.track-card-head p:not(.eyebrow){margin-top:6px;color:var(--muted);font-size:10.5px}.track-total{text-align:left}.track-total span{display:block;font-size:8.5px;color:var(--muted)}.track-total b{display:block;color:var(--wine);font-size:17px;margin-top:4px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:30px 0}.timeline-step{position:relative;padding-top:28px;color:#a29398}.timeline-step:before{content:'';position:absolute;top:7px;right:0;left:0;height:2px;background:var(--line)}.timeline-step i{position:absolute;top:1px;right:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--line);z-index:2}.timeline-step.done:before{background:#c88e9c}.timeline-step.done i{border-color:var(--rose-deep);background:var(--rose-deep)}.timeline-step.current i{box-shadow:0 0 0 5px rgba(143,64,80,.09)}.timeline-step b{display:block;font-size:9.5px;color:inherit}.timeline-step.done b{color:var(--wine)}.timeline-step small{display:block;font-size:7.5px;margin-top:3px}.tracking-code{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--paper-2);margin-bottom:14px}.tracking-code span{font-size:9px;color:var(--muted)}.tracking-code b{font:720 12px/1 var(--font-latin);direction:ltr}.order-info{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-soft);padding-top:16px}.order-info>div{padding:0 12px;border-left:1px solid var(--line-soft)}.order-info>div:last-child{border-left:0}.order-info span{display:block;font-size:8px;color:var(--muted)}.order-info b{display:block;margin-top:4px;font-size:9.5px}.track-loading,.track-error{padding:22px;border-radius:18px;background:var(--paper-2);color:var(--muted);font-size:10.5px}.track-error b{display:block;color:var(--wine);font-size:13px}.track-error p{margin-top:4px;font-size:9.5px}
@media(max-width:720px){.track-card{padding:18px}.track-card-head{display:block}.track-total{text-align:right;margin-top:14px}.timeline{grid-template-columns:1fr;gap:0}.timeline-step{padding:5px 28px 14px 0}.timeline-step:before{right:6px;left:auto;top:0;bottom:0;width:2px;height:auto}.timeline-step i{right:0;top:7px}.order-info{grid-template-columns:1fr}.order-info>div{border-left:0;border-bottom:1px solid var(--line-soft);padding:10px 0}.order-info>div:last-child{border-bottom:0}}