/* =====================================================
   DLE Discuss v2 — Discourse 风格
   设计令牌直接取自 meta.discourse.org 生产样式
   ===================================================== */

/* === 作用域隔离：强制覆盖主题全局 button/input/textarea 污染 ===
   主题 styles.css 用 button:not(...) 全局把按钮变成红色大圆角，
   这里用 .d-wrap 前缀 + !important 强制还原讨论区自己的样式。 */
.d-wrap button,
.d-wrap input[type="button"],
.d-wrap input[type="submit"] {
	appearance: auto; -webkit-appearance: auto;
	font-family: inherit !important;
	height: auto !important; line-height: normal !important;
	border-radius: 10px; padding: 7px 14px !important;
	background: transparent !important; color: inherit !important;
	box-shadow: none !important; font-weight: 500; font-size: 14px;
	border: 1px solid transparent !important;
}
.d-wrap textarea {
	font-family: inherit !important;
	padding: 12px 14px; overflow: auto; resize: vertical;
	width: 100%; box-shadow: none; border-radius: 0 0 8px 8px;
	background: transparent; color: #333638; font-size: 15px;
}
.d-wrap input[type="text"],
.d-wrap input[type="password"],
.d-wrap select {
	font-family: inherit !important;
	height: auto; line-height: normal; padding: 9px 12px;
	box-shadow: none; border-radius: 8px;
	background: #fff; color: #333638; font-size: 15px;
}
.d-wrap input[type="text"]:focus,
.d-wrap input[type="password"]:focus,
.d-wrap textarea:focus,
.d-wrap select:focus {
	box-shadow: none; outline: none;
}

.d-wrap.d-home { max-width: 100%; padding: 4px 0 72px; margin: 0; }
.d-wrap { --d-tertiary: #0f7b8f; --d-hover: #f3f7f8; --d-line: #e5eaec; --d-muted: #6f7b80; max-width: 1110px; margin: 0 auto; padding: 14px 18px 112px; font-family: "Inter","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: #30383c; font-size: 15px; line-height: 1.5; }
.d-wrap * { box-sizing: border-box; }
.d-wrap :where(a) { color: var(--d-tertiary); text-decoration: none; }
.d-wrap :where(a:hover) { text-decoration: underline; }

/* ---------- 通用元素 ---------- */
.d-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border-radius: 7px; font-size: 14px; font-weight: 600; cursor: pointer; border: 1px solid transparent; transition: all .15s; text-decoration: none !important; line-height: 1.2; }
.d-btn-primary { background: var(--d-tertiary); color: #fff; }
.d-btn-primary:hover { background: #0a6677; color: #fff; }
.d-btn-ghost { background: #fff; color: var(--d-tertiary); border-color: #d4d7d9; }
.d-btn-ghost:hover { background: var(--d-hover); }
.d-btn-icon { padding: 6px 10px; background: transparent; color: #959b9e; border: none; }
.d-btn-icon:hover { background: var(--d-hover); color: var(--d-tertiary); }

.d-empty { padding: 40px; text-align: center; color: #959b9e; font-size: 14px; }

/* ---------- 顶部导航条（通知铃铛）---------- */
.d-topbar { display: flex; align-items: center; justify-content: space-between; padding: 2px 0 14px; border-bottom: 1px solid var(--d-line); margin-bottom: 16px; }
.d-topbar-left { display: flex; align-items: center; gap: 10px; }
.d-bell { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 10px; color: #6c7377; cursor: pointer; font-size: 14px; }
.d-bell:hover { background: var(--d-hover); }
.d-bell-count { display: inline-flex; min-width: 18px; height: 18px; padding: 0 5px; background: #e45735; color: #fff; border-radius: 9px; font-size: 11px; font-weight: 600; align-items: center; justify-content: center; }
.d-bell-count.d-zero { display: none; }

/* ---------- 面包屑 ---------- */
.d-crumb { font-size: 13px; color: #959b9e; padding: 4px 0 14px; }
.d-crumb a { color: var(--d-tertiary); }
.d-crumb .d-sep { margin: 0 7px; opacity: .5; }
.d-crumb .d-cur { color: #333638; font-weight: 500; }

/* ---------- 页面标题区 ---------- */
.d-pagehead { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 4px 0 18px; border-bottom: 1px solid #e9ebeb; margin-bottom: 18px; }
.d-pagehead h1 { font-size: 22px; font-weight: 700; margin: 0; color: #1c1f21; }
.d-pagehead-descr { color: #6c7377; font-size: 13px; margin-top: 3px; }
.d-pagehead-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.d-icon-state { margin-right: 6px; font-size: 18px; vertical-align: middle; }

/* ---------- 主题列表（表格行式）---------- */
.d-list { border: 1px solid var(--d-line); border-radius: 8px; overflow: hidden; margin-bottom: 18px; background: #fff; }
.d-list-head, .d-list-row { display: grid; grid-template-columns: 1fr 130px 170px; gap: 12px; padding: 11px 16px; align-items: center; }
.d-list-head { background: #f8f9f9; font-size: 12px; color: #959b9e; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; border-bottom: 1px solid #e9ebeb; }
.d-list-row { border-top: 1px solid #eef1f1; transition: background .1s; }
.d-list-row:first-of-type { border-top: none; }
.d-list-row:hover { background: var(--d-hover); }
.d-list-row.d-selected { box-shadow: inset 3px 0 0 var(--d-tertiary); }

/* 主题行主体 */
.d-t-main { min-width: 0; }
.d-t-title { font-size: 16px; font-weight: 600; color: #1c1f21; word-break: break-word; }
.d-t-title:hover { color: var(--d-tertiary); }
.d-t-meta { font-size: 12px; color: #959b9e; margin-top: 3px; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.d-t-meta .d-t-author { color: #6c7377; }
.d-t-tags { display: inline-flex; gap: 4px; flex-wrap: wrap; }
.d-t-stats { display: flex; gap: 18px; }
.d-t-stat { display: flex; flex-direction: column; align-items: center; font-size: 11px; color: #959b9e; }
.d-t-stat-num { font-size: 16px; font-weight: 600; color: #333638; line-height: 1.1; }
.d-t-last { display: flex; flex-direction: column; font-size: 12px; min-width: 0; }
.d-t-last-poster { color: #1c1f21; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-t-last-date { color: #959b9e; }

/* 板块行（首页用）*/
.d-board-row { display: grid; grid-template-columns: 1fr 70px 70px 200px; gap: 12px; padding: 14px 16px; align-items: center; }
.d-board-row { border-top: 1px solid #eef1f1; }
.d-board-row:first-of-type { border-top: none; }
.d-board-row:hover { background: var(--d-hover); }
.d-board-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.d-board-cat { width: 9px; height: 9px; border-radius: 2px; flex-shrink: 0; display: inline-block; }
.d-board-name { font-size: 15px; font-weight: 600; color: #1c1f21; }
.d-board-name:hover { color: var(--d-tertiary); }
.d-board-descr { font-size: 12px; color: #959b9e; margin-top: 2px; }

/* 分类色点 badge */
.d-cat-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #6c7377; white-space: nowrap; }
.d-cat-badge::before { content: ""; width: 9px; height: 9px; background: var(--cat-color, var(--d-tertiary)); border-radius: 2px; flex-shrink: 0; }

/* 标签（锐角）*/
.d-tag { display: inline-block; background: #f1f2f4; color: #6c7377; padding: 2px 8px; border-radius: 0; font-size: 12px; line-height: 1.5; text-decoration: none; }
.d-tag:hover { background: #e3e8f0; text-decoration: none; }

/* ---------- 帖子流（Discourse 顶向下）---------- */
.d-stream { display: flex; flex-direction: column; }
.d-post { display: grid; grid-template-columns: 58px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid #eef1f1; }
.d-post:last-child { border-bottom: none; }
.d-post.d-new { animation: d-flash 2.5s ease-out; }

/* 头像列 */
.d-post-aside { text-align: center; }
.d-post-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; margin: 0 auto; display: block; box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0,0,0,.08); }

/* 帖子主体 */
.d-post-body { min-width: 0; }
.d-post-meta { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.d-post-author { font-size: 16px; font-weight: 700; color: #1c1f21; }
.d-post-author:hover { color: var(--d-tertiary); }
.d-post-group { font-size: 12px; color: #959b9e; }
.d-post-op { display: inline-block; background: var(--d-tertiary); color: #fff; font-size: 10px; font-weight: 600; padding: 1px 6px; border-radius: 3px; text-transform: uppercase; letter-spacing: .03em; }
.d-post-date { font-size: 12px; color: #959b9e; margin-left: auto; }
.d-post-num { font-size: 11px; color: #bfc3c5; }

.d-post-text { min-height: 42px; margin-top: 8px; padding: 12px 14px; border: 1px solid #edf1f2; border-radius: 8px; background: #fbfcfc; font-size: 15px; line-height: 1.75; color: #242b2f; word-break: break-word; }
.d-post-text:empty::before { content: "此帖暂无正文内容"; color: #9aa3a8; }
.d-post-text :where(img) { max-width: 100%; height: auto; border-radius: 6px; margin: 6px 0; }
.d-post-text :where(pre) { background: #f6f8fa; padding: 12px 14px; border-radius: 6px; overflow-x: auto; font-size: 13px; margin: 8px 0; }
.d-post-text :where(code) { background: #f6f8fa; padding: 1px 5px; border-radius: 3px; font-size: 13px; font-family: "SF Mono",Consolas,Menlo,monospace; }
.d-post-text :where(pre code) { background: none; padding: 0; }
.d-post-text :where(blockquote) { border-left: 3px solid var(--d-tertiary); margin: 10px 0; padding: 8px 16px; background: #faf8ff; color: #4a4f54; border-radius: 0 6px 6px 0; }
.d-post-text :where(.d-mention) { background: #f1ecff; color: var(--d-tertiary); padding: 1px 4px; border-radius: 3px; font-weight: 500; }

/* 附件画廊 */
.d-att-gallery { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.d-att-item { margin: 0; }
.d-att-item img { width: 140px; height: 140px; object-fit: cover; border-radius: 6px; cursor: zoom-in; border: 1px solid #eef1f1; transition: transform .15s; }
.d-att-item img:hover { transform: scale(1.02); }

/* 帖子底部操作（hover 显形）*/
.d-post-actions { display: flex; gap: 4px; margin-top: 12px; opacity: .35; transition: opacity .15s; flex-wrap: wrap; }
.d-post:hover .d-post-actions { opacity: 1; }
.d-post-actions a, .d-post-actions button { font-size: 13px; color: #959b9e; padding: 4px 9px; border-radius: 6px; text-decoration: none; background: none; border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.d-post-actions a:hover, .d-post-actions button:hover { background: var(--d-hover); color: var(--d-tertiary); }
.d-act-like.d-liked { color: #fa6c8d !important; }
.d-act-like.d-liked:hover { background: #fef0f4 !important; }
.d-post-edited { margin-top: 8px; font-size: 11px; color: #bfc3c5; font-style: italic; }

/* 引用回复头 */
.d-reply-to { font-size: 12px; color: #959b9e; margin-bottom: 8px; padding: 4px 10px; background: #f8f9f9; border-radius: 6px; display: inline-flex; align-items: center; gap: 6px; }
.d-reply-to img { width: 18px; height: 18px; border-radius: 50%; }

/* ---------- 底部抽屉编辑器（Discourse 风格）---------- */
.d-drawer { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%) translateY(calc(100% - 46px)); width: 100%; max-width: 720px; background: #fff; box-shadow: 0 -1px 40px rgba(0,0,0,.22); border-radius: 12px 12px 0 0; z-index: 999; transition: transform .25s cubic-bezier(.2,.8,.2,1); }
.d-drawer.d-open { transform: translateX(-50%) translateY(0); }
.d-drawer-handle { display: flex; align-items: center; justify-content: space-between; padding: 11px 16px; cursor: pointer; border-bottom: 1px solid #eef1f1; }
.d-drawer-handle-title { font-size: 14px; font-weight: 600; color: #1c1f21; }
.d-drawer-handle-actions { display: flex; gap: 8px; align-items: center; }
.d-drawer-toggle { font-size: 12px; color: #959b9e; }
.d-drawer-body { padding: 14px 16px 16px; max-height: 60vh; overflow-y: auto; }

/* 工具栏 */
.d-toolbar { display: flex; gap: 2px; flex-wrap: wrap; padding: 6px 8px; background: #f8f9f9; border-radius: 8px 8px 0 0; border: 1px solid #eef1f1; border-bottom: none; overflow-x: auto; }
.d-tool { padding: 6px 9px !important; background: none !important; border: none !important; cursor: pointer; border-radius: 6px; color: #6c7377 !important; font-size: 16px; line-height: 1; white-space: nowrap; height: auto !important; box-shadow: none !important; }
.d-tool:hover { background: var(--d-hover); color: var(--d-tertiary); }
.d-tool-sep { width: 1px; background: #e9ebeb; margin: 4px 3px; }

/* textarea */
.d-editor-wrap { border: 1px solid #d4d7d9; border-radius: 0 0 8px 8px; transition: border-color .15s, box-shadow .15s; }
.d-editor-wrap:focus-within { border-color: var(--d-tertiary); box-shadow: inset 0 0 0 2px var(--d-tertiary); outline: none; }
.d-editor-wrap textarea { width: 100%; min-height: 120px; max-height: 320px; padding: 12px 14px; border: none; border-radius: 0 0 8px 8px; font-size: 15px; line-height: 1.6; font-family: inherit; resize: none; background: transparent; color: #333638; }
.d-editor-wrap textarea:focus { outline: none; }

/* 拖拽上传区（叠加态）*/
.d-editor-wrap.d-dragover { border-color: var(--d-tertiary); background: var(--d-hover); }
.d-drop-hint { display: none; padding: 20px; text-align: center; color: var(--d-tertiary); font-size: 14px; }
.d-editor-wrap.d-dragover .d-drop-hint { display: block; }

/* 上传中的缩略图队列 */
.d-uploads-queue { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0 0; }
.d-upload-thumb { position: relative; }
.d-upload-thumb img { width: 56px; height: 56px; object-fit: cover; border-radius: 4px; border: 1px solid #e9ebeb; }
.d-upload-thumb .d-upload-rm { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; background: #333; color: #fff; border-radius: 50%; border: none; cursor: pointer; font-size: 11px; line-height: 1; display: flex; align-items: center; justify-content: center; }

/* @提及下拉 */
.d-mention-pop { position: absolute; z-index: 1000; min-width: 280px; max-width: 340px; background: #fff; border: 1px solid #e9ebeb; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,.1); overflow: hidden; display: none; }
.d-mention-pop.d-show { display: block; }
.d-mention-list { list-style: none; padding: 0; margin: 0; max-height: 280px; overflow-y: auto; }
.d-mention-item { display: flex; align-items: center; gap: 9px; padding: 7px 12px; cursor: pointer; color: #333638; }
.d-mention-item:hover, .d-mention-item.d-active { background: var(--d-hover); }
.d-mention-item img { width: 26px; height: 26px; border-radius: 50%; }
.d-mention-name { font-size: 14px; }
.d-mention-username { font-size: 12px; color: #959b9e; }

/* 抽屉底部操作 */
.d-drawer-foot { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 0; gap: 10px; flex-wrap: wrap; }
.d-drawer-foot-hint { font-size: 12px; color: #959b9e; flex: 1; min-width: 0; }

/* 普通表单（新建主题用居中卡片）*/
.d-form-card { background: #fff; border: 1px solid var(--d-line); border-radius: 8px; padding: 22px; }
.d-field { margin-bottom: 16px; }
.d-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #1c1f21; }
.d-field input[type=text] { width: 100%; padding: 9px 12px; border: 1px solid #d4d7d9; border-radius: 8px; font-size: 15px; font-family: inherit; transition: border-color .15s, box-shadow .15s; }
.d-field input[type=text]:focus { outline: none; border-color: var(--d-tertiary); box-shadow: inset 0 0 0 2px var(--d-tertiary); }
.d-req { color: #e45735; }
.d-form-actions { display: flex; gap: 10px; align-items: center; padding-top: 6px; }

/* ---------- 分页 ---------- */
.d-pages { display: flex; gap: 4px; justify-content: center; padding: 16px 0; flex-wrap: wrap; }
.d-pages a, .d-pages span { display: inline-flex; align-items: center; padding: 6px 11px; border: 1px solid #d4d7d9; border-radius: 8px; font-size: 14px; color: var(--d-tertiary); background: #fff; text-decoration: none; min-width: 36px; justify-content: center; }
.d-pages a:hover { background: var(--d-hover); }
.d-pages .d-page-cur { background: var(--d-tertiary); color: #fff; border-color: var(--d-tertiary); font-weight: 600; }
.d-pages .d-page-dots { border: none; background: transparent; color: #959b9e; }

/* ---------- 搜索 ---------- */
.d-search-form { display: flex; gap: 8px; margin-bottom: 18px; }
.d-search-form input { flex: 1; padding: 10px 14px; border: 1px solid #d4d7d9; border-radius: 8px; font-size: 15px; font-family: inherit; }
.d-search-form input:focus { outline: none; border-color: var(--d-tertiary); box-shadow: inset 0 0 0 2px var(--d-tertiary); }
.d-search-meta { font-size: 13px; color: #959b9e; margin-bottom: 14px; }
.d-search-row { padding: 14px 16px; border: 1px solid #e9ebeb; border-radius: 10px; margin-bottom: 8px; background: #fff; }
.d-search-row:hover { background: var(--d-hover); }
.d-search-row-title { font-size: 15px; font-weight: 600; }
.d-search-row-snippet { font-size: 13px; color: #4a4f54; margin: 6px 0; line-height: 1.6; }
.d-search-row-meta { font-size: 12px; color: #959b9e; display: flex; gap: 12px; }

/* ---------- 通知 ---------- */
.d-notif-row { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid #e9ebeb; border-radius: 10px; margin-bottom: 8px; background: #fff; }
.d-notif-row.d-unread { border-left: 3px solid var(--d-tertiary); background: #fdfdff; }
.d-notif-avatar { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; }
.d-notif-body { flex: 1; min-width: 0; }
.d-notif-text { font-size: 14px; color: #333638; }
.d-notif-text strong { font-weight: 600; }
.d-notif-date { font-size: 12px; color: #959b9e; margin-top: 3px; }

/* ---------- 信息框 ---------- */
.d-infobox { background: #fff; border: 1px solid #e9ebeb; border-radius: 10px; padding: 32px; text-align: center; max-width: 480px; margin: 50px auto; }
.d-infobox h2 { font-size: 19px; margin: 0 0 10px; color: #1c1f21; }
.d-infobox-msg { color: #4a4f54; margin-bottom: 20px; font-size: 14px; }
.discuss-login-notice,
.discuss-locked-notice { margin: 16px 0 0; padding: 13px 15px; border: 1px solid var(--d-line); border-radius: 8px; background: #f8fbfc; color: var(--d-muted); font-size: 14px; }
.discuss-login-notice a { font-weight: 700; color: var(--d-tertiary); }

/* ---------- 动画 ---------- */
@keyframes d-flash { 0% { background: #f1ecff; } 100% { background: transparent; } }

/* ---------- 移动端 ---------- */
@media (max-width: 768px) {
	.d-list-head, .d-list-row { grid-template-columns: 1fr; gap: 6px; }
	.d-t-stats, .d-t-last { flex-direction: row; gap: 12px; font-size: 12px; }
	.d-t-last { justify-content: space-between; }
	.d-board-row { grid-template-columns: 1fr; gap: 6px; }
	.d-post { grid-template-columns: 1fr; gap: 8px; }
	.d-post-aside { display: flex; align-items: center; gap: 10px; text-align: left; }
	.d-post-avatar { width: 38px; height: 38px; margin: 0; }
	.d-post-actions { opacity: 1; } /* 移动端始终显示操作 */
	.d-drawer { max-width: 100%; }
}

/* ============ 首页两栏布局（Discourse 风格）============ */
.d-home-grid { display: grid; grid-template-columns: 168px minmax(0,1fr); gap: 22px; align-items: start; }
.d-home-left { position: sticky; top: 16px; min-width: 0; }
.d-home-main,
.d-topic-list { min-width: 0; width: 100%; }
.d-side-block { margin-bottom: 18px; }
.d-side-head { font-size: 11px; font-weight: 700; color: #959b9e; text-transform: uppercase; letter-spacing: .05em; padding: 0 0 6px; }
.d-side-nav { list-style: none; padding: 0; margin: 0; }
.d-side-nav li { margin: 0; }
.d-side-nav a { display: flex; align-items: center; gap: 8px; padding: 8px 9px; border-radius: 7px; color: #333638; font-size: 13px; text-decoration: none; transition: background .1s; width: 100%; box-sizing: border-box; }
.d-side-nav a:hover { background: var(--d-hover); text-decoration: none; }
.d-side-nav a.active { background: var(--d-hover); color: var(--d-tertiary); font-weight: 600; }
.d-nav-dot { display: inline-block; width: 9px; height: 9px; border-radius: 2px; flex-shrink: 0; }
.d-nav-badge { display: inline-flex; min-width: 18px; height: 18px; padding: 0 5px; background: #e45735; color: #fff; border-radius: 9px; font-size: 11px; font-weight: 600; align-items: center; justify-content: center; margin-left: auto; }
.d-nav-badge.d-zero { display: none; }
.d-side-cms { border-top: 1px solid #e9ebeb; padding-top: 12px; }

/* 左栏广告占位 */
.d-ad-slot { margin-top: 8px; display: none; }
.d-ad-label { font-size: 10px; color: #bfc3c5; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
.d-ad-box { background: #f6f8fa; border: 1px dashed #d4d7d9; border-radius: 8px; min-height: 120px; display: flex; align-items: center; justify-content: center; color: #bfc3c5; font-size: 12px; text-align: center; }

/* 中栏主题流头 */
.d-main-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 14px; border-bottom: 1px solid var(--d-line); margin-bottom: 2px; }
.d-main-head h1 { font-size: 21px; font-weight: 800; margin: 0; color: #20272a; }

/* 主题行（首页/列表通用）*/
/* 主题行：发帖者头像 | 标题+板块标签+meta | 回复数 | 回复者头像群 */
.d-tl-row { display: grid; grid-template-columns: minmax(0,1fr) 64px 84px; gap: 12px; width: 100%; padding: 13px 8px; border-bottom: 1px solid #eef1f1; align-items: center; transition: background .1s; }
.d-tl-row:hover { background: var(--d-hover); }
.d-tl-main { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; align-items: center; min-width: 0; }

/* 发帖者头像 */
.d-tl-poster-avatar img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; display: block; }

/* 标题区 */
.d-tl-content { min-width: 0; }
.d-tl-title { font-size: 15px; font-weight: 650; color: #1c1f21; word-break: break-word; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.d-tl-title > a:first-of-type { color: #1c1f21; }
.d-tl-title > a:first-of-type:hover { color: var(--d-tertiary); text-decoration: none; }
.d-tl-title .d-cat-badge { flex-shrink: 0; }
.d-tl-meta { font-size: 12px; color: var(--d-muted); margin-top: 3px; }

/* 回复数 */
.d-tl-stats { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.d-tl-stat-num { font-size: 17px; font-weight: 700; color: #333638; line-height: 1; }
.d-tl-stat-lbl { font-size: 11px; color: #959b9e; margin-top: 2px; }

/* 回复者头像群（叠加） */
.d-tl-avatars { display: flex; align-items: center; justify-content: flex-end; }
.d-tl-avatars img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; margin-left: -8px; box-shadow: 0 0 0 1px #e9ebeb; }
.d-tl-avatars img:first-child { margin-left: 0; }

/* 首页响应式 */
@media (max-width: 1024px) {
	.d-home-grid { grid-template-columns: 150px minmax(0,1fr); gap: 14px; }
}
@media (max-width: 768px) {
	.d-home-grid { grid-template-columns: 1fr; }
	.d-home-left { position: static; }
	.d-tl-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
	.d-tl-avatars { display: none; }
	.d-wrap { padding-left: 10px; padding-right: 10px; }
	.d-main-head { align-items: flex-start; }
}