/**
 * 长文展示层：广场信息流长文卡 + 话题详情页长文正文排版。
 * 编辑态的同组样式在 longform-editor.css，两处 token 保持一致。
 * 随社区 CSS 链一起入队（所有 wpForo 页）。
 */

/* ---------- 广场信息流：长文卡 ---------- */

/* 2026-10-18：撤掉胶囊描边，跟日期行同字号的纯灰字（精选红字在它左边）。 */
#wpforo #wpforo-wrap .mytheme-wpf-card__lf-badge {
	font-size: 13px;
	font-weight: 400;
	color: #666666;
	line-height: 1.4;
}

#wpforo #wpforo-wrap a.mytheme-wpf-card__lf-title {
	display: block;
	font-size: 16px;
	font-weight: 630;
	color: #222222;
	text-decoration: none;
	line-height: 1.5;
	margin: 2px 0 4px;
}

#wpforo #wpforo-wrap a.mytheme-wpf-card__lf-title:hover {
	color: #e03030;
}

#wpforo #wpforo-wrap a.mytheme-wpf-card__lf-title:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
	border-radius: 4px;
}

#wpforo #wpforo-wrap .mytheme-wpf-card__lf-thumb {
	display: block;
	margin-top: 8px;
	border-radius: 10px;
	overflow: hidden;
	max-height: 200px;
}

#wpforo #wpforo-wrap .mytheme-wpf-card__lf-thumb img {
	display: block;
	width: 100%;
	max-height: 200px;
	object-fit: cover;
}

/* ---------- 话题详情页：长文正文里的块 ---------- */

#wpforo #wpforo-wrap .wpforo-post-content h2,
#wpforo #wpforo-wrap .wpforo-post-content h3 {
	color: #222222;
	line-height: 1.4;
}

#wpforo #wpforo-wrap .wpforo-post-content h2 {
	font-size: 24px;
	font-weight: 630;
	margin: 28px 0 12px;
}

#wpforo #wpforo-wrap .wpforo-post-content h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 22px 0 10px;
}

#wpforo #wpforo-wrap .wpforo-post-content hr {
	border: none;
	border-top: 1px solid #dedede;
	margin: 22px 0;
}

#wpforo #wpforo-wrap .wpforo-post-content .mytheme-wpf-lf-align-center {
	text-align: center;
}

#wpforo #wpforo-wrap .wpforo-post-content .mytheme-wpf-lf-align-end {
	text-align: right;
}

#wpforo #wpforo-wrap .wpforo-post-content a {
	color: #222222;
	text-decoration: underline;
}

#wpforo #wpforo-wrap .wpforo-post-content blockquote {
	margin: 16px 0;
	padding: 2px 0 2px 14px;
	border-left: 3px solid #dedede;
	color: #666666;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig {
	margin: 16px 0;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-video {
	margin: 16px 0;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-video video {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	background: #111111;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	/* 白底图和页面底色会糊在一起，细边 + 淡阴影把轮廓托出来 */
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08);
}

/* 长文附件卡：上下留白跟插图同一档，居中；宽度跟随 file-card.css 的内容自适应
   （2026-10-18 撤掉半宽定宽，与普通帖附件卡同一套紧凑样式） */
#wpforo #wpforo-wrap .wpforo-post-content .mytheme-wpf-longform-filecard {
	display: flex !important;
	justify-content: center;
	margin: 16px 0 !important;
}

/* 插图宽度档位（编辑器拖拽缩放的还原端）：figure 定宽居中、img 撑满，比例锁定 */
#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w25,
#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w50,
#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w75,
#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w100 {
	margin-left: auto;
	margin-right: auto;
}
#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w25 {
	width: 25%;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w50 {
	width: 50%;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w75 {
	width: 75%;
}

#wpforo #wpforo-wrap .wpforo-post-content figure.mytheme-wpf-longform-fig--w100 {
	width: 100%;
}

#wpforo #wpforo-wrap .wpforo-post-content figure[class*="mytheme-wpf-longform-fig--w"] img {
	width: 100%;
}

@media (max-width: 640px) {
	#wpforo #wpforo-wrap .wpforo-post-content h2 {
		font-size: 24px;
	}
}