.tracking-page{min-height:70vh;background:#f4f6f3;color:#17342a}.tracking-shell{position:relative;width:min(980px,calc(100% - 36px));margin:auto}.tracking-hero{position:relative;overflow:hidden;padding:72px 0 112px;color:#fff;background:linear-gradient(120deg,#082f27 0%,#006837 68%,#16a05b 100%)}.tracking-orb{position:absolute;border:55px solid rgba(255,255,255,.065);border-radius:50%}.tracking-orb-one{width:330px;height:330px;right:-80px;top:-180px}.tracking-orb-two{width:230px;height:230px;left:-100px;bottom:-150px}.tracking-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#bdf2d2;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tracking-hero h1{margin:0 0 14px;font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.04em}.tracking-hero>div>p{max-width:580px;margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.7}.tracking-search{max-width:760px;margin-top:34px;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,33,18,.18);backdrop-filter:blur(10px)}.tracking-search label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.tracking-search-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;overflow:hidden;border-radius:11px;background:#fff}.tracking-phone-icon{display:grid;width:48px;height:52px;place-items:center;color:#006837}.tracking-search input{min-width:0;height:52px;padding:0 8px;border:0;outline:0;color:#1c3329;font:inherit}.tracking-search button{height:44px;margin-right:4px;padding:0 20px;border:0;border-radius:8px;color:#fff;background:#f05a29;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.tracking-search button i{margin-left:9px}.tracking-search small{display:block;margin-top:9px;color:rgba(255,255,255,.58);font-size:10px}.tracking-error{margin:10px 0 0;color:#ffe0d5;font-size:12px}.tracking-content{padding:0 0 80px}.tracking-content .tracking-shell{margin-top:-65px}.order-result{position:relative;overflow:hidden;border:1px solid #e0e8e3;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(16,43,70,.11)}.order-result-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-bottom:1px solid #edf1ef}.order-result-head span{color:#75837c;font-size:10px;font-weight:800;letter-spacing:.12em}.order-result-head h2{margin:5px 0 3px;color:#13372b;font-size:28px}.order-result-head p{margin:0;color:#839088;font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:11px}.status-badge i{font-size:7px}.status-pending{color:#946000;background:#fff5d8}.status-processing{color:#075f9f;background:#e5f4ff}.status-shipping{color:#7c3aed;background:#f0e8ff}.status-completed{color:#08743e;background:#e2f7eb}.status-cancelled{color:#b42318;background:#feeceb}.order-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:36px 40px 30px}.progress-step{position:relative;text-align:center;color:#a5afa9}.progress-step:not(:last-child)::after{content:'';position:absolute;z-index:0;left:calc(50% + 25px);right:calc(-50% + 25px);top:21px;height:2px;background:#e2e8e4}.progress-step.is-done:not(:last-child)::after{background:#20a362}.progress-step span{position:relative;z-index:1;display:grid;width:44px;height:44px;margin:0 auto 9px;place-items:center;border:2px solid #dfe6e2;border-radius:50%;background:#fff}.progress-step b{font-size:10px}.progress-step.is-active{color:#08743e}.progress-step.is-active span{border-color:#20a362;color:#fff;background:#20a362;box-shadow:0 6px 15px rgba(32,163,98,.2)}.order-info-grid{display:grid;grid-template-columns:2fr 1fr 1fr;margin:0 32px 28px;border:1px solid #e5ebe7;border-radius:13px;background:#f8faf9}.order-info-grid div{padding:18px 20px}.order-info-grid div+div{border-left:1px solid #e5ebe7}.order-info-grid span,.order-info-grid strong{display:block}.order-info-grid span{margin-bottom:6px;color:#7b8982;font-size:10px}.order-info-grid strong{color:#213a30;font-size:13px}.order-support{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:19px 32px;background:#edf7f1}.order-support>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#08743e;background:#d8efe1}.order-support b{font-size:12px}.order-support p{margin:3px 0 0;color:#6d7d75;font-size:10px}.order-support a{padding:9px 13px;border-radius:8px;color:#fff;background:#006837;font-size:11px;font-weight:800}.tracking-empty,.tracking-guide{position:relative;border:1px solid #e0e8e3;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(16,43,70,.09)}.tracking-empty{padding:48px;text-align:center}.tracking-empty>span{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:18px;color:#006837;background:#e8f5ed;font-size:24px}.tracking-empty h2{margin:0 0 9px}.tracking-empty p{max-width:560px;margin:0 auto 22px;color:#6d7d75;line-height:1.65}.tracking-empty a{display:inline-flex;gap:8px;align-items:center;padding:11px 15px;border-radius:9px;color:#fff;background:#006837;font-size:12px;font-weight:800}.tracking-guide{display:grid;grid-template-columns:repeat(3,1fr);padding:30px}.tracking-guide article{display:flex;gap:14px;padding:12px 20px}.tracking-guide article+article{border-left:1px solid #e3eae6}.tracking-guide i{color:#0b8b4c;font-size:22px}.tracking-guide b{font-size:12px}.tracking-guide p{margin:5px 0 0;color:#74827a;font-size:10px;line-height:1.5}@media(max-width:700px){.tracking-hero{padding:50px 0 95px}.tracking-search-row{grid-template-columns:auto 1fr}.tracking-search button{grid-column:1/-1;width:calc(100% - 8px);margin:0 4px 4px}.order-result-head{align-items:flex-start;padding:22px;flex-direction:column}.order-progress{padding:28px 12px}.progress-step b{font-size:8px}.progress-step:not(:last-child)::after{left:calc(50% + 21px);right:calc(-50% + 21px)}.order-info-grid{grid-template-columns:1fr;margin:0 20px 20px}.order-info-grid div+div{border-top:1px solid #e5ebe7;border-left:0}.order-support{grid-template-columns:auto 1fr;padding:17px 20px}.order-support a{grid-column:1/-1;text-align:center}.tracking-guide{grid-template-columns:1fr;padding:18px}.tracking-guide article+article{border-top:1px solid #e3eae6;border-left:0}.tracking-empty{padding:36px 20px}}
