/*
Theme Name: 杏林新語（清新療癒）
Theme URI: https://health.111.org.tw/
Description: 杏林新語 Apricot Grove Health 專屬子主題：鼠尾草綠／薄荷＋杏桃暖橘、大量留白與圓角、杏葉心電標誌、杏花晨光頭條、迷思翻牌卡（國健署保健闢謠）、食物營養查詢＋餐盤熱量計算（食藥署）。
Template: nvbase
Version: 1.0.0
Author: terry ops
Text Domain: og-health
*/

:root{
	--bg:#FAF7F0; --paper:#FFFFFF; --ink:#24342C; --ink2:#46574E; --muted:#7D8B83; --line:#E5E8DF;
	--sage:#6E9A7E; --forest:#2F5443; --forest2:#3F6B55; --mint:#DCEEE2; --mint2:#EEF7F1;
	--apr:#F2A766; --aprd:#D46F33; --aprl:#FDEBDA; --apr2:#FFF5EC; --blush:#F7E1DA;
	--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;
	--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
	--latin:"Fraunces",Georgia,"Times New Roman",serif;
	--r:22px; --r-s:14px;
	--sh:0 14px 34px -16px rgba(47,84,67,.28);
	--sh-s:0 6px 18px -10px rgba(47,84,67,.25);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.ag{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--aprd)}
img{max-width:100%;height:auto;display:block}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--apr);outline-offset:2px;border-radius:6px}
.nv-wrap{max-width:1240px;margin:0 auto;padding-inline:20px}
.ag-skip{position:absolute;left:-999px;top:0;background:var(--forest);color:#fff;padding:8px 14px;z-index:99}
.ag-skip:focus{left:10px}
[hidden]{display:none!important}

/* ---------- 頂列 ---------- */
.ag-top{background:var(--forest);color:#D9EADF;font-size:13px}
.ag-top-in{display:flex;align-items:center;gap:18px;min-height:36px;flex-wrap:wrap}
.ag-today{display:inline-flex;align-items:center;gap:7px;letter-spacing:.04em}
.ag-today svg{width:15px;height:15px;color:var(--apr)}
.ag-top-wx{opacity:.85;padding-left:16px;border-left:1px solid rgba(255,255,255,.18)}
.ag-top-r{margin-left:auto;display:flex;gap:16px}
.ag-top-r a{color:#fff;opacity:.9}
.ag-top-r a:hover{color:var(--apr);opacity:1}

/* ---------- 刊頭 ---------- */
.ag-mast{background:linear-gradient(180deg,#FFFDF8 0%,var(--bg) 100%);position:relative;overflow:hidden}
.ag-mast::before{content:"";position:absolute;right:-90px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(242,167,102,.22),rgba(242,167,102,0) 68%);pointer-events:none}
.ag-mast::after{content:"";position:absolute;left:30%;bottom:-160px;width:420px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(110,154,126,.16),rgba(110,154,126,0) 70%);pointer-events:none}
.ag-mast-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-block:22px 18px;position:relative;z-index:1}
.ag-logo{margin:0;font-size:inherit}
.ag-logo a{display:flex;align-items:center;gap:14px;color:var(--forest)}
.ag-logo a:hover{color:var(--forest)}
.ag-mark{width:64px;height:64px;flex:none;filter:drop-shadow(0 6px 10px rgba(212,111,51,.22));transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.ag-logo a:hover .ag-mark{transform:rotate(-8deg) scale(1.05)}
.ag-logo-t{display:flex;flex-direction:column;line-height:1.1}
.ag-logo-zh{font:900 36px/1.05 var(--serif);letter-spacing:.14em;color:var(--forest)}
.ag-logo-en{font:italic 400 16px/1.2 var(--latin);color:var(--aprd);margin-top:6px;letter-spacing:.02em}
.ag-mast-mid{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink2)}
.ag-slogan{font:600 18px/1.4 var(--serif);letter-spacing:.32em;color:var(--forest2);display:inline-flex;align-items:center;gap:14px}
.ag-slogan::before,.ag-slogan::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--sage))}
.ag-slogan::after{transform:scaleX(-1)}
.ag-slogan-sub{font-size:13px;color:var(--muted);letter-spacing:.12em;margin-top:4px}
.ag-search{display:flex;align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:4px 4px 4px 14px;gap:6px;box-shadow:var(--sh-s);transition:border-color .2s}
.ag-search:focus-within{border-color:var(--sage)}
.ag-search svg{width:18px;height:18px;color:var(--sage);flex:none}
.ag-search input{border:0;outline:0;background:transparent;width:180px;min-width:0;padding:6px 2px;font-size:14px}
.ag-search button{border:0;background:var(--forest2);color:#fff;border-radius:999px;padding:7px 16px;font-size:14px;cursor:pointer}
.ag-search button:hover{background:var(--aprd)}
.ag-burger{display:none;width:44px;height:44px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.ag-burger i{display:block;width:18px;height:2px;background:var(--forest);border-radius:2px;transition:transform .25s,opacity .2s}
.ag-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ag-burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.ag-burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- 選單 ---------- */
.ag-nav{position:sticky;top:0;z-index:40;padding-block:10px;background:rgba(250,247,240,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}
.admin-bar .ag-nav{top:32px}
.ag-nav-in{display:flex;align-items:center}
.ag-nav ul{list-style:none;margin:0;padding:6px;display:flex;gap:4px;flex-wrap:wrap;background:var(--paper);border-radius:999px;box-shadow:var(--sh-s);border:1px solid var(--line);width:100%;justify-content:center}
.ag-nav li a{display:block;padding:7px 18px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink2);transition:background .2s,color .2s}
.ag-nav li a:hover{background:var(--mint2);color:var(--forest)}
.ag-nav li.on a{background:var(--forest2);color:#fff}
.ag-nav-search{display:none}

/* ---------- 共用 ---------- */
.ag-home{padding-bottom:30px}
.ag-sec{margin-block:56px}
.ag-h2{display:flex;align-items:baseline;gap:12px;margin:0 0 22px;flex-wrap:wrap}
.ag-h2 h2{margin:0;font:700 26px/1.3 var(--serif);color:var(--forest);letter-spacing:.06em}
.ag-h2 i{font:italic 400 17px var(--latin);color:var(--aprd)}
.ag-h2 .ag-leaf{width:22px;height:22px;color:var(--sage);align-self:center}
.ag-more{margin-left:auto;font-size:14px;color:var(--forest2);padding:5px 14px;border-radius:999px;background:var(--mint2);display:inline-flex;gap:6px;transition:background .2s,gap .2s}
.ag-more:hover{background:var(--mint);color:var(--forest);gap:10px}
.ag-leaf{width:16px;height:16px;flex:none}
.ag-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--forest2);background:var(--mint2);padding:5px 14px 5px 10px;border-radius:999px}
.ag-kicker .ag-leaf{color:var(--sage)}
.ag-tag{display:inline-block;font-size:12px;font-weight:700;color:var(--aprd);background:var(--aprl);padding:2px 10px;border-radius:999px;letter-spacing:.06em}
.ag-btn{display:inline-flex;align-items:center;gap:8px;background:var(--aprd);color:#fff;border:0;border-radius:999px;padding:11px 22px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 10px 20px -10px rgba(212,111,51,.7);transition:transform .2s,background .2s,gap .2s}
.ag-btn:hover{color:#fff;background:#C25F25;transform:translateY(-1px);gap:12px}
.ag-btn-ghost{background:var(--paper);color:var(--forest2);border:1.5px solid var(--line);box-shadow:none;padding:9px 18px;font-weight:500}
.ag-btn-ghost:hover{background:var(--mint2);color:var(--forest);border-color:var(--mint)}
.ag-btn svg{width:17px;height:17px}

/* 圖片框＋佔位 */
.ag-media{display:block;position:relative;overflow:hidden;border-radius:var(--r-s);background:var(--mint2);aspect-ratio:16/10}
.ag-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
a:hover>.ag-media img,.ag-card:hover .ag-media img,.ag-feat:hover .ag-media img{transform:scale(1.04)}
.ag-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.ag-ph0{background:radial-gradient(circle at 30% 25%,#FFF3E6,transparent 55%),linear-gradient(135deg,#FCE3CC,#F6D3C9)}
.ag-ph1{background:radial-gradient(circle at 70% 20%,#F4FBF6,transparent 55%),linear-gradient(135deg,#DCEEE2,#C5E1CF)}
.ag-ph2{background:radial-gradient(circle at 25% 80%,#FFF8EF,transparent 55%),linear-gradient(135deg,#EAF4EC,#FBE9DA)}
.ag-ph3{background:radial-gradient(circle at 75% 75%,#FFFFFF,transparent 55%),linear-gradient(135deg,#F7E1DA,#E2EFE5)}
.ag-ph-mark{width:30%;max-width:84px;height:auto;aspect-ratio:1;opacity:.9;filter:drop-shadow(0 8px 14px rgba(212,111,51,.18))}
.ag-ph em{font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--forest2);opacity:.75}
.ag-noimg img{display:none}

/* 卡片 */
.ag-card{display:flex;flex-direction:column;gap:12px}
.ag-card-a{display:block}
.ag-card-b{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ag-card h3{margin:0;font:700 17px/1.55 var(--serif);color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ag-card h3 a:hover{color:var(--aprd)}
.ag-card p{margin:0;font-size:14px;color:var(--ink2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ag-card time{font-size:12.5px;color:var(--muted)}
.ag-card-row{flex-direction:row;align-items:flex-start;gap:16px}
.ag-card-row .ag-card-a{flex:0 0 150px}
.ag-card-row h3{font-size:16px}
.ag-card-v{background:var(--paper);border-radius:var(--r);padding:12px 12px 16px;box-shadow:var(--sh-s);border:1px solid rgba(229,232,223,.7);transition:transform .25s,box-shadow .25s}
.ag-card-v:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.ag-card-v .ag-card-b{padding-inline:6px}

/* ---------- 頭條 Hero ---------- */
.ag-hero-wrap{margin-top:14px}
.ag-hero{position:relative;min-height:500px;border-radius:32px;background-size:cover;background-position:center right;overflow:hidden;display:flex;align-items:center;box-shadow:var(--sh)}
.ag-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,243,.93) 0%,rgba(255,250,243,.8) 36%,rgba(255,250,243,.2) 62%,rgba(255,250,243,0) 80%)}
.ag-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(0deg,rgba(47,84,67,.18),transparent)}
.ag-hero-txt{position:relative;z-index:2;max-width:600px;padding:56px 56px 110px}
.ag-kicker-light{background:rgba(255,255,255,.8);box-shadow:var(--sh-s)}
.ag-hero-t{margin:18px 0 14px;font:900 clamp(26px,3.3vw,40px)/1.38 var(--serif);color:var(--forest);letter-spacing:.02em}
.ag-hero-t a:hover{color:var(--aprd)}
.ag-hero-x{margin:0 0 24px;font-size:16px;color:var(--ink2);max-width:520px}
.ag-hero-meta{display:flex;align-items:center;gap:18px}
.ag-hero-meta time{font-size:14px;color:var(--ink2)}
.ag-hero-pic{position:absolute;z-index:2;right:56px;top:50%;width:min(31%,360px);aspect-ratio:4/3;transform:translateY(-58%) rotate(2.5deg);border-radius:24px;overflow:hidden;border:8px solid rgba(255,255,255,.92);box-shadow:0 26px 50px -20px rgba(47,84,67,.5);transition:transform .4s}
.ag-hero-pic:hover{transform:translateY(-58%) rotate(0deg) scale(1.02)}
.ag-hero-pic img{width:100%;height:100%;object-fit:cover}
.ag-hero-cards{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-76px 36px 0}
.ag-glass{display:flex;gap:14px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh);transition:transform .25s}
.ag-glass:hover{transform:translateY(-4px);color:inherit}
.ag-glass-img{flex:0 0 92px;width:92px;height:92px;aspect-ratio:1;border-radius:16px}
.ag-glass-img.ag-ph .ag-ph-mark{width:46%}
.ag-glass-img.ag-ph em{display:none}
.ag-glass-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.ag-glass-t em{font-style:normal;font-size:12px;color:var(--aprd);font-weight:700;letter-spacing:.08em}
.ag-glass-t strong{font:700 15px/1.5 var(--serif);color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ag-glass:hover strong{color:var(--aprd)}

/* ---------- 今日養生提醒 ---------- */
.ag-care{margin-top:34px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:14px 26px;align-items:center;background:var(--paper);border-radius:var(--r);padding:18px 24px;border:1px dashed #CFE0D4}
.ag-care-tip{display:flex;gap:14px;align-items:center}
.ag-care-ico{flex:none;width:52px;height:52px;border-radius:50%;background:var(--apr2);display:grid;place-items:center}
.ag-care-mark{width:36px;height:36px}
.ag-care-tip b{font:700 15px var(--serif);color:var(--forest);letter-spacing:.1em}
.ag-care-tip p{margin:2px 0 0;font-size:14.5px;color:var(--ink2);line-height:1.6}
.ag-care-wx{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.ag-care-wx li{background:var(--mint2);border-radius:14px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;line-height:1.35}
.ag-care-wx b{font-size:13px;color:var(--forest2)}
.ag-care-wx span{font:600 16px var(--latin);color:var(--ink)}
.ag-care-wx small{font-size:11.5px;color:var(--muted)}
.ag-care-src{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted);text-align:right}
.ag-care-src a{text-decoration:underline;text-underline-offset:2px}

/* ---------- 健康新知 ---------- */
.ag-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px}
.ag-feat{background:var(--paper);border-radius:28px;overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column}
.ag-feat .ag-media{border-radius:0;aspect-ratio:16/9}
.ag-feat-b{padding:22px 28px 26px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ag-feat-b h3{margin:0;font:700 24px/1.5 var(--serif);color:var(--ink)}
.ag-feat-b h3 a:hover{color:var(--aprd)}
.ag-feat-b p{margin:0;color:var(--ink2);font-size:15px}
.ag-feat-b time{font-size:13px;color:var(--muted)}
.ag-feat-side{display:flex;flex-direction:column;gap:14px}
.ag-feat-side .ag-card-row{background:var(--paper);border-radius:20px;padding:12px;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s;flex:1}
.ag-feat-side .ag-card-row:hover{border-color:#CFE0D4;box-shadow:var(--sh-s)}
.ag-feat-side .ag-card-a{flex-basis:132px}
.ag-feat-side .ag-media{aspect-ratio:4/3}

/* ---------- 迷思翻牌卡 ---------- */
.ag-myths{position:relative;overflow:hidden;background:linear-gradient(160deg,#E4F2E8 0%,#F1F8F2 46%,#FDF0E4 100%);padding-block:64px 44px;margin-block:64px}
.ag-blob{position:absolute;pointer-events:none}
.ag-blob-1{width:420px;left:-140px;top:-120px;color:rgba(255,255,255,.55)}
.ag-blob-2{width:360px;right:-100px;bottom:-140px;color:rgba(242,167,102,.16)}
.ag-myths .nv-wrap{position:relative}
.ag-myths-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;margin-bottom:28px}
.ag-myths-head>div:first-child{max-width:620px}
.ag-myths-h{margin:14px 0 8px;font:900 34px/1.3 var(--serif);color:var(--forest);letter-spacing:.06em;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ag-myths-h small{font:italic 500 20px var(--latin);color:var(--aprd);letter-spacing:0}
.ag-myths-head p{margin:0;color:var(--ink2)}
.ag-myths-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ag-myth-search{display:flex;background:var(--paper);border-radius:999px;padding:4px;box-shadow:var(--sh-s);border:1.5px solid transparent}
.ag-myth-search:focus-within{border-color:var(--sage)}
.ag-myth-search input{border:0;outline:0;background:transparent;padding:6px 14px;width:250px;min-width:0;font-size:14px}
.ag-myth-search button{border:0;background:var(--forest2);color:#fff;border-radius:999px;padding:7px 18px;cursor:pointer;font-size:14px}
.ag-myth-msg{margin:-8px 0 18px;font-size:14px;color:var(--forest2)}
.ag-myth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ag-flip{perspective:1400px;position:relative}
.ag-flip-in{position:relative;display:block;width:100%;height:262px;border:0;padding:0;background:none;cursor:pointer;text-align:left;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.2,.4,1)}
.ag-flip.is-on .ag-flip-in{transform:rotateY(180deg)}
.ag-flip-f,.ag-flip-b{position:absolute;inset:0;border-radius:24px;padding:24px 24px 20px;display:flex;flex-direction:column;gap:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--sh)}
.ag-flip-f{background:var(--paper);border:1px solid #F3E5D6;overflow:hidden}
.ag-flip-f::after{content:"?";position:absolute;right:18px;bottom:-26px;font:italic 700 150px/1 var(--latin);color:var(--aprl);z-index:0;pointer-events:none}
.ag-flip-f strong{position:relative;z-index:1;font:700 19px/1.6 var(--serif);color:var(--ink);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ag-flip-hint{position:relative;z-index:1;margin-top:auto;font-size:13px;color:var(--aprd);font-weight:500}
.ag-flip-hint b{display:inline-block;transition:transform .4s}
.ag-flip-in:hover .ag-flip-hint b{transform:rotate(180deg)}
.ag-flip-b{background:linear-gradient(155deg,#3F6B55,#2F5443);color:#EAF4EC;transform:rotateY(180deg)}
.ag-flip-a{font-size:14.5px;line-height:1.75;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.ag-flip-meta{margin-top:auto;font-size:12px;color:#A9CDB4}
.ag-badge{align-self:flex-start;font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.14em;padding:3px 12px;border-radius:999px;position:relative;z-index:1}
.ag-badge-myth{background:var(--aprl);color:var(--aprd)}
.ag-badge-fact{background:#CFE8D7;color:var(--forest)}
.ag-flip-full{position:absolute;right:18px;bottom:16px;z-index:5;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:12.5px;padding:4px 12px;border-radius:999px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s .3s}
.ag-flip.is-on .ag-flip-full{opacity:1;pointer-events:auto}
.ag-flip-full:hover{background:var(--apr);color:#fff}
.ag-dlg{border:0;border-radius:26px;max-width:min(640px,calc(100vw - 32px));padding:30px 30px 24px;box-shadow:0 30px 80px -20px rgba(36,52,44,.5);color:var(--ink)}
.ag-dlg::backdrop{background:rgba(36,52,44,.45);backdrop-filter:blur(3px)}
.ag-dlg h3{font:700 21px/1.5 var(--serif);margin:10px 0 18px;color:var(--forest)}
.ag-dlg-a{font-size:15.5px;line-height:1.9;margin-top:10px;max-height:52vh;overflow:auto;white-space:pre-line}
.ag-dlg-src{font-size:12px;color:var(--muted);margin:16px 0 0}
.ag-dlg-x{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--mint2);font-size:22px;line-height:1;cursor:pointer;color:var(--forest)}
.ag-dlg form{margin:0}

/* 政府資料來源 */
.nv-govcredit{margin:22px 0 0;font-size:12.5px;color:var(--muted)}
.nv-govcredit a{color:var(--forest2);text-decoration:underline;text-underline-offset:3px}

/* ---------- 最新＋排行 ---------- */
.ag-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;margin-block:56px}
.ag-timeline{list-style:none;margin:0;padding:0;position:relative}
.ag-timeline::before{content:"";position:absolute;left:66px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(180deg,#CFE0D4 0 6px,transparent 6px 12px)}
.ag-timeline li{display:grid;grid-template-columns:56px 1fr;gap:28px;padding:14px 0;position:relative}
.ag-timeline li::before{content:"";position:absolute;left:60px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--apr);box-sizing:border-box}
.ag-timeline li:hover::before{background:var(--apr)}
.ag-timeline time{font:600 17px/1.2 var(--latin);color:var(--forest2);text-align:right;padding-top:4px}
.ag-timeline time small{display:block;font:500 12px var(--sans);color:var(--muted);margin-top:4px}
.ag-timeline li>div{background:var(--paper);border-radius:18px;padding:14px 18px;border:1px solid var(--line);transition:box-shadow .2s,border-color .2s}
.ag-timeline li:hover>div{box-shadow:var(--sh-s);border-color:#CFE0D4}
.ag-timeline a{display:block;font:700 16.5px/1.55 var(--serif);color:var(--ink);margin-top:4px}
.ag-timeline a:hover{color:var(--aprd)}
.ag-timeline p{margin:4px 0 0;font-size:13.5px;color:var(--muted);line-height:1.65}
.ag-tag-s{font-size:11.5px;padding:1px 9px}
.ag-rank-box{background:var(--paper);border-radius:var(--r);padding:22px 22px 12px;box-shadow:var(--sh-s);margin-bottom:24px}
.ag-rank-box .ag-h2{margin-bottom:10px}
.ag-rank-box .ag-h2 h2{font-size:21px}
.ag-rank{list-style:none;margin:0;padding:0;counter-reset:r}
.ag-rank li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line)}
.ag-rank li:first-child{border-top:0}
.ag-rank b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 15px var(--latin);background:var(--mint2);color:var(--forest2)}
.ag-rank li:nth-child(-n+3) b{background:linear-gradient(140deg,#F8BF8A,#E07D3E);color:#fff;box-shadow:0 6px 12px -6px rgba(212,111,51,.8)}
.ag-rank a{font-size:15px;line-height:1.6;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 側欄 */
.nv-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.nv-side>*{max-width:100%}
.nv-widget{background:var(--paper);border-radius:var(--r);padding:20px;box-shadow:var(--sh-s)}
.nv-widget-title{font:700 18px var(--serif);color:var(--forest);margin:0 0 12px}
.nv-side img{border-radius:12px}

/* ---------- 營養查詢 ---------- */
.ag-nutri{background:linear-gradient(180deg,var(--apr2),#FEF8F1);padding-block:64px 44px;margin-block:64px;position:relative}
.ag-nutri-head{max-width:760px;margin-bottom:28px}
.ag-nutri-head .ag-kicker{background:var(--aprl);color:var(--aprd)}
.ag-nutri-head .ag-kicker .ag-leaf{color:var(--apr)}
.ag-nutri-head h2{margin:14px 0 8px;font:900 32px/1.35 var(--serif);color:var(--forest);letter-spacing:.06em}
.ag-nutri-head p{margin:0;color:var(--ink2)}
.ag-nutri-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.ag-nutri-find,.ag-plate{background:var(--paper);border-radius:28px;padding:24px;box-shadow:var(--sh)}
.ag-nutri-f{display:flex;gap:10px;flex-wrap:wrap}
.ag-nutri-q{flex:1 1 240px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:16px;padding:0 14px;background:#FFFCF8}
.ag-nutri-q:focus-within{border-color:var(--apr)}
.ag-nutri-q svg{width:19px;height:19px;color:var(--aprd);flex:none}
.ag-nutri-q input{flex:1;border:0;outline:0;background:transparent;padding:12px 0;min-width:0;font-size:15px}
.ag-nutri-f select,.ag-plate select{border:1.5px solid var(--line);border-radius:16px;padding:10px 12px;background:#FFFCF8;font-size:14px;max-width:100%}
.ag-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}
.ag-chips button{border:1px solid #F1D9C3;background:var(--apr2);color:var(--aprd);border-radius:999px;padding:4px 13px;font-size:13.5px;cursor:pointer;transition:background .2s}
.ag-chips button:hover,.ag-chips button.on{background:var(--apr);color:#fff;border-color:var(--apr)}
.ag-foods{list-style:none;margin:0;padding:0;max-height:430px;overflow:auto;scrollbar-width:thin}
.ag-foods li{display:grid;grid-template-columns:minmax(0,1fr) 72px 40px;grid-template-areas:"n k b" "m m b";gap:4px 12px;align-items:center;padding:12px 6px;border-top:1px solid var(--line)}
.ag-foods li:first-child{border-top:0}
.ag-food-n{grid-area:n;min-width:0}
.ag-food-n b{font-size:15.5px;font-weight:700;color:var(--ink)}
.ag-food-n small{margin-left:8px;font-size:12px;color:var(--muted)}
.ag-food-k{grid-area:k;text-align:right;line-height:1.1}
.ag-food-k b{font:700 21px var(--latin);color:var(--aprd)}
.ag-food-k small{display:block;font-size:11px;color:var(--muted)}
.ag-food-m{grid-area:m;display:flex;gap:6px;flex-wrap:wrap}
.ag-food-m span{font-size:12px;background:var(--mint2);color:var(--forest2);padding:1px 9px;border-radius:999px}
.ag-add{grid-area:b;width:38px;height:38px;border-radius:50%;border:0;background:var(--mint);color:var(--forest);font-size:20px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}
.ag-add:hover{background:var(--forest2);color:#fff;transform:scale(1.08)}
.ag-add.is-added{background:var(--apr);color:#fff}
.ag-nutri-msg{margin:12px 0 0;font-size:13px;color:var(--muted)}
.ag-plate{position:sticky;top:80px}
.ag-plate-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ag-plate-head h3{margin:0;display:flex;gap:8px;align-items:center;font:700 21px var(--serif);color:var(--forest)}
.ag-plate-head h3 svg{width:24px;height:24px;color:var(--sage)}
.ag-plate-head label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.ag-plate-sum{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin:20px 0 10px}
.ag-ring{position:relative;width:150px;height:150px}
.ag-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ag-ring circle{fill:none;stroke-width:11}
.ag-ring-bg{stroke:var(--mint2)}
.ag-ring-fg{stroke:var(--apr);stroke-linecap:round;stroke-dasharray:0 100;opacity:0;transition:stroke-dasharray .6s ease}
.ag-ring.is-over .ag-ring-fg{stroke:#D9534F}
.ag-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
.ag-ring b{font:700 32px var(--latin);color:var(--forest)}
.ag-ring small{font-size:12px;color:var(--muted)}
.ag-ring em{font-style:normal;font-size:12px;color:var(--aprd);margin-top:4px}
.ag-macro-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--mint2)}
.ag-macro-bar i{display:block;height:100%;transition:width .5s}
.ag-macro-bar .p,.ag-macro dl .p dt::before{background:#6E9A7E}
.ag-macro-bar .f,.ag-macro dl .f dt::before{background:#F2A766}
.ag-macro-bar .c,.ag-macro dl .c dt::before{background:#E9C46A}
.ag-macro dl{margin:14px 0 0;display:grid;gap:6px}
.ag-macro dl>div{display:flex;justify-content:space-between;font-size:14px}
.ag-macro dt{display:flex;align-items:center;gap:8px;color:var(--ink2)}
.ag-macro dt::before{content:"";width:10px;height:10px;border-radius:3px}
.ag-macro dd{margin:0;font-weight:700;font-family:var(--latin)}
.ag-plate-list{list-style:none;margin:6px 0 0;padding:0;max-height:250px;overflow:auto}
.ag-plate-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto 30px;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed var(--line);font-size:14px}
.ag-plate-list .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.ag-plate-list label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.ag-plate-list input{width:62px;border:1.5px solid var(--line);border-radius:10px;padding:4px 6px;text-align:right;font-size:14px}
.ag-plate-list .k{font-family:var(--latin);font-weight:700;color:var(--aprd);min-width:62px;text-align:right}
.ag-plate-list button{border:0;background:var(--mint2);width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--forest)}
.ag-plate-list button:hover{background:#F6D3C9;color:#B5452A}
.ag-plate-empty{margin:10px 0 0;font-size:14px;color:var(--muted);background:var(--mint2);border-radius:14px;padding:14px 16px}
.ag-plate-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--muted)}
.ag-note{margin:22px 0 0;font-size:13px;color:var(--ink2)}

/* ---------- 分類三欄 ---------- */
.ag-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ag-col .ag-h2 h2{font-size:22px}
.ag-col .ag-h2 i{font-size:15px}
.ag-col-list{list-style:none;margin:14px 0 0;padding:0}
.ag-col-list li{padding:12px 0 12px 20px;border-top:1px solid var(--line);position:relative}
.ag-col-list li::before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50% 0 50% 50%;background:var(--sage);transform:rotate(-45deg)}
.ag-col-list a{font-size:15px;line-height:1.6;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ag-col-list time{font-size:12px;color:var(--muted)}
.ag-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ag-grid4 .ag-card h3{font-size:16px}

/* ---------- 頁尾 ---------- */
.ag-foot{margin-top:40px;color:#CFE3D6;position:relative}
.ag-foot-wave{display:block;width:100%;height:50px;color:var(--forest);margin-bottom:-1px}
.ag-foot-body{background:var(--forest)}
.ag-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1.1fr;gap:40px;padding-block:30px 40px}
.ag-foot .ag-logo a{color:#fff}
.ag-foot .ag-logo-zh{color:#fff}
.ag-foot .ag-logo-en{color:#F8BF8A}
.ag-foot .ag-mark{width:54px;height:54px}
.ag-foot-slogan{font:600 15px var(--serif);letter-spacing:.3em;color:#F8BF8A;margin:14px 0 6px}
.ag-foot p{font-size:14px;line-height:1.8;margin:0}
.ag-foot h3{font:700 16px var(--serif);color:#fff;margin:6px 0 14px;letter-spacing:.1em}
.ag-foot-nav div{display:flex;flex-wrap:wrap;gap:8px}
.ag-foot-nav a{padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px}
.ag-foot-nav a:hover{background:var(--apr);color:#fff}
.ag-foot-data ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ag-foot-data li{display:flex;flex-direction:column;font-size:14px;line-height:1.5}
.ag-foot-data a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.ag-foot-data a:hover{color:#F8BF8A}
.ag-foot-data span{font-size:12px;color:#9FC2AC}
.ag-copy{border-top:1px solid rgba(255,255,255,.1);padding-block:14px;font-size:12.5px;color:#9FC2AC;font-family:var(--sans)}

/* ---------- 內頁 ---------- */
.nv-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;margin-block:30px 60px}
.nv-crumb{font-size:13px;color:var(--muted);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:4px 0;align-items:center}
.nv-crumb a{color:var(--forest2)}
.nv-crumb .sep{margin:0 8px;color:#B8C6BD}
.nv-crumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.nv-article{background:var(--paper);border-radius:30px;padding:34px 44px 40px;box-shadow:var(--sh-s);min-width:0}
.nv-article-head{padding-bottom:22px;margin-bottom:26px;border-bottom:1px dashed #D6E3DA}
.nv-article-cat{display:inline-block;font-size:13px;font-weight:700;color:var(--aprd);background:var(--aprl);padding:3px 14px;border-radius:999px;letter-spacing:.08em}
.nv-article-title{font:900 clamp(25px,3vw,34px)/1.45 var(--serif);color:var(--forest);margin:14px 0 12px;letter-spacing:.02em}
.nv-article-meta{display:flex;gap:14px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.nv-article-meta .nv-site{color:var(--sage);font-weight:500}
.nv-article-meta .nv-site::before{content:"✿ ";color:var(--apr)}
.nv-article-body{font-size:17px;line-height:2;color:#2E3D35;overflow-wrap:anywhere}
.nv-article-body p{margin:0 0 1.3em}
.nv-article-body h2,.nv-article-body h3{font-family:var(--serif);color:var(--forest);line-height:1.5;margin:1.6em 0 .7em}
.nv-article-body h2{font-size:23px;padding-left:14px;border-left:5px solid var(--apr);border-radius:2px}
.nv-article-body h3{font-size:20px}
.nv-article-body a{color:var(--aprd);text-decoration:underline;text-underline-offset:3px}
.nv-article-body img{border-radius:18px;margin:1em auto;height:auto}
.nv-article-body figure{margin:1.4em 0;max-width:100%}
.nv-article-body figcaption,.nv-article-body .wp-caption-text{font-size:13px;color:var(--muted);text-align:center;margin-top:6px}
.nv-article-body blockquote{margin:1.5em 0;padding:18px 24px;background:var(--mint2);border-radius:18px;border-left:4px solid var(--sage);color:var(--ink2)}
.nv-article-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:15px}
.nv-article-body td,.nv-article-body th{border:1px solid var(--line);padding:8px 10px}
.nv-article-body ul,.nv-article-body ol{padding-left:1.4em}
.nv-article-body iframe,.nv-article-body video{max-width:100%}
.ag-disclaim{display:flex;gap:14px;align-items:flex-start;margin:34px 0 0;padding:18px 20px;background:linear-gradient(120deg,var(--apr2),var(--mint2));border-radius:20px;font-size:14px;line-height:1.75;color:var(--ink2)}
.ag-disclaim-mark{width:40px;height:40px;flex:none}
.ag-disclaim p{margin:0}
.ag-disclaim b{display:block;color:var(--forest);font-family:var(--serif)}
.nv-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.nv-tags a{font-size:13px;padding:4px 12px;border-radius:999px;background:var(--mint2);color:var(--forest2)}
.nv-tags a:hover{background:var(--apr);color:#fff}
.nv-sec-title{font:700 22px var(--serif);color:var(--forest);margin:40px 0 18px;display:flex;align-items:center;gap:10px}
.nv-sec-title::before{content:"";width:18px;height:18px;border-radius:50% 0 50% 50%;background:var(--sage);transform:rotate(-45deg)}
.nv-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nv-related .nv-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nv-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.nv-card-media{display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--mint2)}
.nv-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nv-card:hover .nv-card-media img{transform:scale(1.04)}
.nv-card-media.ag-noimg{background:linear-gradient(135deg,#DCEEE2,#FCE3CC)}
.nv-card-title{margin:0;font:700 16px/1.55 var(--serif)}
.nv-card-title a:hover{color:var(--aprd)}
.nv-card-cat{font-size:12px;color:var(--aprd);font-weight:700}
.nv-card-excerpt{margin:0;font-size:14px;color:var(--ink2)}
.nv-card-time{font-size:12.5px;color:var(--muted)}
.nv-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.nv-prevnext>div{background:var(--mint2);border-radius:18px;padding:14px 18px;font-size:14.5px;line-height:1.6}
.nv-prevnext .next{text-align:right;grid-column:2}
.nv-prevnext a:hover{color:var(--aprd)}

.ag-page-head{display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#E4F2E8,#FDF0E4);border-radius:28px;padding:26px 30px;margin-bottom:28px;position:relative;overflow:hidden}
.ag-page-head::after{content:"";position:absolute;right:-50px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.45)}
.ag-page-mark{width:72px;height:72px;flex:none;position:relative;z-index:1}
.ag-page-head>div{position:relative;z-index:1;min-width:0}
.ag-page-en{font:italic 400 15px var(--latin);color:var(--aprd)}
.nv-page-title{font:900 30px/1.35 var(--serif);color:var(--forest);margin:2px 0 4px;letter-spacing:.06em}
.nv-page-desc,.ag-page-count{font-size:14px;color:var(--ink2);margin:0}
.nv-page-desc p{margin:0}
.ag-list{display:flex;flex-direction:column;gap:16px}
.ag-list-item{background:var(--paper);border-radius:22px;padding:14px;border:1px solid var(--line);transition:box-shadow .2s,border-color .2s}
.ag-list-item:hover{box-shadow:var(--sh-s);border-color:#CFE0D4}
.ag-list-item .ag-card-a{flex-basis:220px}
.ag-list-item h3{font-size:18.5px}
.nv-archive>.nv-main>.ag-search{margin-bottom:20px;max-width:520px}
.nv-archive>.nv-main>.ag-search input{flex:1;width:auto}
.ag-empty{text-align:center;background:var(--paper);border-radius:24px;padding:40px 20px;color:var(--ink2)}
.ag-empty-mark{width:80px;height:80px;margin:0 auto 10px}
.ag-empty .ag-search{max-width:420px;margin:16px auto 0}
.ag-empty .ag-search input{flex:1}
.nv-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:34px 0 0}
.nv-pagination .page-numbers{min-width:42px;height:42px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);font-size:14.5px}
.nv-pagination .page-numbers.current{background:var(--forest2);color:#fff;border-color:var(--forest2)}
.nv-pagination a.page-numbers:hover{background:var(--aprl);color:var(--aprd);border-color:var(--aprl)}
.nv-404{margin-block:40px 70px;text-align:center}
.nv-404 .nv-page-title{font-size:36px}
.nv-404 .ag-search{max-width:460px;margin:18px auto 10px}
.nv-404 .ag-search input{flex:1}
.nv-404 .nv-sec-title{justify-content:center}
.nv-404 .nv-related-grid{text-align:left}
.nv-page .nv-article-title{margin-top:0}

.ag-tools-head{text-align:center;padding-top:30px}
.ag-tools-head .nv-crumb{justify-content:center}
.ag-tools-head h1{font:900 34px var(--serif);color:var(--forest);margin:8px 0}
.ag-tools-head .ag-page-mark{margin:0 auto}
.ag-tools-head p{color:var(--ink2);margin:0 auto;max-width:620px}
.ag-tools-page .ag-myths{margin-top:34px}

/* ---------- 響應式 ---------- */
@media (max-width:1100px){
	.ag-mast-mid{display:none}
	.ag-mast-in{grid-template-columns:1fr auto}
	.ag-hero-pic{display:none}
	.ag-hero::before{background:linear-gradient(90deg,rgba(255,250,243,.94) 0%,rgba(255,250,243,.82) 48%,rgba(255,250,243,.25) 80%)}
	.ag-split{grid-template-columns:minmax(0,1fr) 320px;gap:30px}
	.ag-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ag-care{grid-template-columns:1fr}
	.nv-layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px}
}
@media (max-width:900px){
	.ag-hero-cards{grid-template-columns:1fr;margin:-60px 16px 0;gap:10px}
	.ag-feature{grid-template-columns:1fr}
	.ag-myth-grid{grid-template-columns:repeat(2,1fr)}
	.ag-split{grid-template-columns:1fr}
	.ag-nutri-grid{grid-template-columns:1fr}
	.ag-plate{position:static}
	.ag-cols{grid-template-columns:1fr}
	.ag-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;align-items:start}
	.ag-col .ag-h2{grid-column:1/-1}
	.ag-col .ag-col-list{margin-top:0}
	.ag-foot-in{grid-template-columns:1fr 1fr}
	.ag-foot-brand{grid-column:1/-1}
	.nv-layout{grid-template-columns:1fr}
	.nv-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
	.ag-top-wx,.ag-top-r{display:none}
	.ag-mast-r{display:none}
	.ag-burger{display:flex}
	.ag-mast-in{padding-block:14px 12px;gap:12px}
	.ag-mark{width:50px;height:50px}
	.ag-logo a{gap:10px}
	.ag-logo-zh{font-size:27px;letter-spacing:.1em}
	.ag-logo-en{font-size:13.5px;margin-top:4px}
	.ag-nav{position:static;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
	.ag-nav-in{display:none;flex-direction:column;gap:12px;padding-block:6px 14px}
	.ag-nav.is-open .ag-nav-in{display:flex}
	.ag-nav ul{border-radius:22px;justify-content:flex-start;padding:8px}
	.ag-nav li{flex:0 0 calc(33.33% - 3px)}
	.ag-nav li a{text-align:center;padding:8px 6px;border-radius:14px}
	.ag-nav-search{display:block;width:100%}
	.ag-nav-search .ag-search input{flex:1;width:auto}
	.ag-hero{min-height:0;border-radius:24px;background-position:72% center;align-items:flex-end}
	.ag-hero::before{background:linear-gradient(180deg,rgba(255,250,243,.15) 0%,rgba(255,250,243,.78) 38%,rgba(255,250,243,.95) 70%)}
	.ag-hero-txt{padding:150px 22px 84px}
	.ag-hero-x{font-size:15px}
	.ag-glass-img{flex-basis:72px;width:72px;height:72px}
	.ag-glass-t strong{font-size:14.5px;-webkit-line-clamp:2}
	.ag-care{padding:16px}
	.ag-care-wx{grid-template-columns:repeat(3,1fr)}
	.ag-care-src{text-align:left}
	.ag-sec{margin-block:42px}
	.ag-h2 h2{font-size:22px}
	.ag-feat-b{padding:18px 18px 20px}
	.ag-feat-b h3{font-size:20px}
	.ag-card-row .ag-card-a,.ag-feat-side .ag-card-a{flex-basis:108px}
	.ag-card-row h3{font-size:15px}
	.ag-myths,.ag-nutri{padding-block:44px 34px;margin-block:44px}
	.ag-myths-h{font-size:27px}
	.ag-myth-grid{grid-template-columns:1fr;gap:16px}
	.ag-flip-in{height:236px}
	.ag-myths-tools,.ag-myth-search{width:100%}
	.ag-myth-search input{flex:1;width:auto}
	.ag-nutri-head h2{font-size:25px}
	.ag-nutri-find,.ag-plate{padding:18px;border-radius:22px}
	.ag-plate-sum{grid-template-columns:120px 1fr;gap:16px}
	.ag-ring{width:120px;height:120px}
	.ag-ring b{font-size:26px}
	.ag-timeline::before{left:53px}
	.ag-timeline li{grid-template-columns:42px 1fr;gap:28px}
	.ag-timeline li::before{left:47px}
	.ag-timeline time{font-size:14px}
	.ag-timeline li:nth-child(n+9){display:none}
	.ag-timeline li>div{padding:12px 14px}
	.ag-col{display:block}
	.ag-col .ag-col-list{margin-top:12px}
	.ag-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.ag-grid4 .ag-card-v{padding:8px 8px 12px}
	.ag-grid4 .ag-card h3{font-size:14.5px}
	.ag-foot-in{grid-template-columns:1fr;gap:26px}
	.nv-article{padding:22px 18px 26px;border-radius:22px}
	.nv-article-body{font-size:16.5px}
	.ag-page-head{padding:20px;gap:14px}
	.ag-page-mark{width:54px;height:54px}
	.nv-page-title{font-size:24px}
	.ag-list-item .ag-card-a{flex-basis:110px}
	.ag-list-item h3{font-size:16px}
	.ag-list-item p{display:none}
	.nv-related-grid,.nv-related .nv-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.nv-prevnext{grid-template-columns:1fr}
	.nv-prevnext .next{grid-column:auto}
}
@media (max-width:420px){
	.ag-logo-zh{font-size:24px}
	.ag-nav li{flex-basis:calc(50% - 2px)}
	.ag-plate-list li{grid-template-columns:minmax(0,1fr) auto 30px}
	.ag-plate-list .k{display:none}
}
@media (prefers-reduced-motion:reduce){
	*{transition:none!important;scroll-behavior:auto!important}
}

/* 公司頁尾（mu-plugin 輸出）配色融入品牌 */
body.ag .zz-cofoot{background:#24392F;color:#B9D3C2;border-top:1px solid rgba(255,255,255,.08)}
body.ag .zz-cofoot h4{font-family:var(--serif)}
body.ag .zz-cofoot h4::before{background:var(--apr)}
body.ag .zz-cofoot p,body.ag .zz-cofoot .zz-lbl{color:#9FC2AC}
body.ag .zz-cofoot a{color:#E3EFE7}
body.ag .zz-cofoot a:hover{color:#F8BF8A}
body.ag .zz-cofoot .zz-cta{background:var(--aprd);border-radius:999px;padding:9px 22px}
body.ag .zz-cofoot .zz-bar{border-top-color:rgba(255,255,255,.1);color:#86A894}
body.ag .zz-cofoot .zz-bar strong{color:#CFE3D6}
body.ag .ag-copy{border-bottom:0}
