/* ============================================================
   headseo.css —— 栏目页「横幅主标题」H1 样式
   建     于：2026-10-05
   用     途：把各栏目页横幅主标题由 <h2> 提升为 <h1>（SEO / 无障碍），
             版式与原来完全一致。
   原     理：下列规则是把 style.css 里 .banner .title_* h2、
             .banner .contact h2 与 mobile.css 里 .title_big h2 的
             每一条声明**原样镜像**过来，只把元素名换成 h1。
             全站都没有针对 h1 的 .banner 规则，因此不必覆盖任何东西，
             属于纯新增；未做替换的页面不受影响。
   引入顺序：必须排在 style.css 与 mobile.css 之后。
   ============================================================ */

/* ---------- 桌面端（镜像 style.css 全局段） ---------- */
.banner .title_1 h1 {
	letter-spacing: 1px;
	font-size: 42px;
	font-weight: 600;
	margin: 0 0 30px 0;
}
.banner .title_2 h1 {
	letter-spacing: 1px;
	font-size: 42px;
	font-weight: 600;
	margin: 0 0 20px 0;
	text-shadow: 0 4px 12px rgba(13, 54, 128, .5);
	display: block;
}
.banner .title_3 h1 {
	letter-spacing: 1px;
	font-size: 42px;
	font-weight: 600;
	margin: 30px 0;
	text-shadow: 0 4px 12px rgba(13, 54, 128, .5);
}
.banner .title_small h1,
.banner .title_big h1 {
	letter-spacing: 1px;
	font-size: 36px;
	font-weight: 600;
	text-shadow: 0 4px 12px rgba(13, 54, 128, .5);
	display: block;
	margin-bottom: 10px;
}
.banner .contact h1 {
	letter-spacing: 1px;
	font-size: 36px;
	font-weight: 600;
	margin: 10px 0 20px 0;
}

/* ---------- 窄屏 640px（镜像 style.css 的 @media 段） ---------- */
@media screen and (max-width: 640px) {
	.banner .title_1 h1,
	.banner .title_2 h1,
	.banner .title_3 h1 {
		font-size: 28px;
		margin: 0;
	}
	.banner .contact h1 {
		font-size: 28px;
		margin: 10px 0 20px 0;
	}
	/* 对应 style.css 的 .banner h2 { font-size:36px } */
	.banner h1 {
		font-size: 36px;
	}
}

/* ---------- 窄屏 992 / 768 / 480px（镜像 mobile.css 三个断点） ---------- */
@media screen and (max-width: 992px) {
	.title-big h1,
	.title_big h1 {
		font-size: 26px;
	}
	/* 对应 mobile.css 的 .title-c strong { font-size:22px }
	   授权查询页的横幅主标题原为 .title-c > strong，升为 h1 后需对齐窄屏字号 */
	.title-c h1 {
		font-size: 22px;
	}
}
@media screen and (max-width: 768px) {
	.title_big h1 {
		font-size: 24px;
	}
}
@media screen and (max-width: 480px) {
	.title-big h1,
	.title_big h1 {
		font-size: 21px;
	}
}