/* 汉字详情页 · 字源字形（zc_zi_ziyuan） */
/* 平铺展示：与源站一致，一行最多 12 张，图下依次是 朝代 / 字体 / 出处 */
/* 图片网格复用 fontOnLineDatail.css 已有的 .content-oa .zi-zyxc 结构，这里只做尺寸与文案微调 */

#ziyuan .ziyuan-count {
	display: inline-flex;
	align-items: center;
	color: var(--color-primary);
	font-size: 13px;
	line-height: 1.7;
	padding: 1px 10px;
	border: 1px solid var(--color-button-border);
	border-radius: 20px;
	background: var(--color-tabs-bg);
	white-space: nowrap;
}

.ziyuan-intro {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.9;
	color: #555;
}

#ziyuan .content-oa .zi-zyxc {
	margin: 4px 0 0;
	padding: 0;
}

/* 8.3333% = 一行 12 个；容器约 620px 时每个 50px 图片盒刚好排满 */
#ziyuan .content-oa .zi-zyxc p {
	width: 8.3333%;
	min-width: 50px;
	margin: 0 0 12px;
}

/* 图片盒总宽 = 40 + 4*2 + 1*2 = 50px */
#ziyuan .content-oa .zi-zyxc p .img {
	width: 40px;
	height: 40px;
	padding: 4px;
	margin-bottom: 4px;
	border-radius: 6px;
	transition: border-color 0.2s linear, box-shadow 0.2s linear;
}

#ziyuan .content-oa .zi-zyxc p .img:hover {
	border-color: var(--color-button-border-bottom);
	box-shadow: 0 2px 8px rgba(136, 94, 27, 0.18);
}

#ziyuan .content-oa .zi-zyxc p .img a {
	display: block;
	width: 40px;
	height: 40px;
}

#ziyuan .content-oa .zi-zyxc p .img img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

#ziyuan .content-oa .zi-zyxc p .period {
	width: 100%;
	font-size: 10px;
	line-height: 1.35;
	color: #999;
}

#ziyuan .content-oa .zi-zyxc p .style {
	width: 100%;
	font-size: 11px;
	line-height: 1.35;
	color: #a27728;
}

#ziyuan .content-oa .zi-zyxc p .source {
	width: 100%;
	font-size: 10px;
	line-height: 1.3;
	color: #999;
	word-break: break-all;
}

@media screen and (max-width: 768px) {
	#ziyuan .content-oa .zi-zyxc p {
		width: 20%;
		min-width: 60px;
	}

	.ziyuan-intro {
		font-size: 13px;
	}
}