/* ============================================================
   yongchuan-douchi.css —— 永川豆豉酿制技艺专属版式
   主题：豆豉深褐 + 金酱色，突出"看霉、翻霉"与一岁酿期
   ============================================================ */

:root {
	--dc-bg: #f6f1e8;
	--dc-ink: #2e241c;
	--dc-accent: #5a4630;
	--dc-gold: #a3813f;
	--dc-deep: #2e241c;
}

/* ---------- Hero：窖香深褐 ---------- */
.dc-hero {
	position: relative;
	background:
		radial-gradient(560px 280px at 24% 118%, rgba(163, 129, 63, .38), transparent 60%),
		linear-gradient(160deg, #241c15 0%, var(--dc-accent) 100%);
	color: #f8f1e4;
	padding: 80px 22px 72px;
}
.dc-hero .inner { max-width: 1080px; margin: 0 auto; }
.dc-hero .kicker { font-size: 13px; letter-spacing: 6px; opacity: .88; margin-bottom: 10px; }
.dc-hero h1 { font-size: clamp(30px, 4.8vw, 46px); letter-spacing: 8px; }
.dc-hero .slogan { margin-top: 12px; font-size: 15px; letter-spacing: 3px; opacity: .92; }
.dc-hero .chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.dc-hero .chip { padding: 5px 15px; border: 1px solid rgba(248, 241, 228, .35); border-radius: 999px; font-size: 12.5px; letter-spacing: 2px; background: rgba(0, 0, 0, .18); }

/* ---------- 川菜灵魂引言 ---------- */
.dc-quote {
	max-width: 880px; margin: 0 auto;
	background: linear-gradient(120deg, #fff 60%, #f7efdd 100%);
	border: 1px solid #e8dcc2;
	border-radius: 16px;
	padding: 28px 30px;
	position: relative;
}
.dc-quote::before {
	content: "\201C";
	position: absolute; top: 2px; left: 16px;
	font-family: "STKaiti", "KaiTi", serif;
	font-size: 64px; color: rgba(163, 129, 63, .3);
}
.dc-quote p { font-size: 15px; color: #4c3f30; line-height: 1.9; font-family: "STKaiti", "KaiTi", serif; }
.dc-quote .who { text-align: right; font-size: 12.5px; color: #a08c66; margin-top: 8px; }

/* ---------- 酿制五关：曲霉之路 ---------- */
.wu-guan { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.wu-guan article {
	background: #fff; border-radius: 12px; padding: 20px 14px;
	box-shadow: 0 8px 18px rgba(46, 36, 28, .08);
	position: relative; overflow: hidden;
}
.wu-guan article::after {
	content: attr(data-no);
	position: absolute; right: 8px; top: 4px;
	font-family: "STKaiti", "KaiTi", serif;
	font-size: 34px; color: rgba(90, 70, 48, .12);
}
.wu-guan h4 { font-size: 15px; color: var(--dc-deep); margin-bottom: 6px; }
.wu-guan p { font-size: 12.5px; color: #7d705d; line-height: 1.65; }

/* ---------- 自然发酵看天：三卡 ---------- */
.kan-tian { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.kan-tian article {
	background: linear-gradient(160deg, var(--dc-accent), #3d2f20);
	border-radius: 12px; color: #f4ead6;
	padding: 22px 20px;
}
.kan-tian h4 { font-size: 15.5px; color: #eccf8e; margin-bottom: 8px; }
.kan-tian p { font-size: 13px; line-height: 1.75; opacity: .92; }

@media (max-width: 768px) {
	.wu-guan { grid-template-columns: repeat(2, 1fr); }
	.kan-tian { grid-template-columns: 1fr; }
}