.tracking-page{min-height:70vh;background:#f8fafc;color:#0f172a}.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,#06152b 0%,#0052cc 68%,#0099ff 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:#bae6fd;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,.8);font-size:15px;line-height:1.7}.tracking-search{max-width:760px;margin-top:34px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,78,204,.2);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:#0062ff}.tracking-search input{min-width:0;height:52px;padding:0 8px;border:0;outline:0;color:#0f172a;font:inherit}.tracking-search button{height:44px;margin-right:4px;padding:0 20px;border:0;border-radius:8px;color:#fff;background:#0062ff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s}.tracking-search button:hover{background:#004ecc}.tracking-search button i{margin-left:9px}.tracking-search small{display:block;margin-top:9px;color:rgba(255,255,255,.7);font-size:10px}.tracking-error{margin:10px 0 0;color:#fecdd3;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 #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.08)}.order-result-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-bottom:1px solid #f1f5f9}.order-result-head span{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.12em}.order-result-head h2{margin:5px 0 3px;color:#0f172a;font-size:28px}.order-result-head p{margin:0;color:#64748b;font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:700}.status-badge i{font-size:7px}.status-pending{color:#946000;background:#fff5d8}.status-processing{color:#0062ff;background:#eff6ff}.status-shipping{color:#7c3aed;background:#f0e8ff}.status-completed{color:#0284c7;background:#e0f2fe}.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:#94a3b8}.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:#e2e8f0}.progress-step.is-done:not(:last-child)::after{background:#0062ff}.progress-step span{position:relative;z-index:1;display:grid;width:44px;height:44px;margin:0 auto 9px;place-items:center;border:2px solid #cbd5e1;border-radius:50%;background:#fff}.progress-step b{font-size:10px}.progress-step.is-active{color:#0062ff}.progress-step.is-active span{border-color:#0062ff;color:#fff;background:#0062ff;box-shadow:0 6px 15px rgba(0,98,255,.25)}.order-info-grid{display:grid;grid-template-columns:2fr 1fr 1fr;margin:0 32px 28px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.order-info-grid div{padding:18px 20px}.order-info-grid div+div{border-left:1px solid #e2e8f0}.order-info-grid span,.order-info-grid strong{display:block}.order-info-grid span{margin-bottom:6px;color:#64748b;font-size:10px}.order-info-grid strong{color:#0f172a;font-size:13px}.order-support{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:19px 32px;background:#f0f7ff}.order-support>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#0062ff;background:#dbeafe}.order-support b{font-size:12px}.order-support p{margin:3px 0 0;color:#64748b;font-size:10px}.order-support a{padding:9px 13px;border-radius:8px;color:#fff;background:#0062ff;font-size:11px;font-weight:800;text-decoration:none;transition:background .2s}.order-support a:hover{background:#004ecc}.tracking-empty,.tracking-guide{position:relative;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.06)}.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:#0062ff;background:#eff6ff;font-size:24px}.tracking-empty h2{margin:0 0 9px;color:#0f172a}.tracking-empty p{max-width:560px;margin:0 auto 22px;color:#64748b;line-height:1.65}.tracking-empty a{display:inline-flex;gap:8px;align-items:center;padding:11px 15px;border-radius:9px;color:#fff;background:#0062ff;font-size:12px;font-weight:800;text-decoration:none;transition:background .2s}.tracking-empty a:hover{background:#004ecc}.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 #e2e8f0}.tracking-guide i{color:#0062ff;font-size:22px}.tracking-guide b{font-size:12px;color:#0f172a}.tracking-guide p{margin:5px 0 0;color:#64748b;font-size:10px;line-height:1.5}@media(max-width:767px){.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 #e2e8f0;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 #e2e8f0;border-left:0}.tracking-empty{padding:36px 20px}}