:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html{background:#f4f7fb}body{min-width:320px;min-height:100dvh;margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}#root{min-height:100dvh}.app{--blue:#08a8ff;--blue-deep:#0575df;--blue-soft:#e9f7ff;--orange:#ff7a1a;--red:#f34b31;--green:#18a866;--ink:#162033;--muted:#6f7b8c;--line:#e7edf5;--surface:#fff;--page:#f4f7fb;width:min(430px,100vw);min-height:100dvh;color:var(--ink);background:var(--page);margin:0 auto;position:relative;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}img{display:block}.home-screen,.merchant-screen{padding-bottom:142px}.home-hero{color:#fff;background:linear-gradient(160deg,#00b7ff 0%,#0796f2 58%,#0272d9 100%);border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:18px 18px 20px}.hero-top,.brand-row,.location,.search-box,.coupon-strip,.section-head,.meta-row,.price-row,.panel-title,.pay-card,.eta-card,.cart-bar,.notice-line{align-items:center;display:flex}.hero-top,.brand-row,.section-head,.price-row,.panel-title,.cart-bar{justify-content:space-between}.location{gap:8px;min-width:0}.location-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.location span,.location strong,.coupon-strip strong,.coupon-strip span,.store-card strong,.store-card span,.merchant-info p,.checkout-line strong,.checkout-line span,.pay-card strong,.pay-card span,.eta-card strong,.eta-card span{display:block}.location span{opacity:.78;font-size:12px}.location strong{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:15px;overflow:hidden}.ghost-icon{width:38px;height:38px;color:inherit;background:#ffffff2e;border:0;border-radius:50%;place-items:center;display:inline-grid}.brand-row{gap:18px;margin:22px 0 10px}.brand-lockup{align-items:center;gap:13px;min-width:0;display:flex}.brand-logo{background:0 0;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #04569e33}.brand-logo img{object-fit:cover;width:100%;height:100%}.brand-lockup p,.section-head p,.eyebrow{color:inherit;margin:0;font-size:13px;font-weight:800}.brand-lockup h1{letter-spacing:0;margin:2px 0 0;font-size:40px;line-height:.98}.brand-badge{width:50px;height:50px;color:var(--blue-deep);background:#fff;border-radius:16px;flex:none;place-items:center;display:grid;box-shadow:0 12px 28px #04569e2e}.hero-question{letter-spacing:0;margin:6px 0 16px;font-size:24px;font-weight:950;line-height:1.16}.search-box{color:#8b97a6;background:#fff;border-radius:14px;gap:9px;height:48px;padding:0 14px;box-shadow:0 12px 26px #04569e26}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.quick-cats{scroll-snap-type:x mandatory;grid-template-columns:repeat(7,minmax(64px,1fr));gap:10px;padding:16px 14px 8px;display:grid;overflow-x:auto}.quick-cats::-webkit-scrollbar{display:none}.store-strip::-webkit-scrollbar{display:none}.cat{min-width:64px;color:var(--ink);scroll-snap-align:start;text-align:center;background:0 0;border:0;padding:0}.cat span{width:46px;height:46px;color:var(--blue-deep);background:#fff;border-radius:14px;place-items:center;margin:0 auto 6px;display:grid;box-shadow:0 8px 20px #17417214}.cat strong,.cat em{font-style:normal;display:block}.cat strong{font-size:13px;line-height:1.2}.cat em{color:var(--muted);margin-top:2px;font-size:11px}.cat.active span{color:#fff;background:var(--blue)}.cat.active strong{color:var(--blue-deep)}.coupon-strip{color:#7a3100;background:linear-gradient(135deg,#fff5dc,#ffe2c1);border:1px solid #ffd1a1;border-radius:14px;gap:11px;margin:10px 14px 18px;padding:12px 14px}.coupon-strip strong{font-size:14px;line-height:1.2}.coupon-strip span{color:#9b5a18;margin-top:3px;font-size:12px}.section-head{padding:6px 16px 10px}.section-head.compact{padding:0 4px 10px}.section-head p{color:var(--blue-deep)}.section-head h2{letter-spacing:0;margin:2px 0 0;font-size:21px;line-height:1.18}.result-count{color:var(--muted);font-size:13px;font-weight:800}.store-strip{gap:11px;padding:0 14px 18px;display:flex;overflow-x:auto}.store-card{text-align:left;width:132px;color:var(--ink);background:0 0;border:0;flex:none;padding:0}.store-card img{object-fit:cover;background:var(--blue-soft);border-radius:14px;width:132px;height:90px}.store-card strong,.store-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-card strong{margin-top:8px;font-size:14px;line-height:1.2}.store-card span{color:var(--muted);margin-top:3px;font-size:12px}.merchant-list{gap:10px;padding:0 12px;display:grid}.merchant-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.merchant-card button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:92px 1fr;gap:11px;padding:11px;display:grid}.merchant-card img{object-fit:cover;background:var(--blue-soft);border-radius:8px;width:92px;height:92px}.merchant-info{min-width:0}.merchant-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.merchant-title h3{letter-spacing:0;min-width:0;margin:0;font-size:17px;line-height:1.2}.merchant-title span{color:#d24a00;white-space:nowrap;background:#fff2e7;border-radius:5px;flex:none;max-width:86px;padding:2px 5px;font-size:10px;font-weight:900}.merchant-info p{color:var(--muted);margin:4px 0 0;font-size:12px}.meta-row{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:7px;font-size:11px}.meta-row span{align-items:center;gap:2px;display:inline-flex}.meta-row span:first-child{color:var(--orange);font-weight:900}.merchant-dishes{gap:5px;margin-top:8px;display:flex;overflow:hidden}.merchant-dishes em,.tag-row em{color:#d24a00;white-space:nowrap;background:#fff2e7;border-radius:5px;padding:2px 5px;font-size:10px;font-style:normal;line-height:1.35}.merchant-hero{background:var(--blue-soft);height:180px;position:relative;overflow:hidden}.merchant-hero img{object-fit:cover;width:100%;height:100%}.merchant-hero:after{content:"";background:linear-gradient(#00000029,#00000061);position:absolute;inset:0}.top-back{z-index:2;color:var(--ink);background:#ffffffeb;position:relative}.merchant-hero .top-back{position:absolute;top:14px;left:14px}.merchant-summary{z-index:3;border:1px solid var(--line);background:#fff;border-radius:8px;margin:-20px 12px 0;padding:16px;position:relative}.merchant-summary h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.15}.merchant-summary p{color:var(--muted);margin:5px 0 0;font-size:13px}.notice-line{color:var(--orange);gap:6px;margin-top:10px;font-size:13px;font-weight:900}.tag-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.menu-shell{padding:14px 12px 0}.menu-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.dish-row{border-bottom:1px solid var(--line);grid-template-columns:94px 1fr;gap:12px;padding:13px 12px;display:grid}.dish-row:last-child{border-bottom:0}.dish-row>img{object-fit:cover;background:var(--blue-soft);border-radius:8px;width:94px;height:94px}.dish-main{min-width:0}.dish-title h3{letter-spacing:0;margin:0;font-size:16px;line-height:1.24}.dish-title span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.price-row{gap:8px;margin-top:10px}.price-row strong{color:var(--red);font-size:18px;line-height:1}.price-row del{color:#a5aeb9;margin-left:5px;font-size:12px}.add-btn,.quantity button{border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid}.add-btn{color:#fff;background:var(--blue);box-shadow:0 7px 14px #08a8ff40}.quantity{align-items:center;gap:8px;display:inline-flex}.quantity button:first-child{color:var(--blue);background:var(--blue-soft)}.quantity button:last-child{color:#fff;background:var(--blue)}.quantity strong{min-width:14px;color:var(--ink);text-align:center;font-size:14px}.bottom-nav{z-index:20;width:min(430px,100vw);height:62px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#8792a1;background:0 0;border:0;justify-items:center;gap:2px;font-size:11px;font-weight:800;display:grid}.bottom-nav button.active{color:var(--blue-deep)}.tab-screen{padding:18px 14px 92px}.tab-header{padding:8px 2px 12px}.tab-header p{color:var(--blue-deep);margin:0;font-size:13px;font-weight:900}.tab-header h1{letter-spacing:0;margin:4px 0 0;font-size:28px;line-height:1.15}.empty-tab{text-align:center;min-height:220px;color:var(--muted);place-items:center;display:grid}.empty-tab h2{color:var(--ink);margin:0;font-size:20px}.empty-tab p{margin:4px 0 0;font-size:13px}.secondary-action,.primary-mini{border:0;border-radius:8px;height:38px;padding:0 14px;font-size:13px;font-weight:900}.secondary-action{color:var(--blue-deep);background:var(--blue-soft);margin-top:12px}.primary-mini{color:#fff;background:var(--blue);margin-top:12px}.order-list,.coupon-list{gap:10px;display:grid}.order-card,.coupon-card,.profile-card{border:1px solid var(--line);background:#fff;border-radius:8px}.order-card{padding:14px}.order-head,.order-meta,.profile-row,.profile-user{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-head h2{margin:0;font-size:17px;line-height:1.2}.order-head span,.order-meta span,.order-address,.profile-card span,.profile-card em,.coupon-card span{color:var(--muted);font-size:12px}.order-head strong{color:var(--blue-deep);flex:none;font-size:13px}.order-lines{gap:8px;margin-top:12px;display:grid}.order-line{grid-template-columns:42px 1fr;align-items:center;gap:9px;display:grid}.order-line img{object-fit:cover;background:var(--blue-soft);border-radius:8px;width:42px;height:42px}.order-line span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.order-meta{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.order-meta strong{color:var(--red)}.order-address{margin:6px 0 0}.coupon-card{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.coupon-card strong,.coupon-card span{display:block}.coupon-card strong{font-size:22px;line-height:1.1}.coupon-card button{color:#fff;background:var(--blue);border:0;border-radius:8px;flex:none;height:36px;padding:0 12px;font-size:13px;font-weight:900}.coupon-card.orange button{background:var(--orange)}.coupon-card.green button{background:var(--green)}.profile-card{margin-top:10px;padding:14px}.profile-user{justify-content:flex-start}.profile-avatar{color:#fff;background:var(--blue);border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:950;display:grid}.profile-card strong,.profile-card span,.profile-card em{display:block}.profile-card strong{margin-top:3px;font-size:16px}.profile-card em{text-align:right;font-style:normal}.profile-row+.profile-row{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.profile-stats div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;min-width:0;padding:14px 8px}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{color:var(--blue-deep);font-size:18px;line-height:1.1}.profile-stats span{color:var(--muted);margin-top:4px;font-size:12px}.cart-bar{z-index:25;color:#fff;background:#1d2633;border-radius:8px;gap:12px;width:calc(min(430px,100vw) - 24px);min-height:62px;padding:9px 10px;transition:transform .22s;position:fixed;bottom:64px;left:50%;transform:translate(-50%)translateY(152px);box-shadow:0 14px 32px #0f172a38}.cart-bar.show{transform:translate(-50%)translateY(0)}.cart-bag{background:var(--blue);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.cart-bag span{color:#fff;background:var(--red);border-radius:99px;place-items:center;min-width:18px;height:18px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.cart-bar>div:nth-child(2){flex:1;min-width:0}.cart-bar strong,.cart-bar span{display:block}.cart-bar strong{font-size:18px;line-height:1.1}.cart-bar span{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.cart-bar button,.primary-action{color:#fff;background:var(--blue);border:0;font-weight:900}.cart-bar button{border-radius:8px;height:42px;padding:0 17px}.cart-bar button:disabled{opacity:.6}.checkout-screen,.tracking-screen,.delivered-screen{padding:18px 14px 26px}.checkout-screen .top-back{position:static}.checkout-header{margin-top:12px;padding:18px 4px 10px}.checkout-header p,.checkout-header span,.delivered-card p,.delivered-card span,.empty-state p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.checkout-header h1,.tracking-hero h1,.delivered-card h1,.empty-state h1{letter-spacing:0;margin:5px 0;font-size:28px;line-height:1.15}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:12px;padding:15px}.address-panel{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.address-panel>div{min-width:0}.address-panel h2{margin:3px 0;font-size:17px;line-height:1.25}.address-panel span{color:var(--muted);font-size:13px}.text-action{color:var(--blue-deep);background:var(--blue-soft);border:0;border-radius:8px;flex:none;padding:8px 10px;font-size:13px;font-weight:900}.eyebrow{color:var(--blue-deep)}.panel-title h2{margin:0;font-size:18px}.panel-title span{color:var(--muted);font-size:13px}.checkout-lines{gap:12px;margin-top:12px;display:grid}.checkout-line{grid-template-columns:48px 1fr auto;align-items:center;gap:10px;display:grid}.checkout-line img{object-fit:cover;background:var(--blue-soft);border-radius:8px;width:48px;height:48px}.checkout-line strong{font-size:14px;line-height:1.2}.checkout-line span{color:var(--muted);margin-top:3px;font-size:12px}.checkout-line em{color:var(--ink);font-size:13px;font-style:normal;font-weight:800}.bill-panel{gap:10px;display:grid}.bill-panel>div{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.bill-panel strong{color:var(--ink)}.bill-panel .discount,.bill-panel .discount strong{color:var(--orange)}.bill-panel .bill-total{border-top:1px dashed var(--line);color:var(--ink);margin-top:4px;padding-top:12px;font-weight:900}.bill-total strong{color:var(--red);font-size:22px}.payment-panel{padding-bottom:8px}.payment-list{gap:8px;margin-top:12px;display:grid}.payment-option{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:38px 1fr 24px;align-items:center;gap:10px;padding:11px;display:grid}.payment-option.active{background:var(--blue-soft);border-color:#08a8ff80}.payment-mark{color:#fff;background:#2d6cdf;border-radius:8px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:950;display:grid}.payment-mark.wechat{background:#19b35a}.payment-mark.alipay{background:#1677ff}.payment-option strong,.payment-option em{display:block}.payment-option em{color:var(--muted);margin-top:2px;font-size:12px;font-style:normal}.payment-option svg{color:#b5c0cf}.payment-option.active svg{color:var(--blue-deep)}.sheet-backdrop{z-index:60;background:#16203361;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.address-sheet{width:min(430px,100vw);padding:16px 14px calc(18px + env(safe-area-inset-bottom));background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -18px 40px #0f172a2e}.sheet-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-title h2{margin:0;font-size:19px}.sheet-title button{color:var(--muted);background:0 0;border:0;font-size:14px;font-weight:800}.address-sheet label{gap:6px;margin-top:10px;display:grid}.address-sheet label span{color:var(--muted);font-size:13px;font-weight:800}.address-sheet input{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 12px}.address-sheet input:focus{border-color:#08a8ffb3;box-shadow:0 0 0 3px #08a8ff1f}.primary-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:54px;margin-top:16px;font-size:16px;display:inline-flex;box-shadow:0 14px 28px #08a8ff42}.tracking-screen{background:linear-gradient(180deg, var(--blue-soft), transparent 260px), var(--page)}.tracking-hero{text-align:center}.tracking-hero .ghost-icon{color:var(--ink);background:#fff;position:absolute;top:18px;left:14px}.rider-bubble{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-deep));border-radius:28px;place-items:center;width:92px;height:92px;margin:28px auto 14px;display:grid;box-shadow:0 22px 40px #08a8ff42}.tracking-hero p{color:var(--blue-deep);margin:0;font-weight:900}.tracking-hero span{color:var(--muted);font-size:14px}.map-panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:22px;padding:12px}.map-route{background:radial-gradient(circle at 18% 20%,#08a8ff24,#0000 28%),radial-gradient(circle at 80% 76%,#18b46b1f,#0000 24%),#edf7fc;border-radius:8px;min-height:238px;display:block;position:relative;overflow:hidden}.map-route:before{content:"";background-image:linear-gradient(#ffffff8a 1px,#0000 1px),linear-gradient(90deg,#ffffff8a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.map-grid,.street,.block,.route-segment,.route-node,.moving-rider,.map-label{position:absolute}.map-grid{z-index:1;inset:0}.street{background:#ffffffe0;border-radius:999px;height:18px;box-shadow:0 1px #708fad1f}.street-a{width:250px;top:46px;left:-28px;transform:rotate(-13deg)}.street-b{width:280px;top:108px;right:-38px;transform:rotate(21deg)}.street-c{width:230px;bottom:48px;left:40px;transform:rotate(-24deg)}.street-d{width:190px;top:22px;left:126px;transform:rotate(84deg)}.block{background:#ffffff8a;border:1px solid #cbe1eec7;border-radius:8px;width:58px;height:42px}.block-a{top:88px;left:52px}.block-b{top:46px;right:64px}.block-c{bottom:58px;right:34px}.map-label{z-index:5;background:#fffffff0;border:1px solid #dae6f0e6;border-radius:8px;align-items:center;gap:7px;max-width:160px;padding:8px 10px;display:flex;box-shadow:0 10px 24px #284c6c1f}.map-label strong,.map-label span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.map-label strong{font-size:12px;line-height:1.1}.map-label span{color:var(--muted);margin-top:2px;font-size:10px}.shop-label{color:var(--orange);bottom:16px;left:13px}.home-label{color:var(--green);top:14px;right:13px}.route-segment{z-index:3;transform-origin:0;background:#08a8ff59;border-radius:999px;height:8px;box-shadow:0 0 0 4px #08a8ff14}.route-a{width:105px;top:170px;left:60px;transform:rotate(-34deg)}.route-b{width:70px;top:112px;left:148px;transform:rotate(24deg)}.route-c{width:78px;top:140px;left:210px;transform:rotate(-48deg)}.route-d{width:62px;top:82px;left:263px;transform:rotate(-14deg)}.route-node{z-index:4;background:var(--blue);border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 4px 12px #08a8ff3d}.node-start{top:165px;left:56px}.node-mid{top:133px;left:206px}.node-end{top:70px;right:48px}.moving-rider{--ride-progress:0%;z-index:6;color:#fff;background:var(--blue);offset-path:path("M 62 168 C 112 98 154 98 192 126 C 232 154 248 83 326 69");offset-distance:var(--ride-progress);offset-rotate:0deg;border-radius:14px;place-items:center;width:42px;height:42px;transition:offset-distance .5s;display:grid;transform:translate(-50%,-50%);box-shadow:0 12px 24px #08a8ff52}.moving-rider svg{animation:.8s ease-in-out infinite rider-bob}@keyframes rider-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.eta-card{color:var(--ink);background:var(--blue-soft);border-radius:8px;gap:9px;margin-top:10px;padding:12px}.eta-card span{color:var(--muted);margin-top:3px;font-size:12px}.tracking-list{gap:14px;display:grid}.step{color:#a4adba;grid-template-columns:24px 1fr;gap:10px;display:grid}.step.done{color:var(--blue-deep)}.step strong,.step span{display:block}.step strong{color:var(--ink);font-size:14px}.step span{color:var(--muted);margin-top:2px;font-size:12px}.delivered-screen,.empty-state{place-items:center;display:grid}.delivered-screen{background:radial-gradient(circle at 50% 8%, #dff4ff, transparent 38%), var(--page)}.delivered-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:28px 20px}.success-mark{color:#fff;background:var(--green);border-radius:26px;place-items:center;width:86px;height:86px;margin:0 auto 16px;display:grid}.receipt-mini{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px;display:grid}.receipt-mini div{background:var(--page);border-radius:8px;padding:12px}.receipt-mini span,.receipt-mini strong{display:block}.receipt-mini span{color:var(--muted);font-size:12px}.receipt-mini strong{color:var(--red);margin-top:4px;font-size:20px}.empty-state{text-align:center;min-height:70dvh;color:var(--muted)}@media (width>=431px){body{background:#edf6ff}.app{box-shadow:0 0 0 1px #08a8ff14,0 24px 80px #09478224}}@media (width<=360px){.quick-cats{gap:8px}.merchant-card button{grid-template-columns:82px 1fr}.merchant-card img,.dish-row>img{width:82px;height:82px}.dish-row{grid-template-columns:82px 1fr;gap:10px}.brand-lockup h1{font-size:34px}}