/* 論壇。
   ⚠️ 內文一律 white-space: pre-wrap —— 換行由 CSS 呈現，
   絕不在 JS 裡把 \n 換成 <br>（那需要 innerHTML，而這個站有 UGC）。 */

.post-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;   /* 貼一條超長網址不該把版面撐爆 */
  line-height: 1.75;
  margin-top: 12px;
}

.thread-body {
  font-size: 15px;
  margin-top: 16px;
  padding-bottom: 4px;
}

.post {
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}
.post:last-child { border-bottom: none; }
.post-head { display: flex; align-items: flex-start; gap: 10px; }
.post-muted { opacity: .6; }
.post-muted .post-body { font-style: italic; }

/* 角色標籤。顏色只是輔助，文字本身就說得清楚（色盲友善）。 */
.badge-role { font-size: 11px; padding: 1px 6px; }
.badge-admin { background: var(--danger-soft); color: #8f1f1f; border-color: #f0c9c9; }
.badge-moderator { background: var(--warn-soft); color: #9c3d06; border-color: #f6d3bb; }
.badge-mentor { background: var(--accent-soft); color: var(--accent-deep); border-color: #d3ddfa; }

.reply-count { text-align: center; min-width: 48px; }
.reply-count .n { font-size: 19px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.1; }
.reply-count .k { font-size: 11.5px; color: var(--ink-faint); }

.row-center { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

@media (max-width: 720px) {
  /* 手機把回覆數收成一行，不要在右側佔一整欄 */
  .reply-count { display: flex; align-items: baseline; gap: 4px; min-width: 0; }
  .reply-count .n { font-size: 15px; }
}