/* 認菜　方向 B 色票辨識 正式版 v1（2026-10-31 網站總監）
 * token 依 design/L2-directions.md 第 9 節：色彩 9.1、字級 9.2、間距 9.3、圓角 9.4（採 S2 建議 4/12/20）、線條 9.5。
 * 字級只准出現 13（代碼、刻度、月份）、15（介面必讀字）、17（本文）以上；禁止 11、12、12.5、14px。
 */
@font-face{font-family:"VegDisplay";src:url(fonts/veg-display-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"VegMono";src:url(fonts/veg-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"VegMono";src:url(fonts/veg-mono-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  --paper:#F3F4EE;--surface:#FFFFFF;--ink:#17211B;--ink2:#46514A;--line:#D5DBD0;--line2:#E6EAE1;
  --accent:#245A39; /* UI 強調，全站只此一色 */
  /* 類別色（資料色）與其上的字色、淡色 */
  --c-leafy:#2F6B45;--c-aromatic:#A8AA4C;--c-fruitveg:#D2873A;--c-root:#6E4E38;--c-fruit:#B9473A;
  --fg-leafy:#FFFFFF;--fg-aromatic:#17211B;--fg-fruitveg:#17211B;--fg-root:#FFFFFF;--fg-fruit:#FFFFFF;
  --t-leafy:#DFE8D4;--t-aromatic:#EEEEDB;--t-fruitveg:#F6E7D6;--t-root:#E9E2DC;--t-fruit:#F3DFDB;
  /* 漲跌小標籤（不用紅綠、不用類別色） */
  --up-bg:#F4DDD5;--up-fg:#7A2A1D;--down-bg:#DCE7EE;--down-fg:#1D4E6B;
  --notice-bg:#FBF4E4;--notice-line:#E9D9B4;--notice-fg:#3F3A2C;
  --warn-bg:#F7E7C3;--warn-fg:#6B4A12;
  --bar-vol:#5E8F3E;--peak-on:#2F6B45;--peak-off:#E6EAE1;
  --sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif;
  --disp:"VegDisplay","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --mono:"VegMono","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r1:4px;--r2:12px;--r3:20px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --pad:clamp(20px,5vw,72px);--blk:64px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light;scroll-padding-top:56px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.8;overflow-x:hidden}
a{color:inherit;text-underline-offset:3px}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
img,svg{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:12px 16px;z-index:99}
.skip:focus{left:8px;top:8px}
.disp{font-family:var(--disp);font-weight:900}
sup{font-size:13px;line-height:0;margin-left:1px}
sup a{color:var(--ink2);text-decoration:none;padding:0 1px}
sup a:hover{text-decoration:underline}
details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;font-size:15px;list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s;flex:none;margin:0 2px}
details[open]>summary::before{transform:rotate(45deg)}
.badge{display:inline-block;font-size:15px;font-weight:600;line-height:1.6;padding:0 8px;border-radius:var(--r1);background:var(--line2);color:var(--ink);margin-right:8px;vertical-align:1px}
.live .badge{background:var(--accent);color:#fff}
.empty{background:var(--surface);border-radius:var(--r2);padding:var(--s4) var(--s5);color:var(--ink2)}
.empty a{color:var(--accent);font-weight:600}
.note{font-size:15px;color:var(--ink2);margin:4px 0 0;line-height:1.6}
.intro{color:var(--ink2);max-width:40em;margin:var(--s3) 0 0}
.nos{font-size:15px;color:var(--ink2)}

/* 每頁的類別色（單品頁、類別頁） */
.cat-leafy{--cc:var(--c-leafy);--cfg:#FFFFFF}.cat-aromatic{--cc:var(--c-aromatic);--cfg:#17211B}.cat-fruitveg{--cc:var(--c-fruitveg);--cfg:#17211B}
.cat-root{--cc:var(--c-root);--cfg:#FFFFFF}.cat-fruit{--cc:var(--c-fruit);--cfg:#FFFFFF}

/* ---------- 頁首 ---------- */
.parent{font-size:15px;color:var(--ink2);border-bottom:1px solid var(--line2)}
.parent .wrap{display:flex;gap:8px;align-items:center;min-height:44px}
.parent .pbrand{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--ink);text-decoration:none;padding:10px 0}
.site{background:var(--paper);border-bottom:1px solid var(--line)}
.site-in{display:flex;align-items:center;gap:var(--s6);min-height:64px}
.logo{flex:none;display:flex;align-items:center;gap:10px;font-size:24px;text-decoration:none;letter-spacing:.04em;padding:8px 0}
.logo i{width:22px;height:22px;border-radius:var(--r1);background:linear-gradient(135deg,var(--c-leafy) 0 50%,var(--c-fruitveg) 50% 100%)}
.site nav{min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}
.site nav::-webkit-scrollbar{display:none}
.site ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.site nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;white-space:nowrap;text-decoration:none;color:var(--ink2);font-size:16px;border-radius:var(--r1)}
.site nav a[aria-current]{color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--accent)}
.site nav a:hover{color:var(--ink);background:var(--line2)}

/* ---------- 首頁 ---------- */
.hero{padding:var(--s8) 0 var(--s7);overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:center}
.eyebrow{font-size:15px;color:var(--ink2);margin:0;letter-spacing:.06em}
.hero h1{margin:4px 0 0;font-size:clamp(112px,13vw,184px);line-height:1;letter-spacing:-.02em}
.lead{font-size:19px;color:var(--ink2);margin:var(--s5) 0 0;max-width:24em}
.search{position:relative;margin-top:var(--s5);max-width:540px}
.sbox{display:flex;background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r2);overflow:hidden}
.sbox input{flex:1;min-width:0;border:0;padding:12px 16px;font-size:17px;background:transparent;min-height:52px}
.sbox input::placeholder{color:#6A746C}
.sbox input:focus{outline:none}
.sbox:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.sbox button{border:0;background:var(--accent);color:#fff;font-weight:700;padding:0 24px;cursor:pointer;min-width:72px}
.slist{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);margin:0;padding:6px;list-style:none;box-shadow:0 12px 28px -14px rgba(23,33,27,.4)}
.slist li{padding:10px 12px;border-radius:var(--r1);cursor:pointer;min-height:56px;line-height:1.5}
.slist li b{display:block;font-size:17px}
.slist li span{display:block;font-size:15px;color:var(--ink2)}
.slist li[aria-selected="true"],.slist li:hover{background:var(--line2)}
.slist li.no{cursor:default;background:none;color:var(--ink2);font-size:15px}
.slist li.no a{color:var(--accent);font-weight:600}
.hints{margin:var(--s3) 0 0;font-size:15px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:0 4px;align-items:center}
.hints a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.hints a:hover{border-color:var(--accent)}

/* 色票扇（桌機）：唯一一處破框（超出右欄） */
.fan-w{position:relative;height:500px;margin-right:calc(var(--pad) * -1)}
.fan{list-style:none;margin:0;padding:0;position:relative;height:100%}
.chip{position:absolute;left:50%;bottom:72px;width:172px;height:300px;margin-left:-86px;transform-origin:50% 170%;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.chip a{display:flex;flex-direction:column;height:100%;background:var(--surface);border-radius:var(--r1);box-shadow:0 1px 0 rgba(0,0,0,.06),0 12px 26px -12px rgba(23,33,27,.38);text-decoration:none;color:var(--ink);overflow:hidden}
.chip .sw{flex:1;background:var(--col);color:var(--fg);padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.chip .sw b{font-size:30px;line-height:1.15;letter-spacing:.02em}
.chip .cnt{font-family:var(--mono);font-size:15px;font-weight:600}
.chip .eg{display:block;padding:10px 16px 12px;font-size:15px;line-height:1.5;color:var(--ink)}
.fan .ch0{transform:rotate(-32deg)}.fan .ch1{transform:rotate(-16deg)}.fan .ch2{transform:rotate(0)}.fan .ch3{transform:rotate(16deg)}.fan .ch4{transform:rotate(32deg)}
.fan .chip:hover,.fan .chip:focus-within{z-index:9}
.fan .ch0:hover,.fan .ch0:focus-within{transform:rotate(-32deg) translateY(-18px)}
.fan .ch1:hover,.fan .ch1:focus-within{transform:rotate(-16deg) translateY(-18px)}
.fan .ch2:hover,.fan .ch2:focus-within{transform:translateY(-18px)}
.fan .ch3:hover,.fan .ch3:focus-within{transform:rotate(16deg) translateY(-18px)}
.fan .ch4:hover,.fan .ch4:focus-within{transform:rotate(32deg) translateY(-18px)}

.season{padding:var(--s7) 0 var(--s8);background:var(--surface)}
.sec-h{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}
.sec-h h2{margin:0;font-size:40px;line-height:1.3}
.month-big{margin:0;font-family:var(--mono);font-weight:600;font-size:88px;line-height:.9;letter-spacing:-.04em;color:var(--c-leafy)}
.mnav{margin-left:auto;display:flex;gap:8px}
.mnav button,.seg button,.unit button,.bcats button,.retry,[data-bclear]{min-height:44px;padding:0 16px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r2);cursor:pointer;font-size:15px;color:var(--ink)}
.mnav button:hover,.seg button:hover,.unit button:hover,.bcats button:hover{border-color:var(--ink2)}
.srow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.sc a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--paper);border-radius:var(--r1);overflow:hidden}
.sc .sw{background:var(--col);color:var(--fg,#fff);padding:12px 14px;min-height:96px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sc .sw b{font-size:24px;line-height:1.3}
.sc .pk{font-size:15px;font-weight:600;background:rgba(255,255,255,.92);color:var(--ink);border-radius:var(--r1);padding:0 6px;line-height:1.7;flex:none}
.sc .t{padding:10px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.sc .sum{font-size:15px;line-height:1.6;color:var(--ink2)}
.sc .sp{font-size:15px;line-height:1.5;margin-top:auto;padding-top:6px}
.sc .sp .m{font-family:var(--mono);font-weight:600}
.sc .sp .mu{font-size:15px;color:var(--ink2);margin-left:2px}
.qb{display:block;height:6px;background:var(--line2);border-radius:var(--r1);margin-top:6px;overflow:hidden}
.qb i{display:block;height:100%;background:var(--bar-vol)}
.qn{font-size:15px;color:var(--ink2);line-height:1.5}
.srow.more{margin-top:var(--s3)}
.sfoot{font-size:15px;color:var(--ink2);margin:var(--s4) 0 0;line-height:1.6}
.sall p,.smore{font-size:15px}
.sall a{color:var(--ink)}
.gate{padding:var(--s7) 0}
.gate-in{display:flex;flex-wrap:wrap;gap:var(--s3)}
.gate-a{flex:1 1 260px;display:block;text-decoration:none;background:var(--surface);border-radius:var(--r2);padding:var(--s5);line-height:1.6}
.gate-a b{display:block;font-size:24px;margin-bottom:6px}
.gate-a span{font-size:15px;color:var(--ink2)}
.gate-a.market{flex:2 1 360px;background:var(--accent);color:#fff}
.gate-a.market span{color:#fff}
.gate-a:hover b{text-decoration:underline}
.allitems{padding:var(--s7) 0 var(--s8)}
.allitems>.wrap>h2,.ph1{font-size:40px;line-height:1.3;margin:0 0 var(--s5)}
.catb{margin-top:var(--s6)}
.catb h3{margin:0 0 var(--s3);font-size:24px}
.catb h3 a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.catb h3 i{width:20px;height:20px;border-radius:var(--r1);background:var(--col)}
.catb h3 small{font-size:15px;color:var(--ink2);font-weight:400}
.irows{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.irows li{flex:1 1 340px}
.ir{display:grid;grid-template-columns:6px 1fr;column-gap:14px;min-height:72px;background:var(--surface);border-radius:var(--r1);padding:12px 16px 12px 0;text-decoration:none;color:var(--ink);line-height:1.5;height:100%}
.ir::before{content:"";grid-row:1 / span 3;background:var(--col);border-radius:var(--r1) 0 0 var(--r1);margin:-12px 0}
.ir-n{font-size:19px;font-weight:700;display:flex;gap:8px;align-items:center}
.ir-on{font-size:15px;font-weight:600;background:var(--t-leafy);border:1px solid var(--peak-on);color:var(--ink);border-radius:var(--r1);padding:0 6px;line-height:1.6}
.ir-s{font-size:15px;color:var(--ink2)}
.ir-p{font-size:15px}
.ir-p .m{font-family:var(--mono);font-weight:600}
.ir-p .mu{font-size:15px;color:var(--ink2);margin-left:2px}
.ir-p.none{color:var(--ink2)}
.ir:hover .ir-n{text-decoration:underline}
.missing{margin-top:var(--s6);color:var(--ink2);font-size:15px}

/* 類別頁 */
.cathero{background:var(--col);color:var(--fg);padding:var(--s5) 0 var(--s7)}
.cathero .crumb a,.cathero .crumb{color:var(--fg)}
.cathero h1{font-family:var(--disp);font-weight:900;font-size:72px;line-height:1.1;margin:var(--s4) 0 var(--s2)}
.cathero p{margin:0;font-size:17px}
.catlist{padding:var(--s6) var(--pad) var(--s8)}
.other-cats{margin-top:var(--s6);font-size:15px}

/* ---------- 單品頁 頁首 ---------- */
.crumb{font-size:15px;display:flex;flex-wrap:wrap;gap:0 6px;align-items:center}
.crumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-thickness:1px}
.ihero{padding:var(--s2) 0 var(--s7)}
.hero-deep{background:var(--cc);color:var(--cfg)}
.hero-light{background:var(--ct);color:var(--ink)}
.ih-main{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s7);align-items:end;margin-top:var(--s4)}
.catchip{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;text-decoration:none;color:inherit}
.catchip i{width:16px;height:16px;border-radius:var(--r1);background:var(--cc);box-shadow:inset 0 0 0 1.5px currentColor}
.ihero h1{font-family:var(--disp);font-weight:900;font-size:104px;line-height:1.1;margin:0;letter-spacing:.01em}
.names{margin:var(--s3) 0 0;font-size:17px}
.akas{margin:4px 0 0;font-size:17px}
.summary{font-size:19px;margin:0;line-height:1.8}
.hfacts{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);margin:var(--s5) 0 0;padding-top:var(--s4);border-top:1.5px solid currentColor}
.hfacts div{min-width:0}
.hfacts dt{font-size:15px;opacity:1}
.hfacts dd{margin:0;font-size:20px;font-weight:700;line-height:1.5}
.hfacts dd a{color:inherit}
.hf-price{flex:1 1 100%}
.topline{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;text-decoration:none;color:inherit;min-height:44px;padding:4px 0}
.topline .tl-n{font-weight:700}
.topline .m{font-family:var(--mono);font-weight:600;font-size:32px;line-height:1.1}
.topline .mu{font-size:15px;font-weight:400}
.topline .tl-d{font-size:15px;font-weight:400}
.topline .tl-a{font-size:15px}
.topline:hover .tl-n{text-decoration:underline}

/* 頁內導覽（黏頂，每項 44px） */
.tabs{position:sticky;top:0;z-index:15;background:rgba(243,244,238,.97);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(8px)){.tabs{background:rgba(243,244,238,.9);backdrop-filter:blur(8px)}}
.tabs ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.tabs ul::-webkit-scrollbar{display:none}
.tabs a{display:flex;align-items:center;min-height:48px;padding:0 14px;white-space:nowrap;text-decoration:none;color:var(--ink2);font-size:16px}
.tabs a[aria-current]{color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--accent)}
.block{padding:var(--blk) 0;scroll-margin-top:52px}
.block h2{font-size:40px;line-height:1.4;margin:0}
.block h3{font-size:24px;line-height:1.4;margin:0}

/* 類型：類別色 10% 淡底 */
.types{background:color-mix(in srgb,var(--cc,#2F6B45) 10%,#fff)}
.tell{margin:var(--s5) 0 0;font-size:19px;line-height:1.7;max-width:40em;font-weight:600}
.tell .tl{display:block;font-size:15px;font-weight:600;color:var(--ink2)}
.mx-wrap{margin-top:var(--s5);background:var(--surface);border-radius:var(--r2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mx{display:grid;grid-template-columns:168px repeat(var(--n),minmax(200px,1fr));min-width:min-content}
.mx>*{padding:16px;border-top:1px solid var(--line2)}
.mx>.corner,.mx>.vh{border-top:0}
.vh{display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start}
.vh b{font-size:21px;line-height:1.3}
.rh{font-size:15px;font-weight:700;color:var(--ink2);line-height:1.5;position:sticky;left:0;background:var(--surface);z-index:1}
.rh small{display:block;font-weight:400}
.gc{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:180px}
.gc svg{width:100%;max-width:120px;height:auto}
.gc .gl{font-size:15px;color:var(--ink);line-height:1.4;text-align:center}
.gc .nos{margin:auto 0}
.tc{font-size:16px;line-height:1.7}
.tc a{color:var(--accent)}
.swipe{display:none}
.drawn{font-size:15px;color:var(--ink2);margin:var(--s3) 0 0;line-height:1.6;max-width:48em}
.drawn-src ul,.traits ul,.uncertain ul{margin:4px 0 0;padding-left:1.2em;font-size:15px;line-height:1.7;color:var(--ink2)}
.drawn-src li{margin-bottom:6px}
.traits{margin-top:var(--s5);background:var(--surface);border-radius:var(--r2);padding:var(--s4) var(--s5)}
.traits h3{font-size:17px}
.traits ul{color:var(--ink);font-size:16px}
.traits .why{color:var(--ink2);font-size:15px}
.vcards{display:none;margin-top:var(--s5)}
.vcards.solo{display:block}
.vc{background:var(--surface);border-radius:var(--r2);padding:var(--s4) var(--s5);margin-top:var(--s3);scroll-margin-top:60px}
.vc h3{font-size:22px}
.vc .aka{margin:2px 0 0;font-size:15px;color:var(--ink2);line-height:1.6}
.inl{display:inline}
.inl>summary{display:inline-flex;min-height:44px;margin-left:6px}
.vc dl{margin:var(--s3) 0 0}
.vc dt{font-size:15px;font-weight:700;color:var(--ink2);margin-top:var(--s3)}
.vc dd{margin:0;font-size:17px;line-height:1.8}
.vc dd a{color:var(--accent)}
.vc dd .m{font-family:var(--mono);font-weight:600}
.vc dd .mu,.tc .mu{font-size:15px;color:var(--ink2);margin-left:2px}
.tc .m{font-family:var(--mono);font-weight:600}
.g1{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s3)}
.g1 figure{margin:0;width:120px;text-align:center}
.g1 .gc{min-height:0}
.g1 figcaption{font-size:15px;color:var(--ink2)}
.nophoto{font-size:15px;color:var(--ink2);margin:var(--s4) 0 0}

/* ---------- 批發價 ---------- */
.ph-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}
.unit{display:inline-flex;gap:0}
.unit button{border-radius:0;min-width:64px}
.unit button:first-child{border-radius:var(--r2) 0 0 var(--r2)}
.unit button:last-child{border-radius:0 var(--r2) var(--r2) 0;border-left:0}
.unit button[aria-pressed="true"],.seg button[aria-pressed="true"],.bcats button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.notice{margin:var(--s4) 0 0;background:var(--notice-bg);border:1px solid var(--notice-line);color:var(--notice-fg);border-radius:var(--r2);padding:12px 16px;font-size:17px;line-height:1.7;max-width:46em}
.notice a{color:var(--notice-fg);font-weight:600}
.pstate{font-size:15px;line-height:1.6;color:var(--ink2);margin:var(--s4) 0 0}
.pstate .pending{margin-left:8px}
.pstate.fail .pending,.pstate.live .pending{display:none}
.retry{min-height:44px;margin-left:8px}
.pcards{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s4)}
.pcard{background:var(--surface);border-radius:var(--r2);overflow:hidden;scroll-margin-top:60px}
.pcard .ph{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 20px 0}
.pcard h3{font-size:22px;line-height:1.4}
.code{font-family:var(--mono);font-size:13px;color:var(--ink2)}
.ktag{display:inline-block;font-size:15px;font-weight:600;background:var(--line2);color:var(--ink);border-radius:var(--r1);padding:0 6px;line-height:1.7;margin-left:8px;vertical-align:3px}
.toptag{font-size:15px;font-weight:600;border-radius:var(--r1);padding:0 8px;line-height:1.8;margin-left:auto}
.pcard.top .ph{background:var(--cc,var(--c-leafy));color:var(--cfg,#fff);padding-bottom:12px}
.pcard.top .code{color:inherit}
.pcard.top .toptag{background:rgba(255,255,255,.92);color:var(--ink)}
.pcard.top .ktag{background:rgba(255,255,255,.92)}
.pb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.3fr) minmax(0,1.2fr);gap:var(--s5);padding:16px 20px 16px}
.money{white-space:nowrap}
.money .m{font-family:var(--mono);font-weight:600}
.money .mu{font-size:15px;color:var(--ink2);margin-left:4px}
.money.big .m{font-size:40px;line-height:1.05;letter-spacing:-.02em}
.alt{display:block;font-size:15px;color:var(--ink2);margin-top:2px}
.cl{margin:8px 0 0;font-size:15px;line-height:1.7}
.cl .m{font-family:var(--mono)}
.cl .mu{font-size:15px}
.nochg{color:var(--ink2)}
.chg{display:inline-block;font-size:15px;font-weight:700;border-radius:var(--r1);padding:0 8px;line-height:1.7;white-space:nowrap}
.chg.up{background:var(--up-bg);color:var(--up-fg)}
.chg.down{background:var(--down-bg);color:var(--down-fg)}
.chg.flat{background:var(--line2);color:var(--ink2)}
.vol-tag{display:inline-block;font-size:15px;font-weight:600;border:1px solid var(--ink2);color:var(--ink);border-radius:var(--r1);padding:0 6px;line-height:1.6;margin-left:4px}
.range{position:relative;height:40px;margin-top:4px}
.range .tr{position:absolute;left:0;right:0;top:12px;height:8px;background:var(--line2);border-radius:var(--r1)}
.range .bd{position:absolute;top:12px;height:8px;background:var(--bar-vol);border-radius:var(--r1);min-width:3px}
.range .av{position:absolute;top:4px;width:3px;height:24px;background:var(--ink);margin-left:-1px;border-radius:1px}
.range .r0,.range .r1{position:absolute;top:24px;font-family:var(--mono);font-size:13px;color:var(--ink2)}
.range .r0{left:0}.range .r1{right:0}
.rt{margin:0;font-size:15px;line-height:1.6}
.rt .m{font-family:var(--mono);font-weight:600}
.rt .mu{font-size:15px;color:var(--ink2)}
.spark{margin:var(--s3) 0 0}
.spark svg{width:100%;height:44px}
.spark path{fill:none;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}
.spark circle{fill:var(--ink)}
.spark .base{stroke:var(--line);stroke-width:1}
.spark figcaption{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2);line-height:1.5}
.pm p{margin:0;font-size:15px;line-height:1.7}
.warn{list-style:none;margin:8px 0 0;padding:0}
.warn li{background:var(--warn-bg);color:var(--warn-fg);border-radius:var(--r1);padding:6px 10px;font-size:15px;line-height:1.6;margin-top:6px}
.warn-more>summary{font-size:15px}
.pf{border-top:1px solid var(--line2);padding:4px 20px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s5)}
.pv-link{margin:0;font-size:15px;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:0 6px}
.pv-link a{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.means p{margin:0 0 8px;font-size:15px;line-height:1.7;color:var(--ink2);max-width:46em}
.pcard.thin .pb{background:repeating-linear-gradient(-45deg,#FFFFFF 0 8px,#F6F7F2 8px 16px)}
.pmore{margin-top:var(--s3)}
.slims{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--r2)}
.slim{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 16px;border-top:1px solid var(--line2);min-height:56px;align-items:center;font-size:15px}
.slim:first-child{border-top:0}
.slim .mn{font-weight:700;font-size:17px}
.slim .sv{text-align:right}
.slim .sq{color:var(--ink2)}
.slim .sc{text-align:right}
.slim.none{grid-template-columns:1fr;color:var(--ink2)}
.src-line{font-size:15px;color:var(--ink2);margin:var(--s4) 0 0;line-height:1.7;max-width:56em}
.src-line a{color:var(--accent);font-weight:600}

/* ---------- 產季與一年行情 ---------- */
.year{background:#F7F1E3}
.yctl{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.seg{display:inline-flex;flex-wrap:wrap;gap:6px}
.selw{display:inline-flex;align-items:center;gap:8px;font-size:15px}
.selw select{min-height:44px;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);padding:0 12px;font-size:16px;max-width:60vw}
.ychart{margin-top:var(--s4);background:var(--surface);border-radius:var(--r2);padding:var(--s4) var(--s4) var(--s3)}
.yc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.ycm{display:flex;flex-direction:column;align-items:stretch;gap:6px;border:0;background:none;padding:4px 0 0;cursor:pointer;min-width:24px;border-radius:var(--r1)}
.ycm:hover{background:var(--paper)}
.ycm.sel{background:var(--line2)}
.pk{height:26px;border-radius:var(--r1)}
.pk.on{background:var(--peak-on)}
.pk.all{background:repeating-linear-gradient(-45deg,var(--bar-vol) 0 3px,#fff 3px 7px);box-shadow:inset 0 0 0 1px var(--bar-vol)}
.pk.off{background:var(--peak-off);box-shadow:inset 0 0 0 1px var(--line)}
.pk.na{background:none;box-shadow:inset 0 0 0 1px var(--line2)}
.ycm.now .pk{outline:2.5px solid var(--ink);outline-offset:2px}
.bar{position:relative;height:150px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;border-bottom:1px solid var(--ink2)}
.bar i{display:block;background:var(--bar-vol);border-radius:var(--r1) var(--r1) 0 0;margin:0 3px}
.bar .bl{font-family:var(--mono);font-size:13px;font-weight:600;text-align:center;line-height:1.2;margin-bottom:2px;white-space:nowrap}
.bar .bl small{display:block;font-size:13px;font-weight:400}
.bar .miss{font-size:15px;color:var(--ink2);text-align:center;margin-bottom:6px}
.ml{font-family:var(--mono);font-size:13px;text-align:center;color:var(--ink2)}
.yl{font-family:var(--mono);font-size:13px;text-align:center;color:var(--ink2);min-height:20px;line-height:20px}
.ycm.jan{box-shadow:inset 1.5px 0 0 var(--ink2)}
.ycm.now .ml{color:var(--ink);font-weight:600}
.yread{margin:var(--s3) 0 0;font-size:15px;line-height:1.7;min-height:52px}
.yread .m{font-family:var(--mono);font-weight:600}
.yread .mu{font-size:15px;margin-left:2px}
.ysum,.ynote{margin:0;font-size:17px;line-height:1.8}
.ylegend{list-style:none;margin:var(--s3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px var(--s5);font-size:15px}
.lg{display:inline-block;width:18px;height:14px;border-radius:var(--r1);vertical-align:-2px;margin-right:6px}
.lg.on{background:var(--peak-on)}.lg.all{background:repeating-linear-gradient(-45deg,var(--bar-vol) 0 3px,#fff 3px 7px);box-shadow:inset 0 0 0 1px var(--bar-vol)}
.lg.off{background:var(--peak-off);box-shadow:inset 0 0 0 1px var(--line)}.lg.now{outline:2.5px solid var(--ink);outline-offset:1px;background:none}
.ysrc{margin:var(--s4) 0 0;padding-left:1.2em;font-size:15px;line-height:1.7;color:var(--ink2);max-width:56em}
.ytab-w{margin-top:var(--s3)}
.ytab{border-collapse:collapse;background:var(--surface);font-size:15px;margin-top:6px;min-width:320px}
.ytab caption{text-align:left;font-size:15px;color:var(--ink2);padding-bottom:6px}
.ytab th,.ytab td{padding:8px 12px;border-top:1px solid var(--line2);text-align:right}
.ytab th:first-child{text-align:left}
.ytab .m{font-family:var(--mono)}

/* ---------- 產區 ---------- */
.reg-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--s6);margin-top:var(--s5);align-items:start}
.map-w{position:sticky;top:64px;background:var(--surface);border-radius:var(--r2);padding:var(--s4)}
.map{width:100%;height:auto;max-height:440px}
.map path{fill:var(--line2);stroke:#fff;stroke-width:1.2}
.map path.on{fill:var(--cc,var(--c-leafy));stroke:var(--ink);stroke-width:1}
.map path.tiny{stroke:var(--ink2);stroke-width:2}
.map path.on.tiny{stroke:var(--ink);stroke-width:3}
.map.focus path{opacity:.35}
.map.focus path.hl{opacity:1;stroke:var(--ink);stroke-width:3}
.islands{font-size:15px;margin:var(--s2) 0 0}
.islands span{display:inline-block;background:var(--cc);color:#fff;border-radius:var(--r1);padding:0 6px;margin-left:6px}
.map-src{font-size:15px;color:var(--ink2);margin:var(--s2) 0 0;line-height:1.5}
.reg-list{list-style:none;margin:0;padding:0}
.reg-list li{border-top:1px solid var(--line);padding:4px 0 12px}
.reg-list li:first-child{border-top:0}
.reg-list button{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;border:0;background:none;padding:6px 0;cursor:pointer;text-align:left;min-height:44px}
.reg-list button b{font-size:20px}
.reg-list button[aria-pressed="true"] b{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cc)}
.towns{font-size:15px;color:var(--ink2)}
.reg-list p{margin:0;font-size:16px;line-height:1.75}

/* ---------- 易混淆（單品頁） ---------- */
.clist{list-style:none;margin:var(--s5) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.clist li{background:var(--surface);border-radius:var(--r2);padding:var(--s4) var(--s5)}
.clist p{margin:0}
.cq{font-size:19px;margin-bottom:4px!important}
.cw{font-weight:700;color:var(--ink)}
.cw i{display:inline-block;width:14px;height:14px;border-radius:var(--r1);background:var(--col);margin-right:6px;vertical-align:-1px}
.nc{font-size:15px;color:var(--ink2)}
.cmp{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600;font-size:15px}

/* ---------- 怎麼挑 ---------- */
.pick-cols{display:flex;flex-wrap:wrap;gap:var(--s6);margin-top:var(--s5)}
.pick-cols>div{flex:1 1 300px}
.pick-cols ul{margin:var(--s2) 0 0;padding-left:1.2em}
.pick-cols p{margin:var(--s2) 0 0}
.tail{background:var(--surface)}
.trivia{background:var(--paper);border-radius:var(--r2);padding:var(--s4) var(--s5);margin-bottom:var(--s6);max-width:46em}
.trivia h3{font-size:17px}
.trivia p{margin:4px 0 0}
.uncertain{margin-bottom:var(--s6);max-width:56em}
.srcs{margin:var(--s4) 0 0;padding-left:1.8em;font-size:15px;line-height:1.7;color:var(--ink2)}
.srcs li{margin-bottom:8px;scroll-margin-top:60px;word-break:break-word}
.srcs a{color:var(--accent)}
.srcs li:target{background:var(--warn-bg)}
.pn{display:flex;justify-content:space-between;gap:var(--s3);padding-top:var(--s6);padding-bottom:var(--s6)}
.pn a{display:flex;flex-direction:column;justify-content:center;min-height:56px;text-decoration:none;font-weight:700;font-size:17px}
.pn small{font-size:15px;font-weight:400;color:var(--ink2)}
.pn .next{text-align:right}
.pn .up{align-items:center;color:var(--accent)}

/* ---------- 行情看板 ---------- */
.mhero{background:var(--accent);color:#fff;padding:var(--s6) 0 var(--s6)}
.mhero h1{font-size:56px;line-height:1.2;margin:0}
.mdate{margin:var(--s3) 0 0;font-size:15px}
.mhero .badge{background:#fff;color:var(--ink)}
.mhero .notice{margin-top:var(--s4)}
.board{padding-top:var(--s5);padding-bottom:var(--s8)}
.bctl{display:flex;flex-direction:column;gap:var(--s3)}
.bq input{width:100%;max-width:480px;min-height:48px;border:1.5px solid var(--ink);border-radius:var(--r2);padding:0 14px;background:var(--surface);font-size:17px}
.bcats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.bcats button{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.bcats i{width:12px;height:12px;border-radius:3px;background:var(--col)}
.bopts{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center}
.ck{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;cursor:pointer}
.ck input{width:20px;height:20px;accent-color:var(--accent)}
.bcount{margin:0;font-size:15px;color:var(--ink2)}
.bhide{margin:0;font-size:15px}
.bhide button{min-height:44px;border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline}
.movers{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.movers:empty{display:none}
.mv{flex:1 1 320px;background:var(--surface);border-radius:var(--r2);padding:var(--s4) var(--s5)}
.mv h2{font-size:20px;margin:0 0 4px}
.mv ol{margin:0;padding:0;list-style:none}
.mv li a{display:flex;justify-content:space-between;gap:8px;min-height:44px;align-items:center;text-decoration:none;border-top:1px solid var(--line2);font-size:15px}
.mv li:first-child a{border-top:0}
.mv .mvm{font-family:var(--mono)}
.mv .note{margin-top:6px}
.bhead,.br{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 96px 120px 150px 96px minmax(0,1.3fr);gap:12px;align-items:center}
.bhead{margin-top:var(--s5);padding:8px 16px;font-size:15px;font-weight:600;color:var(--ink2);position:sticky;top:0;background:var(--paper);z-index:2}
.bhead .b-av,.bhead .b-q,.br .b-av,.br .b-q{text-align:right}
.blist{display:flex;flex-direction:column;gap:var(--s2)}
.bg{background:var(--surface);border-radius:var(--r2);overflow:hidden}
.bgh{margin:0;font-size:19px;padding:8px 16px 0}
.bgh a{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}
.bgh i{width:14px;height:14px;border-radius:3px;background:var(--col)}
.br{padding:10px 16px;min-height:56px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line2);font-size:15px}
.br:hover{background:var(--paper)}
.br .b-it{font-weight:700}
.br .b-mn{font-size:16px}
.br .m{font-family:var(--mono)}
.br .b-av .m{font-weight:600;font-size:19px}
.br.none{color:var(--ink2)}
.ftag{display:inline-block;font-size:15px;background:var(--warn-bg);color:var(--warn-fg);border-radius:var(--r1);padding:0 6px;line-height:1.7;margin-left:6px}
.board.grouped .br .b-it{visibility:hidden}
.board.flat .bg{display:contents}
.board.flat .bgh{display:none}
.board.flat .blist{background:var(--surface);border-radius:var(--r2);gap:0}
.bempty{margin-top:var(--s4)}
.nomk{margin-top:var(--s6)}
.nomk ul{font-size:15px;line-height:1.8}

/* ---------- 易混淆總覽、俗名、說明 ---------- */
main>.wrap{padding-top:var(--s6);padding-bottom:var(--s8)}
.lead2{font-size:19px;color:var(--ink2);max-width:36em;margin:0}
.cjump ul{display:flex;gap:6px;list-style:none;padding:0;margin:var(--s5) 0 0;overflow-x:auto;scrollbar-width:thin}
.cjump a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:var(--surface);border-radius:var(--r2);white-space:nowrap;text-decoration:none;font-size:15px}
.cgroup{margin-top:var(--s7);scroll-margin-top:16px}
.cgroup h2{font-size:28px;line-height:1.4;margin:0}
.crules{margin:var(--s3) 0 0;padding-left:1.2em;max-width:46em}
.crules li{margin-bottom:8px}
.ctab-w{margin-top:var(--s4);overflow-x:auto;background:var(--surface);border-radius:var(--r2)}
.ctab{border-collapse:collapse;width:100%;min-width:calc(120px + var(--n) * 180px)}
.ctab th,.ctab td{padding:12px 16px;border-top:1px solid var(--line2);vertical-align:top;text-align:left;font-size:16px;line-height:1.7}
.ctab thead th{background:var(--col);color:var(--fg);border-top:0;font-size:20px}
.ctab thead th a{color:inherit;display:inline-flex;min-height:44px;align-items:center}
.ctab thead td{border-top:0}
.ctab tbody th{font-size:15px;color:var(--ink2);width:120px;position:sticky;left:0;background:var(--surface)}
.ctab .m{font-family:var(--mono);font-weight:600}
.ctab .mu{font-size:15px;color:var(--ink2);margin-left:2px}
.cother{margin-top:var(--s8)}
.cother h2{font-size:28px}
.cother ul{padding-left:1.2em;font-size:16px}
.cother li{margin-bottom:8px}
.names section{margin-top:var(--s7)}
.names h2,.prose h2{font-size:28px;line-height:1.4;margin:0}
.names .search{max-width:540px}
.tw{overflow-x:auto;margin-top:var(--s4);background:var(--surface);border-radius:var(--r2)}
.ntab{border-collapse:collapse;width:100%}
.ntab th,.ntab td{padding:10px 16px;border-top:1px solid var(--line2);text-align:left;vertical-align:top;font-size:16px;line-height:1.7}
.ntab thead th{font-size:15px;color:var(--ink2);border-top:0}
.ntab.wide{min-width:880px}
.ntab tbody th a{display:inline-flex;min-height:44px;align-items:center;font-size:17px}
.ntab td a{color:var(--accent)}
.names .bq{display:block;margin-top:var(--s4)}
.prose section{margin-top:var(--s7);max-width:46em;scroll-margin-top:16px}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:8px}
.prose small{font-size:15px;color:var(--ink2)}
.prose small a{color:var(--ink2)}
.toc ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:var(--surface);border-radius:var(--r2);text-decoration:none;font-size:15px}
.nf .search{margin:var(--s5) 0}

/* ---------- 頁尾 ---------- */
.foot{background:var(--ink);color:#E9ECE6;padding:var(--s7) 0 var(--s6);font-size:15px;line-height:1.7}
.foot a{color:#fff}
.foot-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s6)}
.foot-name{font-size:20px;margin:0 0 6px;color:#fff}
.foot ul{list-style:none;margin:0;padding:0}
.foot li a{display:inline-flex;align-items:center;min-height:44px}
.copy{margin:var(--s5) 0 0;color:#C9CFC6}

/* ---------- 手機與平板 ---------- */
@media (max-width:899px){
  :root{--blk:48px}
  .site-in{gap:var(--s3)}
  .site nav a{padding:0 10px;font-size:15px}
  .hero{padding:var(--s6) 0 var(--s6)}
  .hero-in{grid-template-columns:1fr;gap:var(--s6)}
  .hero h1{font-size:112px}
  .lead{font-size:17px}
  .fan-w{height:auto;margin:0}
  .fan{display:flex;flex-wrap:wrap;gap:var(--s2)}
  .chip,.fan .chip:hover,.fan .chip:focus-within{position:static;width:auto;height:auto;margin:0;transform:none!important}
  .chip a{box-shadow:none}
  .chip .sw{min-height:120px;padding:14px}
  .chip .sw b{font-size:26px}
  .chip .eg{padding:8px 14px 10px}
  .fan .ch0{flex:1 1 100%}.fan .ch0 .sw{min-height:136px}
  .fan .ch1{flex:0 0 calc(42% - 4px)}.fan .ch2{flex:0 0 calc(58% - 4px)}
  .fan .ch3{flex:0 0 calc(58% - 4px)}.fan .ch4{flex:0 0 calc(42% - 4px)}
  .sec-h h2{font-size:28px}
  .month-big{font-size:64px}
  .mnav{margin-left:0;width:100%}
  .mnav button{flex:1}
  .srow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 6px;scroll-padding-left:var(--pad);scrollbar-width:none}
  .srow .sc{flex:0 0 240px;scroll-snap-align:start}
  .smore .srow{display:grid;grid-template-columns:1fr;margin:var(--s3) 0 0;padding:0;overflow:visible}
  .allitems>.wrap>h2,.ph1{font-size:32px}
  .cathero h1{font-size:56px}
  .ihero{padding-bottom:var(--s6)}
  .ih-main{grid-template-columns:1fr;gap:var(--s4);margin-top:0}
  .ihero h1{font-size:72px}
  .summary{font-size:17px}
  .hfacts{gap:var(--s3) var(--s5)}
  .hfacts dd{font-size:18px}
  .block h2{font-size:28px}
  .tell{font-size:17px}
  /* 矩陣：同時看 3 欄，第 4 欄露出約三分之一（M13） */
  .mx{--cw:calc((100vw - 2 * var(--pad)) / min(var(--n), 3.3));grid-template-columns:repeat(var(--n),var(--cw))}
  .mx>.corner{display:none}
  .mx>.rh{grid-column:1 / -1;padding:12px 12px 0;background:none;position:static;border-top:1px solid var(--line2)}
  .mx>.rh>span{position:sticky;left:12px;display:inline-block}
  .mx>.rh small{display:inline;margin-left:6px}
  .mx>.gc,.mx>.vh{padding:8px 6px 12px;border-top:0}
  .mx>.vh{padding-top:14px}
  .vh b{font-size:17px}
  .gc{min-height:150px}
  .gc svg{max-width:100px}
  .gc .gl{font-size:15px}
  .mx .tx{display:none}
  .mx-wrap.no-g{display:none}
  .swipe{display:block;font-size:15px;color:var(--ink2);margin:6px 0 0;text-align:right}
  .vcards{display:block}
  .pb{grid-template-columns:1fr;gap:var(--s3);padding:14px 16px}
  .pcard .ph{padding:12px 16px 0}
  .pcard.top .ph{padding-bottom:10px}
  .pcard h3{font-size:20px}
  .pf{padding:2px 16px 6px}
  .yc{gap:2px}
  .ycm{min-width:0}
  .bar{height:120px}
  .bar i{margin:0 2px}
  .bar .bl{font-size:13px;letter-spacing:-.04em}
  .reg-grid{grid-template-columns:40% minmax(0,1fr);gap:var(--s3)}
  .map-w{padding:var(--s2);top:56px}
  .map{max-height:260px}
  .reg-list button b{font-size:18px}
  .reg-list p{font-size:15px;line-height:1.7}
  .mhero h1{font-size:36px}
  .bhead{display:none}
  .br{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"it av" "mn av" "q ch";gap:0 12px;padding:10px 16px}
  .br .b-it{grid-area:it}.br .b-mn{grid-area:mn}.br .b-av{grid-area:av;align-self:center}.br .b-ch{grid-area:ch;text-align:right}
  .br .b-q{grid-area:q;text-align:left;color:var(--ink2)}
  .br .b-q::after{content:" 公噸"}
  .br .b-q:empty::after{content:""}
  .br .b-rg,.br .b-mk{display:none}
  .board.grouped .br .b-it{display:none}
  .board.grouped .br{grid-template-areas:"mn av" "q ch"}
  .foot-top{grid-template-columns:1fr}
  .gate-a.market{flex-basis:100%}
}
@media (max-width:359px){
  .reg-grid{grid-template-columns:1fr}
  .map-w{position:static}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.tabs,.site nav,.unit,.parent{display:none}}

/* v1 修正 */
.nw{white-space:nowrap}
.hero-deep .money .mu,.hero-deep .topline .mu{color:inherit}
.hero-deep .catchip i{background:currentColor;box-shadow:none;width:12px;height:12px}
.hints a{min-height:44px;padding:0 14px;margin:4px 6px 0 0;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface)}
.hints a:hover{border-color:var(--accent)}
.sec-h .month-big{font-size:88px;margin-right:4px;vertical-align:-6px}
.ycm.part .bar i{background:repeating-linear-gradient(-45deg,var(--bar-vol) 0 3px,#fff 3px 6px);box-shadow:inset 0 0 0 1.5px var(--bar-vol)}
.ynote.small{font-size:15px;color:var(--ink2);margin-bottom:6px}
.bar .bl{position:relative;z-index:1;background:var(--surface)}
@media (max-width:899px){.sec-h .month-big{font-size:64px}}
.rh small{font-size:15px;font-weight:400}
.vh{align-items:center;text-align:center}
.slim{grid-template-areas:"mn sv" "sq sc"}
.slim .mn{grid-area:mn}.slim .sv{grid-area:sv}.slim .sq{grid-area:sq}.slim .sc{grid-area:sc}
.site nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
@media (min-width:900px){.site nav{-webkit-mask-image:none;mask-image:none}}
@media (min-width:900px){
  .bhead,.br{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 96px 120px 190px 96px minmax(0,1.3fr)}
  .board.grouped .bhead,.board.grouped .br{grid-template-columns:minmax(0,2fr) 96px 120px 190px 96px minmax(0,1.3fr)}
  .board.grouped .b-it{display:none}
}
.map path.on{stroke:#17211B;stroke-width:1.5}
@media (max-width:899px){
  .ctab{min-width:calc(76px + var(--n) * 136px)}
  .ctab th,.ctab td{padding:10px 10px;font-size:15px}
  .ctab tbody th{width:76px}
  .ctab thead th{font-size:18px}
}
/* 美學閘自評修正（2026-10-31）：強調色只留 UI；一頁一組等分；本文每行 ≤40 字 */
.mhero{background:var(--ink)}
.gate-a.market{background:var(--ink)}
.home .irows{flex-direction:column;max-width:760px}
.home .irows li{flex:none}
.pick-cols>div:first-child{flex:2 1 360px}
.pick-cols>div{flex:1 1 260px}
.reg-list p,.clist p,.crules,.trivia,.prose section,.cother ul,.vc dd{max-width:40em}
.prose ul{max-width:40em}

/* ---------- 第二輪（L2-v1 R1–R6、S 建議）2026-10-31 ---------- */
.to-unc{color:var(--accent);font-weight:600}
/* R2/R6/S14 頁首價格：沒有箭頭，三行 */
.hf-price dd p{margin:0}
.tl-1{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.tl-1 .tl-n{font-weight:700}
.tl-1 .m{font-family:var(--mono);font-weight:600;font-size:32px;line-height:1.1}
.tl-1 .mu{font-size:15px;font-weight:400;margin-left:4px}
.tl-m{font-size:15px;font-weight:400;line-height:1.6}
.tl-2{font-size:15px;font-weight:400;line-height:1.8;margin-top:2px!important}
.tl-2 .chg{vertical-align:1px}
.tl-3 a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;color:inherit}
.hero-deep .tl-2 .vol-tag{border-color:currentColor;color:inherit}
.tl-none{margin:0;font-size:17px;font-weight:400}
/* R6 卡片標題下的品名短說明 */
.msh{flex:1 1 100%;margin:0;font-size:15px;line-height:1.6;color:var(--ink2)}
.pcard.top .msh{color:inherit}
/* S9 重試獨立一行 */
.pretry{margin:6px 0 0}
.retry{margin-left:0}
/* R5 色名在 HTML */
.gcc svg{max-width:110px}
.gcc .gl{font-weight:700;font-size:16px;line-height:1.4}
/* S4 產季說明和價格圖分開 */
.snote{margin:var(--s3) 0 0;font-size:16px;line-height:1.75;max-width:40em}
/* 「這裡還不確定」淡底框 */
.unc{background:var(--notice-bg);border:1px solid var(--notice-line);border-radius:var(--r2);padding:var(--s3) var(--s5);margin-bottom:var(--s6);max-width:46em;scroll-margin-top:60px}
.unc h3{font-size:19px;margin:6px 0 0}
.unc details>summary{font-size:19px;color:var(--ink);font-weight:700}
.unc details>summary::before{color:var(--accent)}
.unc ul{margin:6px 0 8px;padding-left:1.2em;font-size:16px;line-height:1.75;color:var(--notice-fg)}
.unc li{margin-bottom:6px}
/* S6 頁內導覽淡出 */
@media (max-width:899px){.tabs ul{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}
/* S7 首頁月份大字用墨色 */
.month-big{color:var(--ink)}
/* S8 看板頂部與首頁行情入口改柔和 */
.mhero{background:var(--paper);color:var(--ink);border-top:8px solid var(--c-leafy);border-bottom:1px solid var(--line)}
.mhero .badge{background:var(--line2);color:var(--ink)}
.gate-a.market{background:var(--surface);color:var(--ink);box-shadow:inset 6px 0 0 var(--accent)}
.gate-a.market span{color:var(--ink2)}
.gate-a.market b{font-size:28px}
/* S13 色票扇夾角縮小，品項名不被蓋住 */
.fan .ch0{transform:rotate(-22deg) translateX(-30px)}.fan .ch1{transform:rotate(-11deg) translateX(-15px)}.fan .ch2{transform:rotate(0)}.fan .ch3{transform:rotate(11deg) translateX(15px)}.fan .ch4{transform:rotate(22deg) translateX(30px)}
.fan .ch0:hover,.fan .ch0:focus-within{transform:rotate(-22deg) translate(-30px,-18px)}
.fan .ch1:hover,.fan .ch1:focus-within{transform:rotate(-11deg) translate(-15px,-18px)}
.fan .ch3:hover,.fan .ch3:focus-within{transform:rotate(11deg) translate(15px,-18px)}
.fan .ch4:hover,.fan .ch4:focus-within{transform:rotate(22deg) translate(30px,-18px)}
.chip .sw b{font-size:26px}
/* S3 一年圖：年份靠左不壓線；淡色月份 */
.yl{text-align:left;padding-left:5px}
.ycm.faint .bar i{background:#A9C49A}
@media (max-width:899px){.bar .bl{display:none}}
/* R3 看板列單位：手機顯示，桌機看表頭 */
.br .b-av .mu{font-size:15px;color:var(--ink2);margin-left:3px;font-family:var(--sans);font-weight:400}
@media (min-width:900px){.br .b-av .mu{display:none}}
/* R4 這週變動較大（收合） */
.mvw{background:var(--surface);border-radius:var(--r2);padding:4px var(--s5) var(--s3);width:100%}
.mvw>summary{font-size:17px;color:var(--ink)}
.mvs{display:flex;flex-wrap:wrap;gap:var(--s5)}
.mvs .mv{padding:0;background:none;flex:1 1 320px}
.mv li a{flex-wrap:wrap;padding:6px 0}
.mvn{flex:1 1 60%}
.mvp{font-size:15px;color:var(--ink2)}
.mvp .m{font-family:var(--mono)}
.mvm{flex:none}
.slist .shead{background:var(--paper);border-radius:var(--r1);font-size:15px;line-height:1.6;min-height:0}
.gcc{justify-content:flex-start}