/**
 * 社区壳 · topic（帖楼顶栏/卡片/上下主题）
 */

/* —— 话题顶栏 —— */
#wpforo #wpforo-wrap .mytheme-wpf-topic-head,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border: none !important;
  border-bottom: 1px solid var(--myt-wpf-color-line-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-topic-head--ghost {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  min-height: 0 !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-topic-head--ghost .wpf-action-link:not(:has(a)) {
  display: none !important;
}
/* 标题只给 SEO / 读屏，不要再占一栏大名字 */
#wpforo #wpforo-wrap .mytheme-wpf-topic-head--ghost h1#wpforo-title.mytheme-wpf-topic-title,
#wpforo #wpforo-wrap .mytheme-wpf-topic-head--ghost .mytheme-wpf-topic-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  display: block !important;
  font-size: 1px !important;
}
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--myt-wpf-color-ink-secondary) !important;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back--icon {
  flex: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  border-radius: 9999px;
  background: var(--myt-wpf-color-surface-muted, #f5f5f5);
}
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back--icon svg {
  display: block;
  width: 20px;
  height: 20px;
}
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back--text {
  min-height: 44px;
  font-size: 14px !important;
  font-weight: 500 !important;
}
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back:hover,
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back:focus-visible {
  color: var(--myt-wpf-color-ink) !important;
}
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back--icon:hover,
#wpforo #wpforo-wrap a.mytheme-wpf-topic__back--icon:focus-visible {
  background: #ececec;
}
/* 非 ghost 顶栏（版块页）仍用可见标题 */
#wpforo #wpforo-wrap .mytheme-wpf-topic-head:not(.mytheme-wpf-topic-head--ghost) h1#wpforo-title.mytheme-wpf-topic-title,
#wpforo #wpforo-wrap .mytheme-wpf-topic-head:not(.mytheme-wpf-topic-head--ghost) .mytheme-wpf-topic-title,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head h1#wpforo-title.mytheme-wpf-topic-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--myt-wpf-color-ink) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-desc {
  margin-top: 6px;
  color: var(--myt-wpf-color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-feed,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head__links .wpf-button-outlined {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-add-topic,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head a.wpf-button,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 18px !important;
  border: none !important;
  border-radius: 9999px !important;
  background: var(--myt-wpf-color-primary) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-add-topic:hover,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head a.wpf-button:hover {
  background: var(--myt-wpf-color-primary-hover) !important;
  color: #ffffff !important;
}

/* 版块页原生 topic_form：收成接近广场 composer。
   广场 .mytheme-wpf-composer 里若再套这层边框会变成「框中框」，下面单独清掉。 */
#wpforo #wpforo-wrap .wpf-topic-create,
#wpforo #wpforo-wrap .wpforo-post-create.wpf-topic-create {
  margin: 0 0 16px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--myt-wpf-color-line) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-composer .wpf-topic-create,
#wpforo #wpforo-wrap .mytheme-wpf-composer .wpf-form-wrapper.wpf-topic-create {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* —— 帖楼卡片（主帖 / 子回复） —— */
#wpforo #wpforo-wrap .mytheme-wpf-thread.wpforo-section {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post.wpfp-first .mytheme-wpf-post__card {
  gap: 8px;
  --myt-wpf-avatar-inset: 50px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post.wpfp-first .mytheme-wpf-post__head {
  gap: 10px;
}
@media (max-width: 767px) {
  #wpforo #wpforo-wrap a.mytheme-wpf-topic__back--icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  #wpforo #wpforo-wrap .mytheme-wpf-post.wpfp-first .mytheme-wpf-post__card {
    --myt-wpf-avatar-inset: 54px;
  }
}
#wpforo #wpforo-wrap .mytheme-wpf-post__card {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  margin: 0 !important;
  padding: 16px 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--myt-wpf-color-line-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
  --myt-wpf-avatar-inset: 0px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__head > .mytheme-wpf-more {
  margin-left: auto !important;
  align-self: flex-start;
  z-index: 5;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__card:has(.mytheme-wpf-more.is-open) {
  position: relative;
  z-index: 6;
}
/* 楼中楼：整组往右移一位（约一头像宽），左侧细线表示挂在上一条底下 */
#wpforo #wpforo-wrap .wpf-post-replies {
  margin: 0 0 0 40px !important;
  padding: 0 0 0 12px !important;
  border-left: 2px solid var(--myt-wpf-color-line-soft) !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post--child .mytheme-wpf-post__card {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border-left: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__replyto {
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0 4px;
}
@media (max-width: 640px) {
  #wpforo #wpforo-wrap .wpf-post-replies {
    margin-left: 28px !important;
    padding-left: 10px !important;
  }
  #wpforo #wpforo-wrap .wpf-post-replies .wpf-post-replies {
    margin-left: 16px !important;
  }
}
#wpforo #wpforo-wrap .mytheme-wpf-post__avatar {
  flex: none;
  width: 40px;
  min-height: 40px;
  border-radius: 9999px;
  overflow: hidden;
  background: #eeeae4 url("../../../images/default-avatars/01.svg") center/cover no-repeat;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__avatar img,
#wpforo #wpforo-wrap .mytheme-wpf-post__avatar .avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 9999px !important;
  object-fit: cover;
}
#wpforo #wpforo-wrap .mytheme-wpf-post--child .mytheme-wpf-post__avatar img {
  width: 36px !important;
  height: 36px !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__main {
  flex: 1;
  min-width: 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0 0 8px;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.45;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__who {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__author a {
  color: var(--myt-wpf-color-ink) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__board,
#wpforo #wpforo-wrap a.mytheme-wpf-post__board {
  color: var(--myt-wpf-color-ink-tertiary) !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap a.mytheme-wpf-post__board:hover {
  color: var(--myt-wpf-color-ink-secondary) !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__starter {
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__online,
#wpforo #wpforo-wrap .mytheme-wpf-post__dot,
#wpforo #wpforo-wrap .mytheme-wpf-post__time {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__content,
#wpforo #wpforo-wrap .mytheme-wpf-post__content .wpforo-post-content {
  color: var(--myt-wpf-color-ink);
  font-size: 16px;
  line-height: 1.6;
  word-break: break-word;
}
/* reset 把所有 p 的 margin 清零，编辑器里的空行看起来就像没断行 */
#wpforo #wpforo-wrap .wpforo-post-content > p + p {
  margin-top: 1em;
}
#wpforo #wpforo-wrap .wpforo-post-content > p:empty {
  min-height: 1em;
}
/* 正文下面的引用卡 / 图组 / 附件不要和文字、彼此贴死（外边距会折叠） */
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-tool-embed,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-image-group,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-attach-img,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-attach-video,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-kb-file-card,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-bili,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-xhs,
#wpforo #wpforo-wrap .wpforo-post-content > .mytheme-wpf-wechat {
  margin-top: 20px !important;
}
/* 正文 / 互动条跟头像左缘齐（主帖要让过返回钮） */
#wpforo #wpforo-wrap .mytheme-wpf-post__content,
#wpforo #wpforo-wrap .mytheme-wpf-post__tree,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-post-footer,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-portable-form-wrap {
  padding-left: var(--myt-wpf-avatar-inset) !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 10px 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__content .mytheme-wpf-image-group img {
  max-width: none;
  height: 100%;
  border-radius: 0;
  margin: 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-attach-img {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  max-width: 520px;
  cursor: zoom-in;
}
#wpforo #wpforo-wrap .mytheme-wpf-attach-img a {
  display: block;
}
#wpforo #wpforo-wrap .mytheme-wpf-attach-img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 14px;
  background: var(--myt-wpf-color-surface-muted);
  cursor: zoom-in;
}
#wpforo #wpforo-wrap .mytheme-wpf-attach-video {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  max-width: 520px;
}
#wpforo #wpforo-wrap .mytheme-wpf-attach-video video {
  display: block;
  width: 100%;
  max-height: 360px;
  border-radius: 14px;
  background: #111111;
  vertical-align: bottom;
}
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-wpf-attach-img) .wpforo-attached-file,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-wpf-attach-img) .wpfa-item,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-wpf-image-group) .wpforo-attached-file,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-wpf-image-group) .wpfa-item,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-wpf-attach-video) .wpforo-attached-file,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-wpf-attach-video) .wpfa-item,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-kb-file-card) .wpforo-attached-file,
#wpforo #wpforo-wrap .wpforo-post-content:has(.mytheme-kb-file-card) .wpfa-item {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__tree {
  margin: 0 0 8px;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__tree .wpf-reply-to a {
  color: var(--myt-wpf-color-ink-secondary) !important;
}

/* 动作条：自研互动栏常驻；更多操作弱化。引擎拇指赞/踩已由心形栏替代。 */
#wpforo #wpforo-wrap .mytheme-wpf-post__actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 8px;
  width: 100%;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  min-height: 32px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-buttons {
  display: none !important;
}
#wpforo #wpforo-wrap .wpf-reaction-wrap,
#wpforo #wpforo-wrap .reacted-users,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-reply,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpforo-reply {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-action,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpforo-reply,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-button-text {
  color: var(--myt-wpf-color-ink-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-action:hover,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpforo-reply:hover {
  color: var(--myt-wpf-color-ink) !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions i {
  color: inherit !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__more {
  margin-left: auto !important;
  opacity: 0.55;
  transition: opacity 0.2s ease;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__card:hover .mytheme-wpf-post__more,
#wpforo #wpforo-wrap .mytheme-wpf-post__more:focus-within {
  opacity: 1;
}
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-sbn-top,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-share-toggle,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpf-post-btns {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-post-footer {
  margin-top: 4px;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}
#wpforo #wpforo-wrap .mytheme-wpf-replies-sep {
  margin: 8px 0 4px !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  font-weight: 500;
}
#wpforo #wpforo-wrap .mytheme-wpf-replies-sep i {
  display: none;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__tags {
  margin: 4px 0 0;
  padding: 0 0 8px 50px;
}
#wpforo #wpforo-wrap .mytheme-wpf-nest-bar {
  margin: 0 0 0 52px !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}

/* —— 上下主题 / 分页：文字链，禁灰满宽条 —— */
#wpforo #wpforo-wrap .wpf-navi-wrap,
#wpforo #wpforo-wrap .wpf-topic-prnx,
#wpforo #wpforo-wrap .wpf-navi-post-bottom,
#wpforo #wpforo-wrap .wpf-navi-post-top {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 12px 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
  min-height: 0 !important;
}
#wpforo #wpforo-wrap .wpf-topic-prev,
#wpforo #wpforo-wrap .wpf-topic-next,
#wpforo #wpforo-wrap .wpf-navi a {
  color: var(--myt-wpf-color-ink-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap .wpf-topic-next {
  margin-left: auto;
}
#wpforo #wpforo-wrap .wpf-topic-prev:hover,
#wpforo #wpforo-wrap .wpf-topic-next:hover,
#wpforo #wpforo-wrap .wpf-navi a:hover {
  color: var(--myt-wpf-color-primary) !important;
}

/* —— Phase D：操作钮藏图标 / 签名 / 审核提示 —— */
#wpforo #wpforo-wrap .mytheme-wpf-post .wpf-action i,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpf-post-btns i {
  display: none !important;
}
#wpforo #wpforo-wrap .wpforo-post-signature {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--myt-wpf-color-border-soft, rgba(0, 0, 0, 0.06));
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.5;
}
#wpforo #wpforo-wrap .wpf-mod-message {
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.5;
}