/*
Theme Name: 醫藥前線（薄荷天藍醫院導視瀑布流）
Template: nvbase
Description: medpro.itman.net.tw 專屬外觀：薄荷綠＋天空藍＋白的明亮臨床感，像現代醫院導視系統——圓角、大圖示、分區代號。服務台頭條＋樓層指引、號碼牌卡片瀑布流、叫號看板排行、醫藥生技、食物營養並排比較與分類瀏覽（食藥署）、「是真的嗎？」翻卡（國健署）、分科看板。
Version: 1.0.0
*/
:root{
	--mint:#22c3a6; --mint-d:#0f8f7a; --mint-l:#e2f7f2; --mint-m:#b7ece0;
	--sky:#2f9be6; --sky-d:#1769b0; --sky-l:#e5f2fd; --sky-m:#bfe0fa;
	--sun:#ffc24b; --ink:#16344d; --ink2:#4f6b80; --line:#d6e8ee; --bg:#f3fafb; --w:#fff;
	--r:20px; --r2:14px;
	--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
	--num:"Nunito","Noto Sans TC",sans-serif;
	--sh:0 6px 22px rgba(23,105,176,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.75 var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select{font:inherit;color:inherit}
.nv-wrap{max-width:1320px;margin:0 auto;padding-inline:28px}
.mp-ic{flex:none}

/* ---------- 報頭 ---------- */
.mp-head{background:var(--w);box-shadow:0 1px 0 var(--line);position:relative;z-index:5}
.mp-head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}
.mp-logo{display:inline-flex;align-items:center;gap:14px}
.mp-logo-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--mint),var(--sky));position:relative;flex:none;box-shadow:0 6px 16px rgba(34,195,166,.35)}
.mp-logo-mark::before,.mp-logo-mark::after{content:"";position:absolute;background:var(--w);border-radius:3px;left:50%;top:50%;transform:translate(-50%,-50%)}
.mp-logo-mark::before{width:10px;height:28px}
.mp-logo-mark::after{width:28px;height:10px}
.mp-logo-t{display:flex;flex-direction:column;line-height:1.1}
.mp-logo-t b{font:900 30px/1 var(--sans);letter-spacing:.06em;color:var(--ink)}
.mp-logo-t small{font:800 11.5px var(--num);letter-spacing:.18em;color:var(--mint-d);margin-top:6px}
.mp-head-r{display:flex;align-items:center;gap:18px}
.mp-date{display:inline-flex;align-items:baseline;gap:8px;background:var(--sky-l);color:var(--sky-d);padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px}
.mp-date b{font:900 18px var(--num)}
.nv-search{display:flex;background:var(--bg);border:2px solid var(--line);border-radius:999px;overflow:hidden}
.nv-search input{border:0;background:transparent;padding:8px 16px;width:210px;outline:none;font-size:14px;min-width:0}
.nv-search button{border:0;background:var(--mint);color:var(--w);padding:0 18px;font-weight:700;cursor:pointer;border-radius:999px;margin:3px}
.nv-search button:hover{background:var(--mint-d)}
.mp-burger{display:none;width:46px;height:46px;border-radius:14px;border:0;background:var(--mint-l);cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.mp-burger i{display:block;width:22px;height:3px;border-radius:2px;background:var(--mint-d)}

.mp-nav{background:linear-gradient(90deg,var(--mint),var(--sky))}
.mp-nav ul{list-style:none;margin:0;padding:10px 0;display:flex;flex-wrap:wrap;gap:8px}
.mp-nav a{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border-radius:999px;color:var(--w);font-weight:700;font-size:15.5px;letter-spacing:.06em;transition:background .15s}
.mp-nav a i{font:900 13px/26px var(--num);font-style:normal;width:26px;height:26px;text-align:center;border-radius:50%;background:rgba(255,255,255,.95);color:var(--sky-d)}
.mp-nav a:hover,.mp-nav li.on a{background:rgba(255,255,255,.22)}
.mp-nav li.on a{background:var(--w);color:var(--mint-d)}
.mp-nav li.on a i{background:var(--mint);color:var(--w)}
.mp-nav-search{display:none}

/* ---------- 共用 ---------- */
.mp-home{padding-bottom:40px}
.mp-sec{margin-top:64px}
.mp-zone{display:flex;align-items:center;gap:14px;margin:0 0 22px;flex-wrap:wrap}
.mp-zone-code{font:900 30px/1 var(--num);width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--w);background:var(--mint);flex:none}
.mp-zone-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--mint-l);color:var(--mint-d);flex:none}
.mp-zone-ic .mp-ic{width:24px;height:24px}
.mp-zone h2{margin:0;display:flex;flex-direction:column;line-height:1.15}
.mp-zone h2 span{font:900 clamp(24px,2.6vw,32px)/1.15 var(--sans);letter-spacing:.06em}
.mp-zone h2 small{font:800 12px var(--num);letter-spacing:.24em;color:var(--ink2);margin-top:4px}
.mp-zone-more{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;padding:7px 16px;border-radius:999px;background:var(--w);border:2px solid var(--mint-m);color:var(--mint-d)}
.mp-zone-more .mp-ic{width:18px;height:18px}
.mp-zone-more:hover{background:var(--mint);border-color:var(--mint);color:var(--w)}
.mp-tone-sky .mp-zone-code{background:var(--sky)}
.mp-tone-sky .mp-zone-ic{background:var(--sky-l);color:var(--sky-d)}
.mp-tone-sky .mp-zone-more{border-color:var(--sky-m);color:var(--sky-d)}
.mp-tone-sky .mp-zone-more:hover{background:var(--sky);border-color:var(--sky);color:var(--w)}
.mp-pill{display:inline-block;font-size:12.5px;font-weight:700;padding:2px 12px;border-radius:999px;background:var(--mint-l);color:var(--mint-d)}
.mp-ticket{display:inline-block;font:900 13px/1 var(--num);letter-spacing:.08em;padding:6px 10px;border-radius:10px;background:var(--mint);color:var(--w)}
.mp-ticket.is-sky{background:var(--sky)}
.mp-btn{border:0;background:var(--w);color:var(--sky-d);font-weight:700;padding:9px 20px;border-radius:999px;cursor:pointer;box-shadow:var(--sh)}
.mp-btn:hover{background:var(--sky-d);color:var(--w)}
.mp-btn:disabled{opacity:.6;cursor:wait}
.nv-govcredit{font-size:12.5px;color:var(--ink2);margin:14px 0 0}
.nv-govcredit a{text-decoration:underline;text-decoration-thickness:1px;color:var(--sky-d)}

/* ---------- 服務台：頭條＋樓層指引 ---------- */
.mp-desk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:28px}
.mp-desk-news{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:18px}
.mp-lead{background:var(--w);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column}
.mp-lead.is-main{grid-row:span 2}
.mp-lead-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--mint-l)}
.mp-lead.is-main .mp-lead-img{aspect-ratio:16/10}
.mp-lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.mp-lead:hover .mp-lead-img img{transform:scale(1.03)}
.mp-lead-txt{padding:16px 20px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.mp-lead.is-main .mp-lead-img{aspect-ratio:auto;flex:1;min-height:320px}
.mp-lead.is-main .mp-lead-img img{position:absolute;inset:0}
.mp-lead.is-main .mp-lead-img{position:relative}
.mp-lead.is-main .mp-lead-txt{flex:none}
.mp-lead h2{margin:0;font-size:17px;line-height:1.5;font-weight:700}
.mp-lead.is-main h2{font-size:clamp(22px,2.2vw,28px);line-height:1.4;font-weight:900}
.mp-lead h2 a:hover{color:var(--mint-d)}
.mp-lead p{margin:0;color:var(--ink2);font-size:15px}
.mp-lead time{margin-top:auto;font-size:13px;color:var(--ink2)}
.mp-lead.noimg .mp-lead-txt{border-top:6px solid var(--mint)}

.mp-guide{background:linear-gradient(160deg,var(--sky),var(--sky-d));color:var(--w);border-radius:var(--r);padding:22px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh)}
.mp-guide-h{margin:0;display:flex;align-items:center;gap:12px}
.mp-guide-h .mp-ic{width:34px;height:34px;padding:6px;border-radius:12px;background:rgba(255,255,255,.2)}
.mp-guide-h span{display:flex;flex-direction:column;font:900 20px/1.2 var(--sans);letter-spacing:.08em}
.mp-guide-h small{font:800 11px var(--num);letter-spacing:.26em;opacity:.8}
.mp-guide ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mp-guide a{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.14);border-radius:14px;padding:9px 12px;font-weight:700;transition:background .15s}
.mp-guide a:hover{background:var(--w);color:var(--sky-d)}
.mp-guide a b{font:900 16px/32px var(--num);width:32px;height:32px;text-align:center;border-radius:10px;background:var(--w);color:var(--sky-d);flex:none}
.mp-guide a:hover b{background:var(--mint);color:var(--w)}
.mp-guide a span{flex:1}
.mp-guide a .mp-ic{width:18px;height:18px;opacity:.8}
.mp-guide-stat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.mp-guide-stat div{background:var(--w);color:var(--ink);border-radius:14px;padding:10px 12px;text-align:center}
.mp-guide-stat b{display:block;font:900 26px/1.1 var(--num);color:var(--mint-d)}
.mp-guide-stat span{font-size:12.5px;color:var(--ink2)}

/* ---------- A 區：號碼牌瀑布流＋右欄 ---------- */
.mp-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:56px;align-items:start;scroll-margin-top:20px}
.mp-masonry{columns:3 240px;column-gap:18px}
.mp-card{break-inside:avoid;margin:0 0 18px;background:var(--w);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);display:inline-block;width:100%}
.mp-card-media{display:block;overflow:hidden;background:var(--mint-l)}
.mp-card-media img{width:100%;height:auto;max-height:340px;object-fit:cover;transition:transform .35s}
.mp-card:hover .mp-card-media img{transform:scale(1.03)}
.mp-card-body{padding:14px 16px 16px}
.mp-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mp-card-cat{font-size:12.5px;font-weight:700;color:var(--sky-d);background:var(--sky-l);padding:3px 10px;border-radius:999px}
.mp-card h3{margin:0 0 6px;font-size:17px;line-height:1.5;font-weight:700}
.mp-card h3 a:hover{color:var(--mint-d)}
.mp-card p{margin:0 0 8px;font-size:14.5px;line-height:1.7;color:var(--ink2)}
.mp-card time{font-size:12.5px;color:var(--ink2)}
.mp-card:not(.has-img),.mp-card.noimg{background:linear-gradient(180deg,var(--mint-l),var(--w) 60%)}
.mp-card:nth-child(3n+2) .mp-ticket{background:var(--sky)}

.mp-rail{display:flex;flex-direction:column;gap:22px;min-width:0}
.mp-call{background:var(--w);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;border:1px solid var(--line)}
.mp-call-h{margin:0;display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--mint);color:var(--w)}
.mp-call-h .mp-ic{width:26px;height:26px}
.mp-call-h span{display:flex;flex-direction:column;font:900 18px/1.2 var(--sans);letter-spacing:.08em}
.mp-call-h small{font-size:12px;font-weight:500;opacity:.9;letter-spacing:.1em}
.mp-call ol{list-style:none;margin:0;padding:8px 14px 12px}
.mp-call li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}
.mp-call li:last-child{border-bottom:0}
.mp-call b{font:900 16px/34px var(--num);min-width:42px;height:34px;text-align:center;border-radius:10px;background:var(--sky-l);color:var(--sky-d);flex:none}
.mp-call li:nth-child(-n+3) b{background:var(--sky);color:var(--w)}
.mp-call a{font-size:14.5px;line-height:1.55;font-weight:500}
.mp-call a:hover{color:var(--mint-d)}
.nv-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.nv-side>*{max-width:100%}
.nv-side img{border-radius:12px}

/* ---------- B 區：醫藥生技 ---------- */
.mp-med{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mp-med-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;background:var(--w);border-radius:var(--r);padding:14px;box-shadow:var(--sh);border-left:6px solid var(--sky)}
.mp-med-item.noimg{grid-template-columns:minmax(0,1fr)}
.mp-med-img{display:block;border-radius:var(--r2);overflow:hidden;aspect-ratio:4/3;background:var(--sky-l)}
.mp-med-img img{width:100%;height:100%;object-fit:cover}
.mp-med-item h3{margin:8px 0 4px;font-size:16px;line-height:1.5;font-weight:700}
.mp-med-item h3 a:hover{color:var(--sky-d)}
.mp-med-item time{font-size:12.5px;color:var(--ink2)}

/* ---------- C 區：食物營養比較 ---------- */
#nutri,#myth,#dept{scroll-margin-top:20px}
.mp-nutri{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.mp-cmp,.mp-browse{background:var(--w);border-radius:var(--r);padding:22px;box-shadow:var(--sh);border:1px solid var(--line);min-width:0}
.mp-lead-in{margin:0 0 14px;color:var(--ink2);font-size:15px}
.mp-cmp-f{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 130px;gap:10px;align-items:end}
.mp-cmp-in,.mp-cmp-g{display:flex;flex-direction:column;gap:4px;min-width:0}
.mp-cmp-in span,.mp-cmp-g span{font-size:13px;font-weight:700}
.mp-cmp-in.is-a span{color:var(--mint-d)}
.mp-cmp-in.is-b span{color:var(--sky-d)}
.mp-cmp-in input,.mp-cmp-g input{width:100%;min-width:0;border:2px solid var(--line);border-radius:14px;padding:9px 12px;background:var(--bg);outline:none}
.mp-cmp-in.is-a input:focus{border-color:var(--mint)}
.mp-cmp-in.is-b input:focus{border-color:var(--sky)}
.mp-cmp-g{position:relative}
.mp-cmp-g input{padding-right:34px}
.mp-cmp-g em{position:absolute;right:12px;bottom:11px;font-style:normal;font-size:14px;color:var(--ink2)}
.mp-vs{font:900 16px/42px var(--num);width:42px;height:42px;text-align:center;border-radius:50%;background:var(--sun);color:var(--ink)}
.mp-cmp-names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px}
.mp-cmp-names div{border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;line-height:1.35}
.mp-cmp-names .is-a{background:var(--mint-l);text-align:left}
.mp-cmp-names .is-b{background:var(--sky-l);text-align:right}
.mp-cmp-names b{font-size:17px}
.mp-cmp-names small{font-size:12.5px;color:var(--ink2)}
.mp-cmp-rows{display:flex;flex-direction:column;gap:6px}
.mp-row{display:grid;grid-template-columns:64px minmax(0,1fr) 92px minmax(0,1fr) 64px;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}
.mp-row b{text-align:center;font-size:14px;line-height:1.2;display:flex;flex-direction:column}
.mp-row b small{font-size:11.5px;font-weight:400;color:var(--ink2)}
.mp-row .v{font:800 15px var(--num)}
.mp-row .v.is-a{text-align:right;color:var(--mint-d)}
.mp-row .v.is-b{color:var(--sky-d)}
.mp-row .bar{height:14px;border-radius:999px;background:var(--bg);display:flex;overflow:hidden}
.mp-row .bar.is-a{justify-content:flex-end}
.mp-row .bar i{display:block;height:100%;border-radius:999px;transition:width .35s}
.mp-row .bar.is-a i{background:var(--mint)}
.mp-row .bar.is-b i{background:var(--sky)}
.mp-cmp-msg{margin:12px 0 0;font-size:13px;color:var(--ink2)}

.mp-browse-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.mp-browse-h h3{margin:0;font-size:19px;font-weight:900}
.mp-browse-h label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.mp-browse-h select{border:2px solid var(--line);border-radius:12px;padding:5px 10px;background:var(--bg)}
.mp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.mp-chips button{border:0;background:var(--bg);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--ink2)}
.mp-chips button small{font:800 11px var(--num);margin-left:4px;opacity:.7}
.mp-chips button:hover{background:var(--mint-l);color:var(--mint-d)}
.mp-chips button.on{background:var(--mint);color:var(--w)}
.mp-rank-food{list-style:none;margin:0;padding:0;counter-reset:f}
.mp-rank-food li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 78px auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}
.mp-rank-food li.empty{display:block;color:var(--ink2)}
.mp-rank-food .n{font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.mp-rank-food .bar{height:10px;border-radius:999px;background:var(--bg);overflow:hidden}
.mp-rank-food .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--sky));border-radius:999px}
.mp-rank-food .v{font:800 14px var(--num);text-align:right;white-space:nowrap}
.mp-rank-food .v small{font:400 11px var(--sans);color:var(--ink2);margin-left:2px}
.mp-rank-food .go{display:flex;gap:4px}
.mp-rank-food .go button{border:0;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:700;cursor:pointer;background:var(--mint-l);color:var(--mint-d)}
.mp-rank-food .go button[data-put="b"]{background:var(--sky-l);color:var(--sky-d)}
.mp-rank-food .go button:hover{filter:brightness(.94)}
.mp-note{margin:16px 0 0;padding:12px 16px;border-radius:14px;background:#fff6df;border-left:5px solid var(--sun);font-size:14px;font-weight:500}

/* ---------- D 區：是真的嗎？翻卡 ---------- */
.mp-myth-band{margin-top:72px;padding:52px 0 56px;background:linear-gradient(180deg,var(--sky-l),var(--mint-l))}
.mp-myth-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:-6px 0 22px}
.mp-myth-top p{margin:0;color:var(--ink2);max-width:640px}
.mp-flips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mp-flip{perspective:1200px;display:flex;flex-direction:column;gap:6px}
.mp-flip-in{display:grid;border:0;padding:0;background:none;cursor:pointer;text-align:left;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.3,1);min-height:230px}
.mp-flip.is-flipped .mp-flip-in{transform:rotateY(180deg)}
.mp-flip-front,.mp-flip-back{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh)}
.mp-flip-front{background:var(--w);border:2px solid var(--sky-m)}
.mp-flip-back{background:var(--mint);color:var(--w);transform:rotateY(180deg)}
.mp-flip-no{font-size:13px;font-weight:700;color:var(--sky-d);display:flex;align-items:center;gap:6px}
.mp-flip-no b{font:900 13px/24px var(--num);width:24px;height:24px;text-align:center;border-radius:50%;background:var(--sky);color:var(--w)}
.mp-flip-back .mp-flip-no{color:var(--w);opacity:.9}
.mp-flip-q{font-size:19px;font-weight:900;line-height:1.5}
.mp-flip-a{font-size:14.5px;line-height:1.75}
.mp-flip-hint{margin-top:auto;font-size:12.5px;color:var(--ink2)}
.mp-flip-back .mp-flip-hint{color:var(--w);opacity:.85}
.mp-flip-in:focus-visible{outline:3px solid var(--sun);outline-offset:4px;border-radius:var(--r)}
.mp-flip:not(.is-flipped) .mp-flip-full{display:none}
.mp-flip-full{font-size:14px;background:var(--w);border-radius:14px;padding:0 14px}
.mp-flip-full summary{cursor:pointer;padding:8px 0;font-weight:700;color:var(--mint-d)}
.mp-flip-full p{margin:0 0 12px;line-height:1.75;color:var(--ink2)}

/* ---------- E 區：分科看板 ---------- */
.mp-depts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mp-dept{background:var(--w);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);display:flex;flex-direction:column}
.mp-dept-h{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--mint);color:var(--w);font-weight:900;font-size:18px;letter-spacing:.1em}
.mp-dept-h .mp-ic{width:30px;height:30px;padding:5px;border-radius:10px;background:rgba(255,255,255,.22)}
.mp-dept-h em{margin-left:auto;font-style:normal;font-size:13px;font-weight:500;letter-spacing:.04em;opacity:.9}
.mp-tone-sky .mp-dept-h{background:var(--sky)}
.mp-dept-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--mint-l)}
.mp-dept-img img{width:100%;height:100%;object-fit:cover}
.mp-dept h3{margin:14px 18px 6px;font-size:17px;line-height:1.5;font-weight:700}
.mp-dept h3 a:hover,.mp-dept li a:hover{color:var(--mint-d)}
.mp-dept ul{list-style:none;margin:0 18px 16px;padding:0}
.mp-dept li{padding:8px 0 8px 18px;border-top:1px dashed var(--line);font-size:14.5px;line-height:1.55;position:relative}
.mp-dept li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--mint)}
.mp-tone-sky .mp-dept li::before{background:var(--sky)}

/* ---------- 頁尾 ---------- */
.mp-foot{margin-top:72px;background:linear-gradient(120deg,var(--mint-d),var(--sky-d));color:var(--w)}
.mp-foot-in{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-block:44px 34px}
.mp-foot .mp-logo-t b{color:var(--w)}
.mp-foot .mp-logo-t small{color:var(--mint-m)}
.mp-foot .mp-logo-mark{background:var(--w);box-shadow:none}
.mp-foot .mp-logo-mark::before,.mp-foot .mp-logo-mark::after{background:var(--mint)}
.mp-foot-brand p{margin:16px 0 0;font-size:14.5px;line-height:1.8;opacity:.92;max-width:520px}
.mp-foot-nav{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.mp-foot-nav a{padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.16);font-size:14px}
.mp-foot-nav a:hover{background:var(--w);color:var(--sky-d)}
.mp-copy{background:rgba(0,40,70,.18);font-size:13px;padding-block:12px;opacity:.95}

/* ---------- 內頁（nvbase 通用 class） ---------- */
.nv-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;margin-top:28px;margin-bottom:20px}
.nv-main{min-width:0}
.nv-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;color:var(--ink2);margin-bottom:16px}
.nv-crumb a{color:var(--sky-d);background:var(--sky-l);padding:2px 12px;border-radius:999px}
.nv-crumb a:hover{background:var(--sky);color:var(--w)}
.nv-crumb .sep{color:var(--mint)}
.nv-crumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.nv-page-head{background:linear-gradient(120deg,var(--mint),var(--sky));color:var(--w);border-radius:var(--r);padding:22px 26px;margin-bottom:22px}
.nv-page-title{margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:900;letter-spacing:.06em}
.nv-page-desc{margin-top:6px;opacity:.92}
.nv-list{display:flex;flex-direction:column;gap:14px}
.nv-list-item{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;background:var(--w);border-radius:var(--r);padding:14px;box-shadow:var(--sh);border:1px solid var(--line)}
.nv-list-item:not(:has(.nv-card-media)),.nv-list-item.noimg{grid-template-columns:minmax(0,1fr);border-left:6px solid var(--mint)}
.nv-list-item .nv-card-media{display:block;border-radius:var(--r2);overflow:hidden;aspect-ratio:16/10;background:var(--mint-l)}
.nv-list-item .nv-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nv-list-item:hover .nv-card-media img{transform:scale(1.04)}
.nv-list-item .nv-card-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:2px 4px}
.nv-card-cat{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--mint-d);background:var(--mint-l);padding:2px 12px;border-radius:999px}
.nv-card-title{margin:0;font-size:18px;line-height:1.5;font-weight:700}
.nv-card-title a:hover{color:var(--mint-d)}
.nv-card-excerpt{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.7}
.nv-card-time{font-size:12.5px;color:var(--ink2);margin-top:auto}
.nv-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:28px 0 8px}
.nv-pagination .page-numbers{min-width:42px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--w);border:2px solid var(--line);font:800 14px var(--num);color:var(--ink)}
.nv-pagination .current,.nv-pagination a:hover{background:var(--mint);border-color:var(--mint);color:var(--w)}
.nv-pagination .dots{border:0;background:none}
.nv-empty{background:var(--w);border-radius:var(--r);padding:24px;text-align:center;color:var(--ink2)}

.nv-article{background:var(--w);border-radius:var(--r);padding:28px 34px 30px;box-shadow:var(--sh);border:1px solid var(--line)}
.nv-article-head{border-bottom:2px dashed var(--line);padding-bottom:16px;margin-bottom:22px}
.nv-article-cat{display:inline-block;font-size:13px;font-weight:700;color:var(--w);background:var(--mint);padding:3px 14px;border-radius:999px}
.nv-article-title{margin:12px 0 10px;font-size:clamp(24px,2.7vw,34px);line-height:1.4;font-weight:900}
.nv-article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13.5px;color:var(--ink2)}
.nv-article-meta .nv-site{color:var(--sky-d);font-weight:700}
.nv-article-body{font-size:17.5px;line-height:1.95;overflow-wrap:anywhere}
.nv-article-body p{margin:0 0 1.2em}
.nv-article-body a{color:var(--sky-d);text-decoration:underline;text-underline-offset:3px}
.nv-article-body img{height:auto;border-radius:var(--r2);margin:8px auto}
.nv-article-body figure{margin:1.2em 0;max-width:100%}
.nv-article-body figcaption{font-size:13.5px;color:var(--ink2);text-align:center}
.nv-article-body h2,.nv-article-body h3{line-height:1.45;margin:1.6em 0 .7em}
.nv-article-body h2{font-size:23px;padding-left:14px;border-left:6px solid var(--mint)}
.nv-article-body h3{font-size:20px;color:var(--sky-d)}
.nv-article-body blockquote{margin:1.4em 0;padding:14px 20px;background:var(--mint-l);border-radius:var(--r2);border-left:6px solid var(--mint)}
.nv-article-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}
.nv-article-body td,.nv-article-body th{border:1px solid var(--line);padding:6px 10px}
.nv-article-body iframe,.nv-article-body video{max-width:100%}
.nv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.nv-tags a{font-size:13.5px;padding:4px 12px;border-radius:999px;background:var(--sky-l);color:var(--sky-d)}
.nv-tags a:hover{background:var(--sky);color:var(--w)}
.nv-sec-title{font-size:21px;font-weight:900;margin:34px 0 14px;display:flex;align-items:center;gap:10px}
.nv-sec-title::before{content:"";width:12px;height:28px;border-radius:6px;background:linear-gradient(var(--mint),var(--sky))}
.nv-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.nv-related-grid .nv-card{background:var(--bg);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column}
.nv-related-grid .nv-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--mint-l)}
.nv-related-grid .nv-card-media img{width:100%;height:100%;object-fit:cover}
.nv-related-grid .nv-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.nv-related-grid .nv-card-title{font-size:14.5px;line-height:1.5}
.nv-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.nv-prevnext>div{background:var(--mint-l);border-radius:var(--r2);padding:12px 16px;font-size:14.5px;font-weight:700;line-height:1.5}
.nv-prevnext>div:hover{background:var(--mint);color:var(--w)}
.nv-prevnext .next{text-align:right;background:var(--sky-l)}
.nv-prevnext .next:hover{background:var(--sky)}
.nv-404{padding-block:50px 20px;text-align:center}
.nv-404 .nv-page-title{color:var(--mint-d);font-size:34px}
.nv-404 .nv-search{max-width:460px;margin:16px auto}
.nv-404 .nv-search input{width:100%}
.nv-404 .nv-related-grid{text-align:left}

/* ---------- 響應式 ---------- */
@media (max-width:1180px){
	.mp-desk{grid-template-columns:minmax(0,1fr)}
	.mp-guide{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
	.mp-guide ol{flex-direction:row;flex-wrap:wrap}
	.mp-guide-stat{margin:0}
	.mp-nutri{grid-template-columns:minmax(0,1fr)}
	.mp-med{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
	.mp-body,.nv-layout{grid-template-columns:minmax(0,1fr)}
	.mp-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
	.mp-flips,.mp-depts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nv-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mp-guide{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
	.nv-wrap{padding-inline:16px}
	.mp-head-in{padding-block:12px}
	.mp-head-r{display:none}
	.mp-burger{display:flex}
	.mp-logo-mark{width:42px;height:42px;border-radius:13px}
	.mp-logo-t b{font-size:24px}
	.mp-logo-t small{font-size:10px;letter-spacing:.12em}
	.mp-nav{display:none}
	.mp-nav.is-open{display:block}
	.mp-nav ul{flex-direction:column;gap:4px}
	.mp-nav a{padding:8px 14px 8px 8px}
	.mp-nav-search{display:block;padding:0 0 14px}
	.mp-nav-search .nv-search{background:var(--w);border-color:var(--w)}
	.mp-nav-search .nv-search input{width:100%;flex:1}
	.mp-desk{margin-top:18px}
	.mp-desk-news{grid-template-columns:minmax(0,1fr)}
	.mp-lead.is-main{grid-row:auto}
	.mp-lead:not(.is-main){display:grid;grid-template-columns:120px minmax(0,1fr)}
	.mp-lead:not(.is-main) .mp-lead-img{aspect-ratio:auto;height:100%}
	.mp-lead:not(.is-main) .mp-lead-txt{padding:12px 14px}
	.mp-lead:not(.is-main).noimg{grid-template-columns:minmax(0,1fr)}
	.mp-lead h2{font-size:16px}
	.mp-guide ol{flex-direction:column}
	.mp-body{margin-top:40px}
	.mp-masonry{columns:1}
	.mp-sec{margin-top:48px}
	.mp-zone{gap:10px}
	.mp-zone-code{width:46px;height:46px;font-size:24px;border-radius:14px}
	.mp-zone-ic{display:none}
	.mp-zone-more{padding:5px 12px;font-size:13px}
	.mp-med,.mp-flips,.mp-depts{grid-template-columns:minmax(0,1fr)}
	.mp-med-item{grid-template-columns:96px minmax(0,1fr)}
	.mp-cmp,.mp-browse{padding:16px}
	.mp-cmp-f{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.mp-vs{display:none}
	.mp-cmp-g{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px}
	.mp-cmp-g input{max-width:140px}
	.mp-cmp-g em{position:static}
	.mp-row{grid-template-columns:52px minmax(0,1fr) 70px minmax(0,1fr) 52px;gap:5px}
	.mp-row .v{font-size:13px}
	.mp-row b{font-size:12.5px}
	.mp-rank-food li{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"n n n" "bar v go";row-gap:4px}
	.mp-rank-food .go button{white-space:nowrap}
	.mp-card-media img{max-height:200px}
	.mp-card p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
	.mp-lead.is-main .mp-lead-img{min-height:0;aspect-ratio:16/10;flex:none}
	.mp-rank-food .n{grid-area:n}.mp-rank-food .v{grid-area:v}.mp-rank-food .bar{grid-area:bar}.mp-rank-food .go{grid-area:go;justify-content:flex-end}
	.mp-myth-band{margin-top:56px;padding:38px 0 40px}
	.mp-flip-in{min-height:150px}
	.mp-foot-in{grid-template-columns:minmax(0,1fr);gap:24px}
	.nv-list-item{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}
	.nv-list-item .nv-card-excerpt{display:none}
	.nv-card-title{font-size:16px}
	.nv-article{padding:20px 18px;border-radius:16px}
	.nv-article-body{font-size:16.5px}
	.nv-related-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
	.nv-prevnext{grid-template-columns:minmax(0,1fr)}
	.nv-prevnext .next{text-align:left}
}