@font-face{font-family:"ASC Serif";font-weight:900;font-style:normal;font-display:swap;src:url(/fonts/asc-serif-900.woff2) format("woff2")}:root{--cream:#FDF8F3;--paper:#F6EDE3;--ink:#3B2A22;--ink2:#6E5A4E;--rust:#8E4F2C;--peach:#E8A87C;--mint:#8FBFA9;--mint-ink:#2F6650;--line:#E8D9C9;--serif:"ASC Serif","Noto Serif TC","Songti TC","Source Han Serif TC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang HK","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--ease:cubic-bezier(.22,.8,.24,1);--lid:cubic-bezier(.34,1.45,.64,1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}body{background:var(--cream);color:var(--ink);font:400 1rem/1.75 var(--sans);padding-bottom:88px;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:900;line-height:1.25;letter-spacing:.02em}:focus-visible{outline:3px solid var(--mint-ink);outline-offset:3px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--ink);color:var(--cream);min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border-radius:8px}.skip:focus{top:8px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.top .wrap{display:flex;align-items:center;gap:12px;min-height:64px;flex-wrap:wrap;padding-top:8px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:48px}.brand img{width:44px;height:44px;border-radius:50%}.brand b{display:block;font:900 1.2rem/1.1 var(--serif);letter-spacing:.08em}.brand small{display:block;font-size:1rem;color:var(--ink2);line-height:1.3}.status{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--paper);font-weight:700;font-size:1rem}.status i{width:10px;height:10px;border-radius:50%;background:var(--ink2);flex:none}.status.open{color:var(--mint-ink)}.status.open i{background:var(--mint-ink);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #2f665080}to{box-shadow:0 0 0 9px #2f665000}}.nav{display:flex;gap:4px;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;border-radius:999px;font-weight:700}.nav a:hover{background:var(--paper)}.nav a[aria-current=page]{background:var(--ink);color:var(--cream)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:48px;padding:0 20px;border-radius:12px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:700 1rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .12s var(--ease)}.btn:before{content:"";position:absolute;left:14%;right:14%;top:-9px;height:6px;border-radius:6px 6px 1px 1px;background:currentColor;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .3s var(--lid)}.btn:hover:before,.btn:focus-visible:before{opacity:1;transform:none}.btn:active{transform:scale(.96)}.btn.pri{background:var(--rust);border-color:var(--rust);color:#fff}.btn.sm{padding:0 16px;min-height:44px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.ghost{border-color:var(--line)}.hero{background:var(--cream) repeating-linear-gradient(to bottom,transparent 0 35px,#F0E4D6 35px 36px);border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.hero .wrap{padding-top:20px;padding-bottom:28px;position:relative}.cup{position:absolute;right:14px;top:14px;width:84px;height:auto;pointer-events:none}.cup .s{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cup .m{fill:var(--mint);stroke:var(--ink);stroke-width:3}.cup .st{fill:none;stroke:var(--rust);stroke-width:3;stroke-linecap:round;animation:steam 3.2s ease-in-out infinite}.cup .st:nth-child(2){animation-delay:.5s}.cup .st:nth-child(3){animation-delay:1s}@keyframes steam{0%,to{opacity:.25;transform:translateY(3px)}50%{opacity:1;transform:translateY(-3px)}}.kick{display:inline-block;background:var(--ink);color:var(--cream);font-weight:700;padding:2px 12px;border-radius:6px;margin-bottom:14px}h1.gt{display:flex;margin:0 0 6px;font-size:1rem}.gt .c{--z:clamp(64px,19vw,112px);width:var(--z);height:var(--z);display:grid;place-items:center;font:900 calc(var(--z)*.68)/1 var(--serif);background:var(--cream);border:2px solid var(--mint-ink);margin-left:-2px;position:relative;opacity:0;animation:ink .7s var(--ease) forwards}.gt .c:before,.gt .c:after{content:"";position:absolute;background:var(--mint);opacity:.55}.gt .c:before{left:50%;top:6px;bottom:6px;width:1px}.gt .c:after{top:50%;left:6px;right:6px;height:1px}.gt .c span{position:relative;z-index:1}@keyframes ink{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.en{font:700 1.1rem/1.4 var(--sans);color:var(--rust);letter-spacing:.14em;margin:6px 0 12px}.lead{font-size:1.15rem;max-width:30em;margin-bottom:16px}.lead b{background:linear-gradient(transparent 62%,var(--peach) 62%)}.ledger{background:var(--cream);border:2px solid var(--ink);border-radius:12px;padding:6px 16px;max-width:620px;margin-bottom:18px}.ledger div{display:grid;grid-template-columns:4.2em 1fr;gap:4px 8px;padding:8px 0;border-bottom:1px dashed var(--line)}.ledger div:last-child{border:0}.ledger dt{font-weight:700;color:var(--rust)}.ledger dd{min-width:0}.ledger a.lk{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.cta{display:flex;flex-wrap:wrap;gap:10px}.price-line{margin-top:14px;color:var(--ink2);max-width:34em}.menu{padding-top:28px;padding-bottom:12px}.menu h2{font-size:1.7rem;margin-bottom:4px}.menu .sub{color:var(--ink2);margin-bottom:12px;max-width:40em}.cats{position:sticky;top:0;z-index:20;background:#fdf8f3f5;border-bottom:1px solid var(--line);margin:0 -20px 18px;padding:6px 20px}.cats li{flex:none}.cats ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;list-style:none}.cats a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;font-weight:700;background:var(--cream)}.cats a:hover{background:var(--paper)}.sec{margin-bottom:34px}.sec h3{font-size:1.4rem;margin-bottom:12px;display:flex;align-items:baseline;gap:10px}.grid{display:grid;gap:16px;grid-template-columns:1fr;list-style:none}@media(min-width:600px){.grid{grid-template-columns:1fr 1fr}}@media(min-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}.it{border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--cream);display:flex;flex-direction:column}.it .tp{min-height:68px;padding:12px 16px;display:flex;align-items:flex-end}.it .tp h4{font:900 1.35rem/1.3 var(--serif);letter-spacing:.03em}.it .bd{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.it .ds{color:var(--ink2)}.it .pr{font:700 1.25rem/1.3 var(--sans);font-variant-numeric:tabular-nums}.it .pr s{color:var(--ink2);font-size:1rem;font-weight:400;margin-left:6px}.it .ac{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}.note{color:var(--ink2);max-width:44em;margin-top:8px}.page{padding-top:28px;padding-bottom:20px}.page h1{font-size:clamp(1.9rem,6vw,2.6rem);margin-bottom:12px}.page h2{font-size:1.45rem;margin:26px 0 8px}.page p,.page li{max-width:38em}.page p+p{margin-top:10px}.facts{margin-top:8px;list-style:none}.facts li{padding:10px 0;border-bottom:1px dashed var(--line)}.facts b{color:var(--rust)}.qa{border-bottom:1px solid var(--line);padding-bottom:14px}.qa h2{margin-top:22px;font-size:1.25rem}.foot{margin-top:30px;background:var(--ink);color:var(--cream);padding:28px 0 20px}.foot .wrap{display:grid;gap:20px}@media(min-width:760px){.foot .wrap{grid-template-columns:1.4fr 1fr 1fr}}.foot h2{font-size:1.2rem;margin-bottom:6px}.foot ul{list-style:none}.foot a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:var(--cream);font-weight:700}.foot a:hover{text-decoration:underline}.foot p{max-width:26em}.foot .fine{grid-column:1/-1;color:#e9dccd;border-top:1px solid #6E5A4E;padding-top:12px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);color:var(--cream);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bar .wrap{display:flex;align-items:center;gap:12px;justify-content:space-between}.bar .sum{font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums}.bar .btn{background:var(--peach);border-color:var(--peach);color:var(--ink)}.bar .btn:focus-visible{outline-color:#fff}.bump{animation:bump .35s var(--lid)}@keyframes bump{40%{transform:scale(1.04)}}dialog{border:2px solid var(--ink);border-radius:16px;padding:0;width:calc(100% - 24px);max-width:520px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--cream);color:var(--ink);margin:auto}dialog::backdrop{background:#3b2a228c}.dh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 8px 8px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--cream);z-index:2}.dh h2{font-size:1.25rem}.x{width:48px;height:48px;border:0;background:transparent;font:700 1.6rem/1 var(--sans);cursor:pointer;border-radius:50%;color:var(--ink)}.x:hover{background:var(--paper)}.db{padding:12px 18px}.df{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 18px 16px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--cream)}.step{color:var(--ink2);font-weight:700}.opts{list-style:none;display:grid;gap:8px;margin-top:10px}.opt{position:relative;display:block}.opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.opt span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:6px 14px;border:2px solid var(--line);border-radius:12px;font-weight:700}.opt input:checked+span{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}.opt input:checked+span:before{content:"\2713";color:var(--mint-ink);margin-right:8px;font-weight:900}.opt input:focus-visible+span{outline:3px solid var(--mint-ink);outline-offset:2px}.opt input:disabled+span{opacity:.45}.opt em{font-style:normal;color:var(--ink2);font-weight:400;font-variant-numeric:tabular-nums;flex:none}.ln{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px dashed var(--line)}.ln b{font-weight:700}.ln small{display:block;color:var(--ink2);font-size:1rem;line-height:1.5}.ln .q{display:flex;align-items:center;gap:0}.ln .q button{width:44px;height:44px;border:2px solid var(--ink);background:var(--cream);font:700 1.3rem/1 var(--sans);cursor:pointer;border-radius:10px}.ln .q output{min-width:36px;text-align:center;font-weight:700}.ln .lp{font-weight:700;text-align:right;font-variant-numeric:tabular-nums;align-self:center}.tot{display:flex;justify-content:space-between;font:700 1.2rem/1.5 var(--sans);padding-top:10px}.warn{background:#fff1d6;border:2px solid #C98A1B;border-radius:10px;padding:8px 12px;margin-top:10px;font-weight:700;color:#5c3a00}.empty{padding:18px 0;color:var(--ink2)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,16px);z-index:90;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease);max-width:calc(100% - 32px);text-align:center;font-weight:700}.toast.on{opacity:1;transform:translate(-50%)}.it .tp{--cb:#EAD3BC;position:relative;overflow:hidden;min-height:96px;background-color:color-mix(in srgb,var(--cb) 100%,var(--cream));align-items:flex-end;border-bottom:2px solid var(--ink)}.it .tp:before{content:"";position:absolute;right:10px;top:50%;width:64px;height:64px;margin-top:-32px;background:no-repeat center/contain;pointer-events:none}.it .tp:after{content:"";position:absolute;inset:0;pointer-events:none}.it .tp h4{position:relative;z-index:1;max-width:calc(100% - 78px)}.it .s0{background-color:color-mix(in srgb,var(--cb) 88%,var(--ink))!important}.it .s2{background-color:color-mix(in srgb,var(--cb) 78%,var(--cream))!important}.it .s3{background-color:color-mix(in srgb,var(--cb) 58%,var(--cream))!important}.it .s4{background-color:color-mix(in srgb,var(--cb) 40%,var(--cream))!important}.it .p1:after{background:radial-gradient(rgba(59,42,34,.13) 1.4px,transparent 1.6px) 0 0/12px 12px}.it .p2:after{background:repeating-linear-gradient(135deg,rgba(59,42,34,.09) 0 2px,transparent 2px 10px)}.it .p3:after{background:repeating-linear-gradient(to bottom,transparent 0 17px,rgba(59,42,34,.12) 17px 18px)}.it .k-cf{--cb:#E2C3A3}.it .k-cf:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%2227%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%2219%22/%3E%3Cellipse cx=%2244%22 cy=%2222%22 rx=%225%22 ry=%223%22 transform=%22rotate(-40 44 22)%22/%3E%3C/svg%3E")}.it .k-sp{--cb:#F2B9A4}.it .k-sp:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M32 6c9 12 16 20 16 30a16 16 0 0 1-32 0c0-10 7-18 16-30z%22/%3E%3Ccircle cx=%2226%22 cy=%2238%22 r=%223%22/%3E%3Ccircle cx=%2237%22 cy=%2244%22 r=%222%22/%3E%3C/svg%3E")}.it .k-tea{--cb:#E9E08E}.it .k-tea:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%2227%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%2221%22/%3E%3Cpath d=%22M32 11v42M11 32h42M17 17l30 30M47 17L17 47%22/%3E%3C/svg%3E")}.it .k-es{--cb:#D2B79C}.it .k-es:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 24h32v12a14 14 0 0 1-14 14h-4a14 14 0 0 1-14-14z%22/%3E%3Cpath d=%22M42 28h4a6 6 0 0 1 0 12h-3%22/%3E%3Cpath d=%22M6 56h44%22/%3E%3C/svg%3E")}.it .k-set{--cb:#A9D3BE}.it .k-set:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%226%22 y=%2214%22 width=%2252%22 height=%2236%22 rx=%228%22/%3E%3Ccircle cx=%2219%22 cy=%2232%22 r=%226%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%226%22/%3E%3Ccircle cx=%2245%22 cy=%2232%22 r=%226%22/%3E%3C/svg%3E")}.it .k-sw{--cb:#F5D08A}.it .k-sw:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 52L32 8l26 44z%22/%3E%3Cpath d=%22M14 40h36M21 28h22%22/%3E%3C/svg%3E")}.it .k-ot{--cb:#BFDDE8}.it .k-ot:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2222%22 cy=%2240%22 r=%2214%22/%3E%3Ccircle cx=%2244%22 cy=%2222%22 r=%229%22/%3E%3Ccircle cx=%2246%22 cy=%2246%22 r=%225%22/%3E%3Ccircle cx=%2214%22 cy=%2214%22 r=%224%22/%3E%3C/svg%3E")}.it .k-sn{--cb:#F0BE92}.it .k-sn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%233B2A22%22 stroke-opacity=%22.5%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M32 32a3 3 0 0 1 6 0a8 8 0 0 1-16 0a13 13 0 0 1 26 0a18 18 0 0 1-36 0a23 23 0 0 1 46 0%22/%3E%3C/svg%3E")}.ln{grid-template-columns:1fr auto}.ln .nt{grid-column:1/-1;display:grid;gap:4px;margin-top:6px}.nt span{font-size:1rem;color:var(--ink2);font-weight:700}.nt input{width:100%;min-height:44px;padding:8px 12px;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:400 1rem/1.4 var(--sans)}.nt input:focus-visible{border-color:var(--ink)}.nt input:required:invalid{border-color:#c98a1b}.nt.big input{min-height:52px}.q button[aria-disabled=true]{opacity:.4;cursor:not-allowed}#nd .db .step{margin-top:10px}.ul{display:block;width:min(300px,86%);height:auto;margin:-4px 0 4px;overflow:visible}.ul path{fill:none;stroke:var(--rust);stroke-width:3;stroke-linecap:round;stroke-dasharray:330;animation:draw 1.5s .7s var(--ease) both}@keyframes draw{0%{stroke-dashoffset:330}to{stroke-dashoffset:0}}.note-w{margin:2px 0 12px;transform:rotate(-1.5deg);transform-origin:left}.note-w span{display:inline-block;font:900 1.35rem/1.5 var(--serif);color:var(--rust);background:linear-gradient(transparent 66%,#e8a87c8c 66%);padding:0 4px;animation:wr 1.7s 1.1s steps(9) both}@keyframes wr{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(max-width:359px){.cup{display:none}}.page .lk{min-width:44px;justify-content:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.gt .c{opacity:1}}@media(min-width:760px){.cup{width:210px;right:max(24px,calc(50% - 520px));top:40px}.hero .wrap{padding-top:34px;padding-bottom:40px}}.gt .c:nth-child(2){animation-delay:.14s}.gt .c:nth-child(3){animation-delay:.28s}.gt .c:nth-child(4){animation-delay:.42s}.status-inline{font-weight:700}.status-inline.open{color:var(--mint-ink)}.mh{font-size:clamp(1.9rem,6vw,2.6rem);margin-bottom:8px}.page .lk{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--rust)}.nw{white-space:nowrap}
