*{box-sizing:border-box}body{margin:0;color:#111}.track-page{max-width:1400px;margin:auto;padding:28px 28px 80px}
.breadcrumb{display:flex;gap:10px;color:#777;font-size:12px;margin-bottom:28px}.breadcrumb a{color:inherit;text-decoration:none}
.track-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.track-form,.track-result{border:1px solid #e4e4e4;padding:28px}
.track-form{position:sticky;top:24px}.eyebrow{font-size:11px;letter-spacing:.16em}.track-form h1{font:400 32px Georgia,serif;margin:8px 0 12px}
.track-form p{color:#6f6f6f;line-height:1.6}.track-form label{display:block;font-size:12px;font-weight:600;margin-top:18px}
.track-form input{width:100%;height:48px;border:1px solid #d7d7d7;padding:0 14px;margin-top:8px}
.track-form button{width:100%;height:48px;border:0;background:#111;color:#fff;font-weight:700;margin-top:22px}
.track-result>header{display:flex;justify-content:space-between}.track-result h2{margin:5px 0}.track-result>header>span{background:#eef8ef;color:#278044;padding:8px 12px;border-radius:999px;height:max-content}
#timeline{list-style:none;padding:0;margin:34px 0;display:grid;grid-template-columns:repeat(5,1fr)}
#timeline li{text-align:center;font-size:12px;color:#888;border-top:2px solid #ddd;padding-top:18px;position:relative}
#timeline li:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #ccc;background:#fff;position:absolute;top:-9px;left:50%;transform:translateX(-50%)}
#timeline li.done{color:#111;border-color:#2f8f4e}#timeline li.done:before{background:#2f8f4e;border-color:#2f8f4e;box-shadow:inset 0 0 0 3px #fff}
#timeline time{display:block;color:#999;font-size:10px;margin-top:5px}.shipment{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center;background:#f7f7f5;padding:18px}
.shipment small{display:block;color:#777;margin-bottom:5px}.shipment a{background:#111;color:white;text-decoration:none;padding:14px 18px;font-size:12px;font-weight:700}
.invoice{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px;background:#f7f7f5;padding:18px}.invoice small{display:block;color:#777;margin-bottom:5px}.invoice a{background:#111;color:#fff;text-decoration:none;padding:14px 18px;font-size:12px;font-weight:700}
.items-title{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;margin-top:28px}.result-item{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #eee}
.result-item img{width:72px;height:72px;object-fit:contain;background:#f7f7f7}.result-item h4{margin:0 0 7px}.result-item p{margin:0;color:#777;font-size:12px}
@media(max-width:820px){.track-page{padding:18px 14px 50px}.track-layout{grid-template-columns:1fr}.track-form{position:static}.shipment{grid-template-columns:1fr}.invoice{align-items:stretch;flex-direction:column}.invoice a{text-align:center}}