:root{--brand-purple:#916aff;--text:#111;--muted:rgba(0,0,0,.38);--surface:#fafafa;--radius:12px;--shadow:0 3px 14px rgba(0,0,0,.045)}
.nav-home-mark{width:28px;height:28px;border-radius:10px;background:var(--brand-purple);color:#fff;display:grid;place-items:center;font-size:22px}
.promotion-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:block;object-fit:contain}.special-price-icon{width:34px;height:34px}.package-icon{width:38px;height:33px}
.promotion-component{display:block;width:100%;height:100%;padding:0;border:0;overflow:hidden}.promotion-component img{display:block;width:100%;height:100%;object-fit:fill}.limited-time-component{border-radius:16px}.offer-stack .promotion-component{border-radius:16px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9e9ec;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text)}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}.app-shell{position:relative;width:100%;max-width:375px;min-height:100vh;margin:auto;background:var(--surface);overflow:hidden;padding-bottom:96px}.topbar{height:98px;background:linear-gradient(130deg,#fff 42%,#f6eafa);padding:12px}.status{height:28px;padding:1px 17px 0 34px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.status span{font-size:12px;letter-spacing:2px}.search-row{display:flex;gap:10px;align-items:center;margin-top:7px}.brand{width:48px;height:20px;object-fit:contain}.search-box{height:36px;flex:1;border-radius:20px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.05);display:flex;align-items:center;padding-left:11px;gap:5px;font-size:14px;color:var(--muted)}.search-box .pin{color:var(--brand-purple);font-size:13px}.search-box strong{color:#222}.search-box i{height:13px;border-left:1px solid #ddd}.search-box button{margin-left:auto;background:var(--brand-purple);color:#fff;border-radius:18px;height:28px;padding:0 12px;margin-right:4px}.hero{position:relative;margin:7px 12px 0;height:148px;border-radius:10px;overflow:hidden}.hero>img{display:block;width:100%;height:100%;object-fit:cover}.banner-dots{position:absolute;bottom:5px;left:0;right:0;text-align:center}.banner-dots button{width:8px;height:5px;padding:0;border-radius:5px;background:rgba(0,0,0,.45)}.banner-dots button.active{width:10px;background:var(--brand-purple)}.services{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 14px 14px}.services button{font-size:14px;color:rgba(0,0,0,.65);display:flex;align-items:center;flex-direction:column;gap:8px}.service-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:900}.service-icon img{width:48px;height:48px;object-fit:contain}.yellow{background:#fff6cc;color:#ffc500}.blue{background:#dff7ff;color:#58c8f3}.orange{background:#fff0d9;color:#ff9d33}.pink{background:#ffe4ef;color:#ff5b98}.promotions{height:130px;margin:0 12px 15px;display:grid;grid-template-columns:1.08fr 1fr;gap:8px}.promotions article{position:relative;overflow:hidden;border-radius:16px;text-align:left}.promotions h2{margin:12px 10px 3px;font-size:20px;font-weight:900}.promotions p{margin:0 10px;font-size:12px;color:var(--muted)}.flash-sale{background:linear-gradient(135deg,#e8d4ff,#f2e7ff 65%,#fff)}.flash-sale .cleaning-kit{font-size:38px;position:absolute;right:9px;bottom:8px}.flash-sale button{position:absolute;left:12px;bottom:12px;background:#9566ff;color:#fff;font-weight:800;border-radius:15px;padding:4px 10px}.offer-stack{display:grid;grid-template-rows:1fr 1fr;gap:8px}.offer-stack article:first-child{background:linear-gradient(110deg,#ffe0ee,#fff)}.offer-stack article:last-child{background:linear-gradient(110deg,#dff8ff,#fff)}.offer-stack h2{font-size:17px;margin:10px 12px 2px}.offer-stack .bag{position:absolute;right:16px;top:13px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#ff6caf;color:#fff;font-size:24px}.offer-stack article:last-child .bag{background:#66c7ec}.tabs{display:flex;gap:25px;align-items:center;overflow-x:auto;padding:4px 13px 10px;scrollbar-width:none;white-space:nowrap}.tabs button{padding:0;font-size:16px;color:var(--muted)}.tabs button.active{font-size:18px;color:#111;font-weight:800;position:relative}.tabs button.active:after{content:"";position:absolute;width:20px;height:3px;border-radius:3px;background:var(--brand-purple);left:50%;bottom:-8px;transform:translateX(-50%)}.product-list{padding:0 12px;display:grid;gap:10px}.product-card{height:134px;background:#fff;border-radius:10px;box-shadow:var(--shadow);position:relative;padding:12px;display:grid;grid-template-columns:82px 1fr;gap:9px}.product-photo{width:82px;height:82px;border-radius:6px;background:linear-gradient(135deg,#e6e4df,#c6b9aa);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.photo-two{background:linear-gradient(135deg,#efe8df,#ad9076)}.product-photo span{font-size:10px;background:rgba(255,255,255,.8);padding:3px;width:100%;text-align:center}.product-info h3{margin:0;font-size:16px;line-height:18px}.tags{display:flex;gap:4px;margin-top:7px}.tags span{font-size:9px;padding:2px 3px;background:#f1fcdf;color:#29ad0b}.tags span:first-child{background:#fff3cf;color:#ff9e2d}.product-info>p{font-size:10px;color:var(--muted);margin:6px 0}.price{display:flex;align-items:end;color:#e33}.price strong{font-size:20px}.price small{font-size:9px;color:#e33}.price small:last-child{color:var(--muted)}.more{position:absolute;right:10px;top:7px;color:#777;font-size:22px}.buy{position:absolute;right:12px;top:68px;background:var(--brand-purple);color:#fff;border-radius:18px;font-size:12px;width:56px;height:28px}.orders{position:absolute;left:12px;bottom:7px;font-size:10px;color:#555}.orders .avatars{color:var(--brand-purple)}.orders em{font-style:normal;color:#bbb;margin-left:42px}.empty-card{height:80px;display:grid;place-items:center;color:var(--muted);background:#fff;border-radius:10px}.hidden{display:none!important}.concierge{height:56px;margin:12px;border-radius:14px;background:linear-gradient(110deg,#fff2db,#fff);box-shadow:var(--shadow);display:flex;align-items:center;padding:8px 12px;gap:10px}.mascot{width:42px;height:42px;border-radius:50%;background:linear-gradient(150deg,#6c49dc,#bd9eff);color:#fff;display:grid;place-items:center;font-size:24px}.concierge strong{font-size:14px}.concierge p{font-size:10px;color:var(--muted);margin:5px 0}.concierge button{margin-left:auto;background:linear-gradient(90deg,#ff9c43,#ff7239);color:#fff;font-size:12px;border-radius:16px;padding:7px 12px}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:375px;height:90px;padding:7px 16px calc(20px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);box-shadow:0 -4px 16px rgba(0,0,0,.03)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:#bbb}.bottom-nav button.active{color:#111;font-weight:700}.bottom-nav img{width:28px;height:28px;object-fit:contain}.bottom-nav>i{position:absolute;bottom:8px;left:50%;width:134px;height:5px;border-radius:5px;background:#000;transform:translateX(-50%)}button:focus-visible{outline:3px solid rgba(145,106,255,.4);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:340px){.promotions{grid-template-columns:1fr}.offer-stack{display:none}.services{padding-inline:6px}.tabs{gap:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}