/* 二次优化：将首屏的注意力集中到单号查询，并为小程序入口保留独立空间。 */
.hero {
  min-height: 214px;
  padding: 28px 52px 54px;
  background:
    radial-gradient(circle at 82% 15%, #d5e6ff 0, transparent 27%),
    linear-gradient(118deg, #e8edff, #f7fbff 73%);
}
.hero h1 { font-size: 34px; letter-spacing: -1.4px; }
.hero-text { max-width: 590px; color: #647796; }
.hero-art { height: 150px; transform: none; overflow: visible; }
.delivery-preview {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 18px;
  width: 172px;
  padding: 13px 15px 12px;
  border: 1px solid #d7e2fb;
  border-radius: 16px;
  background: #ffffffd9;
  box-shadow: 0 13px 30px #5a78a521;
  backdrop-filter: blur(8px);
}
.preview-kicker { display: block; color: #8291ac; font-size: 10px; letter-spacing: .8px; }
.delivery-preview strong { display: block; margin-top: 2px; color: #2b67da; font-size: 19px; }
.delivery-preview p { margin: 1px 0 7px; color: #536782; font-size: 11px; }
.preview-route { display: flex; align-items: center; gap: 5px; }
.preview-route i { width: 7px; height: 7px; border-radius: 50%; background: #5d82ff; }
.preview-route b { height: 2px; flex: 1; border-radius: 3px; background: repeating-linear-gradient(90deg, #8ca7fa 0 5px, transparent 5px 8px); }
.delivery-preview small { display: block; margin-top: 6px; color: #a0acc0; font-size: 10px; }
.hero-art .parcel { transform: scale(.68) rotate(-8deg); transform-origin: bottom left; }
.hero-art .parcel-b { left: 86px; bottom: -7px; transform: scale(.68) rotate(6deg); }
.hero-art .parcel-c { right: 152px; bottom: 9px; transform: scale(.68) rotate(11deg); }
.hero-art .route-line { right: 106px; top: 67px; }
.hero-art .pin-one { top: 55px; left: 42px; }
.hero-art .pin-two { top: 34px; right: 123px; }
.tracking-card { margin-top: -34px; padding: 23px 34px 22px; border-radius: 22px; }
.tracking-card .section-heading { min-height: 29px; }
.tracking-card .section-heading h2 { font-size: 23px; }
.quiet-tag { padding: 5px 9px; }
.tracking-form-row { margin-top: 13px; }
.tracking-form-row input { height: 56px; }
.primary-button { height: 56px; min-width: 170px; }
.auto-identify-note { margin-top: 11px; }
.miniapp-card { width: 202px; padding: 18px 16px 15px; }
.miniapp-card h2 { margin: 4px 0 10px; font-size: 16px; }
.miniapp-kicker { font-size: 10px; }
.qr-wrap { min-height: 145px; padding: 5px; }
.qr-wrap img { width: 136px; height: 136px; }
.miniapp-note { margin-top: 9px; font-size: 11px; }
@media (min-width: 1400px) {
  .miniapp-card { right: auto; left: calc(50% + 615px); transform: translateY(-30%); }
  .miniapp-float { right: max(24px, calc(50% - 840px)); }
}
@media (max-width: 1180px) { .miniapp-card { width: 192px; } }
@media (max-width: 760px) {
  .hero { padding: 27px 24px 49px; }
  .hero h1 { font-size: 30px; }
  .hero-art { display: none; }
  .tracking-card { margin-top: -25px; padding: 21px 18px; }
  .miniapp-card { width: 190px; }
  .qr-wrap { min-height: 132px; }
  .qr-wrap img { width: 122px; height: 122px; }
}