/* 首页物流查询区域：以单号输入为核心，减少首屏干扰。 */
main { max-width: 1180px; padding-top: 10px; }
.hero { min-height: 238px; padding: 32px 54px 62px; grid-template-columns: 1.45fr .55fr; border-radius: 28px; }
.hero h1 { font-size: 37px; }
.hero-text { margin: 10px 0 13px; font-size: 15px; }
.trust-list span { padding: 5px 9px; }
.hero-art { height: 142px; transform: scale(.72); transform-origin: center right; }
.tracking-card { position: relative; z-index: 2; margin-top: -40px; padding: 27px 34px 26px; box-shadow: 0 18px 42px #415b9414; }
.tracking-card .section-heading { align-items: center; }
.tracking-card .section-heading h2 { font-size: 24px; }
.tracking-form-row { margin-top: 17px; }
.tracking-form-row input { height: 58px; border: 2px solid #6a88ff; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 3px #f5f7ff; }
.tracking-form-row input:focus { border-color: #456cff; box-shadow: 0 0 0 4px #5479ff1a; }
.primary-button { min-width: 178px; height: 58px; }
.auto-identify-note { display: flex; align-items: center; gap: 7px; margin: 13px 2px 0; color: #7a89a2; font-size: 12px; }
.auto-identify-note span { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: #e9f8f3; color: #1ba883; font-size: 11px; font-weight: 900; }
.phone-verification { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding: 13px 15px; border: 1px solid #cbd7ff; border-radius: 14px; background: #f6f8ff; }
.phone-verification[hidden] { display: none; }
.phone-verification label { color: #566786; font-size: 13px; }
.phone-verification strong { color: #3e63dc; }
.phone-verification > div { display: flex; gap: 8px; }
.phone-verification input { width: 175px; height: 38px; padding: 0 12px; border: 1px solid #cfd9f0; border-radius: 9px; outline: 0; color: #1b2745; background: #fff; font-size: 13px; }
.phone-verification input:focus { border-color: #5c7dff; box-shadow: 0 0 0 3px #5479ff17; }
.phone-verification button { height: 38px; padding: 0 15px; border: 0; border-radius: 9px; background: #5276ff; color: #fff; font-weight: 700; cursor: pointer; }
.miniapp-card { width: 230px; right: 28px; padding: 22px 20px 18px; border-radius: 22px; box-shadow: 0 18px 46px #2f488336; }
.miniapp-kicker { font-size: 11px; }
.miniapp-card h2 { margin: 5px 0 13px; font-size: 18px; }
.qr-wrap { min-height: 170px; padding: 6px; border-radius: 15px; }
.qr-wrap img { width: 160px; height: 160px; }
.miniapp-note { margin-top: 12px; font-size: 12px; }
.miniapp-float { position: fixed; right: 24px; bottom: 26px; z-index: 10; padding: 12px 16px; border: 0; border-radius: 99px; background: #456cff; color: #fff; box-shadow: 0 10px 24px #436bf144; cursor: pointer; font-size: 13px; font-weight: 750; }
.miniapp-float[hidden] { display: none; }
@media (max-width: 1180px) { .miniapp-card { right: 12px; width: 210px; transform: translateY(-10%) scale(.92); } }
@media (max-width: 760px) { main { padding-top: 7px; } .hero { min-height: 0; padding: 29px 24px 52px; } .hero h1 { font-size: 31px; } .tracking-card { margin-top: -28px; padding: 23px 18px; } .tracking-card .section-heading h2 { font-size: 22px; } .tracking-form-row input, .primary-button { height: 54px; } .auto-identify-note { align-items: flex-start; line-height: 1.5; } .phone-verification { display: block; margin-top: 14px; } .phone-verification > div { margin-top: 9px; } .phone-verification input { width: 100%; } .phone-verification button { flex: 0 0 auto; } .miniapp-card { width: 202px; right: 16px; padding: 18px 16px 15px; } .qr-wrap { min-height: 142px; } .qr-wrap img { width: 132px; height: 132px; } .miniapp-float { right: 16px; bottom: 18px; } }