@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap";
:root{--color-paper:#fff7eb;--color-paper-2:#fceddc;--color-paper-3:#f7dec6;--color-ink:#1e0d03;--color-ink-soft:#544033;--color-accent:#a33a00;--color-accent-deep:#772608;--color-accent-soft:#f9d2ba;--color-line:#cebaa6;--color-white:#fffdfb;--color-focus:#006292;--color-success:#286f2f;--shadow-soft:0 14px 40px #2411041f;--shadow-float:0 8px 24px #24110429;--font-display:"Noto Serif TC", "Times New Roman", serif;--font-body:"Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-small:2px;--radius-card:12px;--radius-round:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.64, 0, .78, 0);--ease-in-out:cubic-bezier(.83, 0, .17, 1);--dur-short:.16s;--dur-medium:.24s;--dur-long:.52s;--page-gutter:clamp(20px, 4vw, 64px);--content-width:1280px}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.4835% 1.43063 6.74239);--color-paper-2:lab(94.6904% 2.90114 10.3737);--color-paper-3:lab(89.9859% 6.14232 15.0198);--color-ink:lab(5.31406% 6.62883 6.70366);--color-ink-soft:lab(29.1053% 7.34507 11.538);--color-accent:lab(39.904% 45.7343 59.882);--color-accent-deep:lab(28.2255% 35.2626 36.9248);--color-accent-soft:lab(87.0211% 11.7324 17.3546);--color-line:lab(76.7773% 4.91321 12.5944);--color-white:lab(99.5508% .282288 1.88133);--color-focus:lab(37.9335% -10.2261 -54.0447);--color-success:lab(41.1193% -33.7078 28.309);--shadow-soft:0 14px 40px lab(7.04215% 8.99325 9.16091/.12);--shadow-float:0 8px 24px lab(7.04215% 8.99325 9.16091/.16)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);margin:0;padding-bottom:76px;font-size:16px;line-height:1.65;overflow-x:clip}a{color:inherit;cursor:pointer;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img{display:block}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-accent);color:var(--color-white)}.demo-ribbon{justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;display:flex}.demo-ribbon svg{width:15px;height:15px;color:var(--color-accent-soft)}.site-nav{min-height:76px;padding:var(--space-4) var(--page-gutter);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;display:flex}.wordmark,.footer-wordmark{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700}.wordmark{align-items:baseline;gap:var(--space-2);font-size:20px;display:flex}.wordmark span{color:var(--color-ink-soft);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;font-weight:400}.nav-back,.text-link,.footer-links a{align-items:center;gap:var(--space-2);color:var(--color-accent-deep);font-size:14px;font-weight:700;display:inline-flex}.nav-back svg,.text-link svg,.footer-links svg{width:16px;height:16px;transition:transform var(--dur-short) var(--ease-out)}.nav-back:hover svg,.text-link:hover svg,.footer-links a:hover svg{transform:translate(3px)}.section-shell{width:min(var(--content-width),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}.hero{gap:clamp(var(--space-10),7vw,var(--space-24));padding-block:clamp(var(--space-12),8vw,var(--space-24));grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;display:grid}.hero-copy{min-width:0}.eyebrow{margin:0 0 var(--space-4);color:var(--color-accent-deep);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:var(--font-display);margin-top:0;font-style:normal;line-height:1.14}h1{max-width:10ch;margin-bottom:var(--space-6);letter-spacing:-.055em;font-size:clamp(3rem,6vw,6rem)}h2{margin-bottom:var(--space-4);letter-spacing:-.045em;font-size:clamp(2.25rem,4vw,4.25rem)}h3{margin-bottom:var(--space-2);font-size:20px}.hero-lede{max-width:52ch;margin:0 0 var(--space-6);color:var(--color-ink-soft);font-size:clamp(16px,1.5vw,19px)}.hero-meta{align-items:center;gap:var(--space-2);color:var(--color-ink-soft);flex-wrap:wrap;font-size:13px;display:flex}.status-dot{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:50%}.meta-divider{width:1px;height:18px;margin-inline:var(--space-2);background:var(--color-line)}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-small);min-height:48px;transition:background-color var(--dur-medium) var(--ease-out),color var(--dur-medium) var(--ease-out),transform var(--dur-short) var(--ease-out),border-color var(--dur-medium) var(--ease-out);white-space:nowrap;border:1px solid #0000;padding:12px 18px;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-primary{background:var(--color-accent);color:var(--color-white)}.button-primary:hover{background:var(--color-accent-deep)}.button-secondary{border-color:var(--color-ink);background:0 0}.button-secondary:hover{background:var(--color-ink);color:var(--color-paper)}.hero-figure{border-radius:var(--radius-card);background:var(--color-paper-3);min-height:clamp(380px,48vw,640px);box-shadow:var(--shadow-soft);margin:0;position:relative;overflow:hidden}.hero-figure img{object-fit:cover}.hero-figure:after{content:"";pointer-events:none;background:linear-gradient(135deg,#24110414,#0000 45%,#2411041f);background:linear-gradient(135deg,lab(7.04215% 8.99325 9.16091/.08),#0000 45%,lab(7.04215% 8.99325 9.16091/.12));position:absolute;inset:0}.hero-figure figcaption{z-index:1;right:var(--space-4);bottom:var(--space-4);max-width:28ch;padding:var(--space-2) var(--space-3);color:var(--color-ink-soft);font-family:var(--font-mono);background:#fffbf5db;background:lab(98.8687% .579536 3.77229/.86);font-size:10px;line-height:1.4;position:absolute}.quick-actions{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.action-link{align-items:center;gap:var(--space-3);min-height:88px;padding:var(--space-4);border:0;border-right:1px solid var(--color-line);text-align:left;transition:background-color var(--dur-medium) var(--ease-out),color var(--dur-medium) var(--ease-out),transform var(--dur-short) var(--ease-out);background:0 0;display:flex}.action-link:last-child{border-right:0}.action-link:hover{background:var(--color-accent-soft);color:var(--color-accent-deep)}.action-link:active{transform:translateY(1px)}.action-link>span:nth-child(2){white-space:nowrap;flex:1;min-width:0;font-weight:700}.action-icon{border:1px solid var(--color-line);width:38px;height:38px;color:var(--color-accent);border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.action-link>svg:last-child{width:17px;height:17px}.content-section{padding-block:clamp(var(--space-16),12vw,var(--space-24))}.section-heading{gap:var(--space-10);padding-bottom:var(--space-10);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;display:grid}.section-heading p:last-child{max-width:44ch;color:var(--color-ink-soft);margin:0}.featured-grid,.menu-grid{gap:clamp(var(--space-6),3vw,var(--space-10));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.menu-card{min-width:0}.menu-card-media{aspect-ratio:4/3;background:var(--color-paper-2);position:relative;overflow:hidden}.menu-card-media img{object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.menu-card:hover .menu-card-media img{transform:scale(1.02)}.menu-card-copy{gap:var(--space-3);padding-top:var(--space-4);display:grid}.menu-card-copy h3{font-family:var(--font-body);font-size:17px}.menu-card-copy p{max-width:34ch;color:var(--color-ink-soft);margin:0;font-size:14px}.menu-card-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-line);padding-top:var(--space-3);display:flex}.menu-card-bottom strong{font-family:var(--font-mono);font-size:14px;font-weight:500}.menu-card-bottom a{align-items:center;gap:var(--space-1);color:var(--color-accent-deep);white-space:nowrap;font-size:13px;font-weight:700;display:inline-flex}.menu-card-bottom a svg{width:15px;height:15px;transition:transform var(--dur-short) var(--ease-out)}.menu-card-bottom a:hover svg{transform:translate(3px)}.menu-section{border-top:1px solid var(--color-line)}.menu-heading{padding-bottom:var(--space-6)}.category-tabs{gap:var(--space-2);margin-bottom:var(--space-8);scrollbar-width:none;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{border:1px solid var(--color-line);border-radius:var(--radius-round);white-space:nowrap;min-height:44px;transition:background-color var(--dur-medium) var(--ease-out),color var(--dur-medium) var(--ease-out),border-color var(--dur-medium) var(--ease-out);background:0 0;padding:9px 16px;font-size:14px;font-weight:700}.category-tabs button:hover,.category-tabs button.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-white)}.category-tabs button:active{transform:translateY(1px)}.story-band{background:var(--color-ink);color:var(--color-paper)}.story-inner{gap:clamp(var(--space-10),10vw,var(--space-24));padding-block:clamp(var(--space-16),12vw,var(--space-24));grid-template-columns:minmax(0,.38fr) minmax(0,.9fr);display:grid}.story-mark{align-items:flex-start;gap:var(--space-3);color:var(--color-accent-soft);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;display:flex}.story-mark svg{flex:none;width:18px;height:18px}.story-copy{max-width:68ch}.story-copy h2{color:var(--color-paper)}.story-copy p{color:#d1c5b6;color:lab(80.3206% 2.17077 9.39831);max-width:60ch}.story-copy .text-link{margin-top:var(--space-4);color:var(--color-accent-soft);background:0 0;border:0;padding:0}.cooperation-section{padding-bottom:0}.cooperation-card{justify-content:space-between;align-items:flex-start;gap:var(--space-8);padding:clamp(var(--space-6),5vw,var(--space-10));border:1px solid var(--color-line);background:var(--color-paper-2);display:flex}.cooperation-card h2{max-width:16ch;font-size:clamp(2rem,4vw,3.5rem)}.cooperation-card p:last-child{max-width:58ch;color:var(--color-ink-soft);margin-bottom:0}.status-label{background:var(--color-accent-soft);color:var(--color-accent-deep);font-family:var(--font-mono);white-space:nowrap;flex:none;padding:8px 12px;font-size:11px}.visit-section{padding-bottom:clamp(var(--space-16),12vw,var(--space-24))}.visit-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.visit-block{gap:var(--space-4);min-width:0;padding-top:var(--space-5);border-top:1px solid var(--color-line);display:flex}.visit-block>svg{color:var(--color-accent);flex:none}.visit-block h3{margin-bottom:var(--space-2);font-family:var(--font-body);font-size:16px}.visit-block p{margin:0 0 var(--space-2);color:var(--color-ink-soft);font-size:14px}.visit-block .text-link{margin-top:var(--space-3);font-size:13px}.site-footer{padding:var(--space-12) 0 var(--space-6);border-top:1px solid var(--color-line)}.footer-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-8);display:flex}.footer-wordmark{margin:0 0 var(--space-2);font-size:28px}.footer-tagline{color:var(--color-ink-soft);margin:0;font-size:14px}.footer-links{gap:var(--space-3);justify-items:end;display:grid}.footer-meta{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--color-line);color:var(--color-ink-soft);font-family:var(--font-mono);font-size:10px;display:flex}.bottom-bar{z-index:10;min-height:68px;padding:var(--space-2) max(var(--space-2),env(safe-area-inset-left)) max(var(--space-2),env(safe-area-inset-bottom));border-top:1px solid var(--color-line);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff7ecf5;background:lab(97.7155% 1.43042 6.74226/.96);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-bar .action-link{min-height:52px;padding:var(--space-2);border-right:1px solid var(--color-line);justify-content:center}.bottom-bar .action-link:last-child{border-right:0}.bottom-bar .action-link>span:nth-child(2){flex:none;font-size:13px}.bottom-bar .action-icon{flex-basis:30px;width:30px;height:30px}.bottom-bar .action-link>svg:last-child{display:none}@media (max-width:820px){.hero{padding-block:var(--space-12) var(--space-16);grid-template-columns:1fr}h1{max-width:12ch;font-size:clamp(3rem,14vw,5rem)}.hero-figure{min-height:min(112vw,540px)}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions .action-link:nth-child(2){border-right:0}.quick-actions .action-link:nth-child(-n+2){border-bottom:1px solid var(--color-line)}.section-heading,.story-inner{gap:var(--space-6);grid-template-columns:1fr}.featured-grid,.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-grid{grid-template-columns:1fr 1fr}.visit-block:last-child{grid-column:1/-1}}@media (max-width:520px){body{padding-bottom:72px}.site-nav{min-height:68px}.wordmark{font-size:17px}.wordmark span{display:none}.nav-back{font-size:12px}.hero{padding-top:var(--space-10)}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-figure{min-height:96vw}.action-link{min-height:76px;padding:var(--space-3)}.action-link>span:nth-child(2){font-size:13px}.featured-grid,.menu-grid,.visit-grid{grid-template-columns:1fr}.visit-block:last-child{grid-column:auto}.cooperation-card,.footer-inner,.footer-meta{flex-direction:column}.cooperation-card{gap:var(--space-5)}.footer-links{justify-items:start}.footer-meta{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.action-link-disabled{cursor:not-allowed;opacity:.58}.action-link-disabled:hover{color:inherit;background:0 0}.action-link-disabled .action-pending{font-family:var(--font-mono);white-space:nowrap;font-size:10px}.menu-inquiry-pending{color:var(--color-ink-soft);white-space:nowrap;font-size:13px;font-weight:700}.merchant-jiuya-sauce{--color-accent:#8e3c00;--color-accent-deep:#531d00;--color-accent-soft:#f1c9a0;--color-line:#c9af97}@supports (color:lab(0% 0 0)){.merchant-jiuya-sauce{--color-accent:lab(36.4668% 34.4671 50.9192);--color-accent-deep:lab(19.283% 24.9866 28.6768);--color-accent-soft:lab(83.6787% 10.4871 25.8382);--color-line:lab(73.2614% 6.95714 16.0908)}}.merchant-jiuya-sauce .hero-figure{border-radius:28px 28px 8px}.merchant-jiuya-sauce .hero-figure:before{z-index:1;content:"";pointer-events:none;border:1px solid #fff0d66b;border:1px solid lab(95.4453% 2.91348 15.3117/.42);border-radius:20px 20px 4px;position:absolute;inset:16px}.merchant-jiuya-sauce .menu-card-media,.merchant-jiuya-sauce .cooperation-card{border-radius:18px 18px 4px}.merchant-jiuya-sauce .button-primary,.merchant-jiuya-sauce .button-secondary{border-radius:999px}