/* ══════════ 餃津官網 v3「清爽・現代」（2026-10-02 業主選定：丙＋首頁當入口） ══════════
   疊在 page.css 後面：哪一頁載入這支，哪一頁就換成新視覺，可以逐頁切換、出問題拿掉 <link> 就回原樣。
   方向：白／米白底、深藍字、朱紅只給主要行動；標題用粗明體（Noto Serif TC 自架子集，scripts/build-v3-fonts.py），
   內文用系統黑體；楷書只留在 Logo 字標、朱印、蓋印動畫。卡片白底圓角、淡陰影、不加框線。
   這一版只有淺色：深淺色切換的設定在 v3 頁面不生效（頁尾維持深藍）。 */
:root,:root[data-theme="light"],:root[data-theme="dark"]{
  --bg:#FBF8F1; --bg-2:#F3EEE2; --surface:#FFFFFF;
  --txt:#1c2b45; --head:#17294A; --muted:#625b4e; --line:#e8dfcc;
  --link:#17294A; --link-line:#c9b98f; --link-hover:#BC2E13; --kicker:#BC2E13;
  --card:#FFFFFF; --card-line:transparent; --ctl-line:#17294A;
  --serif:"JJ Serif","Noto Serif TC","Songti TC","PMingLiU",serif;
  --sans:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;
  --shadow:0 1px 2px rgba(23,41,74,.05),0 8px 24px rgba(23,41,74,.07);
  --r-card:18px; --r-ctl:12px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  color-scheme:light;
}
@font-face{font-family:"JJ Serif";src:url(/fonts/v3-serif-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"JJ Serif";src:url(/fonts/v3-serif-700.woff2) format("woff2");font-weight:700;font-display:swap}

body{background:var(--bg);color:var(--txt);font-family:var(--sans);line-height:1.8;-webkit-font-smoothing:antialiased}
body *,button,input{font-family:inherit}
h1,h2,h3,h4{font-family:var(--serif);color:var(--head);font-weight:900;letter-spacing:.01em}
h1{font-size:clamp(30px,4.6vw,48px);line-height:1.3}
h2{font-size:clamp(24px,3.2vw,34px);line-height:1.35;margin-bottom:10px}
h3{font-size:20px;font-weight:700}
p{color:var(--txt)}
.sub,.lede{color:var(--muted)}
.lede{color:#3d4658}
a{color:var(--link);text-decoration-color:var(--link-line);text-underline-offset:4px}
@media(hover:hover){a:hover{color:var(--link-hover)}}
::selection{background:#F4D9CF;color:var(--head)}
:focus-visible{outline:3px solid var(--shu);outline-offset:3px}
section p b,section li b,.hl,.tbl .p{color:var(--head)}
.crumb,.crumb a{color:var(--muted)}
.crumb a{border-bottom-color:var(--line)}

/* ── 導覽列：白底、深藍字、底線一條 ── */
nav.sn,:root[data-theme="light"] nav.sn{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(23,41,74,.02)}
.sn .sn-logo{border-color:#e8dfcc}
.sn .sn-links a{color:var(--head);font-weight:500}
.sn .sn-links a:focus-visible{color:var(--head);box-shadow:inset 0 -2px 0 var(--shu)}
@media(hover:hover){.sn .sn-links a:hover{color:var(--head);box-shadow:inset 0 -2px 0 var(--shu)}}
.sn .sn-links a[aria-current="page"],:root[data-theme="light"] .sn .sn-links a[aria-current="page"]{color:var(--head);box-shadow:inset 0 -2px 0 var(--shu)}
.sn-menu,:root[data-theme="light"] .sn-menu{color:var(--head) !important;border-color:var(--head) !important}
@media(max-width:760px){.sn.sn-js.open .sn-links a,:root[data-theme="light"] .sn.sn-js.open .sn-links a{background:var(--bg);border-color:var(--line)}}

/* ── 內頁首屏與段落 ── */
header.top,:root[data-theme="light"] header.top{background:var(--bg);padding-top:48px}
section{border-top:0}
section.band,:root[data-theme="light"] section.band{background:var(--bg-2)}

/* ── 卡片：白底圓角淡陰影，不加框 ── */
.tbl,.ship .c,details,.fz-note,.st,.info .c,.guide-card,.ncard2,
section.band .tbl,section.band details,section.band .ship .c,section.band .fz-note,
:root[data-theme="light"] section.band .tbl,:root[data-theme="light"] section.band details,:root[data-theme="light"] section.band .ship .c,:root[data-theme="light"] section.band .fz-note{
  background:var(--surface);border:0;border-radius:var(--r-card);box-shadow:var(--shadow)}
.tbl li{border-bottom:1px solid var(--line)}
.tbl li small,.ship .c span,details p,.fz-note ul,.st-note,.st-info dt,.fz-flavors span,.facts span{color:var(--muted)}
.ship .c > b,.fz-note b,.st h2,.st-faqh,.guide-card b,.fz-flavors b,.facts b,.mtitle{font-family:var(--serif);font-weight:700;color:var(--head)}
.ship .c span b,.ship .c span strong{color:var(--head)}
summary{color:var(--head);font-weight:500}
summary::after,:root[data-theme="light"] summary::after{border-color:var(--line);color:var(--head)}
.st-seal{background:var(--bg-2)}
.st-tag{color:var(--kicker)}
.fz-trust{color:var(--muted);border-top-color:var(--line)}
.fz-rev blockquote{color:var(--txt)}

/* ── 按鈕：朱紅實心＝主要行動，深藍外框＝次要 ── */
.act a{border-radius:999px;font-weight:700}
.act .shop,.act .call,:root[data-theme="light"] .act .call{background:var(--shu);color:#fff;box-shadow:0 6px 16px rgba(214,53,22,.22)}
.act .shop:hover,.act .call:hover{background:var(--shu-d);color:#fff}
.act .line,.act .map,:root[data-theme="light"] .act .line,:root[data-theme="light"] .act .map{background:#fff;color:var(--head);border:1.5px solid var(--head)}
.act .line:hover,.act .map:hover{background:var(--bg-2);color:var(--head)}
.act-note{color:var(--muted)}
.morelinks a,:root[data-theme="light"] .morelinks a{color:var(--head);border:1.5px solid var(--line);background:#fff}
.morelinks a:hover{border-color:var(--head)}

/* ── 照片：圓角大一點 ── */
.fz-poster img,.mphotos img,.mset img,.figwrap img,.figwrap1 img,.st-pic img,.fz-craft-pics img,.fz-flavors img{border-radius:16px;box-shadow:none;border:0}
.figwrap img{border:0 !important;box-shadow:var(--shadow) !important}

/* ── 手機底部固定列：白底 ── */
@media(max-width:760px){
  .fz-bar,:root[data-theme="light"] .fz-bar{background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(23,41,74,.06)}
  .fz-bar span{color:var(--txt)}.fz-bar b{color:var(--head);font-family:var(--serif);font-weight:900}
  .fz-bar .tel,:root[data-theme="light"] .fz-bar .tel{color:var(--head);border-color:var(--head)}
  .fz-bar a{border-radius:999px}
}

/* ── 頁尾：維持深藍，當作整頁的落款 ── */
.sf,:root[data-theme="light"] .sf{--txt:#F5EDD8;--head:#ECD8A6;--muted:#b6ad93;--line:#3a4d6e;--link:#ECD8A6;--link-hover:#EA5330;background:#0C1A31;color:#F5EDD8}
.sf h3{font-family:var(--serif);font-weight:900}
.sf p,.sf a{color:inherit}

/* ── 補：原本寫死奶油色的文字（消息卡摘要、店鋪資訊卡、日英頁頁尾） ── */
.ncard2 .nex,.info .c .v,.tips .q{color:var(--txt)}
.info .c .k,.ncard2 .nd{color:var(--muted)}
footer:not(.sf){background:#0C1A31;color:#b6ad93;border-top:0}
footer:not(.sf) a{color:#ECD8A6}
footer:not(.sf) b,footer:not(.sf) strong{color:#F5EDD8}

/* 食材照改直式（2026-10-02 業主要求逆時針轉 90 度）：故事頁置中縮窄，冷凍頁兩張直式並排 */
.figwrap:has(img[src*="ingredients-v"]){max-width:440px;margin-inline:auto}
.fz-craft-pics{grid-template-columns:1fr 1fr;align-items:start}
.fz-ing img,.fz-wrap img{aspect-ratio:4/5}
/* 直排「一口餃・一味鮮」：一個字一格（直排模式下圓圈會算錯位置），右欄先讀；楷書是品牌記號，這裡保留 */
.fz-vert{writing-mode:horizontal-tb;display:flex;flex-direction:row-reverse;gap:10px;align-items:flex-start;font-family:var(--brush) !important;font-size:26px;line-height:1;color:var(--head)}
.fz-vert span{display:flex;flex-direction:column;align-items:center;gap:6px}
.fz-vert i{font-style:normal;display:grid;place-items:center;width:1.5em;height:1.5em;font-family:var(--brush)}
.fz-vert i.o{border:2.5px solid var(--shu);border-radius:50%;color:var(--shu)}