/* 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}
/* 頁面底色一律米白（2026-11-03：原本整頁底色是頁尾的深色，電腦右側捲軸區露出一條黑邊）。
   內容比畫面短時（例如搜尋沒結果）改用 flex 把頁尾推到畫面底；置中的 .m2-wrap 在 flex 裡會縮成內容寬，補回 100% */
html:has(>body:is(.mmc2,.mmc2-shell)){background:var(--m2-bg)}
body.mmc2{box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.mmc2>.m2-wrap{width:100%}
body.mmc2>.m2-footer{margin-top:auto}
.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-shell）一樣：鍵盤移到的地方一律 2px 桃紅框（舊佈景 a:focus{outline:0} 已刪） */
:is(.mmc2,.mmc2-shell) :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}
/* 字型（2026-11-01 設計試審 H15；11-06 改）：舊佈景 additional_css.css 的 *{font-family} 現在是 Noto Sans TC，只有專題頁（頁面）維持 Helvetica（legacy 層）。
   專題頁與新版的頁面類型頁上，新版頁首頁尾的每個元素還是會被它蓋成 Helvetica／Arial。一律跟著外層（Noto Sans TC）；
   :where() 讓這條的權重是 0，各元件自己指定的字（標題圓體、英文 Outfit）照樣有效 */
:where(body.mmc2,.m2-shell-top,.m2-shell-bottom,.mmc2-shell .m2-header,.mmc2-shell .m2-footer,.mmc2-shell .m2-tabbar) *{font-family:inherit}
/* 來談心的舊樣式有一條 * { letter-spacing: 0.4px }（mmc_style.css，legacy 層），外框裡每個元素都被它蓋過、每格寬 1px（2026-11-11 驗收）：一律跟著外層；:where() 權重 0，.m2-en、.m2-recruit 自己的字距照舊 */
:where(.m2-shell-top,.m2-shell-bottom) *{letter-spacing: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-accent);color:#fff!important;padding:10px 16px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.m2-skip:focus{top:8px}

/* 按鈕：顏色、滑過、按下、鍵盤選到、最小高度全在 mmc2-ui.css 的「按鈕色系」（四級）統一，這裡只留排版 */
.m2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:3px;font-weight:700;letter-spacing:.04em;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.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{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:40px;width:auto;display:block} /* 品牌手冊「標準」版（2026-11-06 Sam 選 B）：電腦 40px、手機 32px，頁首高度不變，上下留 12px */
.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}
/* 手機搜尋列（2026-10-31）：頁首放大鏡打開，樣式同搜尋頁的搜尋框；電腦版不用（頁首右邊已有搜尋框） */
.m2-msearch{display:none}
@media (max-width:760px){
  .m2-msearch:not([hidden]){display:flex;gap:8px;padding:0 var(--m2-gutter) 12px}
  .m2-msearch input{flex:1;min-width:0;height:44px;border:1px solid var(--m2-border);border-radius:22px;padding:0 16px;background:var(--m2-raised);font-size:16px;color:var(--m2-text)}
  .m2-msearch input:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:1px}
  .m2-msearch .m2-btn{min-height:44px;border-radius:22px;padding:0 18px;flex:none}
}
.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}

/* 文章頁封面（2026-11-01 Sam 選設計試審版本 2）：圖和標題分開放，都在和紙底上。電腦版左文右圖，手機標題在上、圖在下。
   圖放在 16:9 框裡完整呈現，比例不同時空白處墊同一張圖的模糊版；不壓暗、不當標題背景 */
.m2-cover{background:var(--m2-bg);color:var(--m2-text);padding:28px 0 36px}
.m2-cover__in{display:grid;gap:24px}
.m2-cover__text{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.m2-cover__media{position:relative;display:block;margin:0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--m2-surface)}
.m2-cover__bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);max-width:none;object-fit:cover;filter:blur(24px) saturate(1.1);opacity:.85}
.m2-cover__img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
@media (min-width:1081px){
  .m2-cover:not(.m2-cover--plain) .m2-cover__in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:48px}
  .m2-cover:not(.m2-cover--plain) .m2-title{font-size:34px}
}
.m2-crumb{font-size:12.5px;display:flex;gap:8px;color:var(--m2-muted)}
.m2-crumb a:hover{color:var(--m2-accent-ink)}
.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)}
/* 封面的英文小標（DESIGN.md kicker）：桃紅短線、Outfit 暖灰，後面接中文角色名；手機也顯示 */
.m2-cover .m2-kicker{color:var(--m2-muted);letter-spacing:.12em}
.m2-cover .m2-kicker__line{border-color:var(--m2-accent);width:26px}
.m2-cover .m2-kicker .m2-en{font-size:12px;color:var(--m2-muted)}
.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;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.m2-meta{margin:0;font-size:13px;color:var(--m2-muted)}
.m2-meta span{margin:0 2px}
/* 作者、日期那一行＋「編輯這篇」（只有有權限的登入者看得到）；下面一行是分享（2026-10-31） */
.m2-cover__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}
.m2-edit,.m2-share__btn{--d-size:32px!important;--d-btn-p:12px!important;--d-fontsize:13px!important;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:13px;line-height:1;cursor:pointer;text-decoration:none}
/* 外觀 32px、點擊範圍 44px（DESIGN.md：觸控至少 44px）：透明偽元素上下各外擴 6px */
.m2-edit::after,.m2-share__btn::after{content:"";position:absolute;inset:-6px 0}
.m2-edit{margin-left:auto;font-weight:700}
.m2-share{display:flex;flex-wrap:wrap;gap:12px 8px;margin-top:2px}
.m2-share__btn[hidden]{display:none}
.m2-share__btn.is-done{background:var(--m2-accent)!important;border-color:var(--m2-accent)!important;color:#fff!important}
.m2-share__btn svg,.m2-edit svg{flex:none;width:16px;height:16px}
/* 社群鈕用各家官方色（臉書官方藍，白字約 4.2:1，Sam 指定用官方色） */
/* mmc2.css 在 @layer 裡，會輸給沒分層的 ui 鈕樣式（次要鈕各狀態），所以各狀態都用 !important */
.m2-share__btn--fb,.m2-share__btn--fb:focus-visible,.m2-share__btn--fb:active{background-color:#1877F2!important;border-color:#1877F2!important;color:#fff!important}
.m2-share__btn--line,.m2-share__btn--line:focus-visible,.m2-share__btn--line:active{background-color:#06C755!important;border-color:#06C755!important;color:#fff!important}
.m2-share__btn--line:hover{background-color:#05A647!important;border-color:#05A647!important;color:#fff!important}
.m2-share__btn--fb:hover{background-color:#1468D6!important;border-color:#1468D6!important;color:#fff!important}
@media (max-width:760px){
  .m2-cover{padding:16px 0 24px}
  .m2-cover__in{gap:16px}
  .m2-cover__meta{gap:8px}
  .m2-share{width:100%;margin-top:4px}
}

/* 讀・買・聊 分頁 */
.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;overflow-wrap:normal;word-break:normal}
.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-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.is-text{padding:16px;border:1px solid var(--m2-divider);border-radius:10px;background:var(--m2-raised)}
.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}

/* 影片連結欄位的影片（single.php，2026-11-04）：16:9 放在內文開頭 */
.m2-video{max-width:700px;margin:0 0 24px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--m2-surface)}
.m2-video iframe{display:block;width:100%;height:100%;border:0}
/* 這篇有幫助嗎（plugins/mmc-article-survey，2026-11-04）：文章讀完的位置，題目在左、兩顆次要按鈕在右；手機兩顆平分整寬 */
.m2-helpful{max-width:700px;margin-top:40px;padding:20px 0;border-top:1px solid var(--m2-divider);border-bottom:1px solid var(--m2-divider);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.m2-helpful__q{margin:0;font-family:var(--m2-heading);font-size:18px;font-weight:700;line-height:1.5;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2-helpful__btns{display:flex;gap:12px}
.m2-helpful__btns .m2-btn{white-space:nowrap}
.m2-helpful__done{margin:0;font-size:15px;color:var(--m2-muted)}
.m2-helpful [hidden]{display:none}
@media (max-width:760px){.m2-helpful__btns{flex:1 1 100%}.m2-helpful__btns .m2-btn{flex:1}}

/* 買得到 */
.m2-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* 買得到／在聊的「看全部」（2026-10-25） */
.m2-more{margin:12px 0 0;text-align:right}
.m2-more .m2-btn{word-break:keep-all}
/* 對不到關鍵字時分頁上不放數字，放「熱門」 */
.m2-product{container-type:inline-size;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s} /* 直排卡：圖在上、文字在下（daisyUI 的 .m2-product 也是直排 flex，原本的兩欄 grid 一直被它蓋掉） */
.m2-product:hover{border-color:var(--m2-accent)}
/* 圖片區固定高度；商品照完整顯示（contain），空白處用同一張圖的模糊放大版補滿（--m2-img 由 mmc2_product_media() 帶入）。 */
.m2-product__media{position:relative;display:block;flex:none;height:200px;overflow:hidden;background:var(--m2-surface);border-bottom:1px solid var(--m2-divider)}
.m2-product__media::before{content:"";position:absolute;inset:-24px;background:var(--m2-img,none) center/cover no-repeat;filter:blur(20px) saturate(1.1);opacity:.9}
.m2-product__media img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
/* 文字區撐滿卡片高度，價格才貼得到底；分類行、名稱都固定高度，卡片之間才對得齊 */
.m2-product__body{flex:1 1 auto;padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.m2-product__cat{display:flex;align-items:center;gap:8px;flex:none;height:24px;min-width:0;overflow:hidden;white-space:nowrap;font-size:12px;line-height:24px;color:var(--m2-muted)}
.m2-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;flex:none;height:3em;font-size:15px;line-height:1.5;color:var(--m2-text)}
.m2-product__price{margin-top:auto;padding-top:6px;flex:none;font-size:12px;line-height:1.5;color:var(--m2-muted)} /* 價格貼齊文字區底部；窄卡片放不下原價時整段原價換到下一行（不截斷） */
.m2-product__price s{white-space:nowrap}
.m2-product__price strong{font-size:19px;color:var(--m2-accent-ink)}
.m2-product__go{margin-top:8px;align-self:flex-end;padding:0 16px;font-size:13px;font-weight:700} /* 卡片讀完是價格，按鈕在右下（跟其他「行動按鈕在閱讀終點」一致） */
.m2-empty{color:var(--m2-muted)}
/* 「買」分頁只有 1 件商品：改成橫向長卡片（圖左、文字右），整排撐滿，不留半邊空白（2026-10-25）。
   3、5 件（單數）時，最後一張自己一排，也改成同樣的橫向長卡撐滿整排（2026-10-31）。手機（≤760）本來就單欄，維持直排卡 */
@media (min-width:761px){
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row!important;align-items:stretch} /* daisyUI 的 .d-card 是不分層的直排，要加 !important 才蓋得掉 */
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__media{flex:0 0 40%;max-width:380px;height:auto;min-height:240px;border-bottom:0;border-right:1px solid var(--m2-divider)}
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__media img{position:absolute;inset:0}
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__body{justify-content:center;gap:6px;padding:24px 32px}
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__title{height:auto;font-size:20px}
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__price{margin-top:6px}
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__price strong{font-size:24px}
.m2-shop:not(.m2h-shop) > .m2-product:last-child:nth-child(odd) .m2-product__go{margin-top:14px}
}
.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:16px 16px 16px 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}
/* 話題標題只有一行時才 22px 高：連結延伸到整列（回覆數、日期那一列都算），整列只連到這個話題（設計試審 H6） */
.m2-threads li{position:relative}
.m2-threads li>a::after{content:"";position:absolute;inset:0}
.m2-threads li:hover>a{color:var(--m2-accent-ink)}
.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 .m2-comments__note{margin:0 0 12px;font-size:14px;line-height:1.7;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,.mmc-logout-link{color:var(--m2-accent-ink)}
.mmc-logout-link{padding:0;border:0;background:none;font:inherit;cursor:pointer}
.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 .m2w-ph{width:32px;height:32px;font-size:14px} /* 臉書頭像過期：名字第一個字的圓形 */
.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}
html:has(body.mmc2-shell),body.mmc2-shell{height:auto} /* 舊頁（例如 /feature/childsafe/）把 html、body 鎖成一個螢幕高，body 的底部留白對溢出的內容無效，頁尾被手機底部選單蓋住；改成隨內容長高 */
.m2-footer__copy{margin:32px 0 0;padding-top:20px;border-top:1px solid rgba(251,247,241,.16);text-align:center;font-size:12.5px;line-height:1.6;color:rgba(251,247,241,.82)}
.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:13px;gap:10px}
  .m2-header__in{height:56px;gap:4px;padding:0 8px}
  .m2-logo img{height:32px}
  .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:13px;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-crumb{font-size:13px} /* 文章頂端的分類只留麵包屑（2026-10-31），手機也要顯示 */
  .m2-kicker{font-size:13px;letter-spacing:.12em}
  .m2-kicker .m2-en,.m2-kicker__line{display:none}
  .m2-cover .m2-kicker .m2-en,.m2-cover .m2-kicker__line{display:block} /* 封面的英文小標照規格，手機也顯示 */
  .m2-title{font-size:22px;line-height:1.5}
  .m2-meta{font-size:13px}
  .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:13px;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:17px;line-height:1.95}
  .m2-article :is(h2,h3,h4){word-break:normal} /* 小標「1. 標題」：不拆字會讓編號單獨占一行 */
  .m2-h2{font-size:20px;margin-bottom:12px}
  .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__media{height:180px}
  .m2-product__body{padding:12px 14px 14px}
  .m2-product__title{font-size:15px}
  .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:16px 16px 16px 4px;font-size:13px}
  .m2-threads a{font-size:15.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(5,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 :is(a,button){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--m2-muted);font-size:13px;line-height:1.2;white-space:nowrap;-webkit-tap-highlight-color:transparent}
  .m2-tabbar__ico{transition:transform .2s ease}
  .m2-tabbar :is(a,button):active .m2-tabbar__ico{transform:scale(.9)}
  .m2-tabbar :is(a,button)[aria-current]{color:var(--m2-accent-ink);font-weight:700}
  .m2-tabbar :is(a,button)[aria-current] .m2-tabbar__ico{stroke-width:2.2}
  .m2-tabbar :is(a,button)[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 :is(a,button):focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:-4px;border-radius:12px}
  /* 抽屜選單打開時藏起底部選單，一次只給一套選單（2026-10-31） */
  body.m2-drawer-on .m2-tabbar{display:none}
}
@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}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  :is(.mmc2,.mmc2-shell) *{transition:none!important;animation:none!important}
}

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


/* 舊文編輯常用行內顏色（例如 #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))}

/* 收藏文章（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} /* 11-03 前快取的網頁還有星星小圖，快取過期後可刪 */
.wpfp-span>.wpfp-link{display:inline-flex;align-items:center;gap:6px;padding:0 14px;text-decoration:none!important;font-size:13px;font-weight:700}
.wpfp-span>.wpfp-link::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--m2-fav-icon) center/contain no-repeat;mask:var(--m2-fav-icon) center/contain no-repeat}
/* 收藏鈕：沒收藏是空心書籤「收藏文章」，已收藏是實心書籤「已收藏」（aria-pressed，再按一次刪除） */
.wpfp-span>.wpfp-link{--m2-fav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%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")}
.wpfp-span>.wpfp-link[aria-pressed=true]{--m2-fav-icon: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")}

/* 讀這篇的閱讀進度：分頁列下緣一條細線 */
.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;align-self:center;font-size:13px;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;align-self:flex-end;min-height:44px;padding:0 22px;border-radius:999px} /* 讀完標題視線在右下，按鈕靠文字欄右下 */
.m2h-slide__link:hover .m2h-slide__cta{--d-btn-bg:#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:16px;box-shadow:none}
  /* 按鈕緊接標題，標題短的那幾張多出的高度落在整塊最下面，看起來只是區塊間距 */
  .m2h-hero{container-type:inline-size}
  .m2h-slide__in{padding:14px 0 8px;gap:8px}
  .m2h-slide__cta{margin-top:4px}
  /* 圓點與暫停（2026-10-25 Sam）：移到圖片外、跟分類小字同一行靠右，整條固定不動（只有指示條跟著拖動）。
     垂直：圖片底＋文字區上內距 14px，高度＝分類那行（--m2h-kh），子元素置中＝對齊分類小字中線。
     水平：左邊讓出最長的分類小字（--m2h-kw），右緣對齊文字區；放不下時圓點自動變窄、不會壓到分類小字 */
  .m2h-hero{--m2h-kw:260px;--m2h-kh:20.8px;--m2h-dotc:color-mix(in srgb,var(--m2-muted) 80%,var(--m2-bg))} /* 灰點對背景 3.5:1 */
  .m2h-hero__ctrl{bottom:auto;top:calc(40px + (100cqw - 2 * var(--m2-gutter)) * 528 / 850 + 14px);left:calc(var(--m2-gutter) + var(--m2h-kw));right:var(--m2-gutter);height:var(--m2h-kh);padding:0;gap:2px;justify-content:flex-end}
  .m2h-hero__ctrl::before{display:none}
  .m2h-hero__dots{flex:0 1 auto;min-width:0;gap:0}
  .m2h-hero__dot{--pw:min(14px,calc(100% - 4px));flex:0 1 auto;width:24px;min-width:0;height:28px} /* 每顆可點 24×28 */
  .m2h-hero__dot::before{width:var(--pw);height:6px;border-radius:3px;transform:none;clip-path:inset(0 calc(50% - 3px) round 3px);background:var(--m2h-dotc);transition:clip-path .2s} /* 一般是 6px 圓點；長條寬度固定、用裁切變短，指示條才量得到寬度 */
  .m2h-hero__dot[aria-current="true"]::before{clip-path:inset(0 round 3px);background:var(--m2-accent)}
  .m2h-hero.is-playing .m2h-hero__dot[aria-current="true"]::before{background:var(--m2h-dotc)}
  .m2h-hero.is-playing .m2h-hero__dot[aria-current="true"]::after{left:50%;top:50%;width:var(--pw);height:6px;margin:-3px 0 0 calc(var(--pw) / -2);border-radius:3px;background:var(--m2-accent)}
  .m2h-hero__ind{height:6px;margin-top:-3px;border-radius:3px;background:var(--m2-accent)} /* 寬度由 mmc2.js 照目前圓點的長條設定 */
  .m2h-hero.is-dragging .m2h-hero__dot[aria-current="true"]::before,.m2h-hero.is-moving .m2h-hero__dot[aria-current="true"]::before{clip-path:inset(0 calc(50% - 3px) round 3px);background:var(--m2h-dotc)}
}
@media (max-width:760px){
  .m2h-hero{--m2h-kw:130px;--m2h-kh:19.2px} /* 分類小字最長「學知識・」＋5 字＝121px，再留 9px（360 寬、7 則時圓點剛好維持 24px） */
}
@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__media{height:170px}

.m2h-pair{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}

@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:13px;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:13px;color:var(--m2-muted)}
  .m2h-deals{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--m2-gutter);gap:12px;margin:0 calc(var(--m2-gutter) * -1);padding:0 var(--m2-gutter) 4px;scrollbar-width:none} /* 捲動吸附也留頁邊：第一張卡對齊上面標題（設計試審 H4） */
  .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:16px}
  .m2h-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .m2h-shop .m2-product__media{height:140px}
  .m2h-shop .m2-product__body{padding:10px 12px 12px}
  .m2h .m2-h2{font-size:21px}
}
@media (max-width:360px){
  .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))}
}
/* 舊頁外框的內容區照新版（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}
/* 舊頁的內容框：和紙底、2px 米線、16px 圓角（DESIGN.md「不在和紙底上鋪白」） */
body.mmc2-shell #primary .main-box{background:var(--color-base-100)!important;border:var(--border) solid var(--color-base-300)!important;border-radius:var(--radius-box)!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)}
/* 舊頁的圖大多遺失（伺服器回 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-2x.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}
/* 舊文章頁的首圖遺失被拿掉時，作者頭像不要再往上拉 50px（原本疊在首圖下緣），會壓到標題（2026-11-05 P0 B186–B189） */
.mmc2-shell .meta-image:has(.m2-img-gone,[data-m2-hidden]) + .meta-author .avatar_box{margin-top:0}
/* 廠商活動頁的 #customHeader 只靠內容裡的自訂樣式顯示橫幅，那段樣式已經壞掉（變成文字、被 mmc2.js 藏起來），只剩一塊空白 */
.mmc2-shell .vce-custom-content #customHeader{display:none}
/* 舊頁的大標只在空格、標點後換行（「免費領取 米奇美語幼兒體驗組」不會剩「組」一個字），沒有空格的長標題照常在邊緣換行 */
body.mmc2-shell :is(.entry-title,.main-box-title){word-break:keep-all;overflow-wrap:anywhere}
/* ───────── 試用文章頁（舊試用範本 voice/mmc_trial/single-trial.php，2026-11-08 舊介面第二批）─────────
   報名、心得、得獎名單的資料與流程照舊，只換外觀：步驟條、和紙卡片、線條星星、主色圓餅、照新版文章頁的分頁與留言 */
/* 活動進度：daisyUI 步驟條（樣板 .d-steps），走過的步驟主色、現在這步字用深玫瑰 */
.mmc2-shell .m2t-steps{display:grid;width:100%;margin:0 0 24px;padding:0;list-style:none;font-family:var(--m2-body)}
.mmc2-shell .m2t-steps .d-step{min-width:0;margin:0;padding:0 2px;border:0;font-size:14px;line-height:1.45;color:var(--m2-muted)}
.mmc2-shell .m2t-steps__t{display:block;font-weight:700;color:var(--m2-text);word-break:keep-all;overflow-wrap:anywhere}
.mmc2-shell .m2t-steps__d{display:block;font-size:13px;font-variant-numeric:tabular-nums}
.mmc2-shell .m2t-steps [aria-current="step"] .m2t-steps__t{color:var(--m2-accent-ink)}
/* 已結束的活動（2026-11-08 讀者審查第 9 項）：最上面一條提示，取代活動進度 */
.mmc2-shell .m2t-ended{margin:0 0 24px;font-size:16px;font-weight:700}
/* 圖片、統計在左，狀態與商品規格在右；手機上下排 */
.mmc2-shell .mmc-trial.content{margin:16px 20px 4px}
.mmc2-shell .mmc-trial .meta-area{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px;align-items:start;overflow:visible}
.mmc2-shell .mmc-trial .meta-image{float:none;display:block;width:auto;max-width:none;margin:0}
.mmc2-shell .mmc-trial .meta-image img{display:block;width:100%;height:auto;border-radius:10px}
.mmc2-shell .vce-single .mmc-trial .meta-area>.entry-content{display:block;width:auto;max-width:none;margin:0;padding:0;line-height:1.8;text-align:left}
.mmc2-shell .mmc-trial .meta-area .trial-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;margin:12px 0 0;padding:12px 6px;background:var(--color-base-200)!important;border-radius:var(--radius-box)}
.mmc2-shell .mmc-trial .trial-statistics .one-third{width:auto}
.mmc2-shell .mmc-trial .meta-area .trial-statistics p.title{margin:0;font-size:13px;font-weight:400;line-height:1.5;color:var(--m2-muted);white-space:nowrap}
.mmc2-shell .mmc-trial .meta-area .trial-statistics b.title{display:block;margin:2px 0 0;font:300 24px/1.2 var(--m2-en);color:var(--m2-dark);font-variant-numeric:tabular-nums}
/* 右欄：綜合評比、狀態、倒數、商品規格、按鈕 */
.mmc2-shell .mmc-trial .entry-content p.rating-wording{display:inline;margin:0 8px 0 0;font-size:15px;font-weight:700;color:var(--m2-text)}
.mmc2-shell .mmc-trial .entry-content .rating-star{display:inline-flex;vertical-align:-3px}
body.mmc2-shell #primary .mmc-trial .meta-area>.entry-content>p.title:not(.trial-meta){margin:12px 0 0;font:700 20px/1.5 var(--m2-heading);color:var(--m2-dark);text-align:left} /* 要蓋過舊專題目錄的 #primary .entry-content .title */
.mmc2-shell .mmc-trial .meta-area>.entry-content>.date{display:flex;align-items:center;gap:6px;margin:2px 0 18px;font-size:15px;line-height:1.6;color:var(--m2-muted);font-variant-numeric:tabular-nums}
.mmc2-shell .mmc-trial .meta-area>.entry-content>.date:empty{display:none}
.mmc2-shell .mmc-trial .meta-area>.entry-content>.date::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%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' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.mmc2-shell .mmc-trial .meta-area>.entry-content>.date b{margin:0 2px;font:400 18px/1 var(--m2-en);color:var(--m2-accent-ink)}
body.mmc2-shell #primary .mmc-trial .meta-area>.entry-content>p.trial-meta.title{margin:0 0 4px;font:700 17px/1.5 var(--m2-heading);color:var(--m2-dark);text-align:left}
.mmc2-shell .mmc-trial ul.trial-meta{margin:0;padding-left:1.2em;font-size:15px;line-height:1.85;line-break:strict}
.mmc2-shell .mmc-trial ul.trial-meta li[style]{margin-left:-1.2em}
/* 報名、填寫心得：內容區塊的按鈕放右下（DESIGN.md「行動按鈕的位置」）；按不動的狀態用停用樣子 */
.mmc2-shell .m2t-act{margin:20px 0 0;text-align:right}
.mmc2-shell .m2t-act .m2-btn{min-width:200px}
.mmc2-shell .m2t-act .m2-btn:disabled{background:var(--color-base-200);border-color:var(--color-base-200);color:var(--m2-muted);opacity:1;cursor:default}
/* 分頁：照文章頁的讀・買・聊（.m2-tab）：選中極淡桃底＋主色底線 */
.mmc2-shell #main .tab{display:flex;justify-content:center;gap:4px;margin:24px 0 0;padding:0;background:none;border:0;border-bottom:1px solid var(--m2-divider);border-radius:0;overflow:visible}
.mmc2-shell #main .tab button{float:none;flex:0 1 auto;min-width:0;min-height:48px;margin:0;padding:0 20px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;font:15px var(--m2-body);color:var(--m2-text);white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
.mmc2-shell #main .tab button:hover{background:var(--m2-accent-100);color:var(--m2-accent-ink)}
.mmc2-shell #main .tab button.active{border-bottom-color:var(--m2-accent);background:var(--m2-accent-100);color:var(--m2-accent-ink);font-weight:700}
.mmc2-shell #main .tab button:focus-visible{outline:2px solid var(--m2-accent);outline-offset:-2px}
.mmc2-shell .tabcontent{display:none;padding:20px 20px 4px;border:0}
/* 還沒有心得、還沒公布：淺米底的一句話 */
.mmc2-shell :is(.yetFeedback,.yetWinning){margin:0 0 8px;padding:20px 24px;background:var(--color-base-200);border-radius:var(--radius-box);font-size:15px;line-height:1.8;color:var(--m2-text);text-align:center;text-wrap:pretty}
/* 得獎名單沒資料的空狀態：線條圖示＋一句話＋出口按鈕（2026-11-08） */
.mmc2-shell .m2t-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px}
.mmc2-shell .m2t-empty p{margin:0}
.mmc2-shell .m2t-empty__icon{flex:none;color:var(--m2-muted)}
/* 心得統計：主色圓餅＋圖例（原本橘黃圓餅、兩條橘黃橫幅） */
.mmc2-shell .m2t-chart{display:flex;align-items:center;justify-content:center;gap:24px 36px;flex-wrap:wrap;margin:8px 0 24px}
.mmc2-shell .m2t-chart .piechart{flex:none;width:160px;height:160px;margin:0;border-radius:50%;background:conic-gradient(var(--m2-accent) 0 var(--p),var(--m2-accent-200) var(--p) 100%)}
.mmc2-shell .m2t-legend{flex:0 1 360px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.mmc2-shell .m2t-legend li{display:flex;align-items:baseline;gap:10px;margin:0;font-size:15px;line-height:1.6;color:var(--m2-text);line-break:strict}
.mmc2-shell .m2t-legend b{flex:none;min-width:3.2em;font:400 20px/1 var(--m2-en);color:var(--m2-dark);font-variant-numeric:tabular-nums}
.mmc2-shell .m2t-legend__dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--m2-accent);transform:translateY(1px)}
.mmc2-shell .m2t-legend__dot.is-min{background:var(--m2-accent-200);box-shadow:inset 0 0 0 1px rgba(178,85,116,.45)}
.mmc2-shell .progress_bar{margin:0 0 20px;padding:14px 18px;background:var(--color-base-200);border-radius:var(--radius-box);font-size:15px;color:var(--m2-text);text-align:center}
/* 心得列表：照文章頁的讀者留言，一則一列、髮絲線分隔，不放白底卡片 */
body.mmc2-shell #primary #trial_comments .comments-holder,body.mmc2-shell #primary #trial_comments .content-inside{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.mmc2-shell #trial_comments commentContent{border:0!important}
.mmc2-shell #trial-comment-list{display:block;columns:auto;height:auto!important}
.mmc2-shell #trial-comment-list .grid-item{display:block;position:static!important;float:none;width:auto!important;height:auto;margin:0;padding:18px 0;background:none;border:0;border-top:1px solid var(--m2-divider);border-radius:0;box-shadow:none}
.mmc2-shell #trial-comment-list .grid-item:first-child{border-top:0}
.mmc2-shell #trial_comments .comment-body{margin:0;padding:0;background:none;border:0;box-shadow:none}
.mmc2-shell #trial_comments footer.comment-meta{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0}
/* 心得作者頭像（2026-11-08 會員頭像 3a）：跟頁首同一份，40px 圓形；心得內文、照片對齊名字（40＋12） */
.mmc2-shell #trial_comments .trial-comment__avt{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--m2-surface)}
.mmc2-shell #trial_comments .trial-comment__avt.m2w-ph{display:flex;font-size:17px;line-height:1}
.mmc2-shell #trial_comments .comment-author{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0} /* 名字、星星一列，日期換下一列（樣板裡日期包在 .comment-author 裡） */
.mmc2-shell #trial_comments .comment-author .fn{font-size:15px;font-weight:700;color:var(--m2-dark)}
.mmc2-shell #trial_comments .comment-metadata{flex:1 1 100%;display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:13px;color:var(--m2-muted)}
.mmc2-shell #trial_comments .comment-metadata time{color:var(--m2-muted)}
.mmc2-shell #trial_comments .comment-remove-link{padding:0;background:none;border:0;color:var(--color-error);font-weight:700;text-decoration:none}
.mmc2-shell #trial_comments .comment-remove-link:hover{text-decoration:underline;text-underline-offset:3px}
.mmc2-shell #trial_comments .comment-content{display:block;margin:0;padding-left:52px}
.mmc2-shell #trial_comments .comment_image{width:auto;height:auto;margin:0 0 10px}
.mmc2-shell #trial_comments .comment_image img{display:block;width:auto;max-width:min(100%,360px);height:auto;max-height:420px;border-radius:10px}
.mmc2-shell #trial_comments p.comment_content{display:block;width:auto;height:auto;margin:0;overflow:visible;font-size:15px;line-height:1.85;color:var(--m2-text);line-break:strict}
.mmc2-shell #trial_content_alert{padding:20px 24px!important;background:var(--color-base-200)!important;border-radius:var(--radius-box);font-size:15px;line-height:1.8}
.mmc2-shell #trial_comments .read-more{margin:12px 0 0;text-align:center}
.mmc2-shell #trial_comments .navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;border:0;background:none}
.mmc2-shell #trial_comments .navigation .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:var(--border) solid var(--color-base-300);border-radius:999px;background:var(--color-base-100);color:var(--m2-text);font-size:14px;text-decoration:none}
.mmc2-shell #trial_comments .navigation .page-numbers.current{background:var(--m2-accent);border-color:var(--m2-accent);color:#fff}
.mmc2-shell #trial_comments .navigation .page-numbers.dots{border-color:transparent;background:none;min-width:0;padding:0 4px}
/* 填寫心得表單（得獎者、回填期間才看得到）：淺米卡片；星等的線條星星在 mmc_trial/css/comment.css（新版外框關掉也要看得到） */
.mmc2-shell #cp_respond{margin:0 0 20px;padding:20px;background:var(--color-base-200);border-radius:var(--radius-box)}
.mmc2-shell #cp_respond #form-waring-text:not(:empty){margin:0 0 12px;padding:10px 14px;border-radius:var(--radius-box);background:#F4E2DB;color:var(--color-error);font-size:14px;font-weight:500}
.mmc2-shell #cp_commentform.comment-form{display:block;width:auto;margin:0;padding:0;background:none;border-radius:0}
.mmc2-shell #cp_respond .raty-area{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px}
.mmc2-shell #cp_respond .star-raty{font-size:15px;font-weight:700;color:var(--m2-text)}
.mmc2-shell #cp_respond .js-star-raty{display:inline-flex;gap:2px}
.mmc2-shell #cp_respond .select-star-raty{width:100%;height:40px;margin:0 0 14px;padding:0 16px;border:var(--border) solid var(--color-field-line);border-radius:999px;background-color:var(--color-base-100);font-size:16px;color:var(--m2-text)}
.mmc2-shell #cp_respond .experience-area{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mmc2-shell #cp_respond .experience-area br{display:none}
.mmc2-shell #cp_respond .experience-area input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;opacity:0} /* 原生圓點藏起來、留著鍵盤操作；外框把 radio 做成 daisyUI 樣子的規則在 daisyUI 層，要 !important */
.mmc2-shell #cp_respond label.mmc-trial-radio{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:6px 18px;border:var(--border) solid var(--color-base-300);border-radius:999px;background:var(--color-base-100);font-size:15px;line-height:1.5;color:var(--m2-text);white-space:normal;cursor:pointer;user-select:none}
.mmc2-shell #cp_respond label.mmc-trial-radio:hover{border-color:var(--m2-accent)}
.mmc2-shell #cp_respond input.mmc-trial-radio-input:checked+label.mmc-trial-radio{background:var(--m2-accent);border-color:var(--m2-accent);color:#fff;font-weight:700}
.mmc2-shell #cp_respond input.mmc-trial-radio-input:focus-visible+label.mmc-trial-radio{outline:2px solid var(--m2-accent);outline-offset:2px}
.mmc2-shell #cp_respond .comment-form-area{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 16px;width:auto;margin:0;text-align:left}
.mmc2-shell #cp_respond .comment-form-area.full_width{grid-template-columns:minmax(0,1fr)}
.mmc2-shell #cp_respond .comment-form-area>:is(.select-star-raty,.raty-area,.experience-area,.form-submit){grid-column:1/-1}
/* 上傳照片：原本 300 見方的灰虛線框，改成和紙底、2px 米線的圓角框；框裡置中、預覽、翻轉的程式不動 */
.mmc2-shell #cp_respond .uploadImg-div{display:block;position:relative;width:auto;height:240px;margin:0 0 14px;background:var(--color-base-100);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-box);vertical-align:top}
.mmc2-shell #cp_respond .uploadImg .uploadImg_label{width:auto;gap:8px;font-size:14px;cursor:pointer}
.mmc2-shell #cp_respond .uploadImg_input{position:absolute;width:1px;height:1px;opacity:0}
.mmc2-shell #cp_respond .uploadImg_label:focus-within{outline:2px solid var(--m2-accent);outline-offset:2px}
.mmc2-shell #cp_respond .uploadImg.changed .uploadImg_rotate{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--m2-accent-ink);font-weight:700;cursor:pointer}
.mmc2-shell #cp_respond .cp_comment-form-comment,.mmc2-shell #cp_respond .cp_comment-form-comment.half_width{display:block;width:auto;margin:0 0 14px}
.mmc2-shell #cp_respond #cp_comment{display:block;width:100%;height:auto;min-height:120px;margin:0;padding:10px 16px;border:var(--border) solid var(--color-field-line);border-radius:var(--radius-box);background:var(--color-base-100);font:15px/1.8 var(--m2-body);color:var(--m2-text);resize:vertical}
.mmc2-shell #cp_respond .half_width #cp_comment{height:240px}
.mmc2-shell #cp_respond #cp_comment:focus{outline:2px solid var(--m2-accent);outline-offset:2px}
.mmc2-shell #cp_respond .form-submit,.mmc2-shell #cp_respond .submit-area{float:none;width:auto;margin:0;text-align:left} /* 表單：送出鈕跟欄位左緣對齊，手機整寬 */
/* 得獎名單：照預約紀錄的表格（淺米表頭、米線框） */
.mmc2-shell .winner_title{margin:8px 0 10px;font:700 18px/1.5 var(--m2-heading);color:var(--m2-dark);background:none;padding:0;text-align:left}
.mmc2-shell table.winner_zone{display:table;width:100%;margin:0 0 20px;border-collapse:separate;border-spacing:0;background:var(--color-base-100);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-box);overflow:hidden}
.mmc2-shell table.winner_zone td{padding:10px 14px;border:0;border-bottom:1px solid var(--m2-divider);background:none;font-size:15px;text-align:left;color:var(--m2-text)}
.mmc2-shell table.winner_zone tr:first-child td{background:var(--color-base-200);font-weight:700;white-space:nowrap}
.mmc2-shell table.winner_zone tr:last-child td{border-bottom:0}
@media (max-width:750px){
  /* 手機星等用下拉選單（跟原本一樣），點星星的那排藏起來 */
  .mmc2-shell #cp_respond .raty-area{display:none}
  .mmc2-shell #cp_respond .select-star-raty{display:block}
}
@media (max-width:760px){
  .mmc2-shell .m2t-steps .d-step{font-size:13px}
  .mmc2-shell .m2t-steps__d{font-size:13px}
  .mmc2-shell .mmc-trial.content{margin:12px 16px 4px}
  .mmc2-shell .mmc-trial .meta-area{grid-template-columns:minmax(0,1fr);gap:18px}
  .mmc2-shell .m2t-act .m2-btn{width:100%!important} /* daisyUI 層的按鈕寬度規則比 mmc2 層優先 */
  .mmc2-shell #main .tab{justify-content:stretch}
  .mmc2-shell #main .tab button{flex:1;padding:0 6px}
  .mmc2-shell .m2t-chart .piechart{width:132px;height:132px}
  .mmc2-shell .tabcontent{padding:16px 16px 4px}
  .mmc2-shell #cp_respond{padding:16px}
  .mmc2-shell #cp_respond .comment-form-area{grid-template-columns:minmax(0,1fr)}
  .mmc2-shell #cp_respond .half_width #cp_comment{height:auto}
  .mmc2-shell #cp_respond #cp_comment{font-size:16px}
  .mmc2-shell #cp_respond .cp_submit{width:100%!important}
  .mmc2-shell table.winner_zone td{padding:8px 10px}
}

/* ───────── 活動、抽獎文章（舊版型 voice/sections/content.php，2026-11-08 舊介面第二批）─────────
   讀完之後的作者、有幫助嗎、讀者留言照新版文章頁（.m2-author、.m2-helpful、.m2-comments）；這裡只補舊外框裡的位置與舊樣式 */
body.mmc2-shell #extra_article_content{max-width:700px;margin:0 auto}
body.mmc2-shell #extra_article_content>br{display:none}
body.mmc2-shell #primary .m2-author{margin:28px 0 0}
body.mmc2-shell #primary .m2-helpful{margin-top:28px}
.m2-follow-us{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 12px;margin:24px 0 0}
.m2-follow-us__t{margin-right:auto;font:700 16px/1.5 var(--m2-heading);color:var(--m2-dark)}
.m2-follow-us .m2-btn{gap:8px}
.m2-follow-us .m2e-line{display:inline-flex;min-height:44px;align-items:center}
.m2-follow-us .m2e-line img{display:block;height:40px;width:auto}
body.mmc2-shell #primary .m2-comments{max-width:700px;margin:32px 0 0;background:var(--color-base-100);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-box)}
body.mmc2-shell #primary .m2-comments :is(.comments-holder,.content-inside){margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.mmc2-shell #primary .m2-comments .must-log-in a,body.mmc2-shell #primary .m2-comments .form-submit .submit{border-radius:var(--radius-field)}
body.mmc2-shell #primary .m2-comments #comment{border:var(--border) solid var(--color-field-line);border-radius:var(--radius-box);background:var(--color-base-100)}
body.mmc2-shell #primary .m2-comments .navigation{display:flex;justify-content:flex-end;gap:8px;margin:12px 0 0;padding:0}
/* 這幾塊在舊文章的 .entry-content 裡：外框給內文的圖片圓角、連結底線、標題上距、舊佈景的連結虛線與留言白卡片都不要套上（要兩個 #id 才蓋得過內文規則） */
body.mmc2-shell #primary #extra_article_content a{border-bottom:0}
body.mmc2-shell #primary #extra_article_content :is(.m2-author,.m2-comments) a:not([class]){text-decoration:none}
body.mmc2-shell #primary #extra_article_content .m2-author__who img{margin:0;border-radius:50%}
body.mmc2-shell #primary #extra_article_content .m2-helpful__q{margin:0}
body.mmc2-shell #primary #extra_article_content .m2-follow-us .m2e-line img{width:auto;height:40px;margin:0;border-radius:0}
body.mmc2-shell #primary #extra_article_content .m2-comments .must-log-in{margin:0;padding:0;text-align:left}
body.mmc2-shell #primary #extra_article_content .m2-comments .must-log-in a{text-decoration:none}
body.mmc2-shell #primary #extra_article_content .m2-comments .comment-list li{background:none;box-shadow:none}
body.mmc2-shell #primary #extra_article_content .m2-comments #reply-title{display:none} /* 原本就藏著（visibility:hidden，但佔位子），沒登入時留言框上方空一塊 */
body.mmc2-shell #primary #extra_article_content .m2-comments :is(#respond,.content-inside){float:none;width:auto}
body.mmc2-shell #primary #extra_article_content .m2-comments .navigation{clear:both;flex-wrap:wrap;width:auto}
body.mmc2-shell #primary #extra_article_content .m2-comments .comment-metadata time{font-size:inherit}
/* 登入後的留言框（2026-11-08 第二輪，iPhone 驗收看到）：舊佈景把 .comment-form 設成靠左浮動＋20px 內距，表單掉出米色框、留言框變窄；
   內文段落的左右對齊把「你不是 某某？」拉開；登出（文字連結）被外框的送出鈕樣式（daisyUI 層）套成主要按鈕；每則的「編輯」浮在右邊像空框 */
body.mmc2-shell #primary #extra_article_content .m2-comments #commentform{float:none;width:auto;margin:0;padding:0}
body.mmc2-shell #primary #extra_article_content .m2-comments #respond{z-index:auto} /* 舊佈景給 z-index:1000，捲動時留言框壓到手機底部選單（z-index:30）上面 */
body.mmc2-shell #primary #extra_article_content .m2-comments #comment{height:auto}
body.mmc2-shell #primary #extra_article_content .m2-comments :is(.logged-in-as,.comment-form-comment,.form-submit){margin:0;text-align:left}
body.mmc2-shell #primary #extra_article_content .m2-comments .logged-in-as{font-size:13px;line-height:1.6;color:var(--m2-muted)}
body.mmc2-shell #primary #extra_article_content .m2-comments .mmc-logout-link{display:inline;min-width:0!important;min-height:0!important;height:auto!important;margin:0 0 0 4px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--m2-accent-ink)!important;font:inherit!important;font-weight:700!important;text-decoration:underline;text-underline-offset:3px} /* 送出鈕的外觀規則在 daisyUI 層，要 !important */
body.mmc2-shell #primary #extra_article_content .m2-comments #mmc_comment_anonymous{font-size:14px}
body.mmc2-shell #primary #extra_article_content .m2-comments .edit-link{position:static}
body.mmc2-shell #primary #extra_article_content .m2-comments .edit-link a{float:none;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--m2-accent-ink);font-size:13px;font-weight:700}
body.mmc2-shell #primary #extra_article_content .m2-comments .comment-list{padding-left:0}
body.mmc2-shell #primary #extra_article_content .m2-comments .comment-metadata a{font-size:13px;color:var(--m2-muted)}
@media (max-width:760px){
  .m2-follow-us{justify-content:flex-start}
  .m2-follow-us__t{flex:1 1 100%}
  body.mmc2-shell #primary .m2-comments #comment{font-size:16px}
}

/* ───────── 新版列表頁（分類、標籤、作者、搜尋、找不到）───────── */
.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)}
/* 搜尋頁、找不到頁不另放搜尋框（2026-10-31）：「換個關鍵字搜尋」按了打開頁首搜尋（mmc2.js），沒有程式時不顯示 */
.m2l-research{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.m2l-research .m2-btn{gap:6px}
.m2l-research .m2-btn[hidden]{display:none!important}
.m2l-empty + .m2l-research{margin:-16px 0 0}
/* 頁頭、空結果的行動按鈕放在閱讀終點（2026-10-31）：頁頭電腦版在標題那一列右端（--act-row＝標題是第幾列），手機靠右；
   搜尋沒結果：電腦版跟說明文字同一列右端，手機在說明文字下方靠右 */
@media (min-width:761px){
  .m2l-head .m2-wrap.has-act{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:start}
  .m2l-head .m2-wrap.has-act > *{grid-column:1}
  .m2l-head .m2-wrap.has-act > .m2l-act{grid-column:2;grid-row:var(--act-row);align-self:center;margin:0}
  .m2l-emptyrow{display:flex;align-items:center;justify-content:space-between;gap:12px 24px}
  .m2l-emptyrow .m2l-empty + .m2l-research{margin:0}
}
@media (max-width:760px){
  .m2l-head .m2-wrap.has-act > .m2l-research{justify-content:flex-end}
  .m2l-emptyrow .m2l-research{justify-content:flex-end}
}
.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(var(--m2-top-rows,3),auto)} /* 篇數取雙數（archive.php），兩欄一樣多、一樣高 */
.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-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:16px}
  .m2l-card:not(.is-text) .m2l-card__ex{display:none}
}

/* 列表卡片同一排對齊（2026-10-31）：
   有圖卡的標題固定留三行（太長用「…」）、摘要固定兩行，日期貼底，同一排的分類、標題、摘要、日期都在同一條線上；
   沒圖的文字卡底色、外框跟有圖卡一樣，分類在標題上方、日期貼底（daisyUI 的文字卡底色不分層，要加 !important 才蓋得掉） */
.m2l-card.is-text{background:var(--m2-raised)!important;border-color:var(--m2-divider)!important}
@media (min-width:761px){
  .m2l-card:not(.is-text) .m2l-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;height:calc(1.55em * 3);flex:none}
  .m2l-card .m2l-card__ex{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .m2l-card.is-text .m2l-card__ex{-webkit-line-clamp:5;line-clamp:5}
  /* 結果只有 1 筆（搜尋、某年的活動）：跟「買得到」只有 1 件一樣，改成圖左文右的橫向長卡撐滿整排；2 筆以上照常靠左排 */
  .m2l-grid > .m2l-card:only-child{grid-column:1 / -1}
  .m2l-grid > .m2l-card:only-child:not(.is-text){flex-direction:row!important;align-items:stretch}
  .m2l-grid > .m2l-card:only-child:not(.is-text) img{flex:0 0 40%;max-width:420px;height:auto;min-height:220px;aspect-ratio:auto;object-fit:cover}
  .m2l-grid > .m2l-card:only-child .m2l-card__body{justify-content:center;gap:8px;padding:24px 32px}
  .m2l-grid > .m2l-card:only-child .m2l-card__title{height:auto;-webkit-line-clamp:4;line-clamp:4;font-size:20px}
  .m2l-grid > .m2l-card:only-child .m2l-card__date{margin-top:6px}
}
/* 舊文章內文的表情符號圖（WordPress 把 😀 換成 img.emoji）：縮回跟字一樣大，不要撐滿內文寬度（2026-10-31） */
:is(.m2-article,body.mmc2-shell #primary) img.emoji{display:inline!important;width:1em!important;height:1em!important;max-width:none;margin:0 .07em!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;vertical-align:-.1em!important}

/* ───────── 新版放心玩 ───────── */
.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,.m2e-line{margin-top:6px;align-self:flex-end} /* 每段說明讀完，按鈕在那段的右下 */
@media (max-width:760px){.m2e-now{margin-top:28px;padding:20px}.m2e-now__h{font-size:20px}}
/* 沒有活動時的兩個出口（看放心玩方案、到來談心發問；2026-11-08 讀者審查第 2 項）：虛線隔開 LINE 那段，兩顆次要按鈕靠右並排，窄螢幕折行 */
.m2e-now .m2e-now__go{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-self:stretch;margin-top:10px;padding-top:14px;border-top:1px dashed var(--m2-divider)}
.m2e-now .m2e-now__go .m2-btn{margin-top:0;align-self:auto}

/* ───────── 新版說明頁 ───────── */
.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:17px}}

/* ───────── 新版駐站作家 ───────── */
.m2w-join{margin-top:16px}
.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)}
/* 會員頭像（頁首「嗨，名字」、手機底部「會員」，2026-11-06）：跟作家頭像同一種圓形，24px，權重比 .m2w-ph 高才不會被 64px 蓋掉 */
:is(img,span).m2-mav{width:24px;height:24px;flex:none;border-radius:50%;object-fit:cover;background:var(--m2-surface);font-size:12px;line-height:1}
.m2-util .m2-me-av{vertical-align:middle;margin-right:6px}
.m2-tabbar :is(a,button)[aria-current] .m2-mav{box-shadow:0 0 0 2px var(--m2-accent)}
/* 會員選單（頭像第 4 階段，2026-11-09，me.php）：頁首頭像、手機底部「會員」是按鈕，按下打開 #m2-me（HTML 內建 popover，點外面、Esc 就關）。
   電腦從頁首右邊往下開，手機從底部升起（後面暗色遮罩）。小紅點＝追蹤的作家有新文章、來談心有新回覆、中獎了要回填心得（me.php 的 mmc2_me_dot） */
.m2-me-btn{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m2-util.m2-me-btn{display:inline-flex;align-items:center;min-height:44px;color:var(--m2-muted)}
.m2-util.m2-me-btn:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:2px;border-radius:12px}
.m2-me-av{position:relative;display:inline-flex;flex:none}
.m2-me-dot{position:absolute;top:-2px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--m2-accent);box-shadow:0 0 0 2px var(--m2-bg)}
.m2-me{position:absolute;inset:auto;top:68px;right:max(var(--m2-gutter),calc((100vw - 1200px) / 2 + var(--m2-gutter)));margin:0;width:340px;max-height:calc(100vh - 88px);overflow:auto;overscroll-behavior:contain;padding:4px 0 8px;border:1px solid var(--m2-border);border-radius:16px;background:var(--m2-bg);color:var(--m2-text);box-shadow:0 16px 32px -18px rgba(40,37,32,.45);font-size:14px;line-height:1.6;text-align:left}
.m2-me::backdrop{background:transparent}
.admin-bar .m2-me{top:100px} /* 測試站切換身分時才有管理列（32px） */
@supports not selector(:popover-open){.m2-me{display:none}} /* 不支援 popover 的瀏覽器（iOS 16 以前）：選單不露出來，按頭像到會員中心（mmc2.js） */
.m2-me a{color:inherit;text-decoration:none}
.m2-me a:focus-visible{outline:2px solid var(--m2-accent-ink);outline-offset:2px;border-radius:8px}
.m2-me__hi{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px}
.m2-me__hi b{font-size:15px;color:var(--m2-dark);overflow-wrap:anywhere}
:is(img,span).m2-me__av{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--m2-surface);font-size:18px}
.m2-me__sec{border-top:1px solid var(--m2-divider);padding:12px 16px 4px}
.m2-me__h{margin:0;font-family:var(--m2-heading);font-size:15px;font-weight:700;line-height:1.5;color:var(--m2-dark)}
.m2-me__list{list-style:none;margin:0;padding:0}
.m2-me__list li+li{border-top:1px solid var(--m2-divider)}
.m2-me__list a{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:44px;padding:8px 0}
.m2-me__list a>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.m2-me__list a:hover>span{color:var(--m2-accent-ink)}
.m2-me__list small{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--m2-muted)}
.m2-me__list small.is-todo{color:var(--m2-accent-ink)} /* 要填心得：紅點的原因之一，字用深玫瑰 */
.m2-me__empty{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;margin:0;font-size:13px;color:var(--m2-muted)}
.m2-me .m2-me__more{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--m2-accent-ink);white-space:nowrap}
.m2-me__more::after{content:"→";margin-left:4px}
.m2-me .m2-me__all{display:flex;justify-content:flex-end}
.m2-me__links{display:flex;flex-wrap:wrap;column-gap:16px;margin:0} /* 回覆通知區底下：我的話題、收藏的話題（2026-11-10 Sam，來談心的入口收進會員選單） */
@media (max-width:760px){
  .m2-me{position:fixed;inset:auto 0 0 0;width:auto;max-height:calc(100dvh - 72px);border-width:1px 0 0;border-radius:16px 16px 0 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px -12px rgba(40,37,32,.25)}
  .m2-me::backdrop{background:rgba(40,37,32,.45)}
}
.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}}

/* 特別企劃卡片說明 #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)}
/* 回頂端鈕還是舊粉紅 #DC4776，換成品牌桃紅 */
body.mmc2-shell #back-top{background-color:var(--m2-accent);border-radius:50%}
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)}
/* ───────── 學知識總覽（/learn/，2026-10-31 Sam 選 A 分類卡片牆，以「她」為主角；learn.php）───────── */
.m2k-tagline{margin:6px 0 0;font-size:17px;font-weight:700;line-height:1.5;color:var(--m2-accent-ink);word-break:keep-all;overflow-wrap:anywhere}
/* 刊頭兩排入口：你的角色、你的人生階段。每排一列排滿，放不下就換行，最後一列也撐滿（不留半邊空白） */
.m2k-entry{margin-top:22px;display:grid;gap:18px}
.m2h-entry{margin-top:0} /* 首頁「找你關心的」：跟學知識總覽同一種入口，標題下面直接接（2026-11-01） */
.m2k-row__h{margin:0 0 8px;font:700 13px/1.5 var(--m2-body);letter-spacing:.08em;color:var(--m2-muted)}
.m2k-doors{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.m2k-doors li{flex:1 1 136px;display:flex}
.m2k-door{flex:1;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 14px;border-radius:16px;background:var(--m2-raised);border:1px solid var(--m2-divider);transition:border-color .15s,background-color .15s;cursor:pointer}
.m2k-door:hover{border-color:var(--m2-accent)}
.m2k-door b{font:700 16px/1.4 var(--m2-heading);color:var(--m2-dark);white-space:nowrap}
.m2k-door span{font-size:12px;line-height:1.5;color:var(--m2-muted);word-break:keep-all;overflow-wrap:anywhere}
.m2k-door[aria-expanded="true"]{background:var(--m2-accent);border-color:var(--m2-accent)}
.m2k-door[aria-expanded="true"] b,.m2k-door[aria-expanded="true"] span{color:#fff}
/* 打開的那一項：分類與標籤（含篇數），孩子年齡在「媽媽」裡 */
.m2k-panel{margin-top:10px;padding:14px 16px;border-radius:16px;background:var(--m2-raised);border:1px solid var(--m2-accent-200);display:grid;gap:12px}
.m2k-panel[hidden]{display:none}
.m2k-group__h{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--m2-accent-ink)}
.m2k-chips{display:flex;flex-wrap:wrap;gap:8px}
.m2k-chips a{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:20px;background:var(--m2-bg);border:1px solid var(--m2-divider);font-size:14px;color:var(--m2-text)}
.m2k-chips a:hover{border-color:var(--m2-accent)}
.m2k-chips em{font-style:normal;font-size:12px;color:var(--m2-muted);font-variant-numeric:tabular-nums}

.m2k-sec{margin-top:48px}
/* 主題卡：電腦 3 欄、平板 2 欄、手機 1 欄；同一排的卡一樣高，圖、標題、清單、細分都在同一條線上 */
.m2k-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.m2k-card{background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.m2k-card__top{display:flex;align-items:baseline;gap:10px}
.m2k-card__top h3{margin:0;font:700 22px/1.4 var(--m2-heading);color:var(--m2-dark);white-space:nowrap}
.m2k-card__top h3 a:hover{color:var(--m2-accent-ink)}
.m2k-card__n{font-size:12.5px;color:var(--m2-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:auto}
.m2k-card__more{font-size:13px;white-space:nowrap;align-self:center;display:inline-flex;align-items:center;margin-left:auto}
.m2k-card__say{margin:-6px 0 0;font-size:13px;color:var(--m2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2k-t2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.m2k-feat{display:grid;gap:8px}
.m2k-feat .m2k-t2{font-size:16px;line-height:1.55;color:var(--m2-dark);min-height:calc(1.55em * 2)}
.m2k-feat:hover .m2k-t2{color:var(--m2-accent-ink)}
/* 圖不裁切：照原比例放，空白處用同一張圖放大模糊補滿；沒封面用品牌色塊＋分類名 */
.m2k-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:var(--m2-surface)}
.m2k-media::before{content:"";position:absolute;inset:-24px;background:var(--m2-img,none) center/cover no-repeat;filter:blur(20px) saturate(1.1);opacity:.9}
.m2k-media img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.m2k-media.is-none{display:flex;align-items:center;justify-content:center;background:var(--m2-accent-100)}
.m2k-media.is-none::before{display:none}
.m2k-media.is-none b{font:700 22px/1.4 var(--m2-heading);letter-spacing:.16em;color:var(--m2-accent-ink)}
.m2k-list{list-style:none;margin:0;padding:0;display:grid}
.m2k-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--m2-divider)}
.m2k-n{flex:none;width:30px;font-family:var(--m2-en);font-weight:200;font-size:22px;line-height:1.1;color:var(--m2-accent);font-variant-numeric:tabular-nums}
.m2k-list .m2k-t2{font-size:14.5px;line-height:1.55;min-height:calc(1.55em * 2);color:var(--m2-text)}
.m2k-list a:hover{color:var(--m2-accent-ink)}
.m2k-subs{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--m2-divider);font-size:13px;line-height:1.8;color:var(--m2-muted)}
.m2k-subs span{font-weight:700;color:var(--m2-text);margin-right:8px}
.m2k-subs i{font-style:normal}
.m2k-subs a:hover{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}
/* 頁尾「學知識」欄標題連到總覽頁：字色照標題（金色），滑過變白 */
.m2-footer__h a{color:inherit}
.m2-footer__h a:hover{color:#fff}
@media (max-width:1080px){.m2k-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 平板：入口一列 3 個（角色 3＋3、階段 3＋2 撐滿） */
@media (min-width:761px) and (max-width:1080px){.m2k-doors li{flex-basis:calc((100% - 16px) / 3)}}
@media (max-width:760px){
  .m2k-entry{margin-top:18px;gap:14px}
  .m2k-doors li{flex-basis:130px}
  .m2k-door{min-height:56px;padding:8px 12px}
  .m2k-door b{font-size:15px}
  .m2k-sec{margin-top:32px}
  .m2k-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .m2k-card{padding:16px}
  .m2k-card__top h3{font-size:20px}
}

/* ───────── 會員中心（外框內的舊頁面，只換外觀）───────── */
body.mmc2-shell[class*="page-template-template-member"] #primary{color:var(--m2-text)}
/* 不是駐站作家時的申請說明：一般卡片，按鈕放右下（讀完的位置） */
.mmc2-shell #primary .m2-note{padding:20px;font-size:15.5px;line-height:1.9;text-align:left}
.mmc2-shell #primary .m2-note p{margin:0}
.mmc2-shell #primary .m2-note p:last-child{margin-top:16px;text-align:right}
/* 空狀態（DESIGN.md「回饋」，照來談心收藏頁）：圖示＋一句話＋一個出口按鈕；預約紀錄、我的收藏用 */
.mmc2-shell .m2-blank{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;border:var(--border) dashed var(--color-base-300);border-radius:var(--radius-box);text-align:center;grid-column:1/-1}
.mmc2-shell .main-box .m2-blank{border:0} /* 已經在卡片裡（我的收藏、聯絡我們、取消訂閱）就不再套虛線框 */
.mmc2-shell .m2-blank svg{box-sizing:border-box;width:44px;height:44px;padding:11px;border-radius:50%;background:var(--m2-accent-200);color:var(--m2-accent)}
.mmc2-shell .m2-blank p{margin:0;font-size:15px;line-height:1.7;color:var(--m2-text);text-wrap:pretty}
.mmc2-shell .mmc_member_menu_area li{background:none;border:0;margin:0;padding:0}
.mmc2-shell .mmc_member_menu_area li a,.mmc2-shell .mmc_member_menu_area .menu_logout button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;color:var(--m2-text);background:none;font-size:14.5px}
.mmc2-shell .mmc_member_menu_area .menu_logout button{width:100%;border:0;font-family:inherit;cursor:pointer} /* 登出是 POST 按鈕（mmc2_logout_button） */
.mmc2-shell .mmc_member_menu_area .m2-mico{flex:none}
/* 會員頁：選單和表單外面舊的方角灰框拿掉，只留新版的圓角卡片（不然手機上是框中框） */
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{padding:12px!important}
/* 舊版活動、試用文章：舊樣式（additional_css.css、single_trial.css）把收藏鈕藏起來，外框裡改回顯示 */
body.mmc2-shell .vce-single .entry-content>.wpfp-span{display:flex;justify-content:flex-end;visibility:visible;float:none;padding:0 0 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:44px;padding:0 18px;border:var(--border) solid var(--color-base-300);border-radius:999px;background:var(--color-base-100);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 .table--reservation table{display:table!important;width:100%;border-collapse:separate;border-spacing:0;background:var(--color-base-100);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-box);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 tr:last-child td{border-bottom:0}
body.mmc2-shell .table--reservation th{background:var(--color-base-200);color:var(--m2-text);font-weight:700}
.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}
/* 小頭像固定 20px 正圓（跟線條圖示一樣大），不會被壓成橢圓 */
.mmc2-shell .mmc_member_menu_area .author_avatar{display:block;flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover}
.mmc2-shell .mmc_member_menu_area .author_avatar.m2w-ph{display:flex;font-size:11px;line-height:1} /* 沒照片：名字第一個字的圓形 */
/* 大頭照：舊樣式跟著圖片本身的尺寸，圖太小或讀不到時被壓成細長條，固定成圓形 */
.mmc2-shell :is(#user_avatar_all #u_avatar_preview_box,#author_avatar_preview_box){width:112px;height:112px;max-width:none;background:var(--m2-accent-100);border-radius:50%;overflow:hidden}
.mmc2-shell :is(#user_avatar_all #u_avatar_preview_box,#author_avatar_preview_box)>*{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;cursor:pointer}
.mmc2-shell #user_avatar_all #u_avatar_preview_box>.m2w-ph{display:flex;font-size:44px} /* 沒照片：名字第一個字的圓形；換照片、改回圓形由 profile_form.js 當場換 */
/* 大頭照在左，「更新大頭照」「改用名字圓形」疊在右邊，垂直置中，靠欄位左緣 */
.mmc2-shell :is(#profile_form #user_avatar_all,#author_avatar_all){display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.mmc2-shell #author_avatar_all>legend{flex:0 0 100%}
.m2-avatar-acts{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.m2-avatar-acts [hidden]{display:none!important} /* .m2-btn 的 display 會蓋掉 [hidden] */
/* 調整大頭照（profile_form.js）：外框是 mmc-notice.js 的彈窗；正方形畫布，圓圈外變暗＝全站看到的範圍 */
.m2-crop__stage{display:block;width:calc(100% - 44px);max-width:320px;height:auto;aspect-ratio:1;margin:16px auto 0;border-radius:8px;background:var(--m2-surface);touch-action:none;cursor:grab}
.m2-crop__stage:active{cursor:grabbing}
.m2-crop__zoom{display:flex;align-items:center;gap:12px;max-width:320px;margin:12px auto 0;padding:0 22px;font-size:14px;color:var(--m2-muted)}
.m2-crop__zoom input{flex:1;min-height:44px;accent-color:var(--m2-accent)}
/* 個人資料地址：電腦版縣市、區、郵遞區號同一行（2026-11-06 Sam 定），手機照舊一格一行 */
@media (min-width:761px){
  .mmc2-shell #profile_form .user_address{display:block}
  .mmc2-shell #profile_form #user_address_twzipcode{display:flex;gap:8px;max-width:460px;margin:0 0 8px}
  .mmc2-shell #profile_form #user_address_twzipcode :is(select,input){flex:1 1 0;width:auto!important;min-width:0;margin:0!important}
  .mmc2-shell #profile_form #user_address_twzipcode input{flex:0 0 96px}
}
/* 修改密碼：錯誤提示在那一格下面 */
.mmc2-shell #user_reset_form .d-alert{margin:8px 0 0}
/* 我的收藏：舊外掛每列寫死高度與右邊距（mmc2.js 拿掉），改成縮圖＋標題＋刪除鈕的卡片；封面遺失改純文字卡（is-text，DESIGN.md） */
.mmc2-shell .wpfp-ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),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:auto auto;align-items:start;column-gap:12px;width:auto!important;float:none!important;margin:0!important;padding:0!important;background:var(--color-base-100);border:var(--border) solid var(--color-base-300);border-radius:var(--radius-box);min-height:96px;height:auto!important;max-height:none!important;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.mmc2-shell .wpfp-ul li.is-text{grid-template-columns:minmax(0,1fr);background:var(--color-base-200);border-color:var(--m2-divider)} /* 沒封面的文字卡＝淺米（DESIGN.md） */
.mmc2-shell .wpfp-ul li.is-text .entry-header{padding-left:12px!important}
.mmc2-shell .wpfp-ul li.is-text a.wpfp-link{grid-column:1}
.mmc2-shell .wpfp-ul li.vce-lay-d:hover{border-color:var(--color-primary);box-shadow:0 10px 24px -14px rgb(40 37 32 / .35)}
/* 舊佈景選項 CSS 在 ≤480 把 .wpfp-span .entry-meta 整個藏起來（作者名、日期不見），卡片圓角改由封面自己切 */
.mmc2-shell .wpfp-ul li .entry-meta{display:flex!important;flex-wrap:wrap;column-gap:8px;margin:4px 0 0!important;white-space:normal!important}
/* 作者、日期放不下就換行（舊樣式每項 width:100% 加 … 截斷，日期被切掉）；名字太長也在格子裡換行 */
.mmc2-shell .wpfp-ul li .entry-meta .meta-item{width:auto;max-width:100%;overflow:visible;white-space:normal;overflow-wrap:anywhere}
.mmc2-shell .wpfp-ul li .entry-header .entry-title{top:0!important}
.mmc2-shell .wpfp-ul li .meta-image{border-radius:calc(var(--radius-box) - var(--border)) 0 0 calc(var(--radius-box) - var(--border));overflow:hidden}
.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}
.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 .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;font-weight:500;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;font-weight:500}
.mmc2-shell .wpfp-ul li a.wpfp-link{grid-column:2;justify-self:end;margin:0 12px 12px 0!important;float:none!important;position:static!important;display:inline-flex;align-items:center;padding:0 12px;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 :is(#profile_form,#author_singup_form) :is(table,tbody,tr,td,fieldset){display:block;width:100%!important;min-width:0;overflow:visible;box-sizing:border-box;border:0;background:none} /* 舊佈景 table 白底灰線 */
  .mmc2-shell :is(#profile_form #user_name_all,#author_name_all){display:flex;gap:8px}
  .mmc2-shell :is(#profile_form #user_name_all,#author_name_all) input{flex:1 1 0;width:auto!important;min-width:0;margin:0!important}
  .mmc2-shell :is(#profile_form,#author_singup_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:wrap!important;justify-content:flex-start!important;gap:4px;padding:6px!important}
  .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 .menu_logout button,.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-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:109px;height:32px;background:url(mamaclub-logo-2x.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-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}
/* 放心玩方案頁：「重點」框下方靠右的主要按鈕（閱讀終點）；框的下方留白 28px 吃掉一半，按鈕貼近框 */
.m2-brief__cta{max-width:700px;margin:0 0 28px;text-align:right}
.m2-brief + .m2-brief__cta{margin-top:-14px}
.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:stretch;padding:22px 26px;background:var(--m2-accent-100);border-radius:12px}
.m2l-talk__h{margin:0;text-align:left;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;align-self:flex-end;font-size:14px} /* 盒子右下（整盒標題與列表靠左） */
/* 沒封面的文章改引言卡：標題放大加引號 */
.m2l-card.is-text{background:var(--m2-raised);border-color:var(--m2-divider)}
.m2l-card.is-text .m2l-card__body{padding:22px 22px 16px;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{font-size:12px}
@media (max-width:1080px){.m2l-talk{grid-template-columns:minmax(0,1fr);gap:10px}.m2l-talk__more{justify-self:end}}
@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){
  /* 地區只用一種選法（2026-10-31 Sam）：手機只留地區籤、不放地圖（地圖太小容易點錯）；電腦只留地圖，籤只留地圖上沒有的「全部」「全台通用」 */
  .m2t-head .m2-wrap{display:block}
  .m2t-head .m2-wrap > .m2t-map{display:none}
}
@media (min-width:761px){.m2t-head .m2l-chips a.is-map{display:none!important}} /* !important：daisyUI（mmc2-ui.css）不在圖層裡，會蓋過這裡 */
.m2t-map .m2t-map__lab{font-family:var(--m2-body);font-size:6.5px;font-weight:700;letter-spacing:.06em}
/* ===== 2026-10-25 第二輪：玩活動 LINE 通知（Sam 選；年表 2026-11-08 拿掉） ===== */
.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;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}
/* ===== 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)}}
.m2p-units li:last-child:nth-child(odd){grid-column:1 / -1} /* 單數張時最後一張撐滿整排，右邊不空一格（2026-10-31） */
/* ===== 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-act{margin:0 16px 10px;display:flex;justify-content:flex-end}
.m2l-author__follow{margin:14px 0 0}
.m2-author{max-width:700px;margin:28px 0 0;padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--m2-raised);border:1px solid var(--m2-divider);border-radius:10px}
.m2-author__who{flex:1 1 220px;min-width:0;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.m2-author__who img,.m2-author__who .m2w-ph{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--m2-surface)}
.m2-author__who span:not(.m2w-ph){display:flex;flex-direction:column;gap:2px;min-width:0}
.m2-author__who b{font-size:16px;color:var(--m2-dark)}
.m2-author__who small{font-size:13px;line-height:1.6;color:var(--m2-muted)}
.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}
@media (min-width:761px){.m2w-best a{min-height:calc(1.65em * 2)}} /* 代表作固定留兩行：同一排的「代表作」標籤在同一條線上（2026-10-31） */
.m2w-best a:hover{color:var(--m2-accent-ink);text-decoration:underline;text-underline-offset:3px}
/* 作者頁頁頭：大頭照＋名字一列，下面簡介、篇數與主要主題、代表作（10-25 補，跟作家列表同一份資料） */
.m2l-author{display:flex;align-items:center;gap:16px}
.m2l-author .m2l-title{margin:0}
.m2l-author__img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--m2-raised);border:2px solid var(--m2-raised);box-shadow:0 2px 10px rgba(40,37,32,.08)}
.m2l-author__img.m2w-ph{font-size:28px}
.m2l-author__best{margin:14px 0 0;padding:12px 0 0;max-width:720px}
@media (max-width:760px){.m2l-author{gap:12px}.m2l-author__img{width:56px;height:56px}.m2l-author__img.m2w-ph{font-size:22px}}
/* ===== 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;-webkit-overflow-scrolling:touch}
  body.mmc2-shell #primary .entry-content :is(th,td){overflow-wrap:normal;word-break:normal;min-width:5em}
}
/* 舊專題目錄（/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 :is(#profile_form,#author_singup_form) :is(table,tbody,tr,td){display:block;width:100%!important;border:0!important;background:none!important}
  .mmc2-shell :is(#profile_form,#author_singup_form) td{padding:0 0 18px!important}
  .mmc2-shell :is(#profile_form,#author_singup_form) fieldset{margin:0!important;padding:0!important;border:0!important;min-width:0}
  .mmc2-shell :is(#profile_form,#author_singup_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 :is(#profile_form #user_name_all,#author_name_all){display:flex;gap:8px;max-width:460px}
  .mmc2-shell :is(#profile_form #user_name_all,#author_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 .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 .-buttons{text-align:left!important}
body.page-template-template-contact #mmcContactForm .-buttons input{min-width:200px;min-height:48px}
body.page-template-template-contact #mmcContactForm .field{margin:0 0 18px}
body.page-template-template-contact #mmcContactForm .err{margin-top:6px;font-size:13px;color:var(--color-error)}
body.page-template-template-contact #mmcContactForm .-error :is(input,select,textarea){border-color:var(--color-error)!important}
body.page-template-template-contact #primary .titlecontainer > div:first-child{margin:0 0 24px;padding:20px 22px!important;border:0!important;background:var(--color-base-200);border-radius:var(--radius-box);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)}
/* 舊介面第三批（2026-11-09）：作家申請說明、作家申請表、取消訂閱，跟會員中心同一套 */
.mmc2-shell .m2-hint{margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--m2-muted)}
.mmc2-shell .m2-blank[hidden]{display:none} /* .m2-blank 的 display:flex 會蓋掉 hidden（聯絡我們的送出成功） */
.mmc2-shell .m2-err:empty{display:none}
.mmc2-shell .m2-err{margin:8px 0 0;font-size:14px;color:var(--color-error)}
.mmc2-shell #primary :is(.m2-readme,.m2-unsub,.author-form){padding:32px!important;text-align:left;font-size:16px;line-height:1.9;color:var(--m2-text)}
.mmc2-shell #primary .m2-readme h2{margin:0 0 8px;font-size:26px}
.mmc2-shell #primary .m2-readme h3{margin:28px 0 12px;font-size:20px}
.mmc2-shell #primary :is(.m2-readme,.m2-unsub) :where(p){margin:0} /* 權重比下面的按鈕列低，按鈕列的上距才有用 */
.m2-readme__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none}
.m2-readme__list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 12px;margin:0;padding:16px;border-radius:var(--radius-box);background:var(--color-base-200);font-size:15px;line-height:1.8}
.m2-readme__list svg{grid-row:span 2;width:24px;height:24px;margin-top:2px;color:var(--m2-accent-ink)}
.m2-readme__list b{font:700 16px/1.5 var(--m2-heading);color:var(--m2-dark)}
.mmc2-shell #primary :is(.m2-readme__go,.m2-unsub__acts){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 16px;margin-top:28px} /* 按鈕放讀完的位置（右下）；取消在左、主要在右 */
.mmc2-shell #primary .author-form{border:0;background:none}
@media (max-width:760px){.mmc2-shell #primary :is(.m2-readme,.m2-unsub,.author-form){padding:20px!important}.m2-readme__go .m2-btn{width:100%}}

@container (max-width:231px){.m2-product .m2-product__body{padding-left:8px;padding-right:8px}.m2-product__cat .m2-product__hot{padding:0 6px}.m2-product__price{min-height:52.5px}.m2-product__price s{display:block}} /* 窄卡片：左右內距、標籤內距縮小，原價換到下一行 */
/* 購安心好物：過去 30 分鐘 2 人以上看過時的「N 人正在看」，接在分類後面同一行（手機、電腦一樣）；放不下時分類用「…」，標籤一定完整 */
.m2-product__cat>:first-child{overflow:hidden;text-overflow:ellipsis}
@container (max-width:150px){.m2-product__cat:has(.m2-product__hot)>:first-child{display:none}} /* 最窄的手機（約 340 寬以下）分類只剩一個字，有標籤時乾脆不放分類（2026-11-09 Sam 定） */
.m2-product__hot{display:block;flex:none;padding:0 8px;line-height:20px;border-radius:999px;background:var(--m2-accent-100);color:var(--m2-accent-ink);font-size:12px;font-weight:700;white-space:nowrap} /* 標籤不加上下內距、固定 20px 高，分類行高度才不會因為有沒有標籤而不同 */
/* ───────── 首頁 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}
/* 「再看 5 篇」只有手機用；mmc2-ui.css 的按鈕樣式不在圖層裡、會蓋過這裡，所以要加 !important */
.m2h-top__toggle{display:none!important}
/* 數字放在「媽媽們在聊」標題下，小一號 */
.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-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:44px;padding:0 18px;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:flex!important;width:100%;margin-top:12px;font:700 14px var(--m2-body);cursor:pointer}
  /* 依孩子年齡：一排可左右滑的按鈕 */
  .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:var(--color-field-line)!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）。
   舊專題內文（.wrapper、.content）不在這裡一律改灰：經前症候群、不孕症等專題的 .wrapper 是紅底、粉紅底配白字，改灰反而看不到；交給 mmc2.js 照實際底色調 */
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}
/* 舊專題的投票：按鈕寫死行內舊粉紅 #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}
/* 我的收藏：舊佈景行內樣式 .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}}}
/* 會員中心「你想多看哪些內容？」、駐站資料、作家申請的寫作類型：一排三顆的選項鈕（2026-11-08 J5）。
   舊樣式 profile_base.css（≤500 寬）用 !important 把整排寫死成「螢幕寬 − 42px」、每顆「33vw − 18px」，沒算到新版外框的左右邊距，
   右邊一欄超出白框；mmc2 層那條一排三顆的寫法被舊 !important 蓋掉，所以放在這層。 */
@layer mmc2-force{@media (max-width:1279px){
  body.mmc2-shell #primary :is(#profile_form,#author_singup_form) :is(#user_acquire_all,#u_a_writing_style,#author_writing_style){display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  body.mmc2-shell #primary :is(#profile_form,#author_singup_form) :is(#user_acquire_all,#u_a_writing_style,#author_writing_style) > legend{flex:0 0 100%}
  body.mmc2-shell #primary :is(#profile_form,#author_singup_form) :is(#user_acquire_all,#u_a_writing_style,#author_writing_style) label.ripplelink{width:calc((100% - 16px) / 3)!important;margin:0!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} /* 孕期神隊友等舊頁的樣式強制給按鈕加外距，選單鈕被擠歪 */
  body.mmc2-shell .m2-shell-head :is(.m2l-head,.m2-wrap,.m2-kicker,.m2l-title,.m2l-desc){text-align:left!important} /* 舊特企頁的樣式把新版標題區改成置中，跟其他頁不一致 */
  body.mmc2-shell #vce-main{overflow-x:clip!important}
  body.mmc2-shell :is(.bodylineLeft,.bodylineRight,.bodylineTop,.bodylineBottom){display:none!important} /* 親子旅遊玩透透：固定在畫面左右的螢光黃裝飾線，套上新版外框後變成整頁一圈黃框 */
  body.mmc2-shell .m2-shell-bottom{position:relative!important;left:50%!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:0!important} /* 取消訂閱等頁：新版頁尾被包在舊頁有左右內距的框裡縮進去，撐回整個畫面寬 */ /* 舊活動頁內容比手機寬（414～1185px），整頁會左右晃：超出的部分切掉（10-25 全站掃描約 25 頁） */
  body.mmc2-shell .m2-shell-bottom{clear:both!important} /* 美麗小心機等舊專題的整塊內容是浮動的（float:left），新版頁尾沒有排到它下面，深色底整片蓋住內文（10-25 對比檢查發現） */
  /* 美麗小心機：兩組「常見的 NG 行為」清單一條一條輪流淡入（淡紫底白字 2.5:1），自動修正量不到淡入中的字，有的改深有的沒改；整組直接用深色。
     「看神器介紹」按鈕是漸層底（白到淡粉紅）配粉紅字 2.9:1，自動修正不處理漸層底，字改品牌深桃紅 */
  body.mmc2-shell.page-template-template-mmcEditor201703 .BOX .Ani :is(h4.qq,li){color:rgb(31,27,23)!important}
  body.mmc2-shell.page-template-template-mmcEditor201703 .editorbox>a{color:#823A53!important}
  @media (max-width:760px){body.mmc2-shell :is(#floatingButtom,.floatBtn>a){bottom:calc(64px + env(safe-area-inset-bottom,0px) + 8px)!important}}
}
/* 舊頁的一般連結：舊佈景是 #DC4776（白底 4.0:1，不到標準），改品牌桃紅。
   放在 legacy 層（不是 mmc2 層）當預設值：舊頁沒另外指定的連結用桃紅，各專題自己設計的連結色（例如紅底白字）照舊。
   原本放在 mmc2 層，層的優先順序蓋過所有舊樣式，把三十幾個舊專題的白字連結改成桃紅、壓在紅底上看不清楚（10-25 全站掃描） */
@layer legacy{:where(body.mmc2-shell) a{color:var(--m2-accent)}}

/* ───────── 舊頁外框補強（2026-10-31，10-30 審查放大截圖發現）───────── */
@layer mmc2{
/* 新版頁尾、手機底部列不受舊樣式影響：舊專題常直接改 footer、p、a（例如孕期神隊友 footer{height:80px;text-align:center} 讓頁尾只剩 80px 高、
   內容溢出被米色底切過、文字置中；footer p{line-height:80px} 把欄標題撐開）。這裡把舊樣式可能動到、新版沒指定的屬性都設回預設；
   用 :where() 不加權重，新版頁尾自己的樣式照樣優先。SVG 圖示不碰（寬高寫在屬性上，設 auto 會變大） */
:where(.m2-shell-bottom){font-weight:400;font-style:normal;text-transform:none;text-indent:0;text-shadow:none;word-spacing:normal;white-space:normal}
:where(.m2-shell-bottom) :where(.m2-footer,.m2-footer *,.m2-tabbar,.m2-tabbar *,.m2-me,.m2-me *):not(svg,svg *){height:auto;min-height:0;max-height:none;width:auto;min-width:0;max-width:none;margin:0;padding:0;float:none;position:static;inset:auto;text-align:inherit;text-indent:0;text-transform:inherit;text-decoration:none;text-shadow:none;font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none;visibility:inherit;vertical-align:baseline;list-style:none;white-space:inherit;overflow:visible;filter:none;clip-path:none;z-index:auto}
:where(.m2-shell-bottom) .m2-footer{display:block}
/* 手機：舊頁靠下的整條固定列（分享到 Facebook／LINE、報名橫幅）在新版頁尾上面留的位置（mmc2.js 讓那條跟著這塊捲） */
.m2-legacy-dock{clear:both;display:block}
/* 舊版文章外框（活動文章）：作者框、分享、留言區原本寫死 760／650px 寬再往左拉，手機超出畫面右邊被切 */
body.mmc2-shell #extra_article_content{width:auto;max-width:100%;margin-left:0;margin-right:0}
body.mmc2-shell #extra_article_content :is(section,div,form,ul,table,iframe){max-width:100%}
body.mmc2-shell #extra_article_content :is(a,h3,h4,p,span,label){overflow-wrap:anywhere}
/* 作者沒有大頭照（例如「廣編企劃」）：放新版預設大頭照，不留一塊空白 */
body.mmc2-shell .author-box .data-image a:not(:has(img)){display:block;width:72px;height:72px;margin:0 auto;border-radius:50%;background:var(--m2-accent-100) url("avatar-default.svg") center/cover no-repeat}
/* 舊特企在手機自己的頁首（防疫特企、2023 兔年）：新版頁首已有網站標誌，舊標誌拿掉；專題選單鈕保留，旁邊寫「專題選單」 */
body.mmc2-shell .b-header>h1,body.mmc2-shell #fixedTopMenu .logo{display:none}
@media (max-width:1200px){
  body.mmc2-shell .b-header{height:48px;background:var(--m2-raised);border-bottom:1px solid var(--m2-divider);box-shadow:none}
  body.mmc2-shell .b-header::before{content:"專題選單";position:absolute;right:56px;top:0;line-height:48px;font:700 14px/48px var(--m2-body);color:var(--m2-text)}
}
@media (max-width:767.9px){
  body.mmc2-shell #fixedTopMenu{background:var(--m2-raised);border-bottom:1px solid var(--m2-divider);box-shadow:none}
  body.mmc2-shell #fixedTopMenu::before{content:"專題選單";position:absolute;right:52px;top:0;font:700 14px/48px var(--m2-body);color:var(--m2-text)}
}
/* 經前症候群專題（/feature/pms/）：四張卡片內文長短不一，底部連結高低不齊 → 連結一律排在卡片最下面 */
/* 2019 待產包、腸病毒專題（/feature/childbirth/、/feature/vibriosis/）的勾選清單：方框包在 label 裡，範本只會畫「input + label」的假方框，
   又把真方框設成 appearance:none，勾了看不見（11-03 實測 A21）；改回瀏覽器原生方框，跟 /feature/preschool/ 一樣 */
:is(body.page-template-template-mmcEditor20190416,body.page-template-template-mmcEditor20190501) .checkbox>input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;display:inline-block;float:none;width:1em;height:1em;margin:0 .4em 0 0;vertical-align:-.1em;opacity:1;accent-color:var(--m2-accent)}
body.mmc2-shell.page-template-template-mmcEditor20190315 .features article{display:flex;flex-direction:column}
body.mmc2-shell.page-template-template-mmcEditor20190315 .features article>a.special{margin-top:auto;align-self:flex-start}
/* 享受屬於你的小時光（/learn/collection/enjoyyourself/）手機拉霸：三格位置寫死給 414px 寬的手機，390px 寬時字偏右、長的字（被小鮮肉要電話）溢出框外。
   改照拉霸底圖的比例排（底圖 846×411，三個窗格位置照桌機版換算），字縮小到放得進格子 */
@media (max-width:670px){
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .content{height:auto;aspect-ratio:846/411;container-type:inline-size}
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .content .slot_bg{background-size:100% auto}
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .slot{width:27.78cqw;height:22.4cqw;margin-top:10.67cqw;font-size:clamp(13px,4.4cqw,22px);line-height:1.25;letter-spacing:0}
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .slot.slot1{margin-left:4.93cqw}
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .slot.slot2{margin-left:2.7cqw}
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .slot.slot3{margin-left:3.05cqw}
  body.mmc2-shell.page-template-template-mmcEditor201609 .slot_machine .slot .slotMachineContainer>div{height:22.4cqw;padding:0 7%}
}
/* 頁尾連結（手機 2026-11-01 設計試審 H6，電腦版 2026-11-05 逐頁檢查）：原本 21px 高、間隔 8px，一個一個疊著放不下外框，改成每個 44px 高、間隔拿掉 */
.m2-footer__grid>div{gap:0}
.m2-footer__grid>div>a,.m2-footer__h a{display:flex;align-items:center;min-height:44px}
.m2-footer__h{display:flex;align-items:center;min-height:44px;margin:0} /* 欄標題一樣高，各欄的連結才對得齊（「學知識」欄標題本身是連結） */
/* 電腦版頁首（2026-11-05 逐頁檢查 C001–C010）：頻道、登入、學知識分類列與下拉選單的連結補到 44px 高，字和位置不變 */
@media (min-width:761px){
  .m2-nav a,.m2-util,.m2-cats__sub a{display:flex;align-items:center;min-height:44px;padding-block:0}
  /* 第二層分類列：外觀不變，可點範圍用透明偽元素往上下補到 44px */
  .m2-cats__item>a{position:relative}
  .m2-cats__item>a::before{content:"";position:absolute;inset:-4px 0}
}
/* 手機上不到 44px 的可點東西（2026-11-01 設計試審 H6）：字和位置不變，可點範圍用負外距＋內距或透明外框補到 44px */
@media (max-width:760px){
  /* 麵包屑：上下用負外距抵掉內距，排版高度不變 */
  .m2-crumb{align-items:center}
  .m2-crumb a{display:inline-flex;align-items:center;min-height:44px;margin:-12px -10px;padding:0 10px}
  /* 頻道小按鈕（40px）、熱門搜尋（36px）：透明外框往上下補 */
  .m2h-chips a,.m2d-hot a{position:relative}
  .m2h-chips a::after{content:"";position:absolute;inset:-2px 0}
  .m2d-hot a::after{content:"";position:absolute;inset:-4px 0}
  .m2-js .m2-nav.is-open .m2-drawer-cats details a{padding-block:11px}
}
/* 2023 兔年小遊戲的「關閉小遊戲」（mmc2.js 加的）：平常不顯示 */
.m2-game-close{display:none}
}
@layer mmc2-force{
  /* 舊樣式把 body 的底部留白歸零（!important），手機捲到底版權被底部選單蓋住（2023 兔年特企） */
  @media (max-width:760px){body.mmc2-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}}
  /* 舊佈景 additional_css.css 用 !important 強制顯示 LINE 分享浮動鈕（#sliderLineMB），上面 mmc2 層的「拿掉」蓋不過，手機一直浮在內文上 */
  body.mmc2-shell :is(#sliderLineMB,#back-top){display:none!important}
  /* 舊佈景捲動後複製一份舊頁首（#sticky_header）固定在最上面，新版已有頁首，不要 */
  body.mmc2-shell #sticky_header{display:none!important}
  /* 手機：舊專題的自訂捲軸（niceScroll，#ascrail2000）整條固定在右邊，壓到底部選單；手機用手指捲，不需要 */
  @media (max-width:760px){body.mmc2-shell [id^="ascrail"]{display:none!important}}
  html.m2-game-on .m2-game-close{position:sticky!important;top:12px!important;z-index:5!important;float:right;display:inline-flex!important;align-items:center;gap:6px;min-width:0!important;min-height:44px!important;margin:12px 12px -56px 0!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:rgba(40,37,32,.85)!important;color:#fff!important;font:700 15px/1 var(--m2-body)!important;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)!important}
  html.m2-game-on .m2-game-close:focus-visible{outline:3px solid var(--m2-accent)!important;outline-offset:2px}
}

/* ───────── 資料驅動區塊（2026-10-31，dd.php）：這個時段媽媽常看、最近又熱起來、這幾天適合看、大家在搜什麼 ───────── */
/* 這個時段媽媽常看：主橫幅正下方一條，三篇並排（手機一篇一行） */
.m2d-slot{margin-top:28px}
/* 2026-10-31 文案審查：標題只剩時段短標（夜深了，讀一篇／午休讀…），不再是粉紅小膠囊加一句說明，改成一般的區塊標題 */
.m2d-slot__h{margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:700 19px/1.5 var(--m2-heading);letter-spacing:.04em;color:var(--m2-dark)}
.m2d-slot__when{display:inline}
.m2d-slot__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.m2d-slot__list a{height:100%;display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--m2-divider)}
.m2d-slot__list b{font-size:15px;line-height:1.55;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2d-slot__list small{margin-top:auto;font-size:12px;color:var(--m2-muted)}
.m2d-slot__list a:hover b{color:var(--m2-accent-ink)}
/* 最近又熱起來、這幾天適合看：跟「玩活動」同樣的標題＋小字列表 */
.m2d-pair--one{grid-template-columns:minmax(0,1fr)}
.m2d-list{list-style:none;margin:0;padding:0}
.m2d-list li{border-bottom:1px solid var(--m2-divider)}
.m2d-list a{display:flex;flex-direction:column;gap:4px;padding:14px 0}
.m2d-list b{font-size:15.5px;line-height:1.55;color:var(--m2-dark);word-break:keep-all;overflow-wrap:anywhere}
.m2d-list a:hover b{color:var(--m2-accent-ink)}
.m2d-list small{font-size:12.5px;color:var(--m2-muted)}
.m2d-why{color:var(--m2-accent-ink);font-weight:700}
/* 大家在搜什麼：關鍵字膠囊（同分類頁子分類的樣子） */
.m2d-hot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.m2d-hot__h{flex-basis:100%;margin:0;font:700 13px/1.5 var(--m2-body);letter-spacing:.04em;color:var(--m2-muted)}
.m2d-hot 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;color:var(--m2-text);white-space:nowrap}
.m2d-hot a:hover{border-color:var(--m2-accent);color:var(--m2-accent-ink)}
.m2d-hot--home{margin-top:40px}
.m2d-hot--home .m2d-hot__h{font:700 18px/1.5 var(--m2-heading);color:var(--m2-dark);margin-bottom:4px}
.m2d-hot--page{margin-top:16px;max-width:640px}
/* 電腦版頁首搜尋框下的下拉 */
.m2-search{position:relative}
.m2d-hot--drop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:300px;padding:14px;border-radius:10px;background:var(--m2-raised);border:1px solid var(--m2-divider);box-shadow:0 10px 30px rgba(40,37,32,.12)}
.m2d-hot--drop[hidden]{display:none}
.m2d-hot--drop a{min-height:32px;padding:0 12px;font-size:13px}
/* 手機搜尋列下面 */
.m2d-hot--m{display:none}
@media (max-width:760px){
  .m2-msearch:not([hidden]){flex-wrap:wrap}
  .m2d-hot--m{display:flex;flex-basis:100%;gap:8px;padding-top:4px}
  .m2d-hot--m .m2d-hot__h{font-size:12.5px}
  .m2d-hot--drop{display:none!important}
  .m2d-slot{margin-top:20px}
  .m2d-slot__list{grid-template-columns:minmax(0,1fr)}
  .m2d-slot__list a{padding:11px 0}
  .m2d-slot__list b{font-size:15px}
  .m2d-hot--home{margin-top:32px}
}
/* 主橫幅候選、下面區塊的備用卡（hero-pick.js）：藏起來的一定要藏住（.m2h-slide、.m2-product 本身有 display）；圖址還沒放回的不佔位 */
[data-m2-dup][hidden]{display:none!important}
.m2h-slide__img:not([src]){display:none}

/* ===== 手機字級（2026-11-06）：長文 17px、卡片標題 16px、小字至少 13px；電腦版不動 ===== */
@media (max-width:760px){
  body.mmc2-shell #primary :is(.entry-content,.main-box-inside,.page-content){font-size:17px}
  .m2-brief__t{font-size:16.5px}
  .m2-toc a,.m2-toc a::before{font-size:16px}
  .m2-toc__l3 a{font-size:15px}
  .m2-card__title,.m2h-row .m2h-read__title{font-size:16px}
  .m2h-deal__body b{font-size:15.5px}
  .m2l-card__ex{font-size:14.5px}
  .m2-cover .m2-kicker .m2-en,.m2-h2 .m2-en,.m2-card__cat,.m2-product__cat,.m2-product__price,.m2-footer__en,.m2h .m2-kicker,.m2h .m2-kicker .m2-en,.m2h-door .m2-en,.m2h-door small,.m2h-deal__price,.m2h-top__t small,.m2l .m2-kicker,.m2l .m2-kicker .m2-en,.m2l-card__cat,.m2l-card__date,.m2l-card.is-text .m2l-card__cat,.m2t-n,.m2t-area,.m2w-body small,.m2k-door span,.m2k-chips em,.m2-product__hot,.m2d-slot__list small{font-size:13px}
}