/* 文献页转化区样式（mu-plugins/engreen-lit-conversion.php）
   配色沿用站点主绿 #0c8918 / 浅底 #f6ffed，与既有的「中文解读」卡片一致。 */

/* ---------------------------------------------------------- 中文速读卡 */

.engreen-lc-card {
	margin: 0 0 1.5em;
	padding: 14px 18px;
	border-left: 4px solid #0c8918;
	background: #f6ffed;
	line-height: 1.75;
}

.engreen-lc-head {
	margin: 0 0 .5em;
	font-weight: bold;
	color: #0c8918;
}

.engreen-lc-summary {
	margin: 0 0 .6em;
}

.engreen-lc-product {
	margin: 0 0 .6em;
}

.engreen-lc-more {
	margin: 0 0 .6em;
}

/* 标注标签行：物种 / 给药 / 器官 / 核酸 / 细胞，缺的维度直接不出现 */
.engreen-lc-tags {
	margin: 0 0 .6em;
}

.engreen-lc-tag {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 0 9px;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	color: #0c8918;
	background: #fff;
	border: 1px solid #b7eb8f;
	border-radius: 11px;
}

/* ------------------------------------------------------------ 按钮组 */

.engreen-lc-actions {
	margin: .8em 0 0;
}

.engreen-lc-btn {
	display: inline-block;
	margin: 0 10px 8px 0;
	padding: 7px 16px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}

.engreen-lc-btn-primary,
.engreen-lc-btn-primary:visited {
	color: #fff;
	background: #0c8918;
	border: 1px solid #0c8918;
}

.engreen-lc-btn-primary:hover {
	color: #fff;
	background: #0a7414;
}

.engreen-lc-btn-ghost {
	color: #0c8918;
	background: #fff;
	border: 1px solid #0c8918;
	font: inherit;
	font-size: 14px;
}

.engreen-lc-btn-ghost:hover {
	background: #f0f9eb;
}

/* ------------------------------------------- 正文里的中文解读入口（见 PHP）

   原来是一句和 Keywords 长得一样的深色文字，末尾还吊着个没有下文的冒号。
   做成浅绿描边的块级按钮：它是整页对中文读者最有价值的出口，
   但主按钮（产品页）在上面那张卡里，所以这里用描边不用实心，不跟它抢。
   用 inline-block + 外层已有的 <p> 居中不可靠，直接 display:block 自己占一行。 */
.engreen-lc-cnlink,
.engreen-lc-cnlink:visited {
	display: block;
	max-width: 420px;
	margin: 1.4em auto;
	padding: 11px 18px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #0c8918;
	background: #f6ffed;
	border: 1px solid #b7eb8f;
	border-radius: 3px;
	text-decoration: none;
}

.engreen-lc-cnlink:hover {
	color: #fff;
	background: #0c8918;
	border-color: #0c8918;
	text-decoration: none;
}

/* --------------------------------------------------------- 文末转化区 */

.engreen-lc-tail {
	margin: 2em 0 0;
	padding: 16px 18px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	line-height: 1.75;
}

.engreen-lc-tail-head {
	margin: 0 0 .4em;
	font-size: 16px;
}

.engreen-lc-tail-sub {
	margin: 1em 0 .4em;
	font-weight: bold;
	color: #555;
}

.engreen-lc-rel {
	margin: 0;
	padding-left: 1.4em;
}

.engreen-lc-rel li {
	margin-bottom: .35em;
}

/* ------------------------------------------------------------- 右栏卡 */

.engreen-lc-side-head {
	margin: 0 0 .6em;
	font-weight: bold;
	color: #0c8918;
}

/* 产品图在 340px 宽的右栏里靠左，看着像贴在边上，改成居中（用户 2026-11-14）。
   包着图的是 <a>，默认 inline，宽度就等于图宽（42px），对它设 margin:auto 无效 ——
   必须把 <a> 改成块级再 text-align:center，只改 img 不管用。
   尺寸不动：试过换 full（84×300）后用户说过大，原来的 medium 42×150 正合适。 */
.engreen-lc-side-imglink {
	display: block;
	text-align: center;
}

.engreen-lc-side-img {
	max-width: 100%;
	height: auto;
}

.engreen-lc-side-name {
	margin: .6em 0 .2em;
	font-size: 15px;
}

.engreen-lc-side-count {
	margin: 0 0 .4em;
	font-size: 13px;
	color: #666;
}

/* --------------------------------------------- 作者单位折叠（见 JS） */

/* PubMed 抓来的作者单位有十来条，占满一屏，把 Abstract 推到很下面。
   默认收起，正文结构一个字不改，只加这个开关。 */
.engreen-lc-aff-toggle {
	display: inline-block;
	margin: .2em 0 .8em;
	padding: 0;
	font: inherit;
	font-size: 14px;
	color: #0c8918;
	background: none;
	border: 0;
	cursor: pointer;
}

.engreen-lc-aff-toggle::before {
	content: "▸ ";
}

.engreen-lc-aff-toggle[aria-expanded="true"]::before {
	content: "▾ ";
}

.affiliations.engreen-lc-collapsed > .item-list,
.affiliations.engreen-lc-collapsed > .title {
	display: none;
}