/* 字源字形 · 通用平铺样式（zcdian / wengbi 两套模板共用）
 * 结构：.zy-block > .zy-intro + .zy-grid > .zy-item > .zy-pic + 朝代/字体/出处
 * 主题通过 .zy-theme-<站点> 覆盖 CSS 变量，模板只需换主题类名。
 */
.zy-block {
	--zy-accent: #885e1b;
	--zy-style: #a27728;
	--zy-border: #ebd187;
	--zy-muted: #999;
	--zy-img: 44px;
	--zy-caption: 10px;
	--zy-radius: 4px;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}

.zy-block * {
	box-sizing: border-box;
}

.zy-block .zy-intro {
	margin: 0 0 10px;
	color: #777;
	font-size: 13px;
	line-height: 1.8;
}

.zy-block .zy-grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2px;
}

.zy-block .zy-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 8.3333%;
	padding: 0 1px;
	margin: 0 0 12px;
	color: inherit;
	text-decoration: none;
}

.zy-block .zy-pic {
	display: block;
	box-sizing: content-box;
	width: var(--zy-img);
	height: var(--zy-img);
	padding: 3px;
	background: #fff;
	border: 1px solid var(--zy-border);
	border-radius: var(--zy-radius);
	transition: border-color 0.2s linear, box-shadow 0.2s linear;
}

.zy-block .zy-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.zy-block .zy-item:hover .zy-pic {
	border-color: var(--zy-accent);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.zy-block .zy-period,
.zy-block .zy-style,
.zy-block .zy-source {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.35;
	letter-spacing: -0.03em;
	word-break: break-all;
}

.zy-block .zy-period {
	color: var(--zy-muted);
	font-size: var(--zy-caption);
}

.zy-block .zy-style {
	color: var(--zy-style);
	font-size: calc(var(--zy-caption) + 1px);
	font-weight: 600;
}

.zy-block .zy-source {
	color: var(--zy-muted);
	font-size: var(--zy-caption);
}

/* zcdian：卡片正文左右留白 */
.zy-section .zy-body {
	padding: 0 8px 16px;
}

/* wengbi：.box.mcon 自身已有 15px 内边距 */
.zy-section.mcon .zy-body {
	padding: 2px 0 6px;
}

/* ===== 各站主题 ===== */
/* 大语文网（棕） */
.zy-theme-lolbuku {
	--zy-accent: #915926;
	--zy-style: #804627;
	--zy-border: #e8d3c2;
	--zy-img: 40px;
	--zy-caption: 10px;
}

/* 字好书（灰蓝） */
.zy-theme-zihaoshu {
	--zy-accent: #2196f3;
	--zy-style: #444;
	--zy-border: #e0e0e0;
	--zy-img: 52px;
	--zy-caption: 11px;
}

/* 天安字典（蓝灰） */
.zy-theme-tanzidian {
	--zy-accent: #2980b9;
	--zy-style: #5d6d7e;
	--zy-border: #d0d6db;
	--zy-img: 40px;
	--zy-caption: 10px;
}

/* 百词典（绿） */
.zy-theme-baicidian {
	--zy-accent: #2e7d32;
	--zy-style: #33691e;
	--zy-border: #c8e6c9;
	--zy-img: 40px;
	--zy-caption: 10px;
}

/* 查词屋 / 生词典 / 单词网（橙） */
.zy-theme-chaci5,
.zy-theme-shengcidian,
.zy-theme-lx86 {
	--zy-accent: #d25f32;
	--zy-style: #c5653e;
	--zy-border: #eee;
	--zy-img: 50px;
	--zy-caption: 11px;
	--zy-radius: 2px;
}

/* 翻译网（橙，中栏略窄） */
.zy-theme-lx126 {
	--zy-accent: #d25f32;
	--zy-style: #c5653e;
	--zy-border: #eee;
	--zy-img: 44px;
	--zy-caption: 11px;
	--zy-radius: 2px;
}

@media screen and (max-width: 768px) {
	.zy-block .zy-item {
		width: 20%;
	}
}