/* Forum layout D (2026-10): category chips and thread pages of B, most viewed cover of C2, vertical masthead of C3.
   Scoped to body.mmc-d (common/header.php); the old header stays in the page, hidden here. */

body.mmc-d {
	--plum: #3B1452;
	--plum-line: #6B4A78;
	--plum-text: #E9DDF1;
	--ink: #221A28;
	--muted: #5E5466;
	--line: #EEE7F2;
	--line-strong: #DCD2E3;
	--soft: #F4EEF8;
	--softer: #FAF7FC;
	--coral: #FFB59A;
	--coral-soft: #FFE7DD;
	--coral-ink: #8A3415;
	--fresh: #B0401A;
	--mi-fill: #E3D3EE;
	--serif: 'Noto Serif TC', 'Songti TC', 'PMingLiU', serif;
	--sans: -apple-system, 'PingFang TC', 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
	--mast-w: 168px;
	--gutter: 40px;
	min-width: 0 !important;
	margin: 0;
	padding-right: var(--mast-w);
	background: #FFFFFF !important;
	color: var(--ink);
	font-family: var(--sans);
	-webkit-text-size-adjust: 100%;
}
body.mmc-d a { color: var(--plum); }
body.mmc-d :focus-visible { outline: 3px solid var(--coral); outline-offset: 2px; border-radius: 6px; }
body.mmc-d .wp, body.mmc-d #wp { width: auto !important; max-width: 1200px; box-sizing: border-box; }

/* old header: hidden (its scripts still look up its elements) */
body.mmc-d #headnav > .topbar,
body.mmc-d #headnav > .topbar_2,
body.mmc-d #headnav .fe-header,
body.mmc-d #headnav .header_hn,
body.mmc-d #headnav .head_bg,
body.mmc-d #mainMarquee { display: none !important; }

/* icons: two-tone (pale fill, plum line) */
.mmcd-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
body.mmc-d .mi { width: 20px; height: 20px; flex: none; fill: var(--mi-fill); stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }

/* vertical masthead */
.mmcd-mast {
	position: fixed; z-index: 90; top: 0; right: 0; bottom: 0; width: var(--mast-w); box-sizing: border-box;
	padding: 40px 0 28px; display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-start; gap: 20px;
	background: var(--plum); color: #FFFFFF;
}
body.mmc-d .mmcd-mast a { color: inherit; text-decoration: none; }
.mmcd-mast-name { writing-mode: vertical-rl; font-family: var(--serif); font-weight: 900; font-size: 84px; line-height: 1; letter-spacing: 0.08em; }
/* vertical-rl: a flex "row" runs top to bottom */
.mmcd-mast-info { writing-mode: vertical-rl; height: 100%; display: flex; flex-direction: row; gap: 18px; font-size: 14px; letter-spacing: 0.14em; color: var(--plum-text); }
.mmcd-mast-sub { font-weight: 700; font-size: 15px; color: var(--coral); }
.mmcd-mast-site { margin-top: auto; display: flex; flex-direction: row; gap: 14px; font-size: 13px; }
body.mmc-d .mmcd-mast-site a { color: var(--plum-text); }
body.mmc-d .mmcd-mast-site a:hover { color: #FFFFFF; text-decoration: underline; }
.mmcd-mast-menu { display: none; }

/* header bar */
.mmcd-hd { max-width: 1200px; margin: 0 auto; padding: 0 var(--gutter); box-sizing: border-box; }
.mmcd-bar { min-height: 76px; display: flex; align-items: center; gap: 8px; }
.mmcd-tabs { display: flex; gap: 4px; }
body.mmc-d .mmcd-tabs a { padding: 8px 16px; border-radius: 999px; color: #4A3F52; font-size: 16px; text-decoration: none; white-space: nowrap; }
body.mmc-d .mmcd-tabs a:hover { background: var(--soft); }
body.mmc-d .mmcd-tabs a[aria-current="page"] { background: var(--plum); color: #FFFFFF; font-weight: 700; }
.mmcd-search { margin: 0 0 0 auto; flex: 0 1 300px; min-width: 0; height: 44px; box-sizing: border-box; padding: 0 16px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--muted); background: #FFFFFF; }
.mmcd-search:focus-within { border-color: var(--plum); }
.mmcd-search input { flex: 1; min-width: 0; height: 40px; border: 0; padding: 0; background: transparent; font: inherit; font-size: 16px; color: var(--ink); outline: none; -webkit-appearance: none; }
.mmcd-user { display: flex; align-items: center; gap: 4px; }
body.mmc-d .mmcd-user > a { min-height: 44px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-size: 16px; text-decoration: none; white-space: nowrap; }
body.mmc-d .mmcd-user > a:hover { color: var(--fresh); }
body.mmc-d .mmcd-icon-link { position: relative; }
.mmcd-badge { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: var(--fresh); color: #FFFFFF; font-size: 12px; line-height: 18px; text-align: center; }
.mmcd-me span { max-width: 9em; overflow: hidden; text-overflow: ellipsis; }
body.mmc-d .mmcd-user > a.mmcd-post { margin-left: 4px; padding: 0 20px; border-radius: 999px; background: var(--coral); color: var(--ink); font-weight: 700; }
body.mmc-d .mmcd-user > a.mmcd-post:hover { background: #FF9F7E; color: var(--ink); }
body.mmc-d .mmcd-post .mi { --mi-fill: #FFFFFF; }

/* category chips */
.mmcd-cats { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 12px 0 14px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
body.mmc-d .mmcd-cats a { flex: 1 0 auto; height: 44px; padding: 0 8px; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--cat-bg, var(--soft)); color: var(--cat-fg, var(--plum)); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; border: 2px solid transparent; }
body.mmc-d .mmcd-cats a:hover { border-color: var(--cat-fg); }
body.mmc-d .mmcd-cats a[aria-current="page"] { border-color: var(--cat-fg); box-shadow: inset 0 0 0 1px var(--cat-fg); }
.mmcd-cats::-webkit-scrollbar { display: none; }
.mmcd-mark { font-family: var(--serif); font-weight: 900; font-size: 17px; }

/* page frame */
body.mmc-d #wp.wp { padding: 0 var(--gutter); }
body.mmc-d .wrap_box, body.mmc-d #ct, body.mmc-d .inside_box, body.mmc-d .boardnav { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.mmc-d .mmcd-h { margin: 0; font-family: var(--serif); font-weight: 900; font-size: 32px; line-height: 1.3; color: var(--ink); text-wrap: balance; }

/* thread list pages: one column (the categories, hot and stats of the side bars are in the header / under the list) */
body.mmc-d.pg_forumdisplay .forum-right,
body.mmc-d.pg_forumdisplay #sd_bdl,
body.mmc-d.pg_forumdisplay .boardnav > .left_nav { display: none !important; }
body.mmc-d.pg_forumdisplay .forum-left, body.mmc-d.pg_forumdisplay .forum-left .mn, body.mmc-d.pg_forumdisplay .boardnav, body.mmc-d.pg_forumdisplay #ct { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.mmc-d.pg_forumdisplay .boardnav { margin-top: 32px !important; }
body.mmc-d #threadlist { border: 0 !important; background: transparent !important; margin: 0; }

/* list heading and order tabs */
body.mmc-d .mmcd-listhead { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; height: auto !important; padding: 0 0 12px !important; margin: 0 !important; background: transparent !important; border: 0 !important; line-height: 1.4 !important; }
body.mmc-d .mmcd-listhead > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; float: none !important; width: auto !important; background: transparent !important; font-size: 0; }
body.mmc-d .mmcd-listhead .pipe { display: none; }
body.mmc-d .mmcd-listhead > div > a { min-height: 36px; padding: 0 16px !important; display: inline-flex; align-items: center; border: 1px solid var(--line-strong) !important; border-radius: 999px; background: #FFFFFF !important; color: #3B3042 !important; font-size: 15px !important; font-weight: 400 !important; text-decoration: none; float: none !important; margin: 0 !important; width: auto !important; height: auto !important; line-height: 1.4 !important; }
body.mmc-d .mmcd-listhead > div > a.xw1 { background: var(--ink) !important; border-color: var(--ink) !important; color: #FFFFFF !important; font-weight: 700 !important; }
body.mmc-d .mmcd-listhead > div > a::before, body.mmc-d .mmcd-listhead > div > a::after { display: none !important; }

/* thread rows */
body.mmc-d #threadlist .bm_c, body.mmc-d #threadlisttableid, body.mmc-d #threadlist form { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
body.mmc-d #threadlisttableid, body.mmc-d #threadlisttableid > tbody { display: block; width: 100% !important; }
body.mmc-d #threadlisttableid tbody#separatorline, body.mmc-d #threadlisttableid tbody.emptb { display: none; }
body.mmc-d tbody.mmcd-row { display: block; border-bottom: 1px solid var(--line); }
body.mmc-d tbody.mmcd-row:hover { background: var(--softer); }
body.mmc-d tbody.mmcd-row > tr { display: grid; grid-template-columns: 112px minmax(0, 1fr) 64px; align-items: center; column-gap: 20px; padding: 16px 0; }
body.mmc-d tbody.mmcd-row > tr > td, body.mmc-d tbody.mmcd-row > tr > th { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; width: auto !important; height: auto !important; text-align: left; font-weight: 400; }
body.mmc-d tbody.mmcd-row > tr > td.mmcd-mod { display: none; }
body.mmc-d .mmcd-when time { display: flex; flex-direction: column; line-height: 1.25; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
body.mmc-d .mmcd-when b { font-family: var(--serif); font-weight: 900; font-size: 20px; color: var(--ink); white-space: nowrap; }
body.mmc-d .mmcd-when b:not(:only-child) { letter-spacing: -0.01em; }
body.mmc-d .mmcd-when time.is-fresh b { color: var(--fresh); }
body.mmc-d a.mmcd-title { color: var(--ink) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.5; text-decoration: none; word-break: normal; overflow-wrap: anywhere; }
body.mmc-d a.mmcd-title:visited { color: #5A4A66 !important; }
body.mmc-d a.mmcd-title:hover { color: var(--fresh) !important; text-decoration: underline; text-underline-offset: 3px; }
body.mmc-d .mmcd-meta { margin-top: 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14px; color: var(--muted); font-variant-numeric: tabular-nums; }
body.mmc-d a.mmcd-chip { padding: 1px 8px; border-radius: 6px; background: var(--cat-bg); color: var(--cat-fg) !important; font-size: 12px; font-weight: 700; text-decoration: none; }
body.mmc-d .mmcd-author + .mmcd-views::before { content: "·"; margin-right: 10px; }
body.mmc-d .mmcd-tag { display: inline-block; margin-right: 6px; padding: 0 6px; border-radius: 5px; background: var(--soft); color: var(--plum); font-size: 12px; font-weight: 700; vertical-align: 2px; }
body.mmc-d .mmcd-tag.is-pin { background: var(--plum); color: #FFFFFF; }
body.mmc-d .mmcd-tag.is-digest { margin: 0 0 0 6px; background: var(--coral-soft); color: var(--coral-ink); }
body.mmc-d .mmcd-replies { justify-self: end; }
body.mmc-d a.mmcd-bubble { min-width: 44px; height: 34px; padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 12px 12px 12px 4px; background: var(--coral-soft); color: var(--coral-ink) !important; font-weight: 900; font-variant-numeric: tabular-nums; text-decoration: none; }
body.mmc-d a.mmcd-bubble:hover { background: var(--coral); }

/* sponsored row inside the list */
body.mmc-d #threadlisttableid > tbody:not(.mmcd-row):not(#separatorline):not(.emptb) { display: block; border-bottom: 1px solid var(--line); }
body.mmc-d #threadlisttableid > tbody:not(.mmcd-row) > tr { display: flex; align-items: center; gap: 16px; padding: 12px 0; }
body.mmc-d #threadlisttableid > tbody:not(.mmcd-row) td.icn { display: none; }
body.mmc-d #threadlisttableid > tbody:not(.mmcd-row) th { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 16px; padding: 0 !important; border: 0 !important; }
body.mmc-d #threadlisttableid > tbody:not(.mmcd-row) .foruminfo { width: 96px; margin: 0; }
body.mmc-d #threadlisttableid > tbody:not(.mmcd-row) .foruminfo .flags { display: none; }

/* page links */
body.mmc-d .npgs, body.mmc-d #pgt { background: transparent !important; border: 0 !important; margin: 24px 0 0 !important; }
body.mmc-d .pg { display: flex; flex-wrap: wrap; gap: 6px; float: none; }
body.mmc-d .pg a, body.mmc-d .pg strong, body.mmc-d .pg label { min-width: 44px; height: 44px; padding: 0 12px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line-strong) !important; border-radius: 12px; background: #FFFFFF !important; color: var(--ink) !important; font-size: 15px; float: none !important; margin: 0 !important; line-height: 1 !important; }
body.mmc-d .pg strong { background: var(--plum) !important; border-color: var(--plum) !important; color: #FFFFFF !important; }
body.mmc-d .pg a.nxt, body.mmc-d .pg a.prev { background-image: none !important; padding: 0 16px !important; }
body.mmc-d .pg label input { width: 3em; height: 30px; border: 0; text-align: center; font: inherit; }
body.mmc-d #autopbn, body.mmc-d .pgbtn a { min-height: 48px; display: flex !important; align-items: center; justify-content: center; border-radius: 12px; background: var(--soft) !important; color: var(--plum) !important; font-weight: 700; border: 0 !important; }

/* most viewed lately */
.mmcd-hot { margin: 48px 0 16px; }
.mmcd-hot-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-bottom: 18px; }
.mmcd-hot-note { font-size: 15px; color: var(--muted); }
.mmcd-hot-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); grid-auto-rows: minmax(150px, auto); gap: 16px; }
.mmcd-hot-item { border-radius: 20px; background: var(--cat-bg); color: var(--ink); }
.mmcd-hot-item.is-first { grid-row: span 2; background: var(--plum); color: #FFFFFF; }
body.mmc-d .mmcd-hot-item a { height: 100%; box-sizing: border-box; padding: 22px 26px; display: flex; flex-direction: column; gap: 6px; color: inherit; text-decoration: none; border-radius: 20px; }
body.mmc-d .mmcd-hot-item a:hover .mmcd-hot-title { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.mmcd-hot-item.is-first a { padding: 32px 36px; gap: 12px; }
.mmcd-hot-rank { font-family: var(--serif); font-weight: 900; font-size: 40px; line-height: 1; color: var(--cat-fg); }
.mmcd-hot-item.is-first .mmcd-hot-rank { font-size: 76px; line-height: 0.9; color: var(--coral); }
.mmcd-hot-cat { align-self: flex-start; font-size: 14px; font-weight: 700; color: var(--cat-fg); }
.mmcd-hot-item.is-first .mmcd-hot-cat { padding: 2px 10px; border-radius: 6px; background: var(--cat-bg); }
.mmcd-hot-title { font-family: var(--serif); font-weight: 900; font-size: 22px; line-height: 1.4; text-wrap: pretty; }
.mmcd-hot-item.is-first .mmcd-hot-title { font-size: 36px; line-height: 1.3; }
.mmcd-hot-meta { margin-top: auto; padding-top: 8px; font-size: 14px; color: #4A3F52; font-variant-numeric: tabular-nums; }
.mmcd-hot-item.is-first .mmcd-hot-meta { font-size: 15px; color: var(--plum-text); }

/* new thread box: opened by the 發表話題 button */
body.mmc-d.pg_forumdisplay #f_pst { display: none; }
body.mmc-d.pg_forumdisplay.mmcd-posting #f_pst { display: block; margin: 0 0 24px; padding: 20px; border-radius: 16px; background: var(--soft); border: 0; }


/* ===== thread page ===== */
body.mmc-d.pg_viewthread #ct { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px 48px; margin: 32px 0 0 !important; float: none; width: auto !important; }
body.mmc-d.pg_viewthread .forum-left { order: -1; flex: 1 1 0; min-width: 0; max-width: 760px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.mmc-d.pg_viewthread #thread_end { order: 1; flex: 1 1 100%; }
body.mmc-d.pg_viewthread .forum-right { flex: 0 0 300px; float: none !important; width: 300px !important; margin: 0 !important; padding: 0 !important; }
body.mmc-d #postlist, body.mmc-d #postlist > table, body.mmc-d #postlist > table > tbody, body.mmc-d #postlist > table > tbody > tr { display: block; width: auto !important; border: 0 !important; background: transparent !important; margin: 0; padding: 0; }
body.mmc-d #postlist td.pls { display: none !important; }
body.mmc-d #postlist td.plc { display: block; padding: 0 !important; border: 0 !important; width: auto !important; }
body.mmc-d #pt { display: flex; justify-content: flex-end; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; height: auto !important; }
body.mmc-d #pt .z { display: none; }
body.mmc-d #pt .y { float: none; }
body.mmc-d #pt .y a { min-height: 40px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--plum) !important; font-size: 14px; text-decoration: none; }
body.mmc-d #pt .y a i { font-style: normal; font-size: 14px !important; display: inline-flex; align-items: center; gap: 6px; }
body.mmc-d #pt .y img { width: 16px; height: 16px; }
body.mmc-d .threadSocial { float: none !important; margin: 12px 0 0 !important; border: 0 !important; background: transparent !important; }
.mmcd-thread-head { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: -40px; }
body.mmc-d a.mmcd-back { min-height: 36px; padding: 0 12px 0 6px; display: inline-flex; align-items: center; gap: 2px; border-radius: 10px; background: var(--cat-bg); color: var(--cat-fg) !important; font-size: 14px; font-weight: 700; text-decoration: none; }
body.mmc-d a.mmcd-back .mi { width: 18px; height: 18px; fill: none; stroke-width: 2.2; }
body.mmc-d .mmcd-thread-title { margin: 0; font-family: var(--serif) !important; font-weight: 900 !important; font-size: 34px !important; line-height: 1.35 !important; color: var(--ink) !important; text-wrap: balance; word-break: keep-all; overflow-wrap: anywhere; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.mmc-d .mmcd-thread-title span { font: inherit !important; color: inherit !important; }
.mmcd-thread-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 14px; color: var(--muted); font-variant-numeric: tabular-nums; }
/* floors */
body.mmc-d #postlist > div[id^="post_"] { padding: 20px 0; border-bottom: 1px solid var(--line); }
body.mmc-d #postlist table.plhin { display: block; width: auto !important; border: 0 !important; background: transparent !important; margin: 0 !important; }
body.mmc-d #postlist table.plhin > tbody, body.mmc-d #postlist table.plhin > tbody > tr { display: block; }
body.mmc-d #postlist table.plhin > tbody > tr.ad, body.mmc-d #postlist .pi, body.mmc-d #postlist .plm:empty, body.mmc-d #postlist i.arr { display: none !important; }
body.mmc-d #postlist table.plhin > tbody > tr > td.plc { display: block; }
body.mmc-d #postlist .pct, body.mmc-d #postlist .pcb, body.mmc-d #postlist .t_fsz { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-height: 0 !important; }
body.mmc-d #postlist table.feedtb { margin: 0 !important; }
body.mmc-d #postlist table.feedtb, body.mmc-d #postlist table.feedtb > tbody, body.mmc-d #postlist table.feedtb > tbody > tr, body.mmc-d #postlist table.feedtb > tbody > tr > td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; }
/* floors without the feedtb class (some first posts) */
body.mmc-d #postlist table:has(td.list_feedback), body.mmc-d #postlist table:has(td.list_feedback) > tbody, body.mmc-d #postlist table:has(td.list_feedback) > tbody > tr, body.mmc-d #postlist table:has(td.list_feedback) > tbody > tr > td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; margin: 0 !important; }
body.mmc-d #postlist table.feedtb > tbody > tr:first-child, body.mmc-d #postlist tr:has(> td.list_feedback) { display: flex !important; align-items: flex-start; gap: 10px; }
body.mmc-d #postlist td.list_feedback { flex: none; width: auto !important; }
body.mmc-d #postlist td.list_feedback .avt_left { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.mmc-d #postlist td.list_feedback a { padding: 0 !important; display: block; }
body.mmc-d #postlist td.list_feedback img { width: 36px !important; height: 36px !important; border-radius: 12px; object-fit: cover; display: block; background: #E2D6EA; }
body.mmc-d #postlist td.t_f { flex: 1; min-width: 0; min-height: 36px; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; font-size: 14px !important; }
body.mmc-d #postlist td.t_f > .topicMessage { grid-column: 1 / -1; }
body.mmc-d #postlist .authorCardLeft { min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; float: none !important; width: auto !important; padding: 0 !important; }
body.mmc-d #postlist .authorInfo, body.mmc-d #postlist .authorOtherInfo, body.mmc-d #postlist .authorCardLeft em { float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; position: static !important; font-style: normal; }
body.mmc-d #postlist .authorOtherInfo .ico_reply { display: none !important; }
body.mmc-d #postlist .authorCardLeft { margin: 0 !important; padding: 0 !important; }
body.mmc-d #postlist a.authorName { color: var(--ink) !important; font-size: 15px !important; font-weight: 700; }
body.mmc-d #postlist .authorGroup { margin-left: 6px; font-size: 12px; color: var(--muted); }
body.mmc-d #postlist .inside_re { font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
body.mmc-d #postlist .authorCardRight { float: none !important; margin: 0 !important; }
body.mmc-d #postlist .flo { display: inline-block; width: auto !important; height: auto !important; white-space: nowrap; font-family: var(--serif); font-weight: 900; font-size: 15px !important; color: var(--fresh) !important; background: transparent !important; padding: 0 !important; }
body.mmc-d #postlist .topicMessage, body.mmc-d #postlist td.t_f + td, body.mmc-d #postlist .t_f > div:not([class]) { font-size: 17px !important; line-height: 1.75 !important; color: var(--ink) !important; }
body.mmc-d #postlist .topicMessage { margin: 12px 0 0 !important; padding: 0 !important; overflow-wrap: anywhere; }
body.mmc-d #postlist .topicMessage img { max-width: 100% !important; height: auto !important; border-radius: 8px; }
/* floor buttons */
body.mmc-d #postlist .po { margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; height: auto !important; }
body.mmc-d #postlist .pob { margin: 0 !important; float: none !important; }
body.mmc-d #postlist .pob em { display: flex; flex-wrap: wrap; gap: 8px; float: none !important; }
body.mmc-d #postlist .pob em a { float: none !important; margin: 0 !important; min-height: 40px; height: auto !important; line-height: 1.2 !important; padding: 0 14px !important; display: inline-flex !important; align-items: center; gap: 6px; border: 0 !important; border-radius: 12px; background: var(--soft) !important; color: var(--plum) !important; font-size: 14px !important; font-weight: 700; text-decoration: none; width: auto !important; text-indent: 0 !important; }
body.mmc-d #postlist .pob em a:hover { background: #EADFF2 !important; }
body.mmc-d #postlist .pob em a.replyadd_o, body.mmc-d #postlist .pob em a.replyadd { background: var(--coral-soft) !important; color: var(--coral-ink) !important; }
body.mmc-d #postlist .pob em a.replyadd_o::before, body.mmc-d #postlist .pob em a.replyadd::before { content: "推薦"; order: 0; margin-right: 2px; padding-left: 24px; white-space: nowrap; color: inherit; font-size: 14px; min-height: 18px; display: inline-flex; align-items: center; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.3A4.2 4.2 0 0112 7.3a4.2 4.2 0 017.5 2.4C19.5 15.4 12 20 12 20z' fill='%23FFC9B5' stroke='%238A3415' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 50% / 18px 18px; }
body.mmc-d #postlist .pob em a i { font-style: normal; display: inline-flex; align-items: center; }
body.mmc-d #postlist .pob em a img { display: none; }
body.mmc-d #postlist .pob em a font { order: 1; color: inherit !important; font-size: 14px !important; }
/* replies to a floor */
body.mmc-d #postlist table.inreply { margin: 14px 0 0 46px !important; padding: 12px 14px !important; border-radius: 12px; background: var(--softer) !important; }
body.mmc-d #postlist table.inreply + table.inreply { margin-top: 2px !important; border-top-left-radius: 0; border-top-right-radius: 0; }
body.mmc-d #postlist table.inreply td, body.mmc-d #postlist table.inreply .po, body.mmc-d #postlist table.inreply .pct, body.mmc-d #postlist table.inreply .pcb { background: transparent !important; }
body.mmc-d #postlist table.inreply td.list_feedback img { width: 26px !important; height: 26px !important; border-radius: 9px; }
body.mmc-d #postlist table.inreply .topicMessage { margin-top: 6px !important; font-size: 15px !important; }
body.mmc-d #postlist table.inreply .flo { display: none; }
body.mmc-d #postlist table.inreply .pob em a { min-height: 34px; font-size: 13px !important; }
/* side bar */
body.mmc-d #ct .forum-bar { margin: 0 0 32px !important; border: 0 !important; background: transparent !important; }
body.mmc-d #ct .forum-bar:has(.category-items) { display: none; }
body.mmc-d #ct .forum-bar .forum_hd { display: block !important; width: auto !important; margin: 0 0 8px !important; padding: 0 0 8px !important; height: auto !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid var(--ink) !important; }
body.mmc-d #ct .forum-bar .forum_hd h2 { float: none !important; display: block; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: var(--serif) !important; font-weight: 900 !important; font-size: 20px !important; line-height: 1.4 !important; color: var(--ink) !important; background: transparent !important; }
body.mmc-d #ct .hot-user-topic ul { margin: 0; padding: 0; }
body.mmc-d #ct .hot-user-topic li { margin: 0 !important; padding: 10px 0 !important; border-bottom: 1px solid var(--line) !important; background: transparent !important; height: auto !important; }
body.mmc-d #ct .hot-user-topic p { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 6px; margin: 0; line-height: 1.5; }
body.mmc-d #ct .hot-user-topic .number { width: auto !important; height: auto !important; border: 0 !important; background: transparent !important; font-family: var(--serif); font-weight: 900; font-size: 20px !important; line-height: 1.2 !important; color: var(--fresh) !important; text-align: left; }
body.mmc-d #ct .hot-user-topic .text, body.mmc-d #ct .hot-user-topic .text a { width: auto !important; white-space: normal !important; overflow: visible !important; font-size: 15px !important; color: var(--ink) !important; text-decoration: none; }
body.mmc-d #ct .hot-user-topic .text a:hover { color: var(--fresh) !important; text-decoration: underline; }
body.mmc-d #related_box { margin-top: 32px; border: 0 !important; }
body.mmc-d #related_box .related_title { font-family: var(--serif); font-weight: 900; font-size: 22px; color: var(--ink); background: transparent !important; padding: 0 0 8px !important; border-bottom: 2px solid var(--ink); }
body.mmc-d #related_box li { padding: 10px 0 !important; border-bottom: 1px solid var(--line); }
body.mmc-d #related_box li a { color: var(--ink) !important; font-size: 16px !important; }
@media (max-width: 1023px) {
	body.mmc-d.pg_viewthread #ct { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 32px; }
	body.mmc-d.pg_viewthread .forum-right { flex: none; width: auto !important; }
	body.mmc-d.pg_viewthread .forum-left { flex: none; max-width: none; }
}
@media (max-width: 767px) {
	body.mmc-d.pg_viewthread #ct { margin-top: 16px !important; }
	body.mmc-d .mmcd-thread-title { font-size: 24px !important; }
	body.mmc-d #pt .y a { min-height: 36px; }
	.mmcd-thread-head { margin-top: -36px; }
	body.mmc-d #postlist .topicMessage { font-size: 17px !important; }
	body.mmc-d #postlist table.inreply { margin-left: 0 !important; }
	/* the reply box fixed at the bottom stops at the masthead, so its menu button stays reachable */
	body.mmc-d #f_pst.bmw { right: var(--mast-w) !important; width: auto !important; }
	body.mmc-d #f_pst.bmw .pn, body.mmc-d #f_pst.bmw button { white-space: nowrap; min-width: 64px; }
	body.mmc-d.pg_viewthread { padding-bottom: 96px; }
	body.mmc-d .f_pst_msg_line { display: flex !important; }
	body.mmc-d .forum-right .dfp_define { max-width: 100%; }
}


/* titles break at punctuation, not inside words; a run too long for the line still wraps */
body.mmc-d a.mmcd-title, body.mmc-d .mmcd-hot-title, body.mmc-d .mmcd-thread-title, body.mmc-d .mmcd-thread-title span, body.mmc-d .mmcd-h { word-break: keep-all !important; overflow-wrap: anywhere !important; line-break: strict; }

/* ad slots with no ad (mmc_d.js) */
body.mmc-d .mmcd-ad-empty { display: none !important; }

/* "install the app" line: a card at the end of the thread (it was fixed 580px from the top, over the posts) */
body.mmc-d .f_pst_msg_line { position: static !important; top: auto !important; width: auto !important; z-index: auto !important; margin: 32px 0 0; padding: 14px 16px !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; border-radius: 16px; background: var(--soft) !important; color: var(--ink) !important; font-size: 15px !important; font-weight: 700; text-align: left !important; }
body.mmc-d .f_pst_msg_line a { min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; border-radius: 999px; background: var(--coral); color: var(--ink) !important; font-size: 14px; text-decoration: none; }
body.mmc-d .f_pst_msg_line a:hover { background: #FF9F7E; }

/* footer */
body.mmc-d #footer { margin-top: 64px; padding: 48px var(--gutter) 32px; background: var(--soft) !important; border: 0 !important; }
body.mmc-d #siteFooter { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; background: transparent !important; width: auto !important; }
body.mmc-d .siteFooterColmn { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.mmc-d .siteFooterTitle { margin: 0 0 12px !important; padding: 0 0 8px !important; background: transparent !important; border-bottom: 2px solid var(--ink) !important; text-align: left !important; height: auto !important; }
body.mmc-d .siteFooterTitle span { font-family: var(--serif); font-weight: 900; font-size: 18px !important; color: var(--ink) !important; }
body.mmc-d .siteFooterContent, body.mmc-d .siteFooterContent p, body.mmc-d .siteFooterContent li { padding: 0 !important; margin: 0 0 8px !important; background: transparent !important; font-size: 14px !important; line-height: 1.75 !important; color: var(--muted) !important; }
body.mmc-d .siteFooterContent a { color: var(--plum) !important; }
body.mmc-d #ft, body.mmc-d .ma_in_flink { background: transparent !important; color: var(--muted) !important; text-align: center; padding: 24px 0 0 !important; }
.mmcd-hot-item.is-first .mmcd-hot-title { text-wrap: pretty; }
@media (max-width: 767px) {
	body.mmc-d #footer { padding: 32px 14px 24px 16px; }
	body.mmc-d #siteFooter { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

/* new thread box and reply boxes: the old buttons in the new colours */
body.mmc-d #f_pst .pn, body.mmc-d #f_pst button, body.mmc-d #f_pst input[type="submit"], body.mmc-d #f_pst input[type="button"], body.mmc-d #f_pst .btn { min-height: 44px; padding: 0 20px !important; border: 0 !important; border-radius: 12px !important; background: var(--ink) !important; color: #FFFFFF !important; font: inherit !important; font-weight: 700 !important; box-shadow: none !important; }
body.mmc-d #f_pst #subject, body.mmc-d #f_pst select, body.mmc-d #f_pst textarea { min-height: 44px; border: 1px solid var(--line-strong) !important; border-radius: 12px !important; background: #FFFFFF !important; font: inherit !important; font-size: 16px !important; padding: 0 14px !important; box-sizing: border-box; }
body.mmc-d #f_pst textarea { padding: 12px 14px !important; }

/* phones and small tablets */
@media (max-width: 1023px) {
	body.mmc-d { --mast-w: 120px; --gutter: 24px; }
	.mmcd-mast-name { font-size: 64px; }
	.mmcd-mast-site { display: none; }
	.mmcd-tabs a { padding: 8px 12px; }
	.mmcd-cats { overflow-x: auto; scrollbar-width: none; }
	.mmcd-cats::-webkit-scrollbar { display: none; }
	body.mmc-d .mmcd-cats a { flex: none; padding: 0 12px; }
	.mmcd-hot-item.is-first .mmcd-hot-title { font-size: 32px; }
}
@media (max-width: 767px) {
	body.mmc-d { --mast-w: 52px; --gutter: 16px; padding-bottom: 72px; }
	.mmcd-mast { padding: 18px 0 calc(12px + env(safe-area-inset-bottom, 0px)); flex-direction: column; align-items: center; justify-content: flex-start; gap: 16px; }
	.mmcd-mast-name { font-size: 26px; letter-spacing: 0.1em; }
	.mmcd-mast-info { height: auto; gap: 16px; align-items: center; font-size: 12px; }
	.mmcd-mast-info::before { content: ""; width: 1px; height: 20px; background: var(--plum-line); }
	.mmcd-mast-sub { font-size: 12px; letter-spacing: 0.2em; }
	.mmcd-mast-date { display: none; }
	.mmcd-mast-menu { margin-top: auto; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
	.mmcd-mast-menu .mi { --mi-fill: transparent; width: 22px; height: 22px; }
	.mmcd-hd { padding: 0; }
	.mmcd-bar { min-height: 0; padding: 12px 14px 0 16px; flex-wrap: wrap; gap: 8px; }
	.mmcd-tabs { display: none; }
	.mmcd-search { margin: 0; flex: 1 1 0; }
	body.mmc-d .mmcd-user > a.mmcd-reg, body.mmc-d .mmcd-user > a.mmcd-logout, body.mmc-d .mmcd-me span { display: none; }
	body.mmc-d .mmcd-user > a { padding: 0 8px; }
	body.mmc-d .mmcd-user > a.mmcd-login { padding: 0 16px; border-radius: 999px; background: var(--coral); font-weight: 700; }
	/* the new thread button sits at the bottom of list pages; thread pages have the reply box there */
	body.mmc-d .mmcd-user > a.mmcd-post { display: none; }
	body.mmc-d.pg_forumdisplay .mmcd-user > a.mmcd-post { display: inline-flex; position: fixed; z-index: 80; left: 12px; right: calc(var(--mast-w) + 12px); bottom: calc(10px + env(safe-area-inset-bottom, 0px)); margin: 0; height: 48px; justify-content: center; border-radius: 12px; background: var(--ink); color: #FFFFFF; box-shadow: 0 0 0 10px #FFFFFF; }
	body.mmc-d.pg_forumdisplay .mmcd-post .mi { --mi-fill: transparent; }
	.mmcd-cats { margin-top: 12px; padding: 0 0 2px 16px; border: 0; gap: 6px; }
	body.mmc-d .mmcd-cats a { height: 40px; font-size: 14px; }
	.mmcd-cats::after { content: ""; flex: none; width: 8px; }
	body.mmc-d #wp.wp { padding: 0 14px 0 16px; }
	body.mmc-d .mmcd-h { font-size: 22px; }
	body.mmc-d.pg_forumdisplay .boardnav { margin-top: 16px !important; }
	body.mmc-d .mmcd-listhead > div { flex-wrap: nowrap; gap: 6px; }
	body.mmc-d .mmcd-listhead > div > a { min-height: 34px; padding: 0 12px !important; font-size: 14px !important; white-space: nowrap; }
	body.mmc-d tbody.mmcd-row > tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "when bubble" "main bubble"; column-gap: 10px; row-gap: 2px; padding: 12px 0; }
	body.mmc-d tbody.mmcd-row .mmcd-when { grid-area: when; }
	body.mmc-d tbody.mmcd-row .mmcd-main { grid-area: main; }
	body.mmc-d tbody.mmcd-row .mmcd-replies { grid-area: bubble; align-self: center; }
	body.mmc-d .mmcd-when time { flex-direction: row; gap: 6px; align-items: baseline; font-size: 13px; }
	body.mmc-d .mmcd-when b { font-family: var(--sans); font-size: 13px; font-weight: 700; color: var(--muted); }
	body.mmc-d a.mmcd-title { font-size: 16px !important; line-height: 1.45; }
	body.mmc-d .mmcd-meta { font-size: 13px; }
	body.mmc-d .mmcd-views { display: none; }
	body.mmc-d a.mmcd-bubble { min-width: 36px; height: 30px; font-size: 14px; }
	.mmcd-hot { margin-top: 32px; }
	.mmcd-hot-list { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 10px; }
	.mmcd-hot-item.is-first { grid-row: auto; }
	body.mmc-d .mmcd-hot-item a, .mmcd-hot-item.is-first a { padding: 16px 18px; gap: 6px; }
	.mmcd-hot-item.is-first .mmcd-hot-rank { font-size: 40px; }
	.mmcd-hot-rank { font-size: 28px; }
	.mmcd-hot-title, .mmcd-hot-item.is-first .mmcd-hot-title { font-size: 20px; line-height: 1.4; }
	.mmcd-hot-note { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	body.mmc-d *, body.mmc-d *::before, body.mmc-d *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}