/* =========================================================
   ZT Page — CHARMANT Z (zt.html)
   设计稿基准宽度 1920，图片素材位于 assets/img/zt/
   ========================================================= */

.zt-page {
	float: left;
	width: 100%;
	background: #14080a;
	overflow: hidden;
}

/* ---------- 视频区 ---------- */
.zt-video {
	position: relative;
	float: left;
	width: 100%;
	aspect-ratio: 1920 / 726;
	background: #0d0507;
}
.zt-video.zt-video2 {
	aspect-ratio: 1920 / 754;
}
.zt-video video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---------- DEFY BOREDOM ---------- */
.zt-defy {
	float: left;
	width: 100%;
	padding: 170px 0 130px;
	background: linear-gradient(180deg, #300609 0%, #1b060b 22%, #1c080c 55%, #2b1216 82%, #432023 100%);
	text-align: center;
}
.zt-defy-head {
	display: inline-flex;
	align-items: center;
	margin-bottom: 100px;
}
.zt-defy-en {
	color: #a71f33;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 42px;
	line-height: 1.45;
	letter-spacing: 10px;
	text-align: left;
}
.zt-defy-line {
	width: 150px;
	height: 2px;
	background: #a71f33;
	margin: 0 45px;
}
.zt-defy-cn {
	color: #fff;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 46px;
	line-height: 1.4;
	letter-spacing: 8px;
	text-align: left;
}
.zt-defy-text {
	color: #fff;
}
.zt-defy-text p {
	color: #fff;
	font-family: mFont, "Microsoft YaHei", sans-serif;
	font-size: 22px;
	line-height: 3.1;
	letter-spacing: 2px;
	margin: 0 0 45px;
}
.zt-defy-text p:last-child {
	margin-bottom: 0;
}

/* ---------- 品牌主视觉 ---------- */
.zt-kv {
	float: left;
	width: 100%;
	line-height: 0;
}
.zt-kv img {
	width: 100%;
	height: auto;
	display: block;
}

/* ---------- 深红渐变区（舒适性设计 ~ 礼盒，背景连续） ---------- */
.zt-comfort-head,
.zt-comfort-band,
.zt-function,
.zt-case {
	float: left;
	width: 100%;
}
.zt-comfort-head {
	padding: 150px 0 150px;
	background: linear-gradient(180deg, #3f181d 0%, #250c10 55%, #18080b 100%);
	text-align: center;
}
.zt-comfort-band {
	line-height: 0;
	background: #18080b;
}
.zt-function {
	padding: 30px 0 150px;
	background: linear-gradient(180deg, #18080b 0%, #14080a 22%, #1f0c0e 40%, #2b1216 62%, #3f1c20 80%, #57292c 100%);
	text-align: center;
}

/* 标题通用 */
.zt-logo {
	display: block;
	width: 420px;
	height: auto;
	margin: 0 auto 145px;
}
.zt-h2 {
	color: #fff;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 46px;
	letter-spacing: 6px;
	display: inline-block;
	border-bottom: 2px solid #fff;
	padding: 0 30px 22px;
	margin: 0 0 30px;
	line-height: 1.2;
}
.zt-sub-en {
	color: #a71f33;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 26px;
	letter-spacing: 14px;
}

/* ---------- 功能设计三列 ---------- */
.zt-points {
	width: 100%;
	max-width: 1790px;
	margin: 150px auto 0;
	padding: 0 64px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.zt-point {
	width: 31.5%;
	text-align: left;
}
.zt-point-no {
	color: #a71f33;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 24px;
	letter-spacing: 6px;
	text-align: center;
}
.zt-point h3 {
	color: #fff;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 26px;
	letter-spacing: 3px;
	text-align: center;
	margin: 12px 0 40px;
	line-height: 1.4;
}
.zt-point img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 40px;
}
.zt-point p {
	color: #fff;
	font-family: mFont, "Microsoft YaHei", sans-serif;
	font-size: 17px;
	line-height: 2;
	letter-spacing: 1px;
	text-align: justify;
	margin: 0;
}
.zt-point-note {
	color: rgba(255, 255, 255, 0.85);
	font-family: mFont, "Microsoft YaHei", sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	margin-top: 25px;
}

/* ---------- 礼盒 ---------- */
.zt-case {
	position: relative;
	float: left;
	width: 100%;
	line-height: 0;
}
.zt-case-img {
	width: 100%;
	height: auto;
	display: block;
}
.zt-case-text {
	position: absolute;
	left: 60.6%;
	top: 45%;
	transform: translateY(-50%);
	color: #b3283c;
	font-family: mFont-bold, "Microsoft YaHei", sans-serif;
	font-size: 44px;
	letter-spacing: 4px;
	line-height: 1.5;
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
	.zt-defy-head { transform: scale(0.8); margin-bottom: 40px; }
	.zt-defy { padding: 70px 20px 80px; }
	.zt-defy-text { font-size: 16px; }
	.zt-h2 { font-size: 30px; }
	.zt-sub-en { font-size: 18px; letter-spacing: 8px; }
	.zt-points { flex-direction: column; margin-top: 60px; }
	.zt-point { width: 100%; margin-bottom: 70px; }
	.zt-case-img { width: 100%; }
	.zt-case-text { position: relative; left: auto; top: auto; transform: none; text-align: center; font-size: 28px; line-height: 1.4; padding: 45px 20px 0; }
	.zt-logo { width: 280px; margin-bottom: 50px; }
	.zt-defy-text p { font-size: 16px; line-height: 2.2; }
}