:root{--bg:#fffaf0;--surface:#fffdf6;--fg:#3b2414;--muted:#7a5a3a;--accent:#b8541e;--accent-fg:#ffffff;--sun:#f5b930;--on-sun:#3b2414;--peach:#fbc99a;--coral:#f08a5d;--border:#ebd5ae;--shadow:rgba(122,75,34,.14);--notice:#ffe9b0;--notice-fg:#5a3a10;--font-display:"Huninn","Noto Sans TC",-apple-system,"PingFang TC",sans-serif;--font-body:"Noto Sans TC",-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif}:root{color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.75;font-size:16px;overflow-x:clip}body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}h1,h2,h3{font-family:var(--font-display);line-height:1.35;text-wrap:balance;margin:0;font-weight:400}h1{font-size:clamp(1.8rem,5vw,2.6rem)}h2{font-size:1.55rem}h3{font-size:1.12rem}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.wrap{max-width:980px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.notice{background:var(--notice);color:var(--notice-fg);font-size:14px}.notice .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-block:8px}.notice p{flex:1 1 240px;min-width:0}.notice button{font:inherit;padding:4px 16px;border:2px solid currentColor;background:transparent;color:inherit;border-radius:999px;cursor:pointer}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:2px solid var(--border)}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;padding-block:8px}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.25rem;color:var(--fg);text-decoration:none}.brand img{width:34px;height:34px}nav{display:flex;flex-wrap:wrap;gap:2px 16px;min-width:0}nav a{color:var(--muted);text-decoration:none;font-size:14px;padding:4px 0;border-bottom:3px solid transparent}nav a:hover{color:var(--fg)}nav a[aria-current="page"]{color:var(--fg);border-bottom-color:var(--sun)}main{padding-block:40px 96px}.view{display:flex;flex-direction:column;gap:32px}.view[hidden]{display:none}.lead{color:var(--muted);max-width:62ch}.btn{display:inline-block;align-self:flex-start;padding:12px 28px;background:var(--sun);color:var(--on-sun);text-decoration:none;border-radius:999px;font-weight:700;box-shadow:0 4px 0 var(--shadow)}.btn:hover{filter:brightness(1.05)}.age-pill{display:inline-block;align-self:flex-start;background:var(--sun);color:var(--on-sun);font-weight:700;font-size:14px;padding:4px 14px;border-radius:999px}.hero-photo{position:relative;margin-inline:calc(50% - 50vw);margin-top:-40px;min-height:560px;display:flex;background:#1a2350 url(/img/hero.webp) center 30% / cover no-repeat;color:#fff}.hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,20,50,.12) 0%,rgba(14,20,50,.5) 50%,rgba(14,20,50,.55) 76%,var(--bg) 100%)}.hero-inner{position:relative;width:100%;padding-block:96px 130px;display:flex;flex-direction:column;gap:16px}.hero-inner h1{color:#fff;max-width:14em;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-inner p{max-width:52ch;color:rgba(255,255,255,.92)}.hero-inner small{color:rgba(255,255,255,.85);font-size:13px;max-width:60ch}.hero-potato{position:absolute;right:max(12px,4vw);bottom:-8px;width:clamp(84px,16vw,130px);height:auto}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.card{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;min-width:0;box-shadow:0 4px 0 var(--shadow)}.card p{color:var(--muted);font-size:15px}.card-ill{width:132px;height:132px;margin:-8px 0 -6px -8px}.grid.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}a.card{text-decoration:none;color:inherit}a.card:hover{border-color:var(--sun)}.section{display:flex;flex-direction:column;gap:16px}ul.plain,ol.plain{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:8px}.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;counter-reset:s}.steps li{counter-increment:s;background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:16px 16px 16px 60px;position:relative;box-shadow:0 4px 0 var(--shadow)}.steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--sun);color:var(--on-sun);display:grid;place-items:center;font-weight:700;font-size:15px}.steps strong{display:block}.rules{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 4px 0 var(--shadow)}.table-wrap{overflow-x:auto;border-radius:16px}table{border-collapse:collapse;width:100%;min-width:420px;background:var(--surface)}th,td{text-align:left;padding:10px 14px;border:1px solid var(--border);font-size:15px;vertical-align:top}th{color:var(--muted);font-weight:500;background:color-mix(in srgb,var(--sun) 14%,var(--surface))}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:14px;padding:6px 16px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer}.chip[aria-pressed="true"]{background:var(--sun);color:var(--on-sun);border-color:var(--sun);font-weight:700}.articles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.articles li{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 0 var(--shadow)}.articles li[hidden]{display:none}.tag{font-size:12px;letter-spacing:.08em;color:var(--accent);font-weight:700}.articles span:last-child{color:var(--muted);font-size:14px}details{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:14px 16px}details + details{margin-top:12px}summary{cursor:pointer;font-weight:500}details p{margin-top:8px;color:var(--muted)}.articles details{border:0;padding:0;background:none}.articles summary{display:flex;flex-direction:column;gap:4px;list-style:none;cursor:pointer}.articles summary::-webkit-details-marker{display:none}.articles details[open] summary{padding-bottom:12px;border-bottom:2px dashed var(--border)}.articles .body{margin-top:14px;display:flex;flex-direction:column;gap:12px}.articles .body p,.articles .body li{color:var(--fg);font-size:15px}.articles .body h3{font-size:1rem;margin-top:6px}.contact-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.contact-list div{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:16px;min-width:0;overflow-wrap:anywhere;box-shadow:0 4px 0 var(--shadow)}.contact-list dt{font-size:13px;color:var(--muted)}.contact-list dd{margin:0;font-weight:500}dl.contact-list{margin:0}.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.page-head .ill{width:min(190px,34vw);height:auto}.head-photo{width:min(260px,38vw);aspect-ratio:4 / 3;object-fit:cover;border-radius:24px;border:4px solid var(--surface);box-shadow:0 6px 0 var(--shadow);transform:rotate(2deg)}@media (max-width:560px){.page-head.photo{grid-template-columns:1fr}.head-photo{width:100%;max-width:360px}}.banner{margin:0}.banner img{width:100%;max-height:340px;object-fit:cover;border-radius:24px;display:block}.banner.portrait img{width:min(300px,100%);aspect-ratio:3 / 4;max-height:none;object-position:100% 50%}.banner figcaption{font-size:13px;color:var(--muted);margin-top:6px}.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center}.split .photo{width:100%;aspect-ratio:4 / 5;max-height:460px;object-fit:cover;border-radius:28px;border:4px solid var(--surface);box-shadow:0 6px 0 var(--shadow)}@media (max-width:700px){.split{grid-template-columns:1fr}.split .photo{aspect-ratio:16 / 10}}.band{border-radius:28px;background:center / cover no-repeat;padding:56px 16px;display:grid;place-items:center}.band-card{background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--fg);border-radius:20px;padding:18px 28px;text-align:center;font-family:var(--font-display);font-size:1.4rem;max-width:24ch}footer{border-top:2px solid var(--border);padding-block:24px 32px;color:var(--muted);font-size:13px}footer p + p{margin-top:6px}.float-line{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:25;padding:12px 22px;background:var(--sun);color:var(--on-sun);border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 4px 0 var(--shadow),0 2px 12px rgba(0,0,0,.2)}@media (prefers-reduced-motion:no-preference){a.card{transition:border-color .15s,transform .15s}a.card:hover{transform:translateY(-2px)}}.menu-toggle{display:none;font:inherit;font-size:14px;padding:6px 14px;border:2px solid var(--border);background:var(--surface);color:var(--fg);border-radius:999px;cursor:pointer}.articles a.alink{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.articles a.alink strong{color:var(--fg)}.article-wrap{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 4px 0 var(--shadow)}.crumb{font-size:14px}.band[data-bg]{background-color:#e9dcc0}.flavors-band{padding:100px 16px 76px;min-height:380px;background-position:center 62%}.flavors-card{position:relative;background:var(--surface);border-radius:24px;max-width:42em;width:100%;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 6px 0 rgba(0,0,0,.14)}.flavors-card .txt{padding:30px 6px 30px 32px;align-self:center}.flavors-card h2{font-size:1.5rem;margin-bottom:10px}.flavors-card p{color:var(--muted)}.flavors-card .nb{display:inline-block}.flavors-card .mascot{position:absolute;top:-58px;left:28px;width:92px;height:auto;z-index:3}.flavors-card .pic{overflow:hidden;border-radius:0 24px 24px 0;display:flex;min-height:230px;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 42%);mask-image:linear-gradient(to right,transparent 0%,#000 42%)}.flavors-card .pic img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:700px){.flavors-card{grid-template-columns:1fr}.flavors-card .txt{padding:36px 24px 6px}.flavors-card .pic{border-radius:0 0 24px 24px;max-height:200px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 40%);mask-image:linear-gradient(to bottom,transparent 0%,#000 40%)}}.age-gate{display:none;position:fixed;inset:0;z-index:100;background:rgba(40,24,10,.88);align-items:center;justify-content:center;padding:24px}.need-age .age-gate{display:flex}.need-age body{overflow:hidden}.age-gate .box{background:var(--surface);color:var(--fg);border:2px solid var(--border);border-radius:24px;padding:28px 24px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:14px;text-align:center}.age-gate .row{display:flex;flex-direction:column;gap:10px}.age-gate button{font:inherit;padding:12px 18px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer}.age-gate button.primary{background:var(--sun);color:var(--on-sun);border-color:var(--sun);font-weight:700}@media (max-width:700px){.menu-toggle{display:inline-block}header .wrap{flex-wrap:wrap}nav{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:8px}header.open nav{display:flex}nav a{padding:12px 4px;font-size:16px;border-bottom:1px solid var(--border)}}