/* ==================== 论坛（对象=群聊模型） ====================
   面板骨架 + T5-T7 渲染样式的全量类名登记（corrections 2026-08-27：
   动态生成的类名必须先在本文件有定义）。
   配色/圆角/字号对齐 tokens.css；气泡/头像渐变等聊天语言对齐设计稿
   design/forum_mockup.html（微信会话/聊天心智）。
   2026-09-10 P5-T5.1b 微信化：聊天气泡/输入栏/行情条/返回箭头按微信聊天
   界面规格重排（他人白泡/自己 #95ec69 浅绿泡、40px 方圆头像、居中时间分隔
   条、灰底胶囊输入框+绿发送、行情条链接蓝）；动态流改朋友圈式两栏卡片、
   筛选 tab 对齐 .wx-seg。会话行/搜索/tab 规则（T5.1a）未动。 */

/* 论坛面板：聊天式 UI 需要边到边布局，去掉 panel-inner 默认大 padding */
#panel-forum .panel-inner {
  max-width: 860px;
  padding: 0;
  overflow: hidden;
}

.forum-view { display: flex; flex-direction: column; min-height: 400px; }

/* ---- 顶部：视图切换 tab + 微信式搜索框 ----
   微信化（2026-09-10 P5-T5.1a）：白底无页内边距，tab 行与搜索胶囊行
   各占一整行（flex-wrap 换行），底部 hairline 由 header 自带 */
.forum-header {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  padding: 0;
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

/* 顶部 tab（.forum-seg，span 结构只改样式不改 DOM/事件）：对齐 components.css
   .wx-seg 视觉——白底等分文字 tab、高 44px、激活品牌绿 + 底部 2px 圆角指示条 */
.forum-seg {
  display: flex;
  flex: 1 1 100%;
  min-width: 0;
  background: var(--color-surface);
  border-radius: 0;
  padding: 0;
  flex-shrink: 1;
}
.forum-seg-item {
  flex: 1;
  min-width: 0;
  padding: 0;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 15px;
  border-radius: 0;
  cursor: pointer;
  color: var(--color-text-secondary);
  user-select: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.forum-seg-item:active { background: var(--wx-pressed); }
.forum-seg-item.on {
  background: none;
  color: var(--color-brand);
  font-weight: 600;
  box-shadow: none;
}
/* 激活指示条：底部 2px 圆角绿色短条（与 .wx-seg-item.active::after 同规格） */
.forum-seg-item.on::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  border-radius: 1px;
  background: var(--color-brand);
}

/* 微信首页搜索胶囊：灰底（--wx-seg-bg）全圆角、高 32px、14px 字号；
   未聚焦时空胶囊内「放大镜+占位文案」整体居中（field-sizing 按 placeholder
   收缩宽度，旧浏览器降级为 60% 宽居中）；聚焦/有内容回退左对齐全宽 */
.forum-search { flex: 1 1 100%; min-width: 0; padding: 8px 16px; }
.forum-search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  background: var(--wx-seg-bg);
  border: none;
  border-radius: 999px;
  padding: 0 14px;
  transition: background var(--transition-fast);
}
.forum-search-box:focus-within { background: var(--color-surface-sunken); }
.forum-search-icon { color: var(--color-text-muted); display: flex; flex-shrink: 0; }
.forum-search-icon svg { width: 14px; height: 14px; }
.forum-search-input {
  flex: 0 1 auto;
  min-width: 0;
  width: 60%;
  border: none;
  background: transparent;
  font-size: 14px;
  outline: none;
  color: var(--color-text-primary);
  text-align: center;
  field-sizing: content;
}
.forum-search-input::placeholder { color: var(--color-text-muted); }
.forum-search-input:focus,
.forum-search-input:not(:placeholder-shown) { flex: 1 1 auto; width: auto; text-align: left; }

/* 搜索结果面板：白卡浮层（搜索激活时三态已隐藏、面板独占 header 下方；
   分组灰条标题 + 44px 行，命中字 .forum-search-hl 品牌绿高亮） */
.forum-search-panel {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  max-height: 60vh;
  overflow-y: auto;
  position: relative;
  z-index: 5;
}
.forum-search-sec {
  padding: 8px 16px 4px;
  font-size: 12px;
  color: var(--color-text-muted);
  background: var(--color-surface-sunken);
}
.forum-search-row {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.forum-search-row:hover, .forum-search-row.active { background: var(--color-surface-sunken); }
.forum-search-row:active { background: var(--wx-pressed); }
.forum-search-row-icon {
  width: 30px; height: 30px;
  border-radius: 4px;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #fff; font-weight: 600; flex-shrink: 0;
}
.forum-search-row-main { flex: 1; min-width: 0; }
.forum-search-row-title {
  font-size: 14px;
  color: var(--color-text-primary);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.forum-search-row-code { font-size: 12px; color: var(--color-text-muted); margin-top: 1px; }
.forum-search-row-count { margin-left: auto; font-size: 12px; color: var(--color-text-secondary); flex-shrink: 0; }
.forum-search-hl { color: var(--color-brand); font-weight: 700; }

/* ---- 三态容器（显隐由 ForumUI 三态管理控制，骨架期 chat/feed 默认 display:none） ---- */
.forum-state { display: flex; flex-direction: column; }
.forum-state-list { /* 对象列表态：占满面板宽 */ }
.forum-state-chat { /* 对象会话态：占满面板宽，气泡列宽度由 .forum-msg-col 限 70% */ }
.forum-state-feed { /* 动态流态：占满面板宽 */ }

/* ---- 态①：对象列表（微信会话列表式） ---- */

/* 置顶公告行（可折叠）：微信「订阅号消息」置顶条风格——浅灰底通栏 +
   右侧「置顶」小标（::after 生成，不改骨架 DOM） */
.forum-pin {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: var(--color-surface-sunken);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  font-size: 13px;
  cursor: pointer;
  overflow: hidden;
}
.forum-pin::after {
  content: '置顶';
  flex-shrink: 0;
  margin-left: auto;
  font-size: 11px;
  color: var(--color-warning);
  background: var(--color-warning-subtle);
  border-radius: var(--radius-sm);
  padding: 1px 6px;
}

/* 会话列表：通栏白底（微信消息列表无卡片圆角） */
.forum-conv-list { display: flex; flex-direction: column; background: var(--color-surface); }

/* 会话行：微信消息列表规格——通栏白底、行高约 60px（44px 头像 + 上下 8px 呼吸）、
   hairline 分隔、按压 #ececec（--wx-pressed）；左头像 44px 微圆角方块，
   中列上行对象名 16px + 右上时间 12px，下行摘要 14px muted 单行截断 + 右下未读红点 */
.forum-conv-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.forum-conv-row:hover { background: var(--color-surface-sunken); }
.forum-conv-row:active { background: var(--wx-pressed); }
.forum-conv-icon {
  width: 44px; height: 44px;
  border-radius: 4px; /* 微信头像是微圆角方块，非全圆 */
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; color: #fff; font-weight: 600; flex-shrink: 0;
}
/* 类目渐变（行业/ETF/指数，对齐设计稿 ci-ind/ci-etf/ci-idx；无头像时首字占位同款） */
.forum-conv-icon-sec { background: linear-gradient(135deg, #5b8ff9, #2b5fd9); }
.forum-conv-icon-etf { background: linear-gradient(135deg, #ffb86b, #e8873d); }
.forum-conv-icon-idx { background: linear-gradient(135deg, #6bd6a8, #2ba471); }
.forum-conv-main { flex: 1; min-width: 0; }
.forum-conv-line1 { display: flex; align-items: baseline; gap: 6px; }
.forum-conv-name {
  font-size: 16px; font-weight: 500; color: var(--color-text-primary);
  min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.forum-conv-code { font-size: 12px; color: var(--color-text-muted); flex-shrink: 0; }
.forum-conv-time { margin-left: auto; font-size: 12px; color: var(--color-text-muted); flex-shrink: 0; }
.forum-conv-line2 {
  display: flex; align-items: center;
  margin-top: 3px;
  font-size: 14px; color: var(--color-text-muted);
}
.forum-conv-preview { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.forum-conv-who { color: var(--color-text-muted); } /* 微信摘要整行灰（含发言人前缀） */
.forum-conv-extra { margin-left: 12px; flex-shrink: 0; display: flex; align-items: center; gap: 8px; }
/* 未读红点徽章：18px 红圆白数字（--color-danger，WeUI 红口径） */
.forum-unread-pill {
  background: var(--color-danger);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 9px;
  height: 18px;
  line-height: 18px;
  min-width: 18px;
  box-sizing: border-box;
  padding: 0 5px;
  text-align: center;
}
/* 累计消息总数（灰色安静态） */
.forum-total-count { color: var(--color-text-muted); font-size: 12px; }

/* ---- 会话列表分页（2026-09-09 sec_code 化：security 全量标的 offset 分页） ---- */

/* 活跃分徽章（综合活跃分 >0 才渲染；橙色安静态，区别于未读红点） */
.forum-act-pill {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--color-warning);
  background: var(--color-warning-subtle);
  border-radius: var(--radius-sm);
  padding: 1px 6px;
  white-space: nowrap;
}

/* 「加载更多」行（列表尾部；滚动到底自动翻页的显式兜底入口）：
   微信「更多」弱按钮口径——灰字、44px 触达高、按压反馈 */
.forum-conv-more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  font-size: 14px;
  color: var(--color-text-secondary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.forum-conv-more:hover { background: var(--color-surface-sunken); }
.forum-conv-more:active { background: var(--wx-pressed); }

/* 「已全部加载」尾行（灰色安静态，不可点） */
.forum-conv-done {
  padding: 14px 16px;
  text-align: center;
  font-size: 12px;
  color: var(--color-text-muted);
}

/* 空态占位（三态共用）：居中灰字 */
.forum-empty {
  padding: 64px 20px;
  text-align: center;
  font-size: 14px;
  color: var(--color-text-muted);
}

/* ≤768px：列表通栏贴边（微信消息列表无左右页边距，cell 水平内边距 16px）；
   桌面端限宽居中由 #panel-forum .panel-inner max-width 保证。
   聊天区/动态流贴边通栏；输入栏不 fixed（文档流内），TabBar 避让由
   responsive.css 的 content 底部 padding + 本行 safe-area 补底共同兜底 */
@media (max-width: 768px) {
  .forum-search { padding: 8px 12px; }
  .forum-pin { padding-left: var(--wx-cell-pad-h); padding-right: var(--wx-cell-pad-h); }
  .forum-conv-row { padding-left: var(--wx-cell-pad-h); padding-right: var(--wx-cell-pad-h); }
  .forum-conv-code { display: none; } /* 窄屏代码让位对象名（title/会话内仍可读） */
  .forum-search-row { padding: 0 12px; }
  /* 聊天区：贴边通栏（左右内边距收窄），气泡列上限保持 70% */
  .forum-chat-body { padding: 12px; min-height: 240px; }
  .forum-chat-objbar { padding: 10px 12px; }
  .forum-chat-replybar { padding: 6px 12px; }
  .forum-chat-input { padding-left: 12px; padding-right: 12px; }
  /* 动态流卡片：窄屏内边距收窄对齐 cell 口径 */
  .forum-feed-card { padding: 12px; gap: 10px; }
  .forum-feed-more { padding: 12px; }
}

/* ---- 态②：对象会话（聊天室，2026-09-10 P5-T5.1b 微信聊天界面规格） ---- */

/* 头部：微信导航栏——白底、44px 高、底部 hairline */
.forum-chat-head {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: var(--wx-nav-height);
  padding: 0 12px 0 0;
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}
/* 返回「‹」：44px 方形触摸区（对齐全站 mobile-back 触达口径），箭头加大加粗 */
.forum-chat-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--wx-nav-height);
  height: var(--wx-nav-height);
  flex-shrink: 0;
  color: var(--color-text-primary);
  cursor: pointer;
  font-size: 22px;
  font-weight: 600;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.forum-chat-back:active { opacity: 0.4; }
.forum-chat-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-text-primary);
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forum-chat-sub { color: var(--color-text-muted); font-size: 12px; flex-shrink: 0; }

/* 顶部对象行情条：白卡横条——对象名 15px + 涨跌（红涨绿跌）+ 链接蓝入口 */
.forum-chat-objbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 16px;
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  font-size: 13px;
}
.forum-chat-obj-name {
  font-weight: 600;
  font-size: 15px;
  color: var(--color-text-primary);
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forum-chg { font-weight: 700; }
.forum-chg-up { color: var(--color-danger); }   /* A股口径：红涨 */
.forum-chg-down { color: var(--color-success); } /* 绿跌 */
.forum-chat-obj-quote { font-size: 12px; color: var(--color-text-secondary); }
/* 「查看数据详情」：微信链接蓝 #576b95 */
.forum-chat-obj-goto { margin-left: auto; font-size: 13px; color: var(--color-link); cursor: pointer; flex-shrink: 0; }
.forum-chat-obj-goto:active { opacity: 0.6; }

/* 消息体：正序气泡流（背景 = 页面底色微信 #ededed） */
.forum-chat-body {
  background: var(--color-bg);
  padding: 14px 16px;
  min-height: 320px;
  max-height: 60vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.forum-msg-row { display: flex; gap: 10px; align-items: flex-start; }
.forum-msg-row-mine { flex-direction: row-reverse; }
/* 头像：微信规格 40px 微圆角方块（非全圆） */
.forum-msg-avatar {
  width: 40px; height: 40px;
  border-radius: var(--radius-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; color: #fff; font-weight: 600; flex-shrink: 0;
  background: linear-gradient(135deg, #7ea6ff, #3d5afe);
}
.forum-msg-col { max-width: 70%; min-width: 0; }
.forum-msg-row-mine .forum-msg-col { text-align: right; }
/* 群聊昵称：气泡上方小字 13px 灰；微信自己消息不显昵称 */
.forum-msg-name { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 4px; }
.forum-msg-row-mine .forum-msg-name { display: none; }
/* 气泡：他人左白 / 自己右浅绿；8px 圆角、16px 字、无阴影（微信扁平） */
.forum-msg-bubble {
  display: inline-block;
  padding: 10px 14px;
  border-radius: var(--radius-md);
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  background: var(--color-surface);
  color: var(--color-text-primary);
  word-break: break-word;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
/* 自己的气泡：微信专属浅绿 #95ec69（非品牌绿 #07c160），文字仍 #191919
   （微信允许的局部字面量） */
.forum-msg-row-mine .forum-msg-bubble { background: #95ec69; }
.forum-msg-bubble:active { opacity: 0.85; }
/* 引用回复（气泡内灰色引用块） */
.forum-msg-quote-ref {
  display: block;
  font-size: 13px;
  color: var(--color-text-secondary);
  background: rgba(0, 0, 0, 0.05);
  border-left: 3px solid var(--color-border-strong);
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  margin-bottom: 5px;
}
/* 居中时间分隔条（forum_chat.js 按相邻消息间隔 >5min 插入，微信群聊口径） */
.forum-msg-time-sep { text-align: center; font-size: 12px; color: var(--color-text-muted); }
/* 系统灰条（对象事件：更新预测分/新数据上传，居中） */
.forum-msg-sys { text-align: center; font-size: 12px; color: var(--color-text-secondary); }
.forum-msg-sys span {
  background: var(--color-border);
  border-radius: var(--radius-sm);
  padding: 2px 10px;
}

/* 引用回复条（输入框上方，ForumChat 动态插入 #forum-chat-replybar）：
   微信长按引用样式——浅灰条 + 被引内容截断 + 右侧关闭 ✕ */
.forum-chat-replybar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: var(--color-surface-sunken);
  border-top: 1px solid var(--color-border);
  font-size: 12px;
  color: var(--color-text-secondary);
}
.forum-chat-replybar-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.forum-chat-replybar-x {
  cursor: pointer;
  font-size: 14px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: var(--color-text-secondary);
  -webkit-tap-highlight-color: transparent;
}
.forum-chat-replybar-x:active { color: var(--color-text-primary); }

/* 底部输入栏：贴底白条（顶部 hairline + safe-area 补底），
   文档流内不 fixed——TabBar 避让由 responsive.css 的 content 底部 padding 兜底 */
.forum-chat-input {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
}
/* 输入框：灰底圆角胶囊（WeUI 输入底 #f7f7f7）；16px 字号防 iOS 聚焦缩放 */
.forum-chat-input-field {
  flex: 1;
  min-width: 0;
  border: none;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 16px;
  background: var(--color-surface-sunken);
  color: var(--color-text-primary);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.forum-chat-input-field::placeholder { color: var(--color-text-muted); }
.forum-chat-input-field:focus { box-shadow: 0 0 0 2px var(--color-focus-ring); }
/* 匿名禁言/发送中置灰（forum_chat.js disabled 驱动） */
.forum-chat-input-field:disabled {
  background: var(--wx-seg-bg);
  color: var(--color-text-muted);
}
/* 发送按钮：微信绿胶囊 */
.forum-chat-send {
  background: var(--color-brand);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 9px 16px;
  cursor: pointer;
  font-size: 15px;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
.forum-chat-send:active { background: var(--color-brand-strong); }
.forum-chat-send:disabled {
  background: var(--color-border-strong);
  color: var(--color-surface);
  cursor: not-allowed;
}

/* ---- 态③：汇总动态流（2026-09-10 P5-T5.1b 朋友圈式） ---- */

/* 筛选 tab 行（全部/我关注的/官方标的/我的评论）：对齐 .wx-seg 视觉——
   白底等分文字 tab、高 44px、激活品牌绿 + 底部 2px 圆角指示条（span 结构不动） */
.forum-feed-tabs {
  display: flex;
  background: var(--color-surface);
  padding: 0;
  border-bottom: 1px solid var(--color-border);
}
.forum-feed-tab {
  flex: 1;
  min-width: 0;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 15px;
  color: var(--color-text-secondary);
  cursor: pointer;
  user-select: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.forum-feed-tab:active { background: var(--wx-pressed); }
.forum-feed-tab.on {
  color: var(--color-brand);
  font-weight: 600;
}
/* 激活指示条：与 .forum-seg-item.on::after / .wx-seg-item.active::after 同规格 */
.forum-feed-tab.on::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 32px;
  height: 2px;
  border-radius: 1px;
  background: var(--color-brand);
}

.forum-feed-list { display: flex; flex-direction: column; background: var(--color-surface); }

/* 动态卡片：朋友圈式两栏——头像左 40px 方圆，右主列 = 昵称行 / 内容 /
   对象 chip / 元信息行（时间+互动，13px ） */
.forum-feed-card {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}
.forum-feed-avatar {
  width: 40px; height: 40px;
  border-radius: var(--radius-sm); /* 朋友圈方圆头像，非全圆 */
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; color: #fff; font-weight: 600; flex-shrink: 0;
  background: linear-gradient(135deg, #7ea6ff, #3d5afe);
}
.forum-feed-main { flex: 1; min-width: 0; }
.forum-feed-line1 { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
/* 昵称：朋友圈链接蓝 #576b95 口径 */
.forum-feed-name {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-link);
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forum-feed-action { color: var(--color-text-secondary); font-size: 13px; }
.forum-feed-badge-official {
  font-size: 11px;
  color: var(--color-warning);
  border: 1px solid var(--color-warning);
  background: var(--color-warning-subtle);
  padding: 0 5px;
  border-radius: var(--radius-sm);
}
/* 内容：16px 正文 */
.forum-feed-text {
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text-primary);
  word-break: break-word;
  margin-top: 2px;
}
/* 对象 chip（可点进会话） */
.forum-obj-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 2px;
  padding: 4px 10px;
  background: var(--color-brand-subtle);
  border-radius: var(--radius-sm);
  font-size: 13px;
  color: var(--color-brand);
  cursor: pointer;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
}
.forum-obj-chip:active { background: var(--color-brand-glow); }
.forum-feed-quote { color: var(--color-text-muted); }
/* 元信息行（时间 13px #b2b2b2 + 互动 ops；朋友圈时间/操作轻量灰） */
.forum-feed-foot {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  color: var(--color-text-muted);
  font-size: 13px;
}
.forum-feed-time { color: var(--color-text-muted); font-size: 13px; }
.forum-feed-op { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.forum-feed-op:active { opacity: 0.6; }
/* 点赞已赞态（forum_feed.js 乐观更新切换 .liked）：朋友圈蓝心口径 → 链接蓝 #576b95 */
.forum-feed-op.liked { color: var(--color-link); font-weight: 600; }
.forum-feed-goto { margin-left: auto; color: var(--color-text-muted); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.forum-feed-goto:active { color: var(--color-link); }

/* 加载更多 */
.forum-feed-more {
  padding: 12px 20px;
  text-align: center;
  font-size: 13px;
  color: var(--color-link);
  cursor: pointer;
  background: var(--color-surface);
  -webkit-tap-highlight-color: transparent;
}
.forum-feed-more:active { background: var(--wx-pressed); }