/**
 * expandable_content 组件样式
 *
 * 仅作用于 .rfj-expandable-content 容器，避免影响历史 .cat_more 样式。
 * 兼容 single-software.js 通过 .toggle-content-wrapper / .content / .toggle-button
 * / .show-more / .show-less 这些钩子类控制折叠展开。
 */
.rfj-expandable-content {
	position: relative;
	display: block;
	width: 100%;
}

.rfj-expandable-content__body {
	overflow: hidden;
	-webkit-transition: max-height .25s ease;
	transition: max-height .25s ease;
}

.rfj-expandable-content__body.content {
	/* 兼容旧 .content 钩子，避免被模板级 overflow 覆盖导致展开失败 */
	overflow: hidden;
}

/* 折叠/展开按钮容器 */
.rfj-expandable-content__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin: 10px auto;
	padding: 0 12px;
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	color: #1366ec;
	background: rgba(48, 114, 246, 0.05);
	border-radius: 4px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}

.rfj-expandable-content__toggle:hover,
.rfj-expandable-content__toggle:focus {
	color: #d1191a;
	outline: none;
}

.rfj-expandable-content__action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	font-weight: 600;
}

/* 默认隐藏“展开/收起”文案，由 single-software.js 在检测到内容溢出后通过 inline display:block 显示 */
.rfj-expandable-content__action--more,
.rfj-expandable-content__action--less {
	display: none;
}

.rfj-expandable-content__icon {
	width: 1em;
	height: 1em;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	vertical-align: -0.15em;
}

/* 触摸设备上保持可点击区域足够大 */
@media (max-width: 640px) {
	.rfj-expandable-content__toggle {
		min-height: 44px;
		line-height: 44px;
	}

	.rfj-expandable-content__action {
		font-size: 15px;
	}
}