:root{--touch:96px;--fs-base:24px;--fs-name:30px;--fs-price:36px;--fs-title:40px;--radius:24px;--gap:20px;--ink:#1a1a1a;--muted:#6b6b6b;--bg:#f5f3ef;--card:#ffffff;--brand:#2e7d32;--danger:#c62828;--info:#1976d2}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-size:var(--fs-base);font-family:-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}button{font-family:inherit;border:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.page{padding:20px 24px 180px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card);box-shadow:0 2px 12px rgb(0 0 0/.08)}.topbar h1{margin:0;font-size:var(--fs-title);flex:1 1}.eta{background:#e8f5e9;color:#1b5e20;font-size:28px;font-weight:800;padding:10px 20px;border-radius:999px;white-space:nowrap}.backbtn{width:72px;height:72px;border-radius:36px;background:#eceff1;font-size:36px;line-height:1}.cats{display:flex;gap:16px;overflow-x:auto;padding:20px 0;-webkit-overflow-scrolling:touch}.cat{flex:0 0 auto;width:160px;height:160px;border-radius:var(--radius);background:var(--card);box-shadow:0 3px 10px rgb(0 0 0/.08);display:grid;place-items:center;grid-gap:6px;gap:6px;font-size:26px;font-weight:700}.cat .icon{font-size:56px}.cat[aria-pressed=true]{background:var(--brand);color:#fff}.grid{display:grid;grid-gap:var(--gap);gap:var(--gap);grid-template-columns:repeat(2,1fr)}@media (orientation:landscape){.grid{grid-template-columns:repeat(4,1fr)}}.card{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:0 4px 16px rgb(0 0 0/.12);overflow:hidden;padding-bottom:calc(var(--touch) + 24px)}.card .pic{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e9e6e1}.card .body{padding:14px 16px 8px}.card .name{font-size:var(--fs-name);font-weight:700;line-height:1.3;min-height:2.6em}.card .price{font-size:var(--fs-price);font-weight:800;color:var(--danger);margin-top:6px}.card .sub{font-size:22px;color:var(--muted);margin-top:4px}.card--off{filter:grayscale(1);opacity:.6}.card--off .off-tag{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--danger);color:#fff;font-size:34px;font-weight:900;padding:10px 24px;border-radius:14px;white-space:nowrap;box-shadow:0 4px 14px rgb(0 0 0/.3);filter:grayscale(0)}.card--soon .soon-tag{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#f9a825;color:#3e2723;font-size:22px;font-weight:800;padding:6px 16px;border-radius:999px}.c-bl,.c-br,.c-tl,.c-tr{position:absolute;z-index:2}.c-tl{top:12px;left:12px}.c-tr{top:12px;right:12px}.c-bl{bottom:14px;left:14px}.c-br{bottom:14px;right:14px}.badge-qty{min-width:64px;height:64px;padding:0 12px;border-radius:32px;background:var(--info);color:#fff;font-size:34px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 10px rgb(0 0 0/.3)}.btn-speak{width:76px;height:76px;border-radius:38px;background:#eef4ff;font-size:36px;line-height:1;box-shadow:0 2px 8px rgb(0 0 0/.18)}.btn-speak:active{background:#c9dcff}.btn-minus,.btn-plus{width:var(--touch);height:var(--touch);border-radius:26px;font-size:60px;font-weight:900;line-height:1;color:#fff;box-shadow:0 3px 10px rgb(0 0 0/.25);display:grid;place-items:center}.btn-plus{background:var(--brand)}.btn-minus{background:#8d8d8d}.btn-minus:active,.btn-plus:active{transform:scale(.94)}.btn-minus:disabled,.btn-plus:disabled{opacity:.28;box-shadow:none}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:20px;padding:18px 24px calc(18px + env(safe-area-inset-bottom));background:var(--card);box-shadow:0 -4px 20px rgb(0 0 0/.15)}.cartbar .sum{flex:1 1;font-size:32px;font-weight:800}.cartbar .sum small{display:block;font-size:22px;font-weight:500;color:var(--muted)}.btn-submit{min-width:300px;height:108px;border-radius:28px;background:var(--brand);color:#fff;font-size:42px;font-weight:900}.btn-submit:disabled{background:#bdbdbd}.sheet{position:fixed;inset:0;z-index:50;background:rgb(0 0 0/.55);display:grid;place-items:center;padding:32px}.sheet .box{background:var(--card);border-radius:32px;padding:48px 40px;max-width:720px;text-align:center;box-shadow:0 12px 40px rgb(0 0 0/.4)}.sheet .big{font-size:46px;font-weight:900;line-height:1.4}.sheet .actions{display:flex;gap:20px;justify-content:center;margin-top:36px;flex-wrap:wrap}.sheet button{min-width:220px;height:96px;border-radius:24px;font-size:34px;font-weight:800}.sheet .primary{background:var(--brand);color:#fff}.sheet .ghost{background:#e0e0e0;color:var(--ink)}.loading{padding:80px 24px;text-align:center;font-size:34px;color:var(--muted)}