/**
 * 论坛 App · 楼层版（2026-09-12 叶谭拍板：_wg_forum_v1.html 定稿落地）
 *
 * 语言：黑白纸感 + 论坛的"楼" —— 楼层号 1F/2F、楼主章、楼中楼引用（非嵌套）
 * 作用域：#forumApp（内层 #forumContent）
 * 加载顺序：在 forum.css 之后 → 同优先级下覆盖旧样式
 * 颜色全走 --fa-* 变量：以后换水色只改这一段（含 dark-mode 段）
 *
 * 注意：.forum-post 类名保留（render() 里事件委托用 closest('.forum-post') 找卡片）
 */

#forumApp, #forumDetailOverlay {
  --fa-bg:     #F4F4F6;
  --fa-card:   #FFFFFF;
  --fa-ink:    #17171A;
  --fa-ink2:   #6E6E76;
  --fa-ink3:   #A6A6AE;
  --fa-line:   rgba(0,0,0,.07);
  --fa-soft:   rgba(0,0,0,.05);
  --fa-accent: #1A1A1A;
  --fa-accent-ink: #FFFFFF;
  --fa-serif: 'Songti SC','STSong','Noto Serif SC','Source Han Serif SC',Georgia,serif;
  --fa-latin: 'Didot','Bodoni MT','Times New Roman',Georgia,serif;
  --fa-sans: system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
}
#forumApp { background: var(--fa-bg); }

html.dark-mode #forumApp, html.dark-mode #forumDetailOverlay {
  --fa-bg:     #1A1A1C;
  --fa-card:   #242427;
  --fa-ink:    #F0F0F2;
  --fa-ink2:   #9A9AA2;
  --fa-ink3:   #6A6A72;
  --fa-line:   rgba(255,255,255,.10);
  --fa-soft:   rgba(255,255,255,.08);
  --fa-accent: #F0F0F2;
  --fa-accent-ink: #17171A;
}

/* ═══════════════ 外壳 ═══════════════ */

#forumApp .fa-shell , #forumDetailOverlay .fa-shell  { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: var(--fa-bg); }

#forumApp .fa-nav , #forumDetailOverlay .fa-nav  { flex-shrink: 0; display: flex; align-items: center; gap: 8px; padding: calc(6px + var(--sat, 0px)) 12px 8px; }
#forumApp .fa-nbtn , #forumDetailOverlay .fa-nbtn  { width: 30px; height: 30px; border-radius: 50%; border: 0; background: transparent; color: var(--fa-ink2);
  display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; cursor: pointer; }
#forumApp .fa-nbtn svg , #forumDetailOverlay .fa-nbtn svg  { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#forumApp .fa-nbtn:active , #forumDetailOverlay .fa-nbtn:active  { transform: scale(.92); }
#forumApp .fa-search , #forumDetailOverlay .fa-search  {
  /* ★ 2026-10-01 叶谭报「有的手机上刷新按钮被顶出去」：显式 min-width:0，
     防老 WebKit 把 input 的固有宽度算进自动最小尺寸 → 搜索框撑住不收缩，右侧按钮被挤出屏 */
  flex: 1; min-width: 0; height: 34px; border-radius: 999px; background: var(--fa-soft);
  display: flex; align-items: center; gap: 7px; padding: 0 13px; color: var(--fa-ink3); font-size: 12.5px;
}
#forumApp .fa-search svg , #forumDetailOverlay .fa-search svg  { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; flex-shrink: 0; }
#forumApp .fa-search input , #forumDetailOverlay .fa-search input  {
  flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
  font-family: inherit; font-size: 12.5px; color: var(--fa-ink);
}
/* ★ 2026-10-01 叶谭报「搜索把刷新顶出去」的另一半根因：iOS 输入框字号 <16px 聚焦时
   会自动放大整个页面（项目已知坑，「防 iOS 缩放」注释在日历里就有）——放大后右端按钮
   被顶出可视区。-webkit-touch-callout 只有 WebKit 认，安卓/桌面浏览器不受影响。 */
@supports (-webkit-touch-callout: none) {
  #forumApp .fa-search input , #forumDetailOverlay .fa-search input  { font-size: 16px; }
}
#forumApp .fa-search input::placeholder , #forumDetailOverlay .fa-search input::placeholder  { color: var(--fa-ink3); }

#forumApp .fa-tabs , #forumDetailOverlay .fa-tabs  { flex-shrink: 0; display: flex; gap: 2px; padding: 0 8px 8px; border-bottom: 1px solid var(--fa-line); overflow-x: auto; scrollbar-width: none; }
#forumApp .fa-tabs::-webkit-scrollbar , #forumDetailOverlay .fa-tabs::-webkit-scrollbar  { display: none; }
#forumApp .fa-tab , #forumDetailOverlay .fa-tab  { padding: 7px 12px; font-size: 13.5px; color: var(--fa-ink2); position: relative; flex-shrink: 0; cursor: pointer; }
#forumApp .fa-tab.active , #forumDetailOverlay .fa-tab.active  { color: var(--fa-ink); font-weight: 600; }
#forumApp .fa-tab.active::after , #forumDetailOverlay .fa-tab.active::after  { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px;
  width: 18px; height: 2px; border-radius: 1px; background: var(--fa-accent); }

/* ★ 2026-09-24：自定义版块 —— tab 栏末尾的「＋」（到 3 个上限时后端不再渲染它）
   吸在右边：tab 一多，「＋」会被滚出屏幕（实测 7 个 tab 时它落在 465px，可视区只有 430px）。
   sticky + 实底背景 = 滚动的 tab 从它下面穿过去，加号始终可见；背景跟随 --fa-bg 适配 dark-mode。 */
#forumApp .fa-tab-add , #forumDetailOverlay .fa-tab-add  {
  position: sticky; right: 0;
  color: var(--fa-ink2); font-size: 17px; line-height: 1; padding: 6px 11px;
  background: var(--fa-bg);
  border-left: 1px solid var(--fa-line);   /* 和普通 tab 划开，暗示这里是「新增」 */
}
#forumApp .fa-tab-add:hover , #forumDetailOverlay .fa-tab-add:hover  { color: var(--fa-ink); }

#forumApp .fa-feed , #forumDetailOverlay .fa-feed  { flex: 1; overflow-y: auto; min-height: 0; padding: 12px 16px 24px; -webkit-overflow-scrolling: touch; }
#forumApp .fa-feed::-webkit-scrollbar , #forumDetailOverlay .fa-feed::-webkit-scrollbar  { display: none; }

/* ═══════════════ 帖子卡（保留 .forum-post 钩子类名） ═══════════════ */

#forumApp .forum-post {
  background: var(--fa-card); border-radius: 16px; padding: 14px 15px 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05); margin-bottom: 12px; cursor: pointer;
  border: 0;
}
html.dark-mode #forumApp .forum-post { box-shadow: 0 1px 3px rgba(0,0,0,.4); }
#forumApp .forum-post:active { opacity: .92; }

#forumApp .fa-ph , #forumDetailOverlay .fa-ph  { display: flex; align-items: center; gap: 9px; }
#forumApp .fa-p-av , #forumDetailOverlay .fa-p-av  {
  width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; color: #3D4F5C; background: linear-gradient(150deg,#E9E9EE,#C9C9D2);
  background-size: cover; background-position: center;
}
#forumApp .fa-p-who , #forumDetailOverlay .fa-p-who  { flex: 1; min-width: 0; }
#forumApp .fa-p-name , #forumDetailOverlay .fa-p-name  { font-size: 13.5px; font-weight: 600; color: var(--fa-ink);
  display: flex; align-items: center; gap: 6px; overflow: hidden; }
#forumApp .fa-lz , #forumDetailOverlay .fa-lz  { font-size: 9px; font-weight: 400; padding: 1.5px 6px; border-radius: 4px;
  background: var(--fa-accent); color: var(--fa-accent-ink); letter-spacing: .06em; flex-shrink: 0; }
#forumApp .fa-p-mask , #forumDetailOverlay .fa-p-mask  { font-size: 11px; color: var(--fa-ink3); margin-top: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#forumApp .fa-p-time , #forumDetailOverlay .fa-p-time  { font-size: 11px; color: var(--fa-ink3); flex-shrink: 0; }
#forumApp .fa-p-body , #forumDetailOverlay .fa-p-body  {
  margin-top: 10px; font-family: var(--fa-serif);
  font-size: calc(15px * var(--ui-font-scale, 1)); line-height: 1.85; letter-spacing: .01em;
  color: var(--fa-ink); display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
  white-space: pre-wrap; word-break: break-word;
}
#forumApp .fa-p-foot , #forumDetailOverlay .fa-p-foot  { margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--fa-line);
  display: flex; align-items: center; gap: 14px; }
#forumApp .fa-p-tag , #forumDetailOverlay .fa-p-tag  { font-size: 10.5px; color: var(--fa-ink2); padding: 2px 8px; border-radius: 999px; background: var(--fa-soft); }
#forumApp .fa-p-stat , #forumDetailOverlay .fa-p-stat  { display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--fa-ink3); }
#forumApp .fa-p-stat svg , #forumDetailOverlay .fa-p-stat svg  { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#forumApp .fa-p-stat b , #forumDetailOverlay .fa-p-stat b  { font-family: var(--fa-latin); font-weight: 400; color: var(--fa-ink2); font-size: 12.5px; font-variant-numeric: tabular-nums; }
#forumApp .fa-p-stat.hot b , #forumDetailOverlay .fa-p-stat.hot b  { color: var(--fa-ink); }
#forumApp .fa-p-stat.hot , #forumDetailOverlay .fa-p-stat.hot  { color: var(--fa-ink2); }
#forumApp .fa-p-more , #forumDetailOverlay .fa-p-more  { margin-left: auto; border: 0; background: transparent; color: var(--fa-ink3);
  font-size: 15px; line-height: 1; padding: 2px 4px; cursor: pointer; }

/* 空态 / 加载 */
#forumApp .fa-empty , #forumDetailOverlay .fa-empty  { padding: 60px 20px; text-align: center; color: var(--fa-ink3); font-size: 12.5px; line-height: 1.9; }
#forumApp .fa-loading , #forumDetailOverlay .fa-loading  { padding: 40px 20px; text-align: center; color: var(--fa-ink3); font-size: 12px; }

/* ═══════════════ 热点页 ═══════════════ */

#forumApp .fa-hot-title , #forumDetailOverlay .fa-hot-title  { display: flex; align-items: baseline; gap: 8px; padding: 4px 2px 12px;
  font-size: 13.5px; font-weight: 600; color: var(--fa-ink); }
#forumApp .fa-hot-title span , #forumDetailOverlay .fa-hot-title span  { font-size: 11px; font-weight: 400; color: var(--fa-ink3); margin-left: auto; }
#forumApp .fa-hot-card , #forumDetailOverlay .fa-hot-card  { display: flex; align-items: center; gap: 12px; padding: 13px 15px;
  background: var(--fa-card); border-radius: 14px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.05); cursor: pointer; }
#forumApp .fa-hot-rank , #forumDetailOverlay .fa-hot-rank  { font-family: var(--fa-latin); font-size: 17px; color: var(--fa-ink3); width: 20px; text-align: center; flex-shrink: 0; }
#forumApp .fa-hot-card:first-of-type .fa-hot-rank,
#forumApp .fa-hot-card .fa-hot-rank.top , #forumDetailOverlay .fa-hot-card .fa-hot-rank.top  { color: var(--fa-ink); font-size: 19px; }
#forumApp .fa-hot-info , #forumDetailOverlay .fa-hot-info  { flex: 1; min-width: 0; }
#forumApp .fa-hot-t , #forumDetailOverlay .fa-hot-t  { font-family: var(--fa-serif); font-size: 14.5px; letter-spacing: .02em; color: var(--fa-ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#forumApp .fa-hot-tags , #forumDetailOverlay .fa-hot-tags  { margin-top: 4px; font-size: 11px; color: var(--fa-ink3); }
#forumApp .fa-hot-heat , #forumDetailOverlay .fa-hot-heat  { font-family: var(--fa-latin); font-size: 12.5px; color: var(--fa-ink2); flex-shrink: 0; }
#forumApp .fa-hot-bar , #forumDetailOverlay .fa-hot-bar  { display: flex; align-items: center; gap: 10px; padding: 2px 2px 12px; font-size: 12px; color: var(--fa-ink2); }
#forumApp .fa-hot-bar button , #forumDetailOverlay .fa-hot-bar button  { border: 0; background: transparent; color: var(--fa-ink2); font-size: 12px; font-family: inherit; padding: 0; cursor: pointer; }

/* ═══════════════ 帖子详情（全屏） ═══════════════ */

#forumDetailOverlay { position: fixed; inset: 0; z-index: 3000; background: var(--fa-bg);
  display: flex; flex-direction: column; }
#forumApp .fa-dnav , #forumDetailOverlay .fa-dnav  { flex-shrink: 0; display: flex; align-items: center; gap: 6px;
  padding: calc(6px + var(--sat, 0px)) 12px 8px; }
#forumApp .fa-dnav-t , #forumDetailOverlay .fa-dnav-t  { flex: 1; text-align: center; font-size: 14.5px; font-weight: 600; color: var(--fa-ink); }
#forumApp .fa-dscroll , #forumDetailOverlay .fa-dscroll  { flex: 1; overflow-y: auto; min-height: 0; padding: 4px 16px 16px; -webkit-overflow-scrolling: touch; }
#forumApp .fa-dscroll::-webkit-scrollbar , #forumDetailOverlay .fa-dscroll::-webkit-scrollbar  { display: none; }

/* 主楼 */
#forumApp .fa-main , #forumDetailOverlay .fa-main  { background: var(--fa-card); border-radius: 16px; padding: 16px 16px 13px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05); }
html.dark-mode #forumApp .fa-main , #forumDetailOverlay .fa-main  { box-shadow: 0 1px 3px rgba(0,0,0,.4); }
#forumApp .fa-m-body , #forumDetailOverlay .fa-m-body  { margin-top: 12px; font-family: var(--fa-serif);
  font-size: calc(15.5px * var(--ui-font-scale, 1)); line-height: 1.9; letter-spacing: .01em;
  color: var(--fa-ink); white-space: pre-wrap; word-break: break-word; }
#forumApp .fa-m-meta , #forumDetailOverlay .fa-m-meta  { margin-top: 12px; display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--fa-ink3); }
#forumApp .fa-m-foot , #forumDetailOverlay .fa-m-foot  { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--fa-line);
  display: flex; align-items: center; gap: 16px; }
#forumApp .fa-m-act , #forumDetailOverlay .fa-m-act  { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--fa-ink2); }
#forumApp .fa-m-act svg , #forumDetailOverlay .fa-m-act svg  { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#forumApp .fa-m-act b , #forumDetailOverlay .fa-m-act b  { font-family: var(--fa-latin); font-weight: 400; font-size: 13.5px; font-variant-numeric: tabular-nums; }
#forumApp .fa-m-act.r , #forumDetailOverlay .fa-m-act.r  { margin-left: auto; cursor: pointer; }

/* 楼层 */
#forumApp .fa-floors-head , #forumDetailOverlay .fa-floors-head  { display: flex; align-items: baseline; gap: 6px; padding: 20px 4px 9px; }
#forumApp .fa-floors-head-t , #forumDetailOverlay .fa-floors-head-t  { font-size: 13.5px; font-weight: 600; color: var(--fa-ink); }
#forumApp .fa-floors-head-n , #forumDetailOverlay .fa-floors-head-n  { font-family: var(--fa-latin); font-size: 11px; color: var(--fa-ink3); }

#forumApp .fa-floors , #forumDetailOverlay .fa-floors  { background: var(--fa-card); border-radius: 16px; padding: 0 16px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
html.dark-mode #forumApp .fa-floors , #forumDetailOverlay .fa-floors  { box-shadow: 0 1px 3px rgba(0,0,0,.4); }
#forumApp .fa-floor , #forumDetailOverlay .fa-floor  { display: flex; gap: 11px; padding: 15px 0; border-bottom: 1px solid var(--fa-line); }
#forumApp .fa-floor:last-child , #forumDetailOverlay .fa-floor:last-child  { border-bottom: none; }
#forumApp .fa-fnum , #forumDetailOverlay .fa-fnum  { flex-shrink: 0; width: 22px; padding-top: 2px;
  font-family: var(--fa-latin); font-size: 12px; color: var(--fa-ink3); text-align: right; font-variant-numeric: tabular-nums; }
#forumApp .fa-fmain , #forumDetailOverlay .fa-fmain  { flex: 1; min-width: 0; }
#forumApp .fa-f-top , #forumDetailOverlay .fa-f-top  { display: flex; align-items: center; gap: 7px; }
#forumApp .fa-f-av , #forumDetailOverlay .fa-f-av  { width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; overflow: hidden;
  display: flex; align-items: center; justify-content: center; font-size: 11px; color: #3D4F5C;
  background: linear-gradient(150deg,#E9E9EE,#C9C9D2); background-size: cover; background-position: center; }
#forumApp .fa-f-name , #forumDetailOverlay .fa-f-name  { font-size: 12.5px; font-weight: 600; color: var(--fa-ink);
  display: flex; align-items: center; gap: 5px; overflow: hidden; }
#forumApp .fa-f-time , #forumDetailOverlay .fa-f-time  { margin-left: auto; font-size: 10.5px; color: var(--fa-ink3); flex-shrink: 0; }
#forumApp .fa-f-more , #forumDetailOverlay .fa-f-more  { margin-left: 7px; border: 0; background: transparent; color: var(--fa-ink3);
  font-size: 14px; line-height: 1; padding: 0 3px; flex-shrink: 0; cursor: pointer; }
#forumApp .fa-f-content , #forumDetailOverlay .fa-f-content  { margin-top: 7px; font-family: var(--fa-serif);
  font-size: calc(14.5px * var(--ui-font-scale, 1)); line-height: 1.85; color: var(--fa-ink);
  white-space: pre-wrap; word-break: break-word; }
#forumApp .fa-quote , #forumDetailOverlay .fa-quote  { margin-top: 8px; padding: 8px 11px; border-radius: 0 9px 9px 0;
  border-left: 2px solid var(--fa-ink3); background: var(--fa-soft);
  font-size: calc(12px * var(--ui-font-scale, 1)); line-height: 1.65; color: var(--fa-ink2);
  overflow: hidden; text-overflow: ellipsis; }
#forumApp .fa-quote b , #forumDetailOverlay .fa-quote b  { color: var(--fa-ink2); font-weight: 600; }
#forumApp .fa-f-acts , #forumDetailOverlay .fa-f-acts  { margin-top: 8px; display: flex; align-items: center; gap: 14px; font-size: 11px; color: var(--fa-ink3); }
#forumApp .fa-f-acts span , #forumDetailOverlay .fa-f-acts span  { display: flex; align-items: center; gap: 4px; cursor: pointer; }
#forumApp .fa-f-acts svg , #forumDetailOverlay .fa-f-acts svg  { width: 12.5px; height: 12.5px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#forumApp .fa-f-acts .liked , #forumDetailOverlay .fa-f-acts .liked  { color: var(--fa-ink); }

/* 底部回复 */
#forumApp .fa-compose , #forumDetailOverlay .fa-compose  { flex-shrink: 0; display: flex; align-items: center; gap: 8px;
  padding: 10px 16px calc(12px + var(--sab, 0px)); background: var(--fa-bg); border-top: 1px solid var(--fa-line); }
#forumApp .fa-compose input , #forumDetailOverlay .fa-compose input  {
  flex: 1; min-width: 0; height: 38px; border-radius: 19px; border: 0; outline: none;
  background: var(--fa-card); padding: 0 15px; font-family: inherit;
  font-size: calc(12.5px * var(--ui-font-scale, 1)); color: var(--fa-ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
#forumApp .fa-compose input::placeholder , #forumDetailOverlay .fa-compose input::placeholder  { color: var(--fa-ink3); }
#forumApp .fa-compose-send , #forumDetailOverlay .fa-compose-send  { height: 38px; padding: 0 17px; border-radius: 19px; border: 0;
  background: var(--fa-accent); color: var(--fa-accent-ink); font-size: 13px; font-family: inherit;
  flex-shrink: 0; cursor: pointer; }
#forumApp .fa-compose-send:active , #forumDetailOverlay .fa-compose-send:active  { transform: scale(.96); }

/* 回复目标提示条 */
#forumApp .fa-replychip , #forumDetailOverlay .fa-replychip  { display: flex; align-items: center; gap: 6px; margin: 0 16px 8px;
  padding: 7px 12px; border-radius: 10px; background: var(--fa-soft);
  font-size: 11.5px; color: var(--fa-ink2); }
#forumApp .fa-replychip b , #forumDetailOverlay .fa-replychip b  { color: var(--fa-ink); }
#forumApp .fa-replychip button , #forumDetailOverlay .fa-replychip button  { margin-left: auto; border: 0; background: transparent; color: var(--fa-ink3);
  padding: 0 4px; display: flex; align-items: center; cursor: pointer; }

/* FAB 发帖 */
#forumApp .fa-fab , #forumDetailOverlay .fa-fab  {
  position: absolute; right: 18px; bottom: calc(22px + var(--sab, 0px));
  width: 50px; height: 50px; border-radius: 50%; border: 0;
  background: var(--fa-accent); color: var(--fa-accent-ink); font-size: 26px; font-weight: 200;
  line-height: 1; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.22); cursor: pointer; z-index: 20;
}
#forumApp .fa-fab:active , #forumDetailOverlay .fa-fab:active  { transform: scale(.94); }

/* ═══════════════ 分享给角色 · 底部选择层（2026-09-15） ═══════════════
   ★ 必须做成 #forumDetailOverlay 的内部子层，不能用通用弹窗 showModal ——
     #appModal 是 body 级 fixed + z-index:500，而本层是 body 级 fixed + z-index:3000，
     弹窗会被整个盖住（背景还不透明），表现成「点了分享没反应」。
   也正因如此，这一层里的按钮不要用 data-forum-*（委托只绑在 #forumContent 上）。 */
#forumDetailOverlay .fa-share-sheet {
  position: absolute; inset: 0; z-index: 10;
  background: rgba(0,0,0,.35);
  display: flex; flex-direction: column; justify-content: flex-end;
}
#forumDetailOverlay .fa-share-panel {
  background: var(--fa-bg); border-radius: 16px 16px 0 0;
  max-height: 64vh; display: flex; flex-direction: column;
  padding-bottom: var(--sab, 0px);
  box-shadow: 0 -4px 20px rgba(0,0,0,.14);
}
#forumDetailOverlay .fa-share-head {
  flex-shrink: 0; padding: 15px 18px 11px;
  font-size: 14px; font-weight: 600; color: var(--fa-ink);
  border-bottom: 1px solid var(--fa-line);
  display: flex; align-items: center;
}
#forumDetailOverlay .fa-share-head button {
  margin-left: auto; border: 0; background: transparent; color: var(--fa-ink3);
  font-size: 17px; line-height: 1; padding: 0 3px; cursor: pointer;
}
#forumDetailOverlay .fa-share-list { flex: 1; overflow-y: auto; min-height: 0; padding: 6px 6px 12px; }
#forumDetailOverlay .fa-share-list::-webkit-scrollbar { display: none; }
#forumDetailOverlay .fa-share-empty { padding: 30px 18px; text-align: center; font-size: 12.5px; color: var(--fa-ink3); }