/* 2026-10-25 起整份放在 mmc2 層：優先順序高於舊佈景（legacy），低於 daisyUI 元件（mmc2-ui.css）。按鈕、欄位、卡片的外觀以 daisyUI 為準，這裡留版面排列 */
@layer mmc2{
/* 新文章頁「讀・買・聊」：媽媽經設計系統（mamaclub.life/design/tokens） */
:root{
  --m2-bg:#FBF7F1; --m2-surface:#F5EEE3; --m2-raised:#FFFFFF;
  --m2-text:#3A3630; --m2-muted:#6E655A; --m2-dark:#282520; --m2-gold:#E6D9B8;
  --m2-accent:#B25574; --m2-accent-ink:#823A53; --m2-accent-100:#FAF1F3; --m2-accent-200:#F3E0E6; --m2-accent-800:#5F2A3C;
  --m2-divider:rgba(58,54,48,.12); --m2-border:rgba(58,54,48,.18);
  --m2-heading:'Zen Maru Gothic','Noto Sans TC',sans-serif;
  --m2-body:'Noto Sans TC',system-ui,-apple-system,'PingFang TC','Microsoft JhengHei',sans-serif;
  --m2-en:'Outfit',sans-serif;
  --m2-gutter:40px;
}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body.mmc2{margin:0;background:var(--m2-bg);color:var(--m2-text);font-family:var(--m2-body);font-size:14px;line-height:1.6;letter-spacing:.015em;overflow-wrap:break-word}
/* 內容比畫面短時（例如搜尋沒結果），頁尾底下露出的部分跟頁尾同色，看起來頁尾延伸到底 */
html:has(>body:is(.mmc2,.mmc2-shell)){background:#282520}
.mmc2 *,.mmc2 *::before,.mmc2 *::after{box-sizing:border-box}
/* 舊頁外框（body 是 mmc2-shell，不是 mmc2）：新版頁首頁尾也要用 border-box，否則搜尋框被舊樣式算寬 30px，平板寬度的頻道字被擠成直排 */
.mmc2-shell :is(.m2-header,.m2-footer,.m2-tabbar) :is(*,*::before,*::after){box-sizing:border-box}
.m2-nav a{white-space:nowrap}
.mmc2 a{color:inherit;text-decoration:none}
.mmc2 a:hover{color:var(--m2-accent-ink)}
.mmc2 :focus-visible{outline:2px solid var(--m2-accent);outline-offset:2px}
/* 讀這篇／買得到／在聊的分頁區塊是程式移過去的焦點（tabindex=-1），不是可以按的東西；Safari 會在整塊外面畫粉紅框，拿掉 */
.mmc2 .m2-panel:focus-visible{outline:none}
.mmc2 button,.mmc2 input{font:inherit;color:inherit}
.m2-wrap{max-width:1200px;margin:0 auto;padding:0 var(--m2-gutter)}
.m2-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.m2-nowrap{white-space:nowrap}
/* 只在 <wbr> 和標點後換行的短句（固定文案用），不會把「通知」拆成「通／知」 */
.m2-keep{word-break:keep-all;overflow-wrap:anywhere}
.m2-en{font-family:var(--m2-en);font-weight:300;text-transform:uppercase;letter-spacing:.22em}
.m2-only-mobile{display:none!important}
.m2-skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--m2-dark);color:#fff!important;padding:10px 16px;border-radius:3px}
.m2-skip:focus{top:8px}

/* 按鈕 */
.m2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:3px;font-weight:700;letter-spacing:.04em;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.m2-btn--accent{background:var(--m2-accent);color:#fff!important}
.m2-btn--accent:hover{background:#9B4663}
.m2-btn--line{background:var(--m2-raised);border-color:var(--m2-border)}
.m2-icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--m2-text)}
/* 手機選單按鈕：打開時換成 ✕，看得出怎麼關 */
[data-m2-menu] .m2-ico-close,[data-m2-menu][aria-expanded=true] .m2-ico-open{display:none}
[data-m2-menu][aria-expanded=true] .m2-ico-close{display:block}

/* 會員招募列與頁首 */
.m2-recruit{background:var(--m2-dark);color:var(--m2-bg);font-size:12px;letter-spacing:.04em;min-height:36px;display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 16px;text-align:center}
.m2-recruit b{font-weight:400;color:var(--m2-gold)}
.m2-recruit a{color:var(--m2-bg)!important;border:1px solid rgba(251,247,241,.4);padding:2px 12px;border-radius:2px;white-space:nowrap}
.m2-header{background:rgba(251,247,241,.97);border-bottom:1px solid var(--m2-divider)}
.m2-header__in{height:64px;display:flex;align-items:center;gap:24px}
.m2-logo{display:flex;flex:none}
.m2-logo img{height:30px;width:auto;display:block}
.m2-nav{flex:1;display:flex;justify-content:center;gap:24px;font-size:14px}
.m2-nav a{padding:8px 0;border-bottom:2px solid transparent}
.m2-nav a[aria-current]{border-color:var(--m2-accent);color:var(--m2-accent-ink);font-weight:700}
.m2-utils{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--m2-muted)}
.m2-search input{width:120px;height:34px;border:1px solid var(--m2-border);border-radius:17px;padding:0 14px;background:var(--m2-raised);font-size:13px}
.m2-util{white-space:nowrap}
/* 第二排：學知識分類（後台的舊版主選單，滑過或用鍵盤移到時展開下一層） */
.m2-cats{border-top:1px solid var(--m2-divider)}
.m2-cats ul{list-style:none;margin:0;padding:0}
.m2-cats__list{display:flex;justify-content:center;flex-wrap:wrap}
/* .m2-cats ul 的 margin:0 會蓋掉 .m2-wrap 的置中，螢幕比 1200 寬時整排靠左（Sam 2026-10-24 截圖） */
.m2-cats .m2-cats__list{margin:0 auto}
.m2-cats__item{position:relative}
.m2-cats__item>a{display:block;padding:10px 12px;font-size:14px;color:var(--m2-text);border-bottom:2px solid transparent;white-space:nowrap}
.m2-cats__item.has-kids>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.45}
.m2-cats__item>a:hover,.m2-cats__item>a[aria-current]{color:var(--m2-accent-ink);border-bottom-color:var(--m2-accent)}
.m2-cats__sub{display:none;position:absolute;left:0;top:100%;z-index:40;min-width:200px;padding:8px 0;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;box-shadow:0 16px 32px -18px rgba(40,37,32,.45)}
.m2-cats__item:hover>.m2-cats__sub,.m2-cats__item:focus-within>.m2-cats__sub{display:block}
.m2-cats__item:nth-last-child(-n+2)>.m2-cats__sub{left:auto;right:0}
.m2-cats__sub a{display:block;padding:8px 18px;font-size:14px;color:var(--m2-text);white-space:nowrap}
.m2-cats__sub a:hover,.m2-cats__sub a[aria-current]{background:var(--m2-accent-100);color:var(--m2-accent-ink)}
.m2-cats__sub ul a{padding-left:32px;font-size:13px;color:var(--m2-muted)}
.m2-drawer-cats{display:none}

/* 主視覺 */
.m2-hero{position:relative;background:var(--m2-dark);color:var(--m2-bg);min-height:440px;display:flex;align-items:flex-end;overflow:hidden}
.m2-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m2-hero--plain{min-height:300px}
.m2-hero__in{position:relative;width:100%;padding-top:48px;padding-bottom:56px;display:flex;flex-direction:column;gap:14px}
.m2-crumb{font-size:12.5px;display:flex;gap:8px;color:rgba(251,247,241,.85)}
.m2-crumb a:hover{color:#fff}
.m2-kicker{margin:0;display:flex;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.2em}
.m2-kicker__line{width:30px;border-top:1px solid var(--m2-gold)}
.m2-kicker .m2-en{font-size:13px;color:var(--m2-gold)}
.m2-title{margin:0;max-width:820px;font-family:var(--m2-heading);font-size:42px;font-weight:700;line-height:1.45;letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 1px 12px rgba(40,37,32,.35)}
.m2-meta{margin:0;font-size:13px;color:rgba(251,247,241,.88)}
.m2-meta span{margin:0 2px}

/* 讀・買・聊 分頁 */
.m2-tabs{position:sticky;top:0;z-index:20;background:var(--m2-bg);border-bottom:1px solid var(--m2-divider);box-shadow:0 6px 18px -8px rgba(58,54,48,.18)}
.m2-tabs__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.m2-tab{min-height:76px;display:flex;align-items:center;gap:14px;padding:8px 22px;border-bottom:3px solid transparent;cursor:pointer}
.m2-tab__n{font-family:var(--m2-en);font-weight:300;font-size:34px;line-height:1;color:var(--m2-muted)}
.m2-tab__u{margin-left:3px;font-family:var(--m2-body);font-size:13px;font-weight:400;letter-spacing:0}
.m2-tab__t{display:flex;flex-direction:column;line-height:1.35;min-width:0}
/* 收藏按鈕（舊外掛插在內文最前面）原本靠右浮動，會把第一段擠窄：自己一排靠右 */
.m2-article>.wpfp-span:first-child{float:none!important;display:flex!important;justify-content:flex-end;margin:0 0 12px}
.m2-tab__t b{font-family:var(--m2-heading);font-size:18px;font-weight:700}
.m2-tab__t small{font-size:12px;color:var(--m2-muted)}
.m2-tab[aria-selected="true"]{border-color:var(--m2-accent);background:var(--m2-accent-100)}
.m2-tab[aria-selected="true"] .m2-tab__n,.m2-tab[aria-selected="true"] b{color:var(--m2-accent-ink)}

/* 內容區 */
.m2-body{padding-top:40px;padding-bottom:64px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;max-width:840px}
.m2-col{min-width:0}
.m2-panel{outline:none}
.m2-panel+.m2-panel{margin-top:56px}
.m2-tabs-on .m2-panel+.m2-panel{margin-top:0}
.m2-panel[hidden]{display:none}
.m2-h2{margin:0 0 18px;font-family:var(--m2-heading);font-size:26px;font-weight:700;line-height:1.45;color:var(--m2-dark);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.m2-sub{font-family:var(--m2-body);font-size:13px;font-weight:400;color:var(--m2-muted)}
.m2-h2 .m2-en{font-size:12px;color:var(--m2-muted)}

/* 文章內文（舊文章的 HTML 各式各樣，這裡只收斂常見元素） */
.m2-article{max-width:700px;font-size:17px;line-height:2.1;overflow-wrap:anywhere}
.m2-article>*:first-child{margin-top:0}
.m2-article p{margin:0 0 1.1em}
.m2-article h2,.m2-article h3,.m2-article h4{font-family:var(--m2-heading);color:var(--m2-dark);line-height:1.5;margin:1.6em 0 .6em;word-break:keep-all;overflow-wrap:anywhere}
.m2-article h2{font-size:23px}
.m2-article h3{font-size:20px}
.m2-article h4{font-size:18px}
.m2-article a{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.m2-article img{max-width:100%;height:auto;border-radius:6px}
.m2-article figure,.m2-article .wp-caption{max-width:100%!important;width:auto!important;margin:1.4em 0}
.m2-article figcaption,.m2-article .wp-caption-text{font-size:13px;line-height:1.6;color:var(--m2-muted);margin-top:6px}
.m2-article iframe,.m2-article video,.m2-article embed{max-width:100%}
.m2-article iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9}
.m2-article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;line-height:1.7}
.m2-article td,.m2-article th{border:1px solid var(--m2-divider);padding:8px 10px}
.m2-article blockquote{margin:1.4em 0;padding:14px 20px;background:var(--m2-surface);border-radius:6px;color:var(--m2-muted)}
.m2-article ul,.m2-article ol{padding-left:1.4em;margin:0 0 1.1em}
.m2-article [style*="width"]{max-width:100%}
.m2-article .aligncenter{display:block;margin-left:auto;margin-right:auto}

/* 廣告 */

/* 讀完了 */
.m2-next{max-width:700px;margin-top:28px;background:var(--m2-surface);border-radius:10px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.m2-next b{font-family:var(--m2-heading);font-size:17px;margin-right:auto}

/* 接著看 */
.m2-related{margin-top:48px;max-width:700px}
.m2-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.m2-card{display:flex;flex-direction:column;gap:6px}
.m2-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:var(--m2-surface)}
.m2-card__cat{font-size:12px;color:var(--m2-muted);margin-top:4px}
.m2-card__title{font-weight:700;font-size:15px;line-height:1.55}

/* 買得到 */
.m2-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* 買得到／在聊的「看全部」（2026-10-25） */
.m2-more{margin:20px 0 0;text-align:center}
.m2-more .m2-btn{min-height:44px;word-break:keep-all}
/* 對不到關鍵字時分頁上不放數字，放「熱門」 */
.m2-tab__n--word{font-family:var(--m2-heading);font-size:18px;font-weight:700;letter-spacing:.06em}
.m2-product{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr);transition:border-color .2s}
.m2-product:hover{border-color:var(--m2-accent)}
.m2-product img{width:100%;height:100%;min-height:150px;max-height:200px;object-fit:contain;display:block;background:#fff;border-right:1px solid var(--m2-divider)}
.m2-product__body{padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.m2-product__cat{font-size:12px;color:var(--m2-muted)}
.m2-product__title{font-size:15px;line-height:1.5;color:var(--m2-text)}
.m2-product__price{margin-top:auto;padding-top:6px;font-size:12px;color:var(--m2-muted)}
.m2-product__price strong{font-size:19px;color:var(--m2-accent-ink)}
.m2-product__go{margin-top:8px;align-self:flex-start;background:var(--m2-dark);color:var(--m2-bg);border-radius:3px;padding:6px 12px;font-size:12.5px;font-weight:700}
.m2-empty{color:var(--m2-muted)}
.m2-empty a{color:var(--m2-accent-ink);text-decoration:underline}

/* 在聊 */
.m2-ask{background:var(--m2-accent-100);border-radius:10px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}
.m2-ask label{flex:none;font-family:var(--m2-heading);font-weight:700;font-size:16px;color:var(--m2-accent-ink)}
.m2-ask input{flex:1 1 220px;min-width:0;height:44px;border:1px solid var(--m2-border);border-radius:6px;padding:0 14px;background:var(--m2-raised)}
.m2-ask .m2-btn{min-height:44px}
.m2-threads{list-style:none;margin:0 0 24px;padding:0}
.m2-threads li{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"n t" "n m";column-gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--m2-divider)}
.m2-threads__n{grid-area:n;height:44px;border-radius:12px 12px 12px 4px;background:var(--m2-raised);border:1px solid var(--m2-divider);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--m2-accent-ink)}
.m2-threads a{grid-area:t;font-size:16px;font-weight:700;line-height:1.55}
.m2-threads__meta{grid-area:m;font-size:12.5px;color:var(--m2-muted)}
.m2-comments{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px}
.m2-comments summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style:none;display:flex;align-items:center;gap:10px}
.m2-comments summary::-webkit-details-marker{display:none}
.m2-comments summary::after{content:"展開";margin-left:auto;color:var(--m2-accent-ink)}
.m2-comments[open] summary::after{content:"收合"}
.m2-comments[open]{padding-bottom:16px}
.m2-comments>*:not(summary){padding:0 18px;max-width:100%;overflow-x:auto}
/* 讀者留言：功能沿用舊佈景（匿名、改刪自己的留言、回覆、臉書留言），只換外觀（2026-10-24） */
.m2-comments__n{font-weight:400;font-size:14px;color:var(--m2-muted)}
.m2-comments .comments-holder,.m2-comments .content-inside{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.m2-comments .comment-title{display:none!important}
.m2-comments #respond{margin:0 0 8px;padding:16px;background:var(--m2-surface);border-radius:10px}
.m2-comments .comment-list #respond{margin:12px 0 0}
.m2-comments #reply-title{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:700 15px/1.5 var(--m2-body);color:var(--m2-dark);text-transform:none;letter-spacing:0}
.m2-comments #cancel-comment-reply-link{font-size:13px;font-weight:400;color:var(--m2-accent-ink)}
.m2-comments .must-log-in{margin:0}
.m2-comments .must-log-in a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:3px;background:var(--m2-accent);color:#fff!important;font-weight:700;letter-spacing:.04em;text-decoration:none}
.m2-comments .must-log-in a:hover{background:#9B4663}
.m2-comments .comment-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0}
.m2-comments .comment-form-comment{order:1;flex:1 1 100%;margin:0}
.m2-comments .comment-form-comment label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.m2-comments #comment{display:block;width:100%;min-height:104px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--m2-border);border-radius:6px;background:var(--m2-raised);font:15px/1.7 var(--m2-body);color:var(--m2-text);resize:vertical}
.m2-comments #comment:focus{outline:2px solid var(--m2-accent);outline-offset:1px}
.m2-comments .comment-form>span{order:2}
.m2-comments #mmc_comment_anonymous{display:inline-flex!important;align-items:center;gap:6px;min-height:44px;padding:0!important;text-indent:0!important;font-size:14px;color:var(--m2-text);cursor:pointer}
.m2-comments #mmc_comment_anonymous input{position:static!important;top:0!important;margin:0!important}
.m2-comments .logged-in-as{order:3;float:none!important;margin:0 0 0 auto;font-size:13px;color:var(--m2-muted)}
.m2-comments .logged-in-as a{color:var(--m2-accent-ink)}
.m2-comments .comment-form .form-submit{order:4;margin:0 0 0 auto}
.m2-comments .form-submit .submit{min-height:44px;padding:0 22px;border:0;border-radius:3px;background:var(--m2-accent);color:#fff;font:700 15px/1 var(--m2-body);letter-spacing:.04em;cursor:pointer}
.m2-comments .form-submit .submit:hover{background:#9B4663}
.m2-comments .comment-list,.m2-comments .comment-list .children{list-style:none;margin:0;padding:0}
.m2-comments .comment-list li{list-style:none;margin:0;padding:16px 0;border-top:1px solid var(--m2-divider)}
.m2-comments .comment-list>li:first-child{border-top:0}
.m2-comments .comment-list .children{margin:8px 0 0 42px;padding-left:14px;border-left:2px solid var(--m2-accent-200)}
.m2-comments .comment-list .children li{border-top:0;padding:10px 0 0}
.m2-comments .comment-body{margin:0;padding:0;background:none;border:0}
.m2-comments .comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px}
.m2-comments .comment-author{display:flex;align-items:center;gap:10px;margin:0}
.m2-comments .comment-author .fn{font-weight:700;font-size:15px;color:var(--m2-dark)}
.m2-comments .says{display:none}
.m2-comments .m2-cm-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--m2-accent-100);color:var(--m2-accent-ink);font-weight:700;font-size:14px}
.m2-comments .comment-metadata,.m2-comments .comment-metadata a{font-size:13px;color:var(--m2-muted);text-decoration:none}
.m2-comments .comment-awaiting-moderation{margin:2px 0 0 42px;font-size:13px;color:var(--m2-muted)}
.m2-comments .comment-content{margin:0;padding:0 0 0 42px}
.m2-comments .comment-content p{margin:0 0 6px;font-size:15px;line-height:1.8;color:var(--m2-text);overflow-wrap:anywhere}
.m2-comments .reply,.m2-comments .comment-body>p,.m2-comments .comment-body>div:not(.comment-content){margin:0;padding-left:42px}
.m2-comments .comment-reply-link,.m2-comments .comment-edit-link,.m2-comments .comment-body input[type=button]{display:inline-flex;align-items:center;min-height:32px;padding:0 10px 0 0;border:0;background:none;color:var(--m2-accent-ink);font:13px var(--m2-body);text-decoration:none;cursor:pointer}
.m2-comments .navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 0!important}
.m2-comments .navigation .page-numbers,.m2-comments #facebook-post-comment .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 8px;border:1px solid var(--m2-border);border-radius:3px;color:var(--m2-text);text-decoration:none;font-size:14px}
.m2-comments .page-numbers.current{background:var(--m2-accent);border-color:var(--m2-accent);color:#fff}
.m2-comments #facebook-post-comment{margin:16px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.m2-comments #facebook-post-comment::before{content:"來自臉書的留言";display:block;margin:0 0 4px;font-weight:700;font-size:14px;color:var(--m2-muted)}
.m2-comments .facebook-post-comment-body{display:block!important;margin:0!important;padding:0!important}
.m2-comments .fb-comment-single{display:grid!important;grid-template-columns:32px minmax(0,1fr);column-gap:10px;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:16px 0!important;border-top:1px solid var(--m2-divider);background:none!important;box-shadow:none!important;float:none!important}
.m2-comments .fb-comment-single .meta-image{grid-row:1/3;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;border-radius:50%;overflow:hidden}
.m2-comments .fb-comment-single .meta-image img{display:block;width:32px!important;height:32px!important;max-width:none!important;object-fit:cover}
.m2-comments .fb-comment-single .entry-header,.m2-comments .fb-comment-single .entry-meta{margin:0!important;padding:0!important;font-weight:400!important}
.m2-comments .fb-comment-single .entry-meta a{color:var(--m2-dark)!important;font-weight:700;font-size:15px;text-decoration:none}
.m2-comments .fb-comment-single .entry-meta a+br{display:none}
.m2-comments .fb-comment-single .entry-meta a+br+a{margin-left:10px;font-weight:400}
.m2-comments .fb-comment-single .entry-meta a+br+a .meta-item{font-size:13px;color:var(--m2-muted)}
.m2-comments .fb-comment-single .fb-content{grid-column:2;margin:4px 0 0!important;padding:0!important;font-size:15px;line-height:1.8;word-break:normal!important;overflow-wrap:anywhere}
.m2-comments .fb-comment-single .edit-link{grid-column:2;justify-self:end;float:none!important}

/* 頁尾 */
.m2-footer{background:var(--m2-dark);color:rgba(251,247,241,.82);padding:48px 0 40px;font-size:13px}
.m2-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}
.m2-footer__grid>div{display:flex;flex-direction:column;gap:8px}
.m2-footer a:hover{color:#fff}
.m2-footer__brand{margin:0;font-family:var(--m2-heading);font-size:24px;font-weight:900;color:var(--m2-bg)}
.m2-footer__en{margin:0;font-size:12px;color:var(--m2-gold)}
.m2-footer__h{margin:0 0 4px;color:var(--m2-gold);font-size:12.5px;letter-spacing:.12em}
.m2-tabbar{display:none}

/* 平板 */
@media (max-width:1080px){
  :root{--m2-gutter:24px}
  .m2-body{grid-template-columns:minmax(0,1fr);gap:32px}
  .m2-search input{width:96px}
  .m2-nav{gap:16px}
  .m2-cats__item>a{padding:9px 8px;font-size:13px}
}
/* 平板直放（768）：分類列 10 項會折成兩行，縮小間距、拿掉下拉箭頭，排成一行 */
@media (max-width:960px){
  .m2-cats__item>a{padding:9px 5px;letter-spacing:0}
  .m2-cats__item.has-kids>a::after{display:none}
}

/* 手機 */
@media (max-width:760px){
  :root{--m2-gutter:20px}
  html{scroll-padding-top:72px}
  body.mmc2{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .m2-only-mobile{display:inline-flex!important}
  .m2-hide-mobile{display:none!important}
  .m2-recruit{font-size:12px;gap:10px}
  .m2-header__in{height:56px;gap:4px;padding:0 8px}
  .m2-logo img{height:26px}
  .m2-utils{margin-left:auto;gap:0}
  .m2-search{display:none}
  /* 沒有程式時選單直接橫排；有程式時收進漢堡選單 */
  .m2-nav{position:static;order:5;flex:1 0 100%;justify-content:flex-start;overflow-x:auto;gap:18px;padding:0 12px 8px}
  .m2-header__in{flex-wrap:wrap;height:auto;min-height:56px}
  .m2-js .m2-nav{display:none}
  .m2-js .m2-nav.is-open{display:flex;flex-direction:column;gap:0;padding:4px 12px 12px}
  .m2-js .m2-nav.is-open a{padding:12px 4px;border-bottom:1px solid var(--m2-divider)}
  .m2-js .m2-nav.is-open a[aria-current]{border-bottom-color:var(--m2-divider)}
  /* 手機選單：頻道下面接學知識分類，有下一層的可以展開 */
  .m2-js .m2-nav.is-open .m2-drawer-cats{display:block;margin-top:16px}
  .m2-drawer-cats__h{margin:0 4px 4px;font-size:12px;letter-spacing:.12em;color:var(--m2-muted)}
  .m2-drawer-cats details{border-bottom:1px solid var(--m2-divider)}
  .m2-drawer-cats summary{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;cursor:pointer;list-style:none}
  .m2-drawer-cats summary::-webkit-details-marker{display:none}
  .m2-drawer-cats summary::after{content:"+";font-size:18px;line-height:1;color:var(--m2-muted)}
  .m2-drawer-cats details[open] summary::after{content:"−"}
  .m2-js .m2-nav.is-open .m2-drawer-cats details a{display:block;padding:10px 4px 10px 16px;border-bottom:0;font-size:14px;color:var(--m2-muted)}
  .m2-js .m2-nav.is-open .m2-drawer-cats details a.is-sub{padding-left:32px;font-size:13px}
  .m2-js .m2-nav.is-open .m2-drawer-cats details a[aria-current]{color:var(--m2-accent-ink);font-weight:700}
  .m2-hero{min-height:280px}
  .m2-hero--plain{min-height:0} /* 沒有封面圖時不留一大塊深色空白 */
  .m2-hero__in{padding-top:32px;padding-bottom:20px;gap:8px}
  .m2-crumb{display:none}
  .m2-kicker{font-size:12px;letter-spacing:.12em}
  .m2-kicker .m2-en,.m2-kicker__line{display:none}
  .m2-title{font-size:22px;line-height:1.5}
  .m2-meta{font-size:12px}
  .m2-tab{min-height:64px;flex-direction:column;justify-content:center;gap:0;padding:6px 4px;text-align:center}
  .m2-tab__n{font-size:20px;font-weight:400}
  .m2-tab__u{font-size:12px;margin-left:2px}
  .m2-tab__t b{font-family:var(--m2-body);font-size:13px}
  .m2-tab__t small{display:none}
  .m2-tabs__in{padding:0}
  .m2-body{padding-top:20px;padding-bottom:40px}
  .m2-article{font-size:16px;line-height:2}
  .m2-h2{font-size:20px;margin-bottom:12px}
  .m2-next{padding:16px}
  .m2-next b{flex:1 0 100%}
  .m2-next .m2-btn{flex:1 1 auto}
  .m2-related__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .m2-related__grid .m2-card:nth-child(3){display:none}
  .m2-shop{grid-template-columns:minmax(0,1fr);gap:12px}
  .m2-product{grid-template-columns:120px minmax(0,1fr)}
  .m2-product img{min-height:132px}
  .m2-product__body{padding:12px 14px}
  .m2-product__title{font-size:14.5px}
  .m2-ask{flex-direction:column;align-items:stretch;padding:14px}
  .m2-ask input{flex:none}
  .m2-threads li{grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:12px 0}
  .m2-threads__n{height:36px;border-radius:10px 10px 10px 3px;font-size:13px}
  .m2-threads a{font-size:14.5px;line-height:1.5}
  .m2-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m2-footer__grid>div:first-child{grid-column:1/-1}
  .m2-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--m2-bg);border-top:1px solid var(--m2-divider);font-size:12px}
  .m2-tabbar{box-shadow:0 -6px 18px -12px rgba(40,37,32,.25)}
  .m2-tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--m2-muted);font-size:12px;line-height:1.2;-webkit-tap-highlight-color:transparent}
  .m2-tabbar__ico{transition:transform .2s ease}
  .m2-tabbar a:active .m2-tabbar__ico{transform:scale(.9)}
  .m2-tabbar a[aria-current]{color:var(--m2-accent-ink);font-weight:700}
  .m2-tabbar a[aria-current] .m2-tabbar__ico{stroke-width:2.2}
  .m2-tabbar a[aria-current]::after{content:"";position:absolute;top:2px;left:50%;width:28px;height:3px;margin-left:-14px;border-radius:2px;background:var(--m2-accent)}
  .m2-tabbar a:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:-4px;border-radius:12px}
}
@media (max-width:360px){
  .m2-recruit span{display:none}
  .m2-related__grid{grid-template-columns:minmax(0,1fr)}
  .m2-related__grid .m2-card:nth-child(3){display:flex}
  .m2-product{grid-template-columns:96px minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mmc2 *{transition:none!important;animation:none!important}
}

/* 短標題（商品、話題、接著看、按鈕）只在空白與標點換行，太長才任意斷 */
.m2-product__title,.m2-card__title,.m2-threads a,.m2-h2,.m2-tab__t b,.m2-btn,.m2-next b{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}

/* 主視覺下緣加深，亮色封面上的白字也看得清楚 */
.m2-hero__img{z-index:0}
/* 文章大圖跟首頁一樣不再整張壓暗（原本六成亮度），暗色只留在文字所在的左下 */
.m2-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(40,37,32,.82) 0%,rgba(40,37,32,.5) 45%,rgba(40,37,32,.12) 75%),linear-gradient(to right,rgba(40,37,32,.5) 0%,rgba(40,37,32,.15) 45%,rgba(40,37,32,0) 70%)}
.m2-hero__in{text-shadow:0 1px 2px rgba(40,37,32,.5),0 0 16px rgba(40,37,32,.35)}
/* 手機上標題佔了封面下半部大半，淺色封面（白色包裝）時字不夠清楚：漸層往上加深 */
@media (max-width:760px){.m2-hero::before{background:linear-gradient(to top,rgba(40,37,32,.86) 0%,rgba(40,37,32,.66) 50%,rgba(40,37,32,.3) 80%,rgba(40,37,32,.12) 100%)}}
/* 小字（位置、分類、作者日期）在很亮的圖上漸層壓不住：各自加半透明深色底，任何圖都看得清楚 */
.m2-hero:not(.m2-hero--plain) :is(.m2-crumb,.m2-kicker,.m2-meta){align-self:flex-start;width:fit-content;padding:3px 10px;border-radius:3px;background:rgba(40,37,32,.55);text-shadow:none}
.m2-hero__in{z-index:2}

/* 舊文編輯常用行內顏色（例如 #dc4776 粉紅）強調，對比不夠，統一換成品牌深玫瑰色 */
.m2-article [style*="color"]:not([style*="background"]){color:var(--m2-accent-ink)!important}
.m2-tabs--2 .m2-tabs__in{grid-template-columns:repeat(2,minmax(0,1fr))}
.m2-card__ph{display:block;aspect-ratio:3/2;border-radius:6px;background:var(--m2-surface) url("mamaclub-logo.png") center/28% auto no-repeat}

/* 收藏文章（mmc-favorite-posts 外掛插在內文最前面）：改成設計系統的小按鈕 */
.m2-article .wpfp-span{float:right;margin:0 0 12px 16px;line-height:1}
.m2-article .wpfp-span .wpfp-img{display:none!important}
.m2-article .wpfp-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--m2-border);border-radius:18px;background:var(--m2-raised);color:var(--m2-accent-ink)!important;text-decoration:none!important;font-size:13px;font-weight:700}
.m2-article .wpfp-link::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") center/contain no-repeat}
.m2-article .wpfp-link:hover{border-color:var(--m2-accent)}

/* 讀這篇的閱讀進度：分頁列下緣一條細線 */
.m2-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--m2-accent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

/* ───────── 新首頁（H3 大氣主視覺）───────── */
.m2h{outline:none;padding-bottom:64px}
.m2h-sec{margin-top:56px}
.m2h-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.m2h-head .m2-h2{margin:0}
.m2h-more{margin-left:auto;font-size:13px;font-weight:700;color:var(--m2-accent-ink)!important;white-space:nowrap}
.m2h-more::after{content:" →"}
.m2h .m2-kicker{color:var(--m2-muted);font-size:12px;margin-bottom:8px}
.m2h .m2-kicker .m2-en{font-size:12px;color:var(--m2-muted)}
.m2h .m2-kicker__line{border-color:var(--m2-accent);width:26px}

/* 主視覺：橫向捲動（沒有程式也能左右滑），程式只加左右鍵與圓點 */
/* 首頁橫幅 A 圖文並排（2026-10-25 Sam 選）：左邊整張圖照原比例、不裁不蓋深色，右邊標題；手機圖在上、標題在下 */
.m2h-hero{position:relative;background:var(--m2-surface);color:var(--m2-text)}
.m2h-hero__track{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none} /* 只准左右捲：字浮上來的位移會超出底部，沒鎖的話 iPhone 斜著拖會把整塊上下拉開（Sam 10-25 實機截圖） */
.m2h-hero__track::-webkit-scrollbar{display:none}
.m2h-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex} /* 用力一甩也只換一張 */
.m2h-slide__media{position:relative;display:block;align-self:start;width:100%;aspect-ratio:850/528;overflow:hidden;border-radius:16px;background:var(--m2-surface);box-shadow:0 10px 30px rgba(40,37,32,.14)}
.m2h-slide__media::before{content:"";position:absolute;inset:-30px;background:var(--m2h-img,none) center/cover no-repeat;filter:blur(24px) saturate(1.1);opacity:.85} /* 比例不同時補滿空白的模糊底 */
.m2h-slide__img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
/* 圖原本壓到六成亮度、整張蓋暗（Sam：「圖片暗暗的」）：圖用原亮度，暗色只留在文字所在的左下 */
.m2h-slide__in{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:none;margin:0;padding:6px 0 72px 48px} /* 從圖片上緣排下來，不垂直置中：標題長短不會讓分類與按鈕上下跳 */
.m2h-slide .m2-kicker{color:var(--m2-accent-ink);font-size:12.5px;letter-spacing:.2em;margin:0}
.m2h-slide .m2-kicker .m2-en{color:var(--m2-accent-ink);font-size:13px}
.m2h-slide .m2-kicker__line{border-color:var(--m2-accent);width:30px}
.m2h-slide__title{margin:0;max-width:none;font-family:var(--m2-heading);font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.5;transition:color .2s;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
/* 2026-10-25 Sam：整則橫幅是一個連結，滑過不加底線、圖片微微變亮；漸層那層不擋點擊 */
.m2h-slide__link{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;width:100%;max-width:1200px;margin:0 auto;padding:60px var(--m2-gutter) 40px;color:var(--m2-text)!important;text-decoration:none!important}
.m2h-slide__title{display:block;color:var(--m2-text)}
.m2h-slide__link .m2-kicker{display:flex}
.m2h-slide__link:hover .m2h-slide__img{filter:brightness(1.05)}
.m2h-slide__link:hover .m2h-slide__title{color:var(--m2-accent-ink)}
.m2h-slide__link:focus-visible{outline:3px solid var(--m2-accent);outline-offset:-6px;border-radius:20px}
.m2h-slide__cta{margin-top:auto;min-height:44px;padding:0 22px;border-radius:999px}
.m2h-slide__link:hover .m2h-slide__cta{background:#9B4663}
.m2h-hero__ctrl{position:absolute;left:0;right:0;bottom:40px;z-index:3;display:flex;align-items:center;gap:12px;pointer-events:none}
.m2h-hero__ctrl::before{content:"";flex:0 0 calc(100% * 1.45 / 2.45 + 48px - 12px)} /* 對齊右欄文字 */
.m2h-hero__ctrl>*{pointer-events:auto}
.m2h-hero__btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--m2-border);background:var(--m2-raised);color:var(--m2-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.m2h-hero__btn:hover{background:var(--m2-accent-100);border-color:var(--m2-accent)}
.m2h-hero__dots{display:flex;gap:4px}
.m2h-hero__dot{width:24px;height:24px;overflow:hidden;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.m2h-hero__dot::before{content:"";width:22px;height:8px;border-radius:4px;background:rgba(58,54,48,.28);transform:scaleX(.364);transition:transform .2s}
.m2h-hero__dot[aria-current="true"]::before{transform:none;background:var(--m2-accent)}
.m2h-hero:not(.is-ready) .m2h-hero__ctrl{display:none}
.m2h-hero__play .m2h-ico-play,.m2h-hero.is-paused .m2h-hero__play .m2h-ico-pause{display:none}
.m2h-hero.is-paused .m2h-hero__play .m2h-ico-play{display:block}
/* 2026-10-25 Sam：切換要有滑動與更好的效果。只在程式準備好（is-ready）後才藏文字，沒有程式時照常顯示 */
.m2h-hero.is-ready .m2h-slide__img{transition:filter .3s ease}
/* 標題、分類、按鈕跟著卡片位置浮上來：由 mmc2.js 依捲動位置直接設透明度與位移（手指拖動、自動換張都一樣） */
.m2h-slide__in>*{will-change:opacity,transform}
/* 圓點倒數：目前這則的圓點在 5 秒內填滿，滿了換下一則（m2h-progress 跑完由程式接手） */
.m2h-hero__dot{position:relative}
.m2h-hero.is-playing .m2h-hero__dot[aria-current="true"]::before{background:rgba(58,54,48,.28)}
.m2h-hero.is-playing .m2h-hero__dot[aria-current="true"]::after{content:"";position:absolute;left:1px;top:8px;width:22px;height:8px;border-radius:4px;background:var(--m2-accent);transform-origin:left center;animation:m2h-progress 5s linear forwards}
.m2h-hero.is-hold .m2h-hero__dot::after,.m2h-hero.is-away .m2h-hero__dot::after{animation-play-state:paused}
.m2h-hero.is-dragging .m2h-hero__dot::after,.m2h-hero.is-moving .m2h-hero__dot::after{display:none} /* 拖動或換張中：倒數收起來，停下後新的那張從 0 開始 */
/* 圓點底條固定不動；拖動或換張時，「目前這張」的長條跟著拖動幅度在圓點之間滑動（Sam 10-25），停下後換回原本的目前圓點 */
.m2h-hero__dots{position:relative}
.m2h-hero__ind{position:absolute;left:0;top:50%;width:22px;height:8px;margin-top:-4px;border-radius:4px;background:var(--m2-accent);pointer-events:none;opacity:0}
.m2h-hero.is-dragging .m2h-hero__ind,.m2h-hero.is-moving .m2h-hero__ind{opacity:1}
.m2h-hero.is-dragging .m2h-hero__dot[aria-current="true"]::before,.m2h-hero.is-moving .m2h-hero__dot[aria-current="true"]::before{transform:scaleX(.364);background:rgba(58,54,48,.28)}
/* 900 以下改成圖在上（原比例）、標題在下（1100 以下拿掉左右箭頭寫在 ui/mamaclub-ui.css） */
@media (max-width:900px){
  .m2h-hero{background:none}
  .m2h-slide__link{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding:40px var(--m2-gutter) 0}
  .m2h-slide__media{border-radius:12px;box-shadow:none}
  /* 按鈕緊接標題；圓點與暫停改放在圖片下緣（不佔文字區），標題短的那幾張多出的高度落在整塊最下面，看起來只是區塊間距 */
  .m2h-hero{container-type:inline-size}
  .m2h-slide__in{padding:14px 0 8px;gap:8px}
  .m2h-slide__cta{margin-top:4px}
  .m2h-hero__ctrl{bottom:auto;top:calc(40px + (100cqw - 2 * var(--m2-gutter)) * 528 / 850 - 44px);padding:0 calc(var(--m2-gutter) + 10px)}
  .m2h-hero__ctrl::before{display:none}
  .m2h-hero__dots{padding:2px 8px;border-radius:999px;background:rgba(40,37,32,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} /* 圖很花時也看得清楚 */
  .m2h-hero__dot::before,.m2h-hero.is-playing .m2h-hero__dot[aria-current="true"]::before{background:rgba(251,247,241,.62)}
  .m2h-hero__dot[aria-current="true"]::before,.m2h-hero.is-playing .m2h-hero__dot[aria-current="true"]::after{background:#FBF7F1}
  .m2h-hero__btn{width:32px;height:32px;min-height:32px;background:rgba(40,37,32,.58)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:transparent!important;color:#FBF7F1!important}
  .m2h-hero__ind{background:#FBF7F1}
  .m2h-hero.is-dragging .m2h-hero__dot[aria-current="true"]::before,.m2h-hero.is-moving .m2h-hero__dot[aria-current="true"]::before{background:rgba(251,247,241,.62)}
}
@keyframes m2h-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  .m2h-hero.is-ready .m2h-slide__img{transition:none!important}
  .m2h-hero__dot::after{display:none}
}

/* 四個入口 */
.m2h-doors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:-44px;position:relative;z-index:4}
.m2h-door{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 24px -16px rgba(40,37,32,.35);transition:border-color .2s}
.m2h-door:hover{border-color:var(--m2-accent)}
.m2h-door .m2-en{font-size:12px;color:var(--m2-accent-ink)}
.m2h-door b{font-family:var(--m2-heading);font-size:22px;color:var(--m2-dark)}
.m2h-door span:not(.m2-en){font-size:14px}
.m2h-door small{font-size:12px;color:var(--m2-muted)}

/* 放心玩方案卡 */
.m2h-deals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.m2h-deal{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.m2h-deal:hover{border-color:var(--m2-accent)}
.m2h-deal img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--m2-surface)}
.m2h-deal__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.m2h-deal__body b{font-size:14.5px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}
.m2h-deal__price{margin-top:auto;font-size:12px;color:var(--m2-muted)}
.m2h-deal__price strong{font-size:18px;color:var(--m2-accent-ink)}

/* 大家最常看 */
.m2h-top{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;grid-auto-flow:column;grid-template-rows:repeat(5,auto)}
.m2h-top a{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--m2-divider)}
.m2h-top__n{flex:none;font-family:var(--m2-en);font-weight:200;font-size:30px;line-height:1;color:var(--m2-accent);width:44px;font-variant-numeric:tabular-nums}
.m2h-top__t{display:flex;flex-direction:column;gap:2px}
.m2h-top__t b{font-size:16px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}
.m2h-top__t small{font-size:12px;color:var(--m2-muted)}
.m2h-top a:hover b{color:var(--m2-accent-ink)}

.m2h-shop{grid-template-columns:repeat(4,minmax(0,1fr))}
.m2h-shop .m2-product{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
.m2h-shop .m2-product img{height:170px;min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--m2-divider)}

.m2h-pair{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.m2h-ages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.m2h-ages a{height:84px;border-radius:10px;background:var(--m2-raised);border:1px solid var(--m2-divider);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:border-color .2s}
.m2h-ages a:hover{border-color:var(--m2-accent)}
.m2h-ages b{font-family:var(--m2-heading);font-size:22px;color:var(--m2-dark)}
.m2h-ages span{font-size:12px;color:var(--m2-muted)}

@media (max-width:1080px){
  .m2h-deals,.m2h-shop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m2h-doors{grid-template-columns:repeat(3,minmax(0,1fr))}
  .m2h-pair{grid-template-columns:minmax(0,1fr);gap:48px}
}
@media (max-width:760px){
  .m2h-sec,.m2h-pair{margin-top:36px}
  .m2h-slide__in{gap:10px}
  .m2h-slide .m2-kicker .m2-en,.m2h-slide .m2-kicker__line{display:none}
  .m2h-slide .m2-kicker{font-size:12px;letter-spacing:.12em}
  .m2h-doors{margin-top:20px;gap:12px}
  .m2h-door{padding:14px;box-shadow:none}
  .m2h-door .m2-en,.m2h-door small{display:none}
  .m2h-door b{font-size:18px}
  .m2h-door span:not(.m2-en){font-size:12px;color:var(--m2-muted)}
  .m2h-deals{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--m2-gutter) * -1);padding:0 var(--m2-gutter) 4px;scrollbar-width:none}
  .m2h-deals::-webkit-scrollbar{display:none}
  .m2h-deal{flex:0 0 72%;scroll-snap-align:start}
  .m2h-top{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-template-rows:none}
  .m2h-top__n{font-size:26px;width:38px}
  .m2h-top__t b{font-size:15px}
  .m2h-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .m2h-shop .m2-product img{height:140px}
  .m2h-shop .m2-product__body{padding:10px 12px 12px}
  .m2h-ages a{height:64px}
  .m2h-ages b{font-size:19px}
  .m2h .m2-h2{font-size:21px}
}
@media (max-width:360px){
  .m2h-shop{grid-template-columns:minmax(0,1fr)}
  .m2h-deal{flex-basis:86%}
}

/* ───────── 舊頁面外框（內容照舊，只換頁首頁尾）───────── */
.m2-shell-top,.m2-shell-bottom{font-family:var(--m2-body);font-size:14px;line-height:1.6;letter-spacing:.015em;color:var(--m2-text);text-align:left}
.m2-shell-top{background:var(--m2-bg)}
.m2-shell-top a,.m2-shell-bottom a{text-decoration:none}
.m2-shell-top img,.m2-shell-bottom img{max-width:none}
.m2-shell-top input[type=search]{margin:0;box-shadow:none}
/* 舊佈景對所有 button 設了 min-width:90px、padding、圓角與滑過變暗，外框的按鈕不要吃到 */
.m2-shell-top button,.m2-shell-bottom button,.m2-shell-top button:hover{min-width:0;padding:0;border-radius:0;font-size:inherit;line-height:inherit;background-image:none}
.m2-shell-top .m2-icon-btn{border-radius:999px}
.mmc2-shell #header.main-header[hidden]{display:none!important}
/* 舊佈景的浮動按鈕（LINE 分享、回到頂端）在新版會蓋到內文，新模板也沒有，外框裡一起拿掉 */
.mmc2-shell #sliderLineMB,.mmc2-shell #back-top{display:none!important}
@media (max-width:760px){
  body.mmc2-shell,body:has(>.m2-shell-bottom){padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  /* 舊活動文章（試用、抽獎）以前手機都轉去手機站，左欄圖片與人數會被擠成直排：改成上下排 */
  .mmc2-shell .mmc-trial .meta-area{flex-direction:column}
  .mmc2-shell .mmc-trial .meta-image{float:none;width:auto}
  .mmc2-shell .mmc-trial .meta-area>.entry-content{width:auto}
}
/* 舊頁外框的內容區照新版（2026-10-24）：不放舊側欄（只剩「媽媽在討論」）、內容置中、新版字型與顏色；會員中心另外排（側欄是會員選單） */
.m2-shell-head.m2l{padding-bottom:0}
body.mmc2-shell{background:var(--m2-bg)!important}
body.mmc2-shell :is(#vce-main,#main-wrapper){background:none!important}
/* 舊表單（聯絡我們、留言、報名）：欄位照新版，不超出版面 */
body.page-template-template-contact #primary :is(input[type=text],input[type=email],input[type=tel],select,textarea){width:100%!important}
body.mmc2-shell:not([class*="page-template-template-member"]) #sidebar{display:none!important}
body.mmc2-shell:not([class*="page-template-template-member"]) #content.container{width:auto!important;max-width:none!important;padding:28px var(--m2-gutter) 56px!important;background:none!important}
body.mmc2-shell:not([class*="page-template-template-member"]) #primary{float:none!important;width:100%!important;max-width:840px;margin:0 auto!important;padding:0!important}
body.mmc2-shell #primary .main-box{background:var(--m2-raised)!important;border:1px solid var(--m2-divider)!important;border-radius:10px!important;box-shadow:none!important}
body.mmc2-shell #primary :is(.entry-content,.main-box-inside,.page-content){font-family:var(--m2-body);font-size:16px;line-height:1.9;color:var(--m2-text)}
body.mmc2-shell #primary .entry-content a:not([class]){color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}
body.mmc2-shell #primary :is(h1,h2,h3,h4,.entry-title,.main-box-title){font-family:var(--m2-heading);color:var(--m2-dark)}
/* 舊活動文章（試用、抽獎）：步驟列、分頁、按鈕換成新版配色（原本灰色，分頁滑過變亮黃） */
.mmc2-shell .combined-shape{background-color:var(--m2-surface)}
.mmc2-shell .combined-shape.half{background-color:#E6DCCD}
.mmc2-shell .combined-shape.active{background-color:var(--m2-accent-200)}
.mmc2-shell .combined-shape.half.active{background-color:var(--m2-accent)}
.mmc2-shell .trial-step p,.mmc2-shell .trial-step p.date{color:var(--m2-muted)}
.mmc2-shell .trial-step .half p{color:var(--m2-text)}
.mmc2-shell .trial-step .active p{color:var(--m2-accent-ink)}
.mmc2-shell .trial-step .half.active p{color:#fff}
.mmc2-shell .tab{background-color:var(--m2-surface);border:1px solid var(--m2-divider);border-radius:0 0 10px 10px}
.mmc2-shell .tab button{min-height:48px;font:15px var(--m2-body);color:var(--m2-text)}
.mmc2-shell .tab button:hover{background-color:var(--m2-accent-100);color:var(--m2-accent-ink)}
.mmc2-shell .tab button.active{background-color:var(--m2-raised);color:var(--m2-accent-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--m2-accent)}
.mmc2-shell .trial-statistics{background-color:var(--m2-surface)!important;border-radius:6px}
/* 舊頁的圖大多遺失（伺服器回 1×1 替代圖）：內文裡的拿掉，卡片裡的換成品牌底色（mmc2.js 判斷） */
.m2-img-gone{display:none!important}
.m2-img-ph{display:block;width:100%;aspect-ratio:1200/628;border-radius:6px;background:var(--m2-surface) url("mamaclub-logo.png") center/22% auto no-repeat}
/* 圖遺失被拿掉的連結（特別企劃頁），圖前面的換行一起拿掉，標題框不留空白 */
.mmc2-shell #primary a:has(.m2-img-gone) br{display:none}
.mmc2-shell #primary .square:has(.m2-img-gone){padding:14px 16px!important;vertical-align:middle}
.mmc2-shell #primary .imgtext:has(.m2-img-gone)>p:empty,.mmc2-shell #primary a:has(.m2-img-gone) p:empty{display:none}
.mmc2-shell #primary a:has(.m2-img-gone) p{margin:0;text-wrap:balance}
/* 廠商活動頁的 #customHeader 只靠內容裡的自訂樣式顯示橫幅，那段樣式已經壞掉（變成文字、被 mmc2.js 藏起來），只剩一塊空白 */
.mmc2-shell .vce-custom-content #customHeader{display:none}
/* 自己印整頁的舊範本（媽媽大調查 /poll/、App 介紹 /mobileapp/）沒有 body class，外框直接接在 body 下 */
body:has(>.m2-poll){margin:0;background:var(--m2-bg)}
.m2-poll{display:block;padding:56px 0 72px;min-height:40vh;font-family:var(--m2-body);font-size:16px;line-height:1.9;color:var(--m2-text)}
.m2-poll .m2-wrap>*{max-width:760px}
/* 作家申請說明頁的大標「加入駐站作家自由上稿」：手機上「稿」單獨掉一行，字縮到一行放得下（平均斷行會把「作家」拆開，不用） */
body.mmc2-shell ._section_content h1{font-size:min(28px,7vw)}
/* 舊頁的大標只在空格、標點後換行（「免費領取 米奇美語幼兒體驗組」不會剩「組」一個字），沒有空格的長標題照常在邊緣換行 */
body.mmc2-shell :is(.entry-title,.main-box-title){word-break:keep-all;overflow-wrap:anywhere}
/* 活動文章（舊試用範本）：手機上統計欄原本只有一半寬，「體驗份數」被擠成兩行 */
@media (max-width:760px){
  .mmc2-shell .mmc-trial .meta-image{display:block;width:100%}
  .mmc2-shell .mmc-trial .meta-area .trial-statistics{height:auto;padding:0 0 12px}
  .mmc2-shell .mmc-trial .trial-statistics .title{white-space:nowrap}
}
/* 投票外掛的「Loading ...」提示：外掛自己的樣式沒載入，預設要藏起來，投票送出時外掛會再打開 */
.m2-poll .wp-polls-loading{display:none}
/* 題目平均斷行（320 寬時「行？」不會單獨掉到第二行）；手機上舊投票框的行內內距縮小 */
.m2-poll .wp-polls p>strong{display:inline-block;line-height:1.5;text-wrap:balance}
@media (max-width:760px){.m2-poll .poll-bg{padding:20px 16px!important}}
/* 投票框和按鈕是外掛寫死的行內樣式（灰底方框、另一種桃紅方角按鈕），換成新版的白卡片與圓角按鈕 */
.m2-poll .poll-bg{background:var(--m2-raised)!important;border:1px solid var(--m2-divider)!important;border-radius:10px}
.m2-poll .wp-polls input.Buttons{min-height:44px;padding:0 32px!important;border:0;border-radius:999px;background:var(--m2-accent)!important;font:700 15px/1 var(--m2-body)!important;letter-spacing:.08em;cursor:pointer}
.m2-poll .wp-polls input.Buttons:hover{background:var(--m2-accent-ink)!important}
.m2-poll .wp-polls a.trace_login{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}

/* ───────── 新版列表頁（分類、標籤、作者、搜尋、找不到）───────── */
.m2l{outline:none;padding-bottom:64px}
.m2l-head{background:var(--m2-accent-100);padding:44px 0 32px;border-bottom:1px solid var(--m2-divider)}
.m2l-crumb{font-size:12.5px;color:var(--m2-muted);display:flex;gap:8px;margin-bottom:12px}
.m2l-crumb a:hover{color:var(--m2-accent-ink)}
.m2l .m2-kicker{color:var(--m2-muted);font-size:12px;margin:0 0 8px}
.m2l .m2-kicker .m2-en{font-size:12px;color:var(--m2-muted)}
.m2l .m2-kicker__line{border-color:var(--m2-accent);width:26px}
.m2l-title{margin:0;font-family:var(--m2-heading);font-size:40px;font-weight:900;line-height:1.35;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2l-desc{margin:12px 0 0;max-width:720px;font-size:15px;color:var(--m2-muted);text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}
.m2l-count{margin:10px 0 0;font-size:13px;color:var(--m2-muted)}
.m2l-search{margin-top:20px;display:flex;gap:10px;max-width:640px}
.m2l-search input{flex:1;min-width:0;text-overflow:ellipsis;height:48px;border:1px solid var(--m2-border);border-radius:24px;padding:0 20px;background:var(--m2-raised);font-size:15px}
.m2l-search .m2-btn{border-radius:24px;min-height:48px;padding:0 22px}
.m2l-chips{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.m2l-chips a{min-height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:18px;background:var(--m2-raised);border:1px solid var(--m2-divider);font-size:13.5px}
.m2l-chips a:hover{border-color:var(--m2-accent)}
.m2l-chips a[aria-current]{background:var(--m2-accent);border-color:var(--m2-accent);color:#fff!important;font-weight:700}
.m2l-top{margin-top:44px}
.m2l-top__list.is-short{grid-template-rows:repeat(3,auto)}
.m2l-list{margin-top:48px}
.m2l-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.m2l-card{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.m2l-card:hover{border-color:var(--m2-accent)}
.m2l-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--m2-surface)}
.m2l-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.m2l-card__cat{font-size:12px;color:var(--m2-muted)}
.m2l-card__title{font-size:16px;line-height:1.55;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2l-card__ex{font-size:13.5px;line-height:1.7;color:var(--m2-muted)}
.m2l-card__date{margin-top:auto;padding-top:4px;font-size:12px;color:var(--m2-muted)}
.m2l-card.is-text{background:var(--m2-surface);border-color:transparent}
.m2l-card.is-text .m2l-card__title{font-family:var(--m2-heading);font-size:18px}
.m2l-pages{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.m2l-pages a,.m2l-pages span{min-width:44px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:22px;border:1px solid var(--m2-divider);background:var(--m2-raised);font-size:14px}
.m2l-pages .current{background:var(--m2-dark);border-color:var(--m2-dark);color:var(--m2-bg);font-weight:700}
.m2l-pages .dots{border:0;background:none}
.m2l-pages a:hover{border-color:var(--m2-accent)}
.m2l-empty{padding:32px 0;color:var(--m2-muted);word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:1080px){.m2l-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .m2l-head{padding:28px 0 22px}
  .m2l-title{font-size:28px}
  .m2l-chips{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(var(--m2-gutter) * -1);padding-right:var(--m2-gutter);scrollbar-width:none}
  .m2l-chips a{flex:none}
  .m2l-top,.m2l-list{margin-top:32px}
  .m2l-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .m2l-card:not(.is-text){display:grid;grid-template-columns:116px minmax(0,1fr)}
  .m2l-card:not(.is-text) img{height:100%;aspect-ratio:auto;min-height:116px}
  .m2l-card__body{padding:12px 14px}
  .m2l-card__title{font-size:15px}
  .m2l-card:not(.is-text) .m2l-card__ex{display:none}
  .m2l-search .m2-btn{padding:0 16px}
}

/* ───────── 新版放心玩 ───────── */
.m2t-n{margin-left:6px;font-size:12px;color:var(--m2-muted)}
.m2l-chips a[aria-current] .m2t-n{color:#fff}
.m2t-grid{gap:20px}
/* 平板與小筆電：首頁方案只有 4 個所以排 2 欄，放心玩有上百個，排 3 欄第一屏才看得到不只兩個 */
@media (min-width:761px) and (max-width:1080px){.m2t-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.m2t-area{font-size:12px;color:var(--m2-muted)}
@media (max-width:760px){
  .m2t-grid{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;margin:0;padding:0;gap:14px}
  .m2t-grid .m2h-deal{flex:none}
}

/* ───────── 新版玩活動 ───────── */
.m2e-now{margin-top:40px;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;padding:28px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.m2e-now__h{margin:0;font-family:var(--m2-heading);font-size:24px;font-weight:700;color:var(--m2-dark)}
.m2e-now p{margin:0;font-size:15px;color:var(--m2-muted)}
.m2e-now .m2-btn{margin-top:6px;min-height:44px}
@media (max-width:760px){.m2e-now{margin-top:28px;padding:20px}.m2e-now__h{font-size:20px}}

/* ───────── 新版說明頁 ───────── */
.m2p-body{margin:40px 0 0;max-width:760px;font-size:16px;line-height:2}
.m2p-body h2,.m2p-body h3{margin-top:1.8em}
.m2p-body table{font-size:14.5px}
@media (max-width:760px){.m2p-body{margin-top:28px;font-size:15.5px}}

/* ───────── 新版駐站作家 ───────── */
.m2w-join{margin-top:16px;min-height:42px}
.m2w-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.m2w-card{height:100%;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;padding:16px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;transition:border-color .2s}
.m2w-card:hover{border-color:var(--m2-accent)}
.m2w-card img,.m2w-ph{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--m2-surface)}
.m2w-ph{display:flex;align-items:center;justify-content:center;font-family:var(--m2-heading);font-size:24px;color:var(--m2-accent-ink)}
.m2w-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.m2w-body b{font-size:16px;color:var(--m2-dark);overflow-wrap:anywhere}
.m2w-body small{font-size:12px;color:var(--m2-muted)}
.m2w-body span{margin-top:4px;font-size:13px;line-height:1.7;color:var(--m2-muted)}
@media (max-width:1080px){.m2w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.m2w-grid{grid-template-columns:minmax(0,1fr);gap:12px}}

/* 舊頁的一般連結：舊佈景是 #DC4776（白底 4.0:1，不到標準），改品牌桃紅；:where 不加權重，各區自己的連結色照舊 */
:where(body.mmc2-shell) a{color:var(--m2-accent)}
/* 特別企劃卡片說明 #787878（白底 4.4:1） */
body.mmc2-shell .imgtext p{color:var(--m2-muted)}
/* 投票的「顯示結果」在淺灰底上，桃紅只有 4.4:1 */
body.mmc2-shell .wp-polls a{color:var(--m2-accent-ink)}
/* 駐站作家申請說明（author-signupreadme）與回頂端鈕還是舊粉紅 #DC4776，換成品牌桃紅 */
body.mmc2-shell ._section_content h2{color:var(--m2-accent)}
body.mmc2-shell ._section_content ._section_description{color:var(--m2-accent-ink)}
body.mmc2-shell ._4st_section{background-color:var(--m2-accent)}
body.mmc2-shell ._float_info_inner{border-color:var(--m2-accent)}
body.mmc2-shell #back-top{background-color:var(--m2-accent);border-radius:50%}
body.mmc2-shell .author-form{border-color:var(--color-base-300);border-radius:var(--radius-box)}
body.mmc2-shell .warning_list{border-color:var(--m2-accent);border-radius:var(--radius-box)}
body.mmc2-shell img.author_avatar{border-color:var(--m2-accent)}
/* ───────── 會員中心（外框內的舊頁面，只換外觀）───────── */
.mmc2-shell .mmc_member_menu_area ul{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden;padding:6px 0}
.mmc2-shell .mmc_member_menu_area li{background:none;border:0;margin:0;padding:0}
.mmc2-shell .mmc_member_menu_area li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;color:var(--m2-text);background:none;font-size:14.5px;font-family:var(--m2-body)}
/* 會員頁：選單和表單外面舊的方角灰框拿掉，只留新版的圓角卡片（不然手機上是框中框） */
body.mmc2-shell .mmc_member_menu_area,body.mmc2-shell #primary .profile-form{border:0!important;background:none!important}
body.mmc2-shell #primary .wpfp-span{border:0!important;padding:12px!important}
/* 收藏標題用一般中文換行（標點不放行首）；keep-all 加 anywhere 在 Safari 會把「，」擠到下一行開頭 */
body.mmc2-shell .wpfp-ul a{word-break:normal!important;overflow-wrap:break-word!important;line-break:strict}
/* 會員・預約紀錄：舊 jQuery UI 分頁改成新版的圓角按鈕；表格撐滿；沒有資料時說一句話，不只剩表頭 */
body.mmc2-shell #reservationTabs{border:0;background:none;padding:0;font-family:var(--m2-body)}
body.mmc2-shell #reservationTabs .ui-tabs-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;border:0;background:none}
body.mmc2-shell #reservationTabs .ui-tabs-nav::before,body.mmc2-shell #reservationTabs .ui-tabs-nav::after{display:none}
body.mmc2-shell #reservationTabs .ui-tabs-nav li{float:none;margin:0;padding:0;border:0;background:none}
body.mmc2-shell #reservationTabs .ui-tabs-nav a{display:flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid var(--m2-border);border-radius:999px;background:var(--m2-raised);color:var(--m2-text);font-size:14px;text-decoration:none}
body.mmc2-shell #reservationTabs .ui-tabs-nav .ui-tabs-active a{background:var(--m2-accent);border-color:var(--m2-accent);color:#fff}
body.mmc2-shell #reservationTabs .ui-tabs-panel{padding:0;border:0;background:none}
body.mmc2-shell #reservationTabs .section__title{display:none}
body.mmc2-shell .table--reservation table{display:table!important;width:100%;border-collapse:collapse;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden}
body.mmc2-shell .table--reservation :is(th,td){padding:12px 14px;text-align:left;font-size:14px;border-bottom:1px solid var(--m2-divider)}
body.mmc2-shell .table--reservation th{background:var(--m2-surface);color:var(--m2-muted);font-weight:700;border-left:0!important;border-right:0!important}
body.mmc2-shell .table--reservation:not(:has(tr + tr))::after{content:"目前沒有預約紀錄。";display:block;padding:16px 4px;color:var(--m2-muted);font-size:14px}
.mmc2-shell .mmc_member_menu_area li.select{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:700;font-size:14.5px}
.mmc2-shell .mmc_member_menu_area li.select img{width:24px;height:24px;border-radius:50%;object-fit:cover}
/* 大頭照：舊樣式跟著圖片本身的尺寸，圖太小或讀不到時被壓成細長條，固定成圓形 */
.mmc2-shell #user_avatar_all #u_avatar_preview_box{width:112px;height:112px;max-width:none;background:var(--m2-accent-100)}
.mmc2-shell #user_avatar_all #u_avatar_preview{display:block;width:100%;height:100%;object-fit:cover}
.mmc2-shell #user_avatar_all #trigger_u_avatar{top:0;display:block;width:max-content;margin:4px auto 0;line-height:44px;padding:0 12px;color:var(--m2-accent-ink);font-size:14px;font-weight:700}
/* 我的收藏：舊外掛每列寫死高度與右邊距（mmc2.js 拿掉），改成縮圖＋標題＋刪除鈕的卡片；圖讀不到時放淡色底與標誌 */
.mmc2-shell .wpfp-span{padding:16px 0 0!important}
.mmc2-shell .wpfp-ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:0}
.mmc2-shell .wpfp-ul li.vce-lay-d{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr auto;align-items:start;column-gap:12px;width:auto!important;float:none!important;margin:0!important;padding:0!important;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden;min-height:96px}
.mmc2-shell .wpfp-ul li.vce-lay-d::before,.mmc2-shell .wpfp-ul li.vce-lay-d::after{display:none!important}
.mmc2-shell .wpfp-ul li .meta-image{grid-row:1/3;align-self:stretch;position:relative;float:none!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;background:var(--m2-surface) url("mamaclub-logo.png") center/56% auto no-repeat}
.mmc2-shell .wpfp-ul li .meta-image a{position:absolute;inset:0}
.mmc2-shell .wpfp-ul li .meta-image img{display:block;width:100%;height:100%!important;max-height:none!important;object-fit:cover}
.mmc2-shell .wpfp-ul li .meta-image img.is-missing{visibility:hidden}
.mmc2-shell .wpfp-ul li .entry-header{margin:0!important;padding:12px 12px 0 0!important;float:none!important;width:auto!important}
.mmc2-shell .wpfp-ul li .entry-title{margin:0!important;font-size:15px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mmc2-shell .wpfp-ul li .entry-title a{color:var(--m2-text)!important}
.mmc2-shell .wpfp-ul li a.wpfp-link{grid-column:2;justify-self:end;margin:0!important;float:none!important;position:static!important;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--m2-accent-ink)!important;font-size:13px}
/* 手機與平板（舊版在 761～1279 寬側欄會擠成窄條或內容掉到下面）：會員選單放上方一排可左右滑，內容在下 */
@media (max-width:1279px){
  body.mmc2-shell[class*="page-template-template-member"] #content.container{display:flex;flex-direction:column}
  body.mmc2-shell[class*="page-template-template-member"] #sidebar{order:-1;float:none!important;width:100%!important;max-width:840px;margin:0 auto 12px!important;position:static!important;transform:none!important}
  body.mmc2-shell[class*="page-template-template-member"] #sidebar .widget{margin:0!important}
  body.mmc2-shell[class*="page-template-template-member"] #sidebar .theiaStickySidebar{position:static!important;width:auto!important;transform:none!important;padding:0!important}
  body.mmc2-shell[class*="page-template-template-member"] #primary{float:none!important;width:100%!important;max-width:840px;margin:0 auto!important}
  /* 會員頁在手機貼齊螢幕邊緣，留跟其他頁一樣的左右邊距 */
  body.mmc2-shell[class*="page-template-template-member"] #content.container{padding:12px 16px 24px!important}
  /* 個人資料表單是表格排版，在手機比外框寬，右邊被切掉：改成一欄 */
  .mmc2-shell #profile_form :is(table,tbody,tr,td,fieldset){display:block;width:100%!important;min-width:0;overflow:visible;box-sizing:border-box}
  .mmc2-shell #profile_form #user_name_all{display:flex;gap:8px}
  .mmc2-shell #profile_form #user_name_all input{flex:1 1 0;width:auto!important;min-width:0;margin:0!important}
  /* 工作狀態、興趣等選項：舊樣式用螢幕寬度算每顆寬，加了邊距後最右邊那顆超出，改成一排三顆自動換行 */
  .mmc2-shell #primary #profile_form :is(#user_work_status_all,#user_hobby_all,#user_acquire_all,#u_a_writing_style){display:flex!important;flex-wrap:wrap;gap:8px;width:100%!important}
  .mmc2-shell #primary #profile_form :is(#user_work_status_all,#user_hobby_all,#user_acquire_all,#u_a_writing_style) label.ripplelink{width:calc((100% - 16px) / 3)!important;margin:0!important;box-sizing:border-box}
  .mmc2-shell #profile_form :is(input,select,textarea){max-width:100%!important;box-sizing:border-box}
}
/* 會員選單排成一排左右滑只在手機（≤760）；761～1279 已經是左右兩欄（見下方 min-width:761），選單照直排，不然 232px 的欄只看得到一項 */
@media (max-width:760px){
  .mmc2-shell .mmc_member_menu_area ul{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;gap:4px;padding:6px!important;scrollbar-width:none}
  .mmc2-shell .mmc_member_menu_area ul::-webkit-scrollbar{display:none}
  .mmc2-shell .mmc_member_menu_area li{flex:none!important;width:auto!important;float:none!important}
  .mmc2-shell .mmc_member_menu_area li a,.mmc2-shell .mmc_member_menu_area li.select{display:flex!important;align-items:center;gap:8px;flex-direction:row!important;white-space:nowrap;min-height:44px;padding:0 14px!important;border-radius:999px;font-size:14px}
  .mmc2-shell .mmc_member_menu_area li .fa{display:inline-block!important;margin:0!important;font-size:14px!important}
}

/* ───────── 登入、註冊彈窗外框（主站這一層；視窗裡面的表單在會員主機的 mmc2-login.css）───────── */
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .lightbox-overlay{background:rgba(40,37,32,.55)}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .lightbox-content{max-width:400px;width:calc(100% - 24px);border:0;border-radius:24px;background:var(--m2-bg);box-shadow:0 24px 60px rgba(40,37,32,.25)}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .popup-topbar2{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 8px 0 22px;background:var(--m2-bg);border-bottom:1px solid var(--m2-divider);border-radius:24px 24px 0 0}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .popup-login-logo{float:none;margin:0;width:74px;height:31px;background:url(mamaclub-logo.png) no-repeat 0 0/contain}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .btn-popup-close{float:none;margin:0;width:44px;height:44px;border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233A3630' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") no-repeat center/20px}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .btn-popup-close:hover{background-color:var(--m2-accent-100)}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .btn-popup-close:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:2px}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .lightbox-content-center{background:var(--m2-bg)}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout iframe{border:0;display:block}
/* 會員主機的新版表單欄位比較高（mmc2-login.css），舊外掛固定 391px 會把臉書、LINE 登入切掉：外框加高，視窗內可捲動（註冊表單較長） */
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .lightbox-content{height:min(560px,calc(100vh - 32px))!important;max-height:none!important;min-height:0!important}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout .lightbox-content-center{height:auto!important}
body:is(.mmc2,.mmc2-shell) #loginPopupLayout iframe{height:calc(min(560px,100vh - 32px) - 60px)!important}

/* 首頁依頻道分區（2026-10-24 Sam 改）：五個頻道入口、學知識最新文章、玩活動 */
.m2h-latest{margin-top:4px}
.m2h-pair--learn{margin-top:48px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.m2h-note{margin:-4px 0 12px;font-size:14px;line-height:1.7;color:var(--m2-muted)}
.m2h-events{list-style:none;margin:0;padding:0}
.m2h-events li{border-bottom:1px solid var(--m2-divider)}
.m2h-events a{display:flex;flex-direction:column;gap:4px;padding:14px 0}
.m2h-events b{font-size:15.5px;line-height:1.55;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2h-events a:hover b{color:var(--m2-accent-ink)}
.m2h-events small{font-size:12.5px;color:var(--m2-muted)}
@media (max-width:1080px){.m2h-pair--learn{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .m2h-doors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m2h-doors .m2h-door:last-child{grid-column:1/-1}
  .m2h-pair--learn{margin-top:36px}
}

/* ===== 2026-10-25 第二輪：文章頁「這篇重點＋目錄」「來談心的媽媽說」「雜誌式內文細節」（Sam 選） ===== */
.m2-brief{max-width:700px;margin:0 0 28px;padding:18px 22px;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:12px;display:grid;gap:10px}
.m2-brief__h{margin:0;font:700 13px/1.4 var(--m2-heading);letter-spacing:.12em;color:var(--m2-accent-ink)}
.m2-brief__t{margin:0;font-size:15.5px;line-height:1.9;color:var(--m2-text);text-wrap:pretty}
.m2-toc{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--m2-divider)}
.m2-toc ol{margin:0;padding:0;list-style:none;counter-reset:m2toc;display:grid;gap:2px}
.m2-toc li{counter-increment:m2toc}
.m2-toc a{display:flex;gap:10px;align-items:baseline;padding:6px 0;color:var(--m2-text);font-size:15px;line-height:1.6;text-decoration:none}
.m2-toc a::before{content:counter(m2toc);flex:none;min-width:1.4em;font:400 15px/1 var(--m2-en);color:var(--m2-accent)}
.m2-toc a:hover{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}
.m2-toc__l3 a{padding-left:1.6em;font-size:14px;color:var(--m2-muted)}
.m2-article [id^="m2-sec-"]{scroll-margin-top:120px}
.m2-article .m2-subhead{margin-top:1.8em;font-family:var(--m2-heading);font-size:19px;line-height:1.6;color:var(--m2-dark)}
/* 雜誌式：開頭第一段首字放大、引言放大、圖說置中 */
.m2-article:not(.m2p-body) > p:first-of-type::first-letter{float:left;margin:.12em .14em 0 0;font:900 3.1em/1 var(--m2-heading);color:var(--m2-accent)}
.m2-article blockquote{margin:1.8em 0;padding:4px 0 4px 22px;background:none;border-left:3px solid var(--m2-accent);border-radius:0;color:var(--m2-dark);font-family:var(--m2-heading);font-size:20px;line-height:1.7}
.m2-article blockquote p{margin:0}
.m2-article figcaption,.m2-article .wp-caption-text{text-align:center}
/* 來談心的媽媽說 */
.m2-voice{max-width:700px;margin:22px 0 0;padding:22px 24px;background:var(--m2-accent-100);border-radius:12px;display:grid;gap:10px}
.m2-voice__h{font:700 13px/1.4 var(--m2-heading);letter-spacing:.12em;color:var(--m2-accent-ink)}
.m2-voice__q{margin:0;font:700 19px/1.75 var(--m2-heading);color:var(--m2-dark);text-wrap:pretty}
.m2-voice__q p{margin:0}
.m2-voice__q p::before{content:"「";color:var(--m2-accent)}
.m2-voice__q p::after{content:"」";color:var(--m2-accent)}
.m2-voice__src{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14px;color:var(--m2-accent-ink);text-decoration:none}
.m2-voice__src span{color:var(--m2-muted);font-size:13px}
/* 一句話卡只連到一則討論：整張可點（連結延伸到整張卡），滑過整張微微變深，不加底線 */
.m2-voice{position:relative}
.m2-voice__src::after{content:"";position:absolute;inset:0;border-radius:inherit}
.m2-voice:hover{filter:brightness(.97)}
.m2-voice:has(.m2-voice__src:focus-visible){outline:2px solid var(--m2-accent-ink);outline-offset:3px}
.m2-voice__src:focus-visible{outline:0}
@media (max-width:760px){
  .m2-brief{padding:16px 16px;margin-bottom:22px}
  .m2-voice{padding:18px 16px}
  .m2-voice__q{font-size:17px}
  .m2-article blockquote{font-size:18px;padding-left:16px}
}
/* ===== 2026-10-25 第二輪：首頁時刻問候、累積數字、媽媽們的一句話（Sam 選） ===== */
.m2h-hero{position:relative}
.m2h-greet{position:absolute;top:22px;left:0;right:0;z-index:3;margin:0 auto;display:flex;align-items:center;gap:8px;font:700 14px/1.5 var(--m2-heading);letter-spacing:.06em;color:var(--m2-muted);pointer-events:none}
.m2h-greet__icon{flex:none;width:16px;height:16px;fill:currentColor;display:none}
.m2h-greet.is-night .m2h-greet__icon{display:block}
.m2h-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;margin:8px auto 0;padding-block:22px;border-top:1px solid var(--m2-divider);border-bottom:1px solid var(--m2-divider);color:var(--m2-muted);font-size:14px}
.m2h-stats span{display:flex;align-items:baseline;gap:8px}
.m2h-stats b{font:300 32px/1 var(--m2-en);color:var(--m2-accent-ink);font-variant-numeric:tabular-nums}
.m2h-voice{max-width:none;margin:4px 0 18px}
.m2h-voice [data-q-s]{color:var(--m2-accent-ink);font-size:14px}
@media (max-width:760px){
  .m2h-greet{top:14px;font-size:12.5px}
  .m2h-stats{justify-content:flex-start;gap:8px 22px;padding-block:16px}
  .m2h-stats b{font-size:24px}
}
/* ===== 2026-10-25 第二輪：列表頁直排刊頭、這個主題媽媽們在聊、引言卡（Sam 選） ===== */
@media (min-width:761px){
  .m2l-head--vert .m2-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:40px;align-items:start}
  .m2l-head--vert .m2-wrap > *{grid-column:2}
  .m2l-head--vert .m2l-title{grid-column:1;grid-row:1 / span 8;writing-mode:vertical-rl;text-orientation:upright;font-size:46px;line-height:1.15;letter-spacing:.12em;color:var(--m2-accent-ink);padding-left:36px;border-right:1px solid var(--m2-accent-200);align-self:stretch}
  .m2l-head--vert .m2-kicker{margin-top:6px}
}
.m2l-talk{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;gap:14px 28px;align-items:center;padding:22px 26px;background:var(--m2-accent-100);border-radius:12px}
.m2l-talk__h{margin:0;font:900 19px/1.5 var(--m2-heading);color:var(--m2-dark);text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
.m2l-talk__list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.m2l-talk__list li{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline}
.m2l-talk__list a{font-size:15px;line-height:1.6;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2l-talk__list a:hover{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}
.m2l-talk__list span{font-size:12.5px;color:var(--m2-muted)}
.m2l-talk__more{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:22px;background:var(--m2-raised);border:1px solid var(--m2-border);font-size:14px;font-weight:700;color:var(--m2-text)}
.m2l-talk__more:hover{border-color:var(--m2-accent)}
/* 沒封面的文章改引言卡：標題放大加引號 */
.m2l-card.is-text{background:var(--m2-raised);border-color:var(--m2-divider)}
.m2l-card.is-text .m2l-card__body{padding:22px 22px 18px;gap:10px}
.m2l-card.is-text .m2l-card__title{font-size:20px;line-height:1.6}
.m2l-card.is-text .m2l-card__title::before{content:"「";color:var(--m2-accent)}
.m2l-card.is-text .m2l-card__title::after{content:"」";color:var(--m2-accent)}
.m2l-card.is-text .m2l-card__cat{order:3;font-size:12px}
@media (max-width:1080px){.m2l-talk{grid-template-columns:minmax(0,1fr);gap:10px}.m2l-talk__more{justify-self:start}}
@media (max-width:760px){.m2l-talk{padding:18px 16px}.m2l-card.is-text .m2l-card__title{font-size:18px}}
/* ===== 2026-10-25 第二輪：放心玩台灣地圖、人數快篩（Sam 選） ===== */
.m2t-head .m2-wrap{display:grid;grid-template-columns:minmax(0,1fr) 176px;column-gap:48px;align-items:start}
.m2t-head .m2-wrap > *{grid-column:1}
.m2t-head .m2-wrap > .m2t-map{grid-column:2;grid-row:1 / span 6;width:176px;height:auto;overflow:visible}
.m2t-map path{fill:var(--m2-accent);fill-opacity:var(--m2t-a,.3);transition:fill-opacity .15s}
.m2t-map .m2t-map__off{fill:var(--m2-muted);fill-opacity:.18}
.m2t-map .m2t-map__border{fill:none;stroke:var(--m2-bg);stroke-width:.9;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.m2t-map .m2t-map__hit{fill:transparent}
.m2t-map a:hover path,.m2t-map a:focus-visible path{fill-opacity:.95}
.m2t-map a[aria-current] path{fill:var(--m2-accent-ink);fill-opacity:1}
.m2t-map a:focus-visible{outline:none}
.m2t-map a:focus-visible path{stroke:var(--m2-dark);stroke-width:1.2;stroke-linejoin:round}
.m2t-map text{font:600 10px/1 var(--m2-en);fill:var(--m2-dark);text-anchor:middle;pointer-events:none}
.m2t-map text{paint-order:stroke;stroke:rgba(251,247,241,.8);stroke-width:2.5px}
.m2t-map text.is-on{fill:#fff;stroke:none}
.m2t-ppl{margin-top:12px;align-items:center}
.m2t-ppl__h{flex:none;white-space:nowrap;font-size:13px;color:var(--m2-muted);margin-right:4px}
@media (max-width:760px){
  .m2t-head .m2-wrap{grid-template-columns:minmax(0,1fr) 92px;column-gap:16px}
  .m2t-head .m2-wrap > .m2t-map{width:92px;grid-row:1 / span 4}
  .m2t-head .m2-wrap > .m2l-chips{grid-column:1 / -1}
  .m2t-map text{font-size:12px}
}
/* ===== 2026-10-25 第二輪：玩活動年表、LINE 通知（Sam 選；試用心得因留言多是抽獎報名與業配，不放） ===== */
.m2e-now__line{margin-top:10px!important;padding-top:14px;border-top:1px dashed var(--m2-divider);align-self:stretch;font-size:14px!important}
.m2e-line{display:inline-block;margin-top:6px;border-radius:6px;line-height:0}
.m2e-line img{display:block;width:auto;height:40px}
.m2e-line:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:3px}
.m2e-years{margin-top:56px}
.m2e-years__bars{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;height:168px;border-bottom:1px solid var(--m2-divider)}
.m2e-years__bars li{min-width:0;height:100%}
.m2e-years__bars a{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:6px;color:var(--m2-muted);text-decoration:none;border-radius:6px}
.m2e-years__n{font:600 13px/1 var(--m2-en);color:var(--m2-text)}
.m2e-years__bar{width:min(100%,40px);height:calc(var(--h) * .68);min-height:3px;background:var(--m2-accent);opacity:.45;border-radius:4px 4px 0 0;transition:opacity .15s}
.m2e-years__y{font:500 13px/1 var(--m2-en)}
.m2e-years__bars a:hover .m2e-years__bar{opacity:.8}
.m2e-years__bars a[aria-current] .m2e-years__bar{background:var(--m2-accent-ink);opacity:1}
.m2e-years__bars a[aria-current] .m2e-years__y{color:var(--m2-accent-ink);font-weight:700}
.m2e-years__bars a:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:2px}
@media (max-width:760px){
  .m2e-years{margin-top:40px}
  .m2e-years__bars{gap:4px;height:140px}
  .m2e-years__c{display:none}
  .m2e-years__n,.m2e-years__y{font-size:12px}
}
/* ===== 2026-10-25 第二輪：說明頁（關於我們單元入口、條款目錄；Sam 選） ===== */
.m2p-body .m2p-toc{margin:0 0 32px}
.m2p-body .m2p-toc ol{display:block;margin:0;padding:0;columns:2;column-gap:24px}
.m2p-body .m2p-toc li{break-inside:avoid}
.m2p-toc a::before{content:none}
@media (max-width:560px){.m2p-body .m2p-toc ol{columns:1}}
.m2p-body .m2p-toc li{margin:0}
.m2p-units{margin:1.8em 0 0}
.m2p-units ul{list-style:none;margin:14px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.m2p-units li{margin:0!important;padding:0!important}
.m2p-units li::before{content:none!important}
.m2p-units a{height:100%;box-sizing:border-box;display:grid;gap:4px;padding:16px 18px;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:12px;color:var(--m2-text);text-decoration:none;line-height:1.7;transition:border-color .15s}
.m2p-units a:hover{border-color:var(--m2-accent)}
.m2p-units b{font:700 18px/1.4 var(--m2-heading);color:var(--m2-dark)}
.m2p-units span{font-size:14.5px;color:var(--m2-muted)}
.m2p-units small{font:600 14px/1.4 var(--m2-en);color:var(--m2-accent-ink)}
@media (max-width:560px){.m2p-units ul{grid-template-columns:minmax(0,1fr)}}
/* ===== 2026-10-25 第二輪：駐站作家代表作、主題分組（Sam 選） ===== */
.m2w-tabs{margin-top:28px;margin-bottom:20px} /* 只設上下：左右用 .m2l-chips 的設定，手機才會延伸到螢幕邊、看得出可以往右滑 */
.m2w-item{display:flex;flex-direction:column;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;transition:border-color .2s}
.m2w-item:hover{border-color:var(--m2-accent)}
.m2w-item .m2w-card{height:auto;flex:1;background:none;border:0;border-radius:10px 10px 0 0;color:inherit;text-decoration:none}
.m2w-best{margin:0 16px;padding:10px 0 14px;border-top:1px dashed var(--m2-divider);display:grid;gap:2px;font-size:14px;line-height:1.65}
.m2w-best span{font:700 12px/1.4 var(--m2-heading);letter-spacing:.1em;color:var(--m2-accent-ink)}
.m2w-best a{color:var(--m2-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m2w-best a:hover{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}
/* ===== 2026-10-25 第二輪：舊頁外框 A（Sam 選：舊內容全面套新樣式，文字不動） =====
 * 只動舊頁的內文區（#primary .entry-content）。舊編輯器留下的行內顏色（#ff0000、#ff00ff、#800000…）、新細明體字型
 * 統一成設計系統：標題深色圓體、內文強調色改桃紅深色；表格、按鈕、圖片、分隔線換成新版樣式。整頁是圖片的舊專題版型不動。 */
body.mmc2-shell #primary .entry-content{max-width:760px;margin-inline:auto}
body.mmc2-shell #primary .entry-content :is([style*="font-family"],font[face]){font-family:inherit!important}
body.mmc2-shell #primary .entry-content :is(h1,h2,h3,h4,h5,h6){margin:1.6em 0 .6em;font-family:var(--m2-heading);font-weight:700;line-height:1.45;color:var(--m2-dark);text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
body.mmc2-shell #primary .entry-content h2{font-size:24px}
body.mmc2-shell #primary .entry-content h3{font-size:20px}
body.mmc2-shell #primary .entry-content h4{font-size:17px}
body.mmc2-shell #primary .entry-content :is(p,li,td,span,strong,b,em) :is([style*="color"],font[color]),body.mmc2-shell #primary .entry-content :is(p,li,td)[style*="color"]{color:var(--m2-accent-ink)!important}
body.mmc2-shell #primary .entry-content :is(h1,h2,h3,h4,h5,h6) :is([style*="color"],font[color]){color:inherit!important}
body.mmc2-shell #primary .entry-content [style*="background-color"]:not(td):not(th):not(table){background-color:var(--m2-accent-100)!important}
body.mmc2-shell #primary .entry-content p{margin:0 0 1em}
body.mmc2-shell #primary .entry-content a:not([class]){color:var(--m2-accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.mmc2-shell #primary .entry-content a:not([class]):hover{color:var(--m2-accent);text-decoration-thickness:2px}
body.mmc2-shell #primary .entry-content hr{height:0;margin:2em 0;border:0;border-top:1px solid var(--m2-divider);background:none}
body.mmc2-shell #primary .entry-content :is(p>img,figure img,.wp-caption img,h2>img,a>img){height:auto;max-width:100%;border-radius:8px}
body.mmc2-shell #primary .entry-content .wp-caption{max-width:100%}
body.mmc2-shell #primary .entry-content .wp-caption-text,body.mmc2-shell #primary .entry-content figcaption{font-size:13px;color:var(--m2-muted);text-align:center}
body.mmc2-shell #primary .entry-content blockquote{margin:1.4em 0;padding:16px 20px;border:0;border-left:3px solid var(--m2-accent);background:var(--m2-accent-100);border-radius:0 10px 10px 0;color:var(--m2-text);font-style:normal}
body.mmc2-shell #primary .entry-content table{width:100%!important;border-collapse:collapse;margin:1.4em 0;font-size:15px;line-height:1.7;background:var(--m2-raised);border:1px solid var(--m2-divider)!important}
body.mmc2-shell #primary .entry-content :is(th,td){padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--m2-divider)!important;vertical-align:top;text-align:left;background:none!important}
body.mmc2-shell #primary .entry-content th,body.mmc2-shell #primary .entry-content tr:first-child td:has(strong:only-child){background:var(--m2-surface)!important;font-weight:700;color:var(--m2-dark)}
body.mmc2-shell #primary .entry-content :is(ul,ol){padding-left:1.4em}
body.mmc2-shell #primary .entry-content li{margin:.3em 0}
@media (max-width:760px){
  body.mmc2-shell #primary .entry-content h2{font-size:21px}
  body.mmc2-shell #primary .entry-content h3{font-size:18px}
  body.mmc2-shell #primary .entry-content table{display:block;overflow-x:auto}
}
/* 舊專題目錄（/theme/ 這類 .square 圖片卡）：換成新版卡片；圖遺失時顯示替代文字（mmc2.js） */
body.mmc2-shell #primary .entry-content .title{font:700 26px/1.45 var(--m2-heading);color:var(--m2-dark)!important;text-align:center}
body.mmc2-shell #primary .entry-content .title b{display:block;margin-top:4px;font:400 15px/1.7 var(--m2-body);color:var(--m2-muted)}
body.mmc2-shell #primary .entry-content .square{background:var(--m2-raised)!important;border:1px solid var(--m2-divider)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;transition:border-color .15s}
body.mmc2-shell #primary .entry-content .square:hover{border-color:var(--m2-accent)!important}
body.mmc2-shell #primary .entry-content .square a{color:var(--m2-text)!important;text-decoration:none!important;font-weight:700}
body.mmc2-shell #primary .entry-content .square a:hover{color:var(--m2-accent-ink)!important}
.m2-img-alt{display:block;padding:14px 16px;font-weight:700;line-height:1.6;color:var(--m2-text);text-align:center;text-wrap:balance}
body.mmc2-shell #primary .entry-content a:has(.square){color:var(--m2-text)!important;text-decoration:none!important;font-weight:700}
body.mmc2-shell #primary .entry-content a:has(.square):hover{color:var(--m2-accent-ink)!important}
/* ===== 2026-10-25 第二輪：舊頁外框 B（Sam 選：會員中心、聯絡我們重排版面；欄位與送出流程不改） ===== */
.m2-shell-head--member .m2l-head{padding-bottom:28px}
@media (min-width:761px){
  /* 會員中心：選單在左、內容在右的兩欄；表單放在白底卡片裡，欄位一律上標籤下輸入，寬度一致 */
  body.mmc2-shell[class*="page-template-template-member"] #content.container{display:grid!important;grid-template-columns:232px minmax(0,1fr);gap:32px;align-items:start;width:auto!important;max-width:1120px!important;margin:0 auto!important;padding:32px var(--m2-gutter) 64px!important;background:none!important}
  body.mmc2-shell[class*="page-template-template-member"] #content.container::before,body.mmc2-shell[class*="page-template-template-member"] #content.container::after{content:none!important}
  body.mmc2-shell[class*="page-template-template-member"] #sidebar{grid-column:1;grid-row:1;float:none!important;width:auto!important;margin:0!important;padding:0!important;position:sticky!important;top:120px}
  body.mmc2-shell[class*="page-template-template-member"] #sidebar :is(.theiaStickySidebar,.widget){position:static!important;width:auto!important;transform:none!important;padding:0!important;margin:0!important}
  body.mmc2-shell[class*="page-template-template-member"] #primary{grid-column:2;grid-row:1;float:none!important;width:auto!important;max-width:760px;margin:0!important;padding:0!important}
  body.mmc2-shell[class*="page-template-template-member"] #primary .main-box{padding:28px 32px!important}
  .mmc2-shell #profile_form :is(table,tbody,tr,td){display:block;width:100%!important;border:0!important;background:none!important}
  .mmc2-shell #profile_form td{padding:0 0 18px!important}
  .mmc2-shell #profile_form fieldset{margin:0!important;padding:0!important;border:0!important;min-width:0}
  .mmc2-shell #profile_form :is(input[type=text],input[type=email],input[type=tel],input[type=date],select,textarea){width:100%!important;max-width:460px;box-sizing:border-box}
  .mmc2-shell #profile_form #user_name_all{display:flex;gap:8px;max-width:460px}
  .mmc2-shell #profile_form #user_name_all input{flex:1 1 0;width:auto!important;min-width:0;margin:0!important}
  .mmc2-shell #profile_form :is(#pre-period select,.user_child select){width:auto!important;min-width:96px}
  .mmc2-shell #profile_form #user_avatar_all{display:flex;align-items:center;gap:16px;text-align:left}
  .mmc2-shell #profile_form .form_submit{min-width:200px}
  /* 聯絡我們：左邊公司聯絡資料、右邊表單；姓名與電話、信箱與主題各一列兩欄 */
  body.page-template-template-contact #primary{max-width:1000px!important}
  body.page-template-template-contact #primary .main-box{padding:32px!important}
  body.page-template-template-contact #primary .titlecontainer{display:grid!important;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;padding:0!important;width:auto!important}
  body.page-template-template-contact #primary .titlecontainer::before,body.page-template-template-contact #primary .titlecontainer::after{content:none!important}
  body.page-template-template-contact #primary .titlecontainer > div:first-child{position:sticky;top:120px;margin:0!important}
  body.page-template-template-contact #primary .titlecontainer > .clear{display:none}
  body.page-template-template-contact #mmcContactForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
  body.page-template-template-contact #mmcContactForm .field{margin:0!important;min-width:0}
  body.page-template-template-contact #mmcContactForm .field:nth-child(n+5){grid-column:1 / -1}
}
body.page-template-template-contact #mmcContactForm .field .name{margin-bottom:6px;font-size:14.5px;font-weight:700;color:var(--m2-dark)}
body.page-template-template-contact #mmcContactForm .field .name.-require::after{content:"必填";margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--m2-accent-100);font-size:12px;font-weight:400;color:var(--m2-accent-ink);vertical-align:1px}
body.page-template-template-contact #mmcContactForm .note{margin-top:6px;font-size:13px;color:var(--m2-muted)}
body.page-template-template-contact #mmcContactForm input[type=file]{font-size:14px;color:var(--m2-muted)}
body.page-template-template-contact #mmcContactForm input[type=file]::file-selector-button{min-height:40px;margin-right:12px;padding:0 16px;border:1px solid var(--m2-border);border-radius:3px;background:var(--m2-raised);font:700 14px var(--m2-body);color:var(--m2-text);cursor:pointer}
body.page-template-template-contact #mmcContactForm .-buttons{text-align:left!important}
body.page-template-template-contact #mmcContactForm .-buttons input{min-width:200px;min-height:48px}
body.page-template-template-contact #primary .titlecontainer > div:first-child{margin:0 0 24px;padding:20px 22px!important;border:0!important;background:var(--m2-accent-100);border-radius:12px;text-align:left!important;font-size:15px;line-height:1.9;color:var(--m2-text)!important;overflow-wrap:anywhere}
body.page-template-template-contact #primary .titlecontainer > div:first-child strong{display:block;margin-bottom:6px;font:700 17px/1.5 var(--m2-heading);color:var(--m2-dark)}

/* 購安心好物：過去 30 分鐘 3 人以上看過時的小標籤 */
.m2-product__hot{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--m2-accent-100);color:var(--m2-accent-ink);font-size:12px;font-weight:700;white-space:nowrap}
/* ───────── 首頁 A 精簡雜誌（2026-10-25 Sam 選；手機為主，電腦跟著調）───────── */
.m2h-chips{display:none}
.m2h-read{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-auto-rows:auto;column-gap:36px}
.m2h-read>a{color:var(--m2-text)}
.m2h-lead{grid-row:span 5;display:flex;flex-direction:column;gap:12px;align-self:start}
.m2h-lead img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:var(--m2-surface)}
.m2h-read__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.m2h-read__cat{font-size:12.5px;font-weight:700;color:var(--m2-accent-ink)}
.m2h-read__title{color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2h-lead .m2h-read__title{font-family:var(--m2-heading);font-size:25px;line-height:1.5;text-wrap:balance}
.m2h-read__ex{font-size:14.5px;line-height:1.8;color:var(--m2-muted)}
.m2h-row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--m2-divider)}
.m2h-lead+.m2h-row{padding-top:0}
.m2h-row img{flex:none;width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--m2-surface)}
.m2h-row .m2h-read__title{font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.m2h-read>a:hover .m2h-read__title{color:var(--m2-accent-ink)}
/* 來談心最多人回應的一句話：深色卡片，在米色版面中間做個停頓 */
.m2h-hot{margin:36px 0 0;padding:28px 32px;border-radius:16px;background:var(--m2-dark);color:var(--m2-bg)}
.m2h-hot__h{font-size:13px;letter-spacing:.12em;color:var(--m2-gold)}
.m2h-hot__q{margin:12px 0 18px;padding:0;border:0;background:none}
.m2h-hot__q p{margin:0;font-family:var(--m2-heading);font-weight:700;font-size:25px;line-height:1.65;color:var(--m2-bg);word-break:keep-all;overflow-wrap:anywhere}
/* 「」寫在字裡，最後一個字和「」」包在一起不分行（不然「」」會單獨落到下一行開頭） */
.m2-nowrap{white-space:nowrap}
.m2h-hot__src{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.6;color:var(--m2-gold)!important}
.m2h-hot__n{flex:none;padding:9px 18px;border-radius:999px;background:var(--m2-bg);color:var(--m2-dark);font-weight:700}
.m2h-hot{position:relative;transition:background-color .2s}
.m2h-hot__src::after{content:"";position:absolute;inset:0;border-radius:16px}
.m2h-hot:hover{background:#353029}
.m2h-hot:hover .m2h-hot__n{background:var(--m2-accent-100)}
.m2h-hot:has(.m2h-hot__src:focus-visible){outline:3px solid var(--m2-gold);outline-offset:3px}
.m2h-hot__src:focus-visible{outline:0}
.m2h-top__toggle{display:none}
/* 數字放在「媽媽們在聊」標題下，小一號 */
.m2h-pair .m2h-stats{justify-content:flex-start;gap:6px 24px;margin:0 0 14px;padding:0;border:0}
.m2h-pair .m2h-stats b{font-size:24px}
@media (max-width:760px){
  .m2h-chips{display:flex;gap:8px;padding:12px var(--m2-gutter);overflow-x:auto;scrollbar-width:none}
  .m2h-chips::-webkit-scrollbar{display:none}
  .m2h-chips a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--m2-surface);color:var(--m2-text);font-size:14.5px}
  .m2h-chips__dot{width:7px;height:7px;border-radius:50%;background:var(--m2-accent)}
  .m2h-slide__title{font-size:19px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden} /* 最多三行：所有橫幅等高，太長的標題會讓每張都留一大段白 */
  .m2h-slide__cta{min-height:38px;padding:0 16px;font-size:14px}
  .m2h-greet{top:10px}
  .m2h-sec{margin-top:32px}
  .m2h-read{grid-template-columns:minmax(0,1fr)}
  .m2h-lead{grid-row:auto;padding-bottom:14px;border-bottom:1px solid var(--m2-divider)}
  .m2h-lead .m2h-read__title{font-size:19px}
  .m2h-lead .m2h-read__ex{display:none}
  .m2h-lead+.m2h-row{padding-top:14px}
  .m2h-row{padding:14px 0}
  .m2h-row img{width:96px}
  .m2h-row:nth-child(n+5){display:none}
  .m2h-hot{margin-top:28px;padding:22px 20px}
  .m2h-hot__q p{font-size:20px}
  /* 大家最常看：手機先看前 5 名 */
  .m2h-top:not(.is-open) .m2h-top__more{display:none}
  .m2h-top__toggle:not([hidden]){display:block;width:100%;min-height:44px;margin-top:12px;border:2px solid var(--m2-divider);border-radius:999px;background:none;font:700 14px var(--m2-body);color:var(--m2-accent-ink);cursor:pointer}
  /* 依孩子年齡：一排可左右滑的按鈕 */
  .m2h-ages{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--m2-gutter) * -1);padding:0 var(--m2-gutter) 4px;scrollbar-width:none}
  .m2h-ages::-webkit-scrollbar{display:none}
  .m2h-ages a{flex:none;flex-direction:row;gap:6px;height:auto;min-height:44px;padding:0 16px;border-radius:999px}
  .m2h-ages b{font-size:16px}
  .m2h-pair .m2h-stats b{font-size:20px}
}
}

/* 舊樣式裡的 !important 在 legacy 層也會贏過新版（重要宣告是越早的層越優先），
   只有排在 legacy 前面的 mmc2-force 層蓋得過。這裡只放被舊 !important 蓋掉、一定要改回來的。 */
@layer mmc2-force{
/* 會員中心 mmc_profile/css/base.css、profile_base.css：所有欄位 3px 圓角＋灰框 */
body.mmc2-shell textarea{border-radius:var(--radius-box)!important}
body.mmc2-shell :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=file],[type=hidden]),select){border-radius:var(--radius-field)!important}
body.mmc2-shell :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=file],[type=hidden]),select,textarea){border-color:color-mix(in oklab,var(--color-base-content) 20%,#0000)!important}
body.mmc2-shell :is(input[type=submit],input[type=button]){border-radius:var(--radius-field)!important}
body.mmc2-shell input[type=checkbox]{border-radius:var(--radius-selector)!important}
body.mmc2-shell input[type=radio]{border-radius:50%!important}
body.mmc2-shell input[type=file]{border-radius:var(--radius-field)!important}
/* 發表文章 mmc_profile/css/author_post.css：編輯器外框 */
body.mmc2-shell #__content .mce-tinymce{border:var(--border) solid var(--color-base-300)!important}
/* 對比（2026-10-25）：試用活動統計數字的紅字 #F7455B（米底 3.1:1）、我的收藏灰字 #9B9B9B（2.8:1）、舊專題內文 #777（白底 4.48:1） */
body.mmc2-shell red{color:var(--color-error)!important}
body.mmc2-shell .wpfp-ul .meta-item :is(a,span,div){color:var(--m2-muted)!important}
body.mmc2-shell #main-wrapper :is(.wrapper,.content){color:var(--m2-muted)!important}
/* 舊專題的投票：按鈕寫死行內舊粉紅 #DC4776（白字 4.0:1） */
body.mmc2-shell .wp-polls input.Buttons{background:var(--m2-accent)!important;color:#fff!important;border:0!important;border-radius:var(--radius-field)!important}
/* 駐站作家申請說明：三個優勢與三個浮動說明原本要捲到才淡入（透明＋縮小），沒觸發時整塊空白；直接顯示 */
body.mmc2-shell :is(._section_box_inner,._float_info_1,._float_info_2,._float_info_3){opacity:1!important;transform:none!important}
/* 我的收藏：舊佈景行內樣式 .entry-title 的行高、上邊距 */
.mmc2-shell .wpfp-ul li .entry-title{margin:0!important;line-height:1.5!important}
}
/* 會員中心、作家後台：舊佈景外框在手機沒有左右留白（舊樣式強制 padding:0），選單和白色內容框貼到螢幕邊、圓角被切掉（10-25 補審 iPhone 發現），補回跟其他頁一樣的邊距 */
@layer mmc2-force{@media (max-width:760px){body.mmc2-shell #content.container:has(.mmc_member_menu_area){padding-left:var(--m2-gutter)!important;padding-right:var(--m2-gutter)!important;box-sizing:border-box!important}}}
/* 舊特企頁（2023 兔年、2021 防疫、孕期神隊友）自己固定在最上面的頁首蓋住新版頁首：改成跟著內容排在新版頁首下面，裡面的分區選單照樣能用；
   舊的浮動按鈕在手機壓在底部列上：移到底部列上方（10-25 補審 iPhone 發現） */
@layer mmc2-force{
  body.mmc2-shell :is(#fixedTopMenu,.b-header,.s-header){position:relative!important;top:auto!important;left:auto!important;right:auto!important}
  body.mmc2-shell :is(.m2-header,.m2-tabbar) button{margin:0!important} /* 孕期神隊友等舊頁的樣式強制給按鈕加外距，選單鈕被擠歪 */
  @media (max-width:760px){body.mmc2-shell :is(#floatingButtom,.floatBtn>a){bottom:calc(64px + env(safe-area-inset-bottom,0px) + 8px)!important}}
}