:root{color:#17352d;font-synthesis:none;background:#f7f3e8;font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f0ead9 0,#fbfaf4 22rem);min-width:320px;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#e45c32;border:0;border-radius:999px;padding:.8rem 1.1rem;font-weight:750}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #f4b942}main{max-width:760px;margin:auto;padding:0 1rem 6.5rem}.hero{padding:2.6rem 0 1.5rem}.hero h1{color:#17352d;max-width:12ch;margin:.35rem 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(2rem,8vw,3.8rem);line-height:1.05}.eyebrow{letter-spacing:.18em;color:#b64a29;margin:0;font-size:.72rem;font-weight:850}.section-title{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-title h2,section>h2{margin:.25rem 0 1rem;font-family:Georgia,Noto Serif TC,serif;font-size:1.8rem}.ghost{color:#17352d;background:0 0;border:1px solid #9aa99e}.secondary{background:#315f50;margin:.7rem 0 1.2rem}.danger{background:#a13d25;margin-top:1rem}.field{flex-direction:column;gap:.35rem;margin-top:1rem;font-size:.8rem;font-weight:700;display:flex}.field input,.field select{color:#17352d;background:#fff;border:1px solid #b9c1b9;border-radius:12px;padding:.75rem}.cards{gap:1rem;display:grid}.offer-card,.order-card,.profile-card,.empty{background:#fffdf7;border:1px solid #ded8c8;border-radius:20px;padding:1.1rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #17352d0d}.card-accent{color:#17352d;background:#f1b83b;border-radius:50%;place-items:center;width:5rem;height:5rem;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:-.7rem;right:-1.2rem;transform:rotate(12deg)}.store,.meta,.pickup{color:#61736c;font-size:.86rem}.offer-card h3,.order-card h3{margin:.3rem 0;font-size:1.25rem}.price{align-items:baseline;gap:.7rem;margin:1rem 0;display:flex}.price span{color:#b64a29;font-size:1.45rem;font-weight:900}.price del{color:#78847f;font-size:.78rem}.notice{background:#e5efe9;border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem}.notice.error{color:#8c3016;background:#fde7df}.empty{text-align:center;padding:2rem}.empty p{color:#66736f}.skeleton{background:linear-gradient(90deg,#e8e3d6,#f6f3ea,#e8e3d6) 0 0/200% 100%;border-radius:20px;height:220px;animation:1.2s infinite pulse}.bottom-nav{width:min(100%,760px);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#fffdf7ed;border-top:1px solid #ddd6c4;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#66736f;background:0 0;border-radius:12px}.bottom-nav button[aria-current=true]{color:#fff;background:#17352d}.sheet{z-index:10;background:#17352d99;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.sheet>div{width:min(100%,760px);max-height:94vh;padding:1.5rem 1.2rem calc(1.5rem + env(safe-area-inset-bottom));background:#fffdf7;border-radius:24px 24px 0 0;position:relative;overflow:auto}.sheet h2{font-family:Georgia,Noto Serif TC,serif}.sheet .close{color:#17352d;background:#eee8d9;padding:.45rem .7rem;position:absolute;top:1rem;right:1rem}.warning{background:#fff0cb;border-radius:12px;padding:.8rem;font-size:.86rem}.pickup-credential{text-align:center;margin-top:1rem}.pickup-credential-instruction{font-weight:800;line-height:1.5}.pickup-qr{background:#fff;border:1px solid #d8d4c8;border-radius:16px;place-items:center;width:min(100%,260px);margin:.8rem auto;padding:.35rem;display:grid}.pickup-qr svg{width:100%;height:auto;display:block}.pickup-token-fallback{text-align:left;margin-top:.8rem}.pickup-token-fallback summary{cursor:pointer;color:#315f50;padding:.5rem;font-weight:750}.token{word-break:break-all;color:#fff;background:#17352d;border-radius:12px;margin-top:.5rem;padding:1rem;display:block}.status{background:#e5efe9;border-radius:999px;padding:.3rem .6rem;font-size:.75rem}.profile-card{align-items:center;gap:1rem;display:flex}.avatar{background:#f1b83b;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:1.4rem;font-weight:900;display:grid}@keyframes pulse{to{background-position:-200% 0}}@media (width>=640px){.cards{grid-template-columns:repeat(2,1fr)}}.pickup-location{background:#fff8e6;border-left:4px solid #f1b83b;border-radius:0 12px 12px 0;gap:.25rem;padding:.75rem .9rem;display:grid}.pickup-location span{color:#52655e}.navigation-link{color:#17352d;background:#e7f0eb;border:2px solid #315f50;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:52px;margin:.85rem 0;font-weight:850;text-decoration:none;display:flex}.navigation-link:focus-visible{outline-offset:2px;outline:3px solid #f4b942}