*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:linear-gradient(135deg,#eef4ff 0%,#f7fbff 42%,#fff 100%);color:#172033}.page-shell{max-width:1120px;margin:0 auto;padding:32px 18px 42px}.hero{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#103b7a 0%,#1164c5 55%,#20a4f3 100%);padding:46px;box-shadow:0 28px 80px rgba(16,72,140,.22);color:#fff}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:999px;background:rgba(255,255,255,.13)}.hero__badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.hero h1{font-size:42px;line-height:1.16;margin:18px 0 12px}.hero p{max-width:690px;margin:0;color:rgba(255,255,255,.84);font-size:17px;line-height:1.8}.search-card{position:relative;margin-top:34px;display:grid;grid-template-columns:minmax(260px,1fr) 150px;gap:14px;padding:16px;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(5,32,72,.2)}.input-group{display:flex;flex-direction:column;gap:7px}.is-hidden{display:none!important}.input-group label{font-size:13px;color:#60708b;font-weight:700}.input-group input,.input-group select{height:48px;border:1px solid #d9e3f2;border-radius:14px;padding:0 14px;font-size:15px;color:#152238;background:#fff;outline:none}.input-group input:focus,.input-group select:focus{border-color:#2d7df0;box-shadow:0 0 0 4px rgba(45,125,240,.12)}.btn-primary{height:48px;align-self:end;border:0;border-radius:14px;background:linear-gradient(135deg,#1769e9,#0bb5ff);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 22px rgba(23,105,233,.28)}main{margin-top:24px}.result-card,.timeline-card,.empty-card{background:rgba(255,255,255,.92);border:1px solid #e6edf7;border-radius:26px;padding:26px;box-shadow:0 18px 50px rgba(17,45,78,.08);backdrop-filter:blur(10px)}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow{color:#2075e8;font-weight:800;font-size:13px}.result-head h2{margin:8px 0 5px;font-size:30px}.result-head p{margin:0;color:#66758f}.status-pill{white-space:nowrap;border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px}.status-delivered{background:#e9f9ef;color:#137a3b}.status-delivering{background:#fff4df;color:#aa6400}.status-transit,.status-accepted,.status-unknown{background:#edf5ff;color:#1b66c9}.status-exception{background:#ffecec;color:#b42318}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:24px}.summary-grid div{padding:16px;border-radius:18px;background:#f7faff;border:1px solid #edf2fa}.summary-grid span{display:block;color:#71809a;font-size:13px;margin-bottom:8px}.summary-grid strong{font-size:16px;color:#13243b;word-break:break-all}.timeline-card{margin-top:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title h3{margin:0;font-size:22px}.section-title span{color:#72819b}.timeline{padding:6px 0}.timeline-item{display:grid;grid-template-columns:180px 28px minmax(0,1fr);gap:14px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:193px;top:28px;bottom:-4px;width:2px;background:#e1eaf6}.timeline-item time{padding-top:3px;color:#66758f;font-size:14px}.timeline-dot{width:13px;height:13px;margin-top:5px;border-radius:50%;background:#b8c8dc;border:3px solid #fff;box-shadow:0 0 0 2px #dbe6f5;z-index:1}.timeline-item.is-latest .timeline-dot{background:#1c74ed;box-shadow:0 0 0 5px rgba(28,116,237,.16)}.timeline-content{padding:0 0 22px}.timeline-content strong{display:block;color:#13243b;font-size:16px;line-height:1.55}.timeline-content p{margin:6px 0 0;color:#61708a;line-height:1.65}.location{font-weight:700;color:#41516b!important}.image-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.image-list a{display:inline-flex;border-radius:999px;background:#edf5ff;color:#1769e9;text-decoration:none;padding:7px 11px;font-weight:700;font-size:13px}.empty-card{text-align:center;padding:42px 26px}.empty-card h2{margin:0 0 10px}.empty-card p{margin:0 auto;max-width:680px;color:#66758f;line-height:1.8}.channel-list{margin-top:22px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.channel-list span{padding:9px 13px;border-radius:999px;background:#edf5ff;color:#1b66c9;font-weight:700}.error-card{border-color:#ffd6d6;background:#fffafa}.error-card details{margin-top:18px;text-align:left}.error-card pre{white-space:pre-wrap;background:#fff3f3;border-radius:14px;padding:14px;color:#973131}footer{text-align:center;color:#7b8aa5;margin-top:28px;font-size:13px}@media(max-width:820px){.hero{padding:30px 22px;border-radius:24px}.hero h1{font-size:31px}.search-card{grid-template-columns:1fr}.btn-primary{width:100%}.summary-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:1fr}.timeline-item:not(:last-child):before,.timeline-dot{display:none}.timeline-item time{font-weight:800;color:#1c74ed}.result-head{flex-direction:column}.status-pill{white-space:normal}.page-shell{padding:18px 12px 30px}}@media(max-width:520px){.summary-grid{grid-template-columns:1fr}.hero p{font-size:15px}.result-card,.timeline-card,.empty-card{padding:20px}.timeline-content{padding-bottom:18px}}