:root{--red:#b62322;--orange:#ec7627;--gold:#ffbd32;--ink:#252824;--muted:#71746d;--paper:#faf9f5;--line:#e4e5de}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,.btn{cursor:pointer}.notice{padding:9px 20px;text-align:center;background:#3b402e;color:#fff;font-size:12px;letter-spacing:.6px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 6%;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:16px;font-weight:850;letter-spacing:1px}.brand img{width:65px;height:65px;object-fit:contain}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:3px;margin-top:6px}nav{display:flex;gap:26px;font-size:13px}nav a:hover,nav a.active{color:var(--red)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--red);color:white;padding:15px 24px;border:0;border-radius:6px;font-weight:650;font-size:14px}.btn.small{padding:12px 17px}.secondary{background:transparent;color:var(--ink);border:1px solid #c9cbc1}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--red)}h1{font-size:clamp(38px,4.6vw,68px);line-height:1.18;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:var(--red)}h2{font-size:30px;margin:15px 0}h3{margin:10px 0}p{line-height:1.85;color:var(--muted)}.hero{padding:64px 6% 60px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.hero p{max-width:450px;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.subnote{font-size:11px;margin-top:22px;color:var(--muted)}.visual{position:relative;min-height:390px;border-radius:12px;background:#e9e9de;overflow:hidden;padding:32px;background-image:linear-gradient(30deg,transparent 49%,#d7d9cc 49.3%,#d7d9cc 49.7%,transparent 50%),linear-gradient(150deg,transparent 49%,#d7d9cc 49.3%,#d7d9cc 49.7%,transparent 50%);background-size:75px 130px}.route-label{font-size:12px;letter-spacing:2px}.globe{width:260px;height:260px;border:1px solid #c6cabc;border-radius:50%;position:absolute;top:70px;left:calc(50% - 130px);background:repeating-linear-gradient(0deg,transparent 0 39px,#c6cabc 40px 41px);transform:rotate(-18deg)}.globe:after{content:'';position:absolute;inset:0 55px;border-radius:50%;border:1px solid #c6cabc}.route{position:absolute;top:130px;left:20%;width:58%;height:140px;border-top:3px dashed var(--red);border-radius:50%;transform:rotate(20deg)}.city{position:absolute;padding:11px 16px;border-radius:6px;background:white;box-shadow:0 8px 25px #30372d12;font-size:13px}.cn{top:90px;left:12%}.my{right:8%;bottom:90px}.parcel{position:absolute;left:35%;top:155px;width:118px;height:118px;background:#dc8d45;transform:rotate(-12deg);box-shadow:12px 14px 0 #b75e2a;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:38px;font-weight:900}.parcel:before{content:'';position:absolute;width:20px;height:100%;background:#ffc47888}.parcel span{z-index:1}.visual-bottom{position:absolute;bottom:22px;left:28px;font-size:11px;color:#58604c}.trackbar{background:#fff;margin:0 6%;padding:25px 30px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:28px;box-shadow:0 12px 30px #25282405}.trackbar strong{white-space:nowrap}.trackbar form{display:flex;flex:1;gap:12px}input,select{min-width:0;width:100%;padding:13px 14px;background:#fff;border:1px solid #d7d9d0;border-radius:5px;color:var(--ink)}.section{padding:65px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.steps,.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:1px solid #cdd0c4;padding:24px 0}.step b{color:var(--red);font-size:12px}.step h3{font-size:19px;margin:22px 0 8px}.step p{font-size:13px}.banner{background:#3b402e;color:#fff;margin:0 6% 55px;padding:35px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner p{color:#d4d7ca;margin:5px 0}.page{max-width:1200px;margin:auto;padding:50px 5%;min-height:60vh}.page-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page h1{font-size:36px;letter-spacing:-1px;margin:12px 0}.panel{background:white;border:1px solid var(--line);padding:26px;border-radius:9px;margin-bottom:24px}.panel h3{margin-top:0}.stat{background:white;border:1px solid var(--line);padding:24px;border-radius:8px}.stat strong{font-size:32px;display:block;margin-top:12px}.muted{color:var(--muted);font-size:13px}.tag{display:inline-block;background:#f7eedb;color:#8c5e14;font-size:11px;padding:5px 9px;border-radius:4px}.tag.green{background:#e8efe4;color:#496447}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{padding:17px 12px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500;background:#fafbf7}.table-wrap{overflow:auto}.filters{display:flex;gap:12px;margin:25px 0}.filters input{max-width:320px}.filters select{max-width:150px}.form{max-width:480px;margin:auto}.form label{display:block;margin:18px 0 7px;font-size:13px}.form button{margin-top:22px;width:100%}.roles{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.roles button{padding:10px 14px;background:#edece5;color:var(--ink)}.roles button.selected{background:var(--red);color:white}.timeline{list-style:none;padding-left:15px}.timeline li{border-left:2px solid #e1e4da;padding:0 0 28px 25px;position:relative}.timeline li:before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;background:var(--orange);border-radius:50%}.timeline small{display:block;color:var(--muted);margin-top:8px}.empty{padding:28px;text-align:center;color:var(--muted)}footer{padding:35px 6%;border-top:1px solid var(--line);font-size:11px;background:#f0f1e9}footer p{max-width:760px;margin:8px 0}.brandname{font-weight:bold;font-size:13px}footer span{color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#292e24;color:white;border-radius:7px;padding:15px 24px;z-index:9;display:none;max-width:90%;font-size:13px}.check{width:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}@media(max-width:850px){header{padding:10px 5%;flex-wrap:wrap;gap:8px}nav{order:3;overflow:auto;width:100%;gap:23px;padding:10px 0;white-space:nowrap}.brand{font-size:13px}.brand img{width:48px;height:48px}.hero{padding:38px 6%;grid-template-columns:1fr;gap:30px}.visual{min-height:330px}.stats,.steps{grid-template-columns:1fr 1fr}.trackbar{align-items:stretch;flex-direction:column;gap:13px;padding:22px}.trackbar form{flex-wrap:wrap}.trackbar button{width:100%}.section{padding:40px 6%}.banner{flex-direction:column;align-items:start}.two{grid-template-columns:1fr}.page-top{align-items:start;flex-direction:column}.panel{padding:18px}.notice{font-size:10px}.section-head{align-items:start;flex-direction:column}h1{letter-spacing:-1px}.stat{padding:18px}.filters{flex-wrap:wrap}}

/* Logistics photographic refresh */
.hero{gap:5%;padding-top:54px;padding-bottom:46px;grid-template-columns:.95fr 1.15fr}.logistics-visual{position:relative;min-height:490px;height:100%;border-radius:10px 70px 10px 10px;overflow:hidden;background:#d1c8b6;box-shadow:0 22px 50px #62452b18}.logistics-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#17271f22,transparent 36%,#14251ee6)}.logistics-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-top,.photo-caption{position:absolute;z-index:1;left:30px;right:30px;color:white}.photo-top{top:27px;display:flex;gap:20px;align-items:center;font-size:11px;letter-spacing:2px}.photo-top span:nth-child(2){color:#ffbd32}.photo-caption{bottom:28px}.photo-caption>span{display:block;font-size:20px;letter-spacing:1px;margin-bottom:10px}.photo-caption small{font-size:10px;color:#e0e3d4}.transport-strip{margin:40px 6% 0;padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:20px;align-items:center}.transport-strip>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.transport-strip b{font-size:15px}.transport-strip small{grid-column:2;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:5px}.transport-icon{grid-row:span 2;color:var(--orange);font-size:30px}.transport-strip p{margin:0;font-size:11px;border-left:1px solid var(--line);padding-left:24px}@media(max-width:850px){.hero{grid-template-columns:1fr}.logistics-visual{min-height:360px;border-radius:10px 45px 10px 10px}.photo-caption>span{font-size:17px}.transport-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.transport-strip p{grid-column:1/-1;border:0;padding:10px 0 0}.transport-strip>div{grid-template-columns:1fr}.transport-icon{display:none}.transport-strip small{grid-column:1;font-size:8px;letter-spacing:.7px}}
.logistics-visual>img{object-position:right center}