/* ============================================================
   rongchang-taoqi.css —— 荣昌陶器制作技艺专属版式
   主题：安富窑火赭红 · 釉色青，突出"四如"与四大名陶对比
   ============================================================ */

:root {
	--tq-bg: #f7f1e9;
	--tq-ink: #3a2c22;
	--tq-accent: #8f4a2a;
	--tq-green: #3f6b52;
	--tq-deep: #6e3320;
}

/* ---------- Hero：窑火渐变 ---------- */
.tq-hero {
	position: relative;
	background:
		radial-gradient(520px 260px at 22% 120%, rgba(63, 107, 82, .4), transparent 62%),
		linear-gradient(155deg, var(--tq-deep) 0%, var(--tq-accent) 100%);
	color: #fbf2e6;
	padding: 80px 22px 72px;
	text-align: center;
}
.tq-hero .kicker { font-size: 13px; letter-spacing: 6px; opacity: .88; margin-bottom: 10px; }
.tq-hero h1 { font-size: clamp(30px, 4.8vw, 46px); letter-spacing: 10px; }
.tq-hero .slogan { margin-top: 12px; font-size: 15px; letter-spacing: 3px; opacity: .92; }
.tq-hero .chips { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.tq-hero .chip { padding: 5px 15px; border: 1px solid rgba(255, 244, 226, .4); border-radius: 999px; font-size: 12.5px; letter-spacing: 2px; background: rgba(0, 0, 0, .14); }

/* ---------- 四如诀：印玺式卡片 ---------- */
.si-ru-tq { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.si-ru-tq article {
	background: #fff;
	border-radius: 12px;
	padding: 22px 14px;
	text-align: center;
	position: relative;
	box-shadow: 0 8px 18px rgba(110, 51, 32, .1);
}
.si-ru-tq article::before {
	content: "";
	position: absolute; inset: 6px;
	border: 1px dashed #d8bfa8;
	border-radius: 8px;
	pointer-events: none;
}
.si-ru-tq .seal {
	display: inline-flex; width: 52px; height: 52px;
	border-radius: 10px;
	align-items: center; justify-content: center;
	font-family: "STKaiti", "KaiTi", serif; font-size: 26px;
	color: #fff; background: linear-gradient(140deg, var(--tq-deep), var(--tq-accent));
	margin-bottom: 8px;
}
.si-ru-tq h4 { font-size: 15px; color: var(--tq-deep); margin-bottom: 4px; }
.si-ru-tq p { font-size: 12.5px; color: #8a7565; }

/* ---------- 四大名陶对比表 ---------- */
.tao-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 18px rgba(110, 51, 32, .08); }
.tao-table th, .tao-table td { padding: 13px 16px; font-size: 13.5px; text-align: left; border-bottom: 1px solid #f0e6da; }
.tao-table thead th { background: var(--tq-deep); color: #fbf2e6; font-size: 14px; letter-spacing: 2px; }
.tao-table td.hl { background: #fdf3e7; color: var(--tq-deep); font-weight: bold; }
.tao-table tr:last-child td { border-bottom: none; }
.tao-table caption { caption-side: top; text-align: left; font-size: 13px; color: #8a7565; padding-bottom: 8px; }

/* ---------- 制陶工序：窑梯 ---------- */
.yao-ti { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; align-items: end; }
.yao-ti article {
	background: #fff; border-radius: 10px 10px 0 0;
	border-top: 5px solid var(--tq-green);
	padding: 16px 12px 18px;
	box-shadow: 0 6px 14px rgba(110, 51, 32, .08);
}
.yao-ti article:nth-child(1) { min-height: 150px; }
.yao-ti article:nth-child(2) { min-height: 185px; border-top-color: var(--tq-accent); }
.yao-ti article:nth-child(3) { min-height: 220px; border-top-color: var(--tq-green); }
.yao-ti article:nth-child(4) { min-height: 255px; border-top-color: var(--tq-accent); }
.yao-ti article:nth-child(5) { min-height: 290px; border-top-color: var(--tq-deep); }
.yao-ti h4 { font-size: 15px; color: var(--tq-deep); margin-bottom: 6px; }
.yao-ti p { font-size: 12px; color: #8a7565; line-height: 1.6; }

@media (max-width: 900px) {
	.si-ru-tq { grid-template-columns: repeat(2, 1fr); }
	.yao-ti { grid-template-columns: repeat(2, 1fr); }
	.yao-ti article { min-height: 0 !important; }
	.tao-table { display: block; overflow-x: auto; }
}