/* ============================================================
   指南 / 文章页（page-guide.php）专属样式
   视觉语言与 gzjhn-astra（Herrmann 风格）一致：黑白灰 + 红
   ============================================================ */

.gz-guide-hero{
	background: var(--gz-gray-100);
	border-top: 1px solid var(--gz-gray-200);
	border-bottom: 1px solid var(--gz-gray-200);
	padding: 52px 0 46px;
	margin-bottom: 40px;
}
.gz-guide-hero__inner{ max-width: 1080px; margin: 0 auto; padding: 0 var(--gz-gutter); }
.gz-guide-eyebrow{
	font-family: var(--gz-font-condensed);
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--gz-red);
	margin: 0 0 12px;
}
.gz-guide-title{
	font-family: var(--gz-font-condensed);
	font-weight: 700;
	font-size: clamp(30px, 4vw, 46px);
	line-height: 1.12;
	color: var(--gz-black);
	margin: 0;
	max-width: 900px;
}
.gz-guide-meta{
	font-family: var(--gz-font-base);
	font-size: 14px;
	color: var(--gz-gray-600);
	margin: 18px 0 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
.gz-guide-meta .gz-dot{ color: var(--gz-gray-400); }

/* 布局：桌面左侧目录吸顶，右侧正文 */
.gz-guide{
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 var(--gz-gutter) 20px;
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 48px;
	align-items: start;
}

/* 目录 */
.gz-guide__toc{
	position: sticky;
	top: 24px;
	border-left: 2px solid var(--gz-red);
	padding: 6px 0 6px 18px;
}
.gz-guide__toc-title{
	font-family: var(--gz-font-condensed);
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--gz-gray-600);
	margin: 0 0 14px;
}
.gz-toc__link{
	display: block;
	font-family: var(--gz-font-base);
	font-size: 14px;
	line-height: 1.4;
	color: var(--gz-gray-600);
	text-decoration: none;
	padding: 7px 0;
	transition: color .15s ease;
}
.gz-toc__link:hover{ color: var(--gz-black); }
.gz-toc__link.is-active{ color: var(--gz-red); font-weight: 500; }
.gz-toc__link.gz-toc--sub{ padding-left: 12px; font-size: 13px; }

/* 正文增强 */
.gz-guide__main{ min-width: 0; }
.gz-guide__main > h2{
	font-family: var(--gz-font-condensed);
	font-size: 26px;
	font-weight: 700;
	color: var(--gz-black);
	margin: 46px 0 18px;
	padding: 0 0 10px 14px;
	border-left: 4px solid var(--gz-red);
	scroll-margin-top: 24px;
}
.gz-guide__main > h3{
	font-family: var(--gz-font-condensed);
	font-size: 19px;
	font-weight: 700;
	color: var(--gz-black);
	margin: 30px 0 12px;
}
.gz-guide__main p{
	font-family: var(--gz-font-base);
	font-size: 16.5px;
	line-height: 1.85;
	color: #1f1f1f;
	margin: 0 0 18px;
}
.gz-guide__main strong{ color: var(--gz-black); font-weight: 700; }
.gz-guide__main ul,.gz-guide__main ol{ margin: 0 0 20px; padding-left: 22px; }
.gz-guide__main li{ font-size: 16.5px; line-height: 1.8; margin: 7px 0; }
.gz-guide__main li strong{ color: var(--gz-black); }

/* 引用/提示块 */
.gz-guide__main blockquote{
	position: relative;
	margin: 28px 0;
	padding: 20px 22px 20px 26px;
	background: var(--gz-gray-100);
	border-left: 4px solid var(--gz-red);
	font-size: 16px;
	line-height: 1.75;
	color: #333;
}
.gz-guide__main blockquote::before{
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 4px;
	background: var(--gz-red);
}

/* 表格 */
.gz-guide__main table{
	width: 100%;
	border-collapse: collapse;
	margin: 26px 0 30px;
	font-size: 15px;
	box-shadow: 0 1px 0 0 var(--gz-gray-200);
}
.gz-guide__main th,.gz-guide__main td{
	border: 1px solid var(--gz-gray-300);
	padding: 12px 14px;
	text-align: left;
	vertical-align: top;
	line-height: 1.55;
}
.gz-guide__main thead th,.gz-guide__main th{
	background: var(--gz-black);
	color: var(--gz-white);
	font-family: var(--gz-font-condensed);
	font-size: 14px;
	letter-spacing: .3px;
}
.gz-guide__main tbody tr:nth-child(even) td{ background: var(--gz-gray-100); }

/* FAQ 卡片 */
.gz-faq__item{
	border: 1px solid var(--gz-gray-300);
	border-left: 4px solid var(--gz-red);
	margin: 12px 0;
	background: var(--gz-white);
}
.gz-faq__q{
	width: 100%;
	text-align: left;
	background: none;
	border: 0;
	padding: 16px 18px;
	font-family: var(--gz-font-condensed);
	font-size: 16.5px;
	font-weight: 700;
	color: var(--gz-black);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.gz-faq__q .gz-faq__tog{ font-size: 20px; color: var(--gz-red); transition: transform .2s ease; }
.gz-faq__item.is-open .gz-faq__tog{ transform: rotate(45deg); }
.gz-faq__a{
	display: none;
	padding: 0 18px 18px;
	font-size: 15.5px;
	line-height: 1.75;
	color: #333;
}
.gz-faq__item.is-open .gz-faq__a{ display: block; }

/* 前后篇导航 */
.gz-guide-series{
	max-width: 1230px;
	margin: 30px auto 0;
	padding: 0 var(--gz-gutter);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.gz-guide-series__item{
	border: 1px solid var(--gz-gray-300);
	padding: 18px 20px;
	text-decoration: none;
	transition: border-color .15s ease, background .15s ease;
	display: block;
}
.gz-guide-series__item:hover{ border-color: var(--gz-red); background: var(--gz-gray-100); }
.gz-guide-series__item--next{ text-align: right; }
.gz-guide-series__dir{
	display: block;
	font-family: var(--gz-font-condensed);
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--gz-red);
	margin-bottom: 6px;
}
.gz-guide-series__name{
	font-family: var(--gz-font-base);
	font-size: 15px;
	color: var(--gz-black);
	line-height: 1.4;
}

/* CTA */
.gz-guide-cta{
	max-width: 1230px;
	margin: 44px auto 0;
	padding: 0 var(--gz-gutter);
}
.gz-guide-cta__inner{
	background: var(--gz-black);
	color: var(--gz-white);
	padding: 40px 42px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.gz-guide-cta__title{
	font-family: var(--gz-font-condensed);
	font-size: 26px;
	margin: 0 0 8px;
}
.gz-guide-cta__text{ font-size: 15px; color: var(--gz-gray-300); margin: 0; }
.gz-guide-cta__btns{ display: flex; gap: 12px; }
.gz-guide-cta .gz-btn{ text-decoration: none; }
.gz-btn--ghost{
	border: 1px solid var(--gz-white);
	color: var(--gz-white);
	padding: 12px 22px;
	transition: background .15s ease, color .15s ease;
}
.gz-btn--ghost:hover{ background: var(--gz-white); color: var(--gz-black); }

/* 移动端 */
@media (max-width: 900px){
	.gz-guide{ grid-template-columns: 1fr; gap: 8px; }
	.gz-guide__toc{
		position: static;
		border-left: 2px solid var(--gz-red);
		margin-bottom: 24px;
		max-height: none;
	}
	.gz-guide-cta__inner{ flex-direction: column; align-items: flex-start; }
	.gz-guide-series{ grid-template-columns: 1fr; }
	.gz-guide-series__item--next{ text-align: left; }
}