:root{--gold:#EDB52E;--gold-d:#C98A12;--orange:#E07B1F;--brown:#6B3E12;--ink:#3A2A1A;--cream:#FFF8E8;--line:#F0DDB0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--gold-d)}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:8px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--brown);font-weight:800;font-size:18px}
.brand img{border-radius:50%}
.topbar nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.topbar nav a{text-decoration:none;color:var(--ink);font-size:15px}
.hero{background:var(--gold);color:#fff;text-align:center;padding:32px 20px 36px}
.hero .logo{margin:0 auto;width:160px;height:auto;border-radius:12px}
.hero h1{font-size:40px;margin:8px 0 0;letter-spacing:4px;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.hero .tagline{font-size:18px;margin:4px 0}
.hero .addr{margin:0 0 18px;opacity:.95}
.cta{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto}
.cta.inline{margin-top:14px}
.btn{display:block;text-align:center;padding:14px 18px;border-radius:999px;font-size:18px;font-weight:700;text-decoration:none;background:#fff;color:var(--brown);border:2px solid #fff}
.btn.primary{background:var(--orange);color:#fff;border-color:var(--orange)}
.block .btn{border-color:var(--gold)}
.block .btn.primary{border-color:var(--orange)}
.block{max-width:1080px;margin:0 auto;padding:32px 16px;border-bottom:1px solid var(--line)}
h2{font-size:26px;margin:0 0 14px;color:var(--brown);display:flex;align-items:center;gap:10px}
h2::before{content:"";width:6px;height:26px;background:var(--gold);border-radius:3px}
.note{color:#7a6a55;font-size:14px;margin:6px 0 12px}
.hours{border-collapse:collapse;font-size:20px;width:100%;max-width:460px}
.hours th{text-align:left;padding:10px 14px 10px 0;color:var(--brown);white-space:nowrap;vertical-align:top}
.hours td{padding:10px 0;font-weight:700}
.hours tr+tr{border-top:1px solid var(--line)}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--cream);border-radius:14px;padding:14px}
.steps b{flex:none;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:20px}
.steps h3{margin:0;font-size:18px;color:var(--brown)}
.steps p{margin:2px 0 0;font-size:15px}
.step{background:var(--gold);color:#fff;display:inline-block;padding:6px 18px;border-radius:999px;font-size:18px;margin:22px 0 8px}
.step span{font-weight:400;font-size:14px;opacity:.95;margin-left:6px}
.sub{color:var(--brown);font-size:19px;margin:22px 0 6px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.meat{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.meat thead th{background:var(--cream);color:var(--brown);font-size:13px;line-height:1.3;padding:8px 4px;text-align:right}
.meat thead th:first-child{text-align:left;padding-left:10px}
.meat thead th:nth-child(2){color:#7a6a55}.meat thead th:nth-child(3){color:var(--orange)}.meat thead th:nth-child(4){color:#B3261E}.meat thead th:nth-child(5){color:var(--gold-d)}
.meat tbody th{text-align:left;font-weight:500;padding:8px 4px 8px 10px}
.meat td{text-align:right;padding:8px 6px;white-space:nowrap}
.meat td:nth-child(2){font-weight:700}
.meat tbody tr:not(.cat)+tr:not(.cat){border-top:1px dashed var(--line)}
.meat tr.cat th{background:var(--gold);color:#fff;text-align:left;padding:6px 10px;font-size:15px}
.plist{list-style:none;padding:0;margin:0}
.plist li{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px dashed var(--line)}
.plist b{white-space:nowrap;font-variant-numeric:tabular-nums}
.plist.sea li{display:block}
.plist .row{display:flex;justify-content:space-between;gap:10px}
.plist small{color:#7a6a55;font-size:13px}
.tag{font-style:normal;font-size:11px;background:#fff;border:1px solid currentColor;border-radius:4px;padding:0 4px;margin-left:4px;vertical-align:2px;opacity:.8}
.soups{display:grid;gap:14px}
.soup{border-radius:14px;padding:4px 14px 10px;border-left:8px solid}
.soup h4{margin:10px 0 4px;font-size:16px;color:#fff;padding:6px 12px;border-radius:6px}
.soup.c1{background:#FBF1E2;border-color:#B8862A}.soup.c1 h4{background:#B8862A}
.soup.c2{background:#FDF3E3;border-color:#E9A93A}.soup.c2 h4{background:#E9A93A}
.soup.c3{background:#EEF5EE;border-color:#7FAF85}.soup.c3 h4{background:#6E9F75}
.soup.c4{background:#FBEDEF;border-color:#D9828E}.soup.c4 h4{background:#D27482}
.addons{display:grid;gap:4px 28px}
.addons .plist{margin-bottom:12px}
.cards{display:grid;gap:16px}
.card{margin:0;border-radius:14px;overflow:hidden;background:var(--gold);color:#fff}
.card img{width:100%;aspect-ratio:302/146;object-fit:cover}
.card figcaption{padding:10px 14px 14px}
.card .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.card h4{margin:0;font-size:19px}
.card p{margin:4px 0 0;font-size:14px}
.price{font-size:28px;font-weight:800;font-family:Georgia,"Times New Roman",serif;color:var(--brown)}
.card .price{color:#fff}
.price small{font-size:15px;margin-left:2px}
.group{display:grid;gap:16px;margin-top:22px}
.gcard{background:var(--cream);border:2px solid var(--gold);border-radius:14px;padding:14px 18px}
.gcard h3{margin:0 0 4px;display:flex;justify-content:space-between;align-items:baseline;color:var(--brown);font-size:22px}
.gcard h4{margin:12px 0 4px;background:var(--gold);color:#fff;display:inline-block;padding:2px 12px;border-radius:999px;font-size:14px}
.gcard ul{margin:0;padding-left:20px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.gallery figure{margin:0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.gallery figcaption{font-size:13px;text-align:center;margin-top:4px}
.two{display:grid;gap:16px}
.panel{background:var(--gold);color:#fff;border-radius:16px;padding:18px}
.panel h2{color:#fff}.panel h2::before{background:#fff}
.dots{margin:0;padding-left:20px}
.dots li{margin:4px 0}
.origin{border-collapse:collapse;width:100%}
.origin th{text-align:left;padding:6px 14px 6px 0;white-space:nowrap;vertical-align:top}
.origin td{padding:6px 0}
.menus{display:grid;gap:12px}
.menus img{border-radius:10px;border:1px solid var(--line)}
.addr2{font-size:18px;font-weight:700;margin:0 0 10px}
.map{border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3}
.map iframe{width:100%;height:100%;border:0}
footer{background:var(--brown);color:#fff;text-align:center;padding:28px 16px 90px;font-size:15px}
footer img{margin:0 auto 8px;border-radius:50%}
footer p{margin:4px 0}
footer a{color:#FFD77A}
footer .small{opacity:.7;font-size:13px;margin-top:10px}
.fab{position:fixed;right:14px;bottom:14px;z-index:20;background:var(--orange);color:#fff;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
@media (min-width:760px){
  .hero{padding:48px 20px 52px}
  .hero h1{font-size:54px}
  .cta{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none}
  .cta .btn{min-width:220px}
  .steps{grid-template-columns:repeat(3,1fr)}
  .soups{grid-template-columns:repeat(2,1fr)}
  .addons{grid-template-columns:repeat(3,1fr)}
  .cards{grid-template-columns:repeat(3,1fr)}
  .group{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:repeat(5,1fr)}
  .two{grid-template-columns:repeat(3,1fr)}
  .menus{grid-template-columns:1fr 1fr}
  .map{aspect-ratio:16/7}
  .meat{font-size:16px}
  .fab{display:none}
  footer{padding-bottom:28px}
}
.meat thead th{font-size:15px;white-space:nowrap}
.meat thead th small{display:block;font-size:10.5px;font-weight:500;letter-spacing:-.3px}
.meat thead th:first-child{vertical-align:bottom}
@media (max-width:759px){.gallery figure:last-child{grid-column:1/-1}.gallery figure:last-child img{aspect-ratio:2/1}}
