/*
Theme Name:   BusGlass Child
Theme URI:    https://example.com/
Description:  客车玻璃外贸站子主题。基于 Astra，含顶部联系条、语言切换器、产品卡片、询盘表单、规格表、FAQ、WhatsApp 悬浮按钮与移动端吸底 CTA。
Author:       BusGlass
Author URI:   https://example.com/
Template:     astra
Version:      1.3.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  busglass-child
*/

/* =========================================================================
   0. 设计变量
   ====================================================================== */

:root {
	/* —— 配色参照 autobusglass.com —— */
	--bg-navy: #6fb8e3;        /* 主深蓝：参考站 UI 主色（按钮描边/文字） */
	--bg-navy-2: #8ac9ea;      /* 深蓝暗调 */
	--bg-navy-3: #9fd4ee;      /* 亮蓝：链接与交互 */
	--bg-deep: #9fd4ee;        /* 最深蓝：页脚/底衬 */
	--bg-accent: #f99410;      /* 橙金：参考站 Logo 主色 → 主 CTA */
	--bg-accent-dark: #c6a105; /* 暗金：参考站 Logo 次色 → hover */
	--bg-gold: #c6a105;
	--bg-wa: #169b50;
	--bg-text: #202020;        /* 参考站正文黑 */
	--bg-text-muted: #8f8f8f;  /* 参考站中性灰 */
	--bg-text-body: #3d3d3d;   /* 长段落用，保证可读性 */
	--bg-line: #e2e2e2;
	--bg-bg: #f7f8fa;
	--bg-white: #ffffff;
	--bg-radius: 10px;         /* 与参考站按钮圆角一致 */
	--bg-shadow: 0 4px 18px rgba(2, 64, 145, .08);
	--bg-shadow-lg: 0 14px 42px rgba(2, 64, 145, .14);
	--bg-container: 1200px;
	/* 参考站字体：标题 Play（Google Fonts），正文 Helvetica 系无衬线 */
	--bg-font-head: 'Play', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--bg-font-body: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

body,
button,
input,
select,
textarea {
	font-family: var(--bg-font-body);
}

h1, h2, h3, h4, h5, h6,
.bg-hero-title,
.bg-tagline p,
.bg-welcome-body h2,
.bg-tile .bg-tile-label h3,
.bg-section-title {
	font-family: var(--bg-font-head);
}

body {
	color: var(--bg-text);
	-webkit-font-smoothing: antialiased;
}

/* =========================================================================
   1. 顶部联系条（由子主题注入到 header 之后）
   ====================================================================== */

.bg-topbar {
	background: var(--bg-navy);
	color: #d8e2f0;
	font-size: 13px;
	line-height: 1.4;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.bg-topbar-inner {
	max-width: var(--bg-container);
	margin: 0 auto;
	padding: 8px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.bg-topbar-contacts {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.bg-topbar-contacts a {
	color: #d8e2f0;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.bg-topbar-contacts a:hover {
	color: #fff;
}

.bg-topbar .bg-flag {
	font-size: 14px;
}

/* =========================================================================
   2. 语言切换器
   ====================================================================== */

.busglass-lang-switcher {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	background: rgba(255, 255, 255, .08);
	border-radius: 999px;
	padding: 3px;
}

.busglass-lang-item {
	display: inline-block;
	padding: 5px 13px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	color: #cfdcee !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .18s ease, color .18s ease;
}

.busglass-lang-item:hover {
	background: rgba(255, 255, 255, .14);
	color: #fff !important;
}

.busglass-lang-item.is-active {
	background: var(--bg-accent);
	color: #fff !important;
}

/* 头部菜单里的切换器：浅色底 */
.ast-builder-menu .busglass-lang-switcher,
.bg-lang-light .busglass-lang-switcher {
	background: var(--bg-bg);
}

.bg-lang-light .busglass-lang-item {
	color: var(--bg-text-muted) !important;
}

.bg-lang-light .busglass-lang-item.is-active {
	color: #fff !important;
}

/* 下拉式语言切换器 */
.busglass-lang-dropdown {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255, 255, 255, .08);
	border-radius: 999px;
	padding: 3px 12px 3px 12px;
}

.busglass-lang-flag {
	font-size: 14px;
	line-height: 1;
}

.busglass-lang-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	border: none;
	color: #cfdcee;
	font-size: 14.5px;
	font-weight: 700;
	padding: 2px 20px 2px 2px;
	cursor: pointer;
	outline: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23cfdcee' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
}

.busglass-lang-select::-ms-expand {
	display: none;
}

.busglass-lang-select:hover,
.busglass-lang-select:focus {
	color: #fff;
}

/* 下拉展开后的选项：浅底深字，保证可读性（不受主题深色影响） */
.busglass-lang-select option {
	color: #1a2233;
	background: #ffffff;
	font-size: 14px;
}

/* 头部浅色底区域里的下拉 */
.bg-lang-light .busglass-lang-dropdown {
	background: var(--bg-bg);
}

.bg-lang-light .busglass-lang-select {
	color: var(--bg-text-muted);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2390a0b8' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bg-lang-light .busglass-lang-select:hover,
.bg-lang-light .busglass-lang-select:focus {
	color: #1a2233;
}

/* =========================================================================
   3. 通用按钮与容器
   ====================================================================== */

.bg-container {
	max-width: var(--bg-container);
	margin: 0 auto;
	padding: 0 20px;
}

.bg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 26px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none !important;
	border: 0;
	cursor: pointer;
	transition: transform .15s ease, background .18s ease, box-shadow .18s ease;
}

.bg-btn-primary {
	background: var(--bg-accent);
	color: #fff !important;
	box-shadow: 0 6px 18px rgba(232, 113, 42, .28);
}

.bg-btn-primary:hover {
	background: var(--bg-accent-dark);
	transform: translateY(-1px);
}

.bg-btn-ghost {
	background: transparent;
	color: #fff !important;
	border: 2px solid rgba(255, 255, 255, .55);
}

.bg-btn-ghost:hover {
	background: rgba(255, 255, 255, .12);
}

.bg-btn-wa {
	background: var(--bg-wa);
	color: #fff !important;
}

.bg-btn-wa:hover {
	background: #11823f;
}

/* =========================================================================
   4. 区块标题
   ====================================================================== */

.bg-section {
	padding: 72px 0;
}

.bg-section-alt {
	background: var(--bg-bg);
}

.bg-section-head {
	max-width: 780px;
	margin: 0 auto 44px;
	text-align: center;
}

.bg-eyebrow {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--bg-accent);
	margin-bottom: 12px;
}

.bg-section-head h2 {
	font-size: clamp(26px, 3.4vw, 38px);
	line-height: 1.25;
	margin: 0 0 14px;
	color: var(--bg-navy);
	font-weight: 700;
}

.bg-section-head p {
	color: var(--bg-text-muted);
	font-size: 16.5px;
	line-height: 1.7;
	margin: 0;
}

/* =========================================================================
   5. 产品卡片网格
   ====================================================================== */

.bg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 26px;
}

.bg-card {
	background: var(--bg-white);
	border: 1px solid var(--bg-line);
	border-radius: var(--bg-radius);
	overflow: hidden;
	box-shadow: var(--bg-shadow);
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.bg-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--bg-shadow-lg);
	border-color: #cfdaeb;
}

.bg-card-media {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #eef2f7;
}

.bg-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .45s ease;
}

.bg-card:hover .bg-card-media img {
	transform: scale(1.05);
}

.bg-card-body {
	padding: 22px 22px 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.bg-card-body h3 {
	font-size: 19px;
	margin: 0 0 10px;
	line-height: 1.35;
	color: var(--bg-navy);
	font-weight: 700;
}

.bg-card-body h3 a {
	color: inherit;
	text-decoration: none;
}

.bg-card-body p {
	font-size: 14.5px;
	color: var(--bg-text-muted);
	line-height: 1.65;
	margin: 0 0 18px;
	flex: 1;
}

.bg-card-link {
	font-size: 14px;
	font-weight: 700;
	color: var(--bg-accent);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.bg-card-link::after {
	content: "\2192";
	transition: transform .2s ease;
}

.bg-card-link:hover::after {
	transform: translateX(4px);
}

/* =========================================================================
   6. 规格表
   ====================================================================== */

.bg-spec-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
	background: var(--bg-white);
	border: 1px solid var(--bg-line);
	border-radius: var(--bg-radius);
	overflow: hidden;
}

.bg-spec-table th,
.bg-spec-table td {
	padding: 13px 16px;
	text-align: left;
	border-bottom: 1px solid var(--bg-line);
	vertical-align: top;
}

.bg-spec-table th {
	background: var(--bg-bg);
	color: var(--bg-navy);
	font-weight: 700;
	width: 34%;
}

.bg-spec-table tr:last-child th,
.bg-spec-table tr:last-child td {
	border-bottom: 0;
}

/* =========================================================================
   7. 资质 / 数据条
   ====================================================================== */

.bg-certs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.bg-cert {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: var(--bg-bg);
	border: 1px solid var(--bg-line);
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--bg-navy);
}

.bg-cert::before {
	content: "\2713";
	color: var(--bg-accent);
	font-weight: 700;
}

.bg-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 20px;
}

.bg-stat {
	text-align: center;
	padding: 26px 14px;
	background: var(--bg-white);
	border: 1px solid var(--bg-line);
	border-radius: var(--bg-radius);
}

.bg-stat-num {
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 700;
	color: var(--bg-navy);
	line-height: 1.1;
	letter-spacing: -.02em;
}

.bg-stat-num span {
	color: var(--bg-accent);
}

.bg-stat-label {
	font-size: 13.5px;
	color: var(--bg-text-muted);
	margin-top: 8px;
	font-weight: 700;
}

/* =========================================================================
   8. FAQ 手风琴
   ====================================================================== */

.bg-faq-item {
	background: var(--bg-white);
	border: 1px solid var(--bg-line);
	border-radius: var(--bg-radius);
	margin-bottom: 12px;
	overflow: hidden;
}

.bg-faq-q {
	padding: 18px 22px;
	font-size: 16px;
	font-weight: 700;
	color: var(--bg-navy);
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.bg-faq-q::-webkit-details-marker {
	display: none;
}

.bg-faq-q::after {
	content: "+";
	font-size: 22px;
	font-weight: 400;
	color: var(--bg-accent);
	line-height: 1;
	flex: 0 0 auto;
}

.bg-faq-item[open] .bg-faq-q::after {
	content: "\2013";
}

.bg-faq-a {
	padding: 0 22px 20px;
	font-size: 15px;
	line-height: 1.75;
	color: var(--bg-text-muted);
}

.bg-faq-a p:last-child {
	margin-bottom: 0;
}

/* =========================================================================
   9. 询盘表单
   ====================================================================== */

.bg-quote-wrap {
	background: var(--bg-white);
	border: 1px solid var(--bg-line);
	border-radius: 14px;
	padding: 34px;
	box-shadow: var(--bg-shadow);
	max-width: 820px;
	margin: 0 auto;
}

.bg-quote-head {
	margin-bottom: 24px;
	text-align: center;
}

.bg-quote-title {
	font-size: 25px;
	margin: 0 0 10px;
	color: var(--bg-navy);
	font-weight: 700;
}

.bg-quote-sub {
	margin: 0;
	color: var(--bg-text-muted);
	font-size: 15px;
	line-height: 1.65;
}

.bg-field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.bg-field {
	margin-bottom: 16px;
}

.bg-field label {
	display: block;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--bg-navy);
	margin-bottom: 7px;
}

.bg-req {
	color: var(--bg-accent);
}

.bg-field input,
.bg-field select,
.bg-field textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--bg-line);
	border-radius: 7px;
	font-size: 15px;
	font-family: inherit;
	color: var(--bg-text);
	background: #fcfdff;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.bg-field input:focus,
.bg-field select:focus,
.bg-field textarea:focus {
	outline: none;
	border-color: var(--bg-navy-3);
	box-shadow: 0 0 0 3px rgba(29, 78, 137, .12);
}

.bg-hp {
	position: absolute !important;
	left: -9999px !important;
	height: 0;
	overflow: hidden;
}

.bg-quote-foot {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 6px;
}

.bg-quote-note {
	font-size: 12.5px;
	color: var(--bg-text-muted);
	line-height: 1.5;
	flex: 1;
	min-width: 200px;
}

.bg-quote-msg {
	margin-top: 14px;
	font-size: 14.5px;
	font-weight: 700;
	display: none;
	padding: 12px 16px;
	border-radius: 7px;
}

.bg-quote-msg.is-success,
.bg-quote-msg.is-error {
	display: block;
}

.bg-quote-msg.is-success {
	background: #e8f7ee;
	color: #146c37;
	border: 1px solid #b6e2c6;
}

.bg-quote-msg.is-error {
	background: #fdecea;
	color: #a32218;
	border: 1px solid #f5c6c1;
}

/* =========================================================================
   10. WhatsApp 悬浮按钮 + 移动端吸底 CTA
   ====================================================================== */

.bg-wa-float {
	position: fixed;
	right: 20px;
	bottom: 22px;
	z-index: 9990;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--bg-wa);
	color: #fff !important;
	padding: 13px 20px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none !important;
	box-shadow: 0 8px 26px rgba(22, 155, 80, .42);
	transition: transform .18s ease, box-shadow .18s ease;
}

.bg-wa-float:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 32px rgba(22, 155, 80, .5);
}

.bg-wa-float svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	flex: 0 0 auto;
}

.bg-mobile-cta {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9991;
	background: var(--bg-white);
	border-top: 1px solid var(--bg-line);
	box-shadow: 0 -4px 18px rgba(11, 37, 69, .1);
	padding: 9px 12px;
	padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px));
	gap: 10px;
}

.bg-mobile-cta a {
	flex: 1;
	padding: 12px 8px;
	border-radius: 7px;
	text-align: center;
	font-size: 14.5px;
	font-weight: 700;
	text-decoration: none !important;
}

.bg-mobile-cta .bg-mc-quote {
	background: var(--bg-accent);
	color: #fff !important;
}

.bg-mobile-cta .bg-mc-wa {
	background: var(--bg-wa);
	color: #fff !important;
}

/* =========================================================================
   11. 响应式
   ====================================================================== */

@media (max-width: 921px) {
	.bg-topbar-inner {
		flex-direction: column;
		gap: 8px;
		padding: 9px 16px;
		text-align: center;
	}

	.bg-topbar-contacts {
		justify-content: center;
		gap: 12px;
	}

	.bg-section {
		padding: 52px 0;
	}

	.bg-field-row {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.bg-quote-wrap {
		padding: 24px 18px;
	}

	.bg-mobile-cta {
		display: flex;
	}

	.bg-wa-float {
		bottom: 84px;
		right: 14px;
		padding: 12px;
	}

	.bg-wa-float span {
		display: none;
	}

	body {
		padding-bottom: 74px;
	}
}

@media (max-width: 544px) {
	.busglass-lang-item {
		padding: 4px 10px;
		font-size: 12.5px;
	}
}

/* =========================================================================
   12. autobusglass.com 参考版式
   —— 全幅 Hero / Welcome 简介 / 分类大图块 / 底部标语条 / 页脚联系条
   ====================================================================== */

/* 12.1 Hero 全幅区（参考站首屏大图 + 大字标语） */
.bg-hero {
	background:
		var(--bg-glass-pale),
		rgba(232,113,42,.22),
		var(--bg-navy);
	color: #fff;
	padding: clamp(72px, 11vw, 128px) 0;
	position: relative;
	overflow: hidden;
}

.bg-hero::after {
	content: "";
	position: absolute;
	inset: auto -5% -38% -5%;
	height: 60%;
	background:
		none,
		rgba(232,113,42,.13);
	pointer-events: none;
}

.bg-hero-inner {
	max-width: var(--bg-container);
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

.bg-hero-kicker {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ffd9c2;
	margin-bottom: 16px;
}

.bg-hero-title {
	font-size: clamp(30px, 4.6vw, 54px);
	font-weight: 700;
	line-height: 1.16;
	margin: 0 0 18px;
	max-width: 780px;
	color: #fff;
}

.bg-hero-text {
	font-size: clamp(16px, 1.7vw, 19px);
	line-height: 1.7;
	color: #d8e2f0;
	max-width: 640px;
	margin: 0 0 30px;
}

.bg-hero-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.bg-hero .bg-btn-ghost {
	border-color: rgba(255,255,255,.45);
}

/* 12.2 Welcome 双栏简介（参考站 Welcome / Our Team 版式） */
.bg-welcome {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: clamp(28px, 5vw, 60px);
	align-items: center;
}

.bg-welcome-body h2 {
	font-size: clamp(24px, 3vw, 36px);
	color: var(--bg-navy);
	font-weight: 700;
	margin: 0 0 16px;
	line-height: 1.25;
}

.bg-welcome-body p {
	color: var(--bg-text-muted);
	font-size: 16px;
	line-height: 1.75;
	margin: 0 0 14px;
}

.bg-welcome-more {
	font-weight: 700;
	color: var(--bg-accent);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
}

.bg-welcome-more::after {
	content: "\2192";
	transition: transform .2s ease;
}

.bg-welcome-more:hover::after {
	transform: translateX(4px);
}

/* 图片槽位：正式照片未就位时的占位（上传图片后直接替换为 <img>） */
.bg-photo-slot {
	position: relative;
	border-radius: var(--bg-radius);
	overflow: hidden;
	min-height: 300px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	background:
		var(--bg-glass-pale),
		none,
		#9fd4ee;
	box-shadow: var(--bg-shadow-lg);
}

.bg-photo-slot .bg-photo-caption {
	color: rgba(255,255,255,.85);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 14px 18px;
}

.bg-photo-slot .bg-photo-emoji {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(72px, 9vw, 120px);
	opacity: .5;
	pointer-events: none;
}

/* 12.3 分类大图块（参考站 Bus & coach | Truck | ... 的车型块） */
.bg-tiles {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.bg-tile {
	position: relative;
	aspect-ratio: 4 / 3.1;
	border-radius: var(--bg-radius);
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	text-decoration: none !important;
	background:
		var(--bg-glass-pale),
		var(--bg-glass-pale);
	box-shadow: var(--bg-shadow);
	transition: transform .2s ease, box-shadow .2s ease;
}

.bg-tile:hover {
	transform: translateY(-5px);
	box-shadow: var(--bg-shadow-lg);
}

.bg-tile .bg-tile-emoji {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -58%);
	font-size: clamp(54px, 6vw, 84px);
	opacity: .55;
	transition: transform .3s ease, opacity .3s ease;
}

.bg-tile:hover .bg-tile-emoji {
	transform: translate(-50%, -58%) scale(1.08);
	opacity: .8;
}

.bg-tile .bg-tile-label {
	position: relative;
	padding: 20px 22px;
	color: #fff;
	width: 100%;
}

.bg-tile .bg-tile-label h3 {
	font-size: 19px;
	font-weight: 700;
	margin: 0 0 4px;
	color: #fff;
}

.bg-tile .bg-tile-label span {
	font-size: 13.5px;
	color: #c3d2e6;
	display: block;
	line-height: 1.5;
}

.bg-tile .bg-tile-label .bg-tile-go {
	color: var(--bg-accent);
	font-weight: 700;
	font-size: 13.5px;
	display: inline-block;
	margin-top: 8px;
}

/* 12.4 底部标语链接条（参考站 "Sales and replacement of ..." 大字区） */
.bg-tagline {
	background: var(--bg-navy);
	color: #fff;
	padding: clamp(44px, 6vw, 68px) 0;
	text-align: center;
}

.bg-tagline p {
	font-size: clamp(19px, 2.6vw, 30px);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 10px;
	color: #fff;
}

.bg-tagline p a {
	color: #ffd9c2;
	text-decoration: none;
	border-bottom: 2px solid rgba(232,113,42,.5);
	transition: color .18s ease, border-color .18s ease;
}

.bg-tagline p a:hover {
	color: #fff;
	border-color: var(--bg-accent);
}

.bg-tagline .bg-tagline-sub {
	font-size: clamp(14px, 1.6vw, 17px);
	font-weight: 700;
	color: #c3d2e6;
	margin-top: 14px;
}

.bg-tagline .bg-tagline-sub a {
	color: #c3d2e6;
	text-decoration: none;
	border-bottom: 1px solid rgba(195,210,230,.35);
}

.bg-tagline .bg-tagline-sub a:hover {
	color: #fff;
}

/* 12.5 页脚联系条（参考站电话 + 社媒 + 版权） */
.bg-footer-bar {
	background: #9fd4ee;
	color: #b9c7da;
	padding: 40px 0 28px;
	font-size: 14.5px;
}

.bg-footer-inner {
	max-width: var(--bg-container);
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	gap: 30px;
}

.bg-footer-inner h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 12px;
	letter-spacing: .04em;
}

.bg-footer-inner a {
	color: #b9c7da;
	text-decoration: none;
	display: block;
	padding: 3px 0;
}

.bg-footer-inner a:hover {
	color: #fff;
}

.bg-footer-phone a {
	display: inline-block;
	margin-right: 18px;
}

.bg-footer-brand p {
	margin: 8px 0 0;
	line-height: 1.7;
	color: #8fa3bd;
	font-size: 13.5px;
}

.bg-footer-copy {
	max-width: var(--bg-container);
	margin: 26px auto 0;
	padding: 16px 20px 0;
	border-top: 1px solid rgba(255,255,255,.08);
	text-align: center;
	font-size: 13px;
	color: #8fa3bd;
}

/* 12.6 参考版式响应式 */
@media (max-width: 921px) {
	.bg-welcome {
		grid-template-columns: 1fr;
	}

	.bg-photo-slot {
		min-height: 240px;
	}

	.bg-tiles {
		grid-template-columns: repeat(2, 1fr);
	}

	.bg-footer-inner {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

@media (max-width: 544px) {
	.bg-tiles {
		grid-template-columns: 1fr;
	}

	.bg-tile {
		aspect-ratio: 16 / 9;
	}
}

/* =========================================================================
   13. autobusglass.com 视觉对齐层（配色 / 字体 / 按钮 / Logo）
   —— 主色深蓝 #6fb8e3 · 强调橙金 #F99410 · 辅助暗金 #C6A105 · 中性灰 #8f8f8f
   ====================================================================== */

/* 13.1 按钮：照参考站规格 —— 2px 描边 + 10px 圆角 + 大写 + 0.1em 字距 + 0.2s 过渡 */
.bg-btn {
	border-radius: 10px;
	font-family: var(--bg-font-head);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 15px 30px;
	transition: all .2s ease;
}

.bg-btn-primary {
	background: var(--bg-accent);
	border: 2px solid var(--bg-accent);
	color: #fff !important;
	box-shadow: 0 6px 18px rgba(249, 148, 16, .26);
}

.bg-btn-primary:hover {
	background: var(--bg-accent-dark);
	border-color: var(--bg-accent-dark);
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(198, 161, 5, .3);
}

/* 参考站的标志性按钮：白底 + 深蓝 2px 描边 + 深蓝大写文字 */
.bg-btn-outline,
.bg-btn-ghost {
	background: var(--bg-white);
	border: 2px solid var(--bg-navy);
	color: var(--bg-navy) !important;
	box-shadow: none;
}

.bg-btn-outline:hover,
.bg-btn-ghost:hover {
	background: var(--bg-navy);
	border-color: var(--bg-navy);
	color: #fff !important;
}

/* 深色底（Hero）上的描边按钮保持反白 */
.bg-hero .bg-btn-ghost {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, .8);
	color: #fff !important;
}

.bg-hero .bg-btn-ghost:hover {
	background: #fff;
	border-color: #fff;
	color: var(--bg-navy) !important;
}

.bg-btn-wa {
	border-radius: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: 12.5px;
}

/* 13.2 Logo：WEDO 官方 Logo（蓝菱形 + D + WEDO 字），白底已转透明 PNG */
.site-title a::before,
.ast-site-identity .site-title a::before {
	content: "";
	display: inline-block;
	width: 46px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
	background: url("assets/logo-wedo.png?v=2") no-repeat center / contain;
}

.site-title a,
.site-title a:visited {
	color: var(--bg-navy);
	letter-spacing: .01em;
}

.site-title a:hover {
	color: var(--bg-accent);
}

/* 13.3 导航：白底、深蓝菜单文字、橙色下划线指示 */
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
	font-family: var(--bg-font-head);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bg-text) !important;
}

.main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu > .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1 .menu-item:hover > .menu-link {
	color: var(--bg-navy) !important;
}

.ast-builder-menu-1 .menu-item > .menu-link::after,
.main-header-menu > .menu-item > .menu-link::after {
	background: var(--bg-accent) !important;
}

/* 顶部联系条：深蓝底 + 参考站中性色文字 */
.bg-topbar {
	background: var(--bg-navy);
	color: #e8eef6;
}

.bg-topbar-contacts a {
	color: #e8eef6;
}

.bg-topbar-contacts a:hover {
	color: var(--bg-accent);
}

/* 13.4 深色区块统一到参考站深蓝 */
.bg-hero {
	background:
		rgba(2, 64, 145, .94),
		rgba(249, 148, 16, .26),
		var(--bg-navy);
}

.bg-hero::after {
	background:
		rgba(255, 255, 255, .08),
		rgba(249, 148, 16, .16);
}

.bg-hero-kicker {
	color: #ffd9a8;
}

.bg-hero-text {
	color: #dbe6f5;
}

.bg-photo-slot {
	background:
		rgba(2, 64, 145, .26),
		rgba(255, 255, 255, .14),
		#8ac9ea;
	box-shadow: var(--bg-shadow-lg);
}

.bg-tile {
	background:
		rgba(1, 32, 72, .86),
		var(--bg-glass-pale);
}

.bg-tile .bg-tile-label span {
	color: #d3ddec;
}

.bg-tile .bg-tile-label .bg-tile-go {
	color: var(--bg-accent);
}

.bg-tagline {
	background: var(--bg-navy);
}

.bg-tagline p a {
	color: #ffd9a8;
	border-bottom: 2px solid rgba(249, 148, 16, .55);
}

.bg-tagline p a:hover {
	color: #fff;
	border-color: var(--bg-accent);
}

.bg-tagline .bg-tagline-sub,
.bg-tagline .bg-tagline-sub a {
	color: #d3ddec;
}

.bg-footer-bar {
	background: var(--bg-deep);
	color: #c4cfdd;
}

.bg-footer-inner a,
.bg-footer-inner a:visited {
	color: #c4cfdd;
}

.bg-footer-inner a:hover,
.bg-footer-copy a:hover {
	color: var(--bg-accent);
}

.bg-footer-brand p,
.bg-footer-copy {
	color: #93a2b6;
}

.bg-footer-inner h4 {
	font-family: var(--bg-font-head);
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: 13.5px;
	color: #fff;
}

/* 13.5 正文与小标题：参考站深色正文 + 中性灰辅助 */
.bg-welcome-body h2,
.bg-section-title {
	color: var(--bg-navy);
}

.bg-welcome-body p {
	color: var(--bg-text-body);
	font-size: 16.5px;
	line-height: 1.8;
}

.bg-welcome-more {
	color: var(--bg-accent);
	font-family: var(--bg-font-head);
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: 13px;
}

.bg-welcome-more:hover {
	color: var(--bg-accent-dark);
}

/* 13.6 卡片 / 表格 / 表单：统一 10px 圆角 + 参考站细描边 */
.bg-card,
.bg-product-card,
.bg-spec-table,
.bg-quote-wrap,
.bg-faq-item,
.bg-cert-item {
	border-radius: 10px;
}

.bg-card,
.bg-product-card {
	border-color: var(--bg-line);
}

.bg-card:hover,
.bg-product-card:hover {
	border-color: var(--bg-navy);
	box-shadow: var(--bg-shadow-lg);
}

/* 产品卡片上的价格/型号等强调字用橙金 */
.bg-product-card .bg-price,
.bg-product-card .bg-card-cta {
	color: var(--bg-accent);
}

/* 13.7 语言切换器选中态用橙金 */
.busglass-lang-item.is-active {
	background: var(--bg-accent);
	color: #fff !important;
}

.busglass-lang-item.is-active:hover {
	background: var(--bg-accent-dark);
}

/* 13.8 压过 Astra 全局设置：正文标题字体 + 正文链接色 */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.ast-single-post .entry-title,
.ast-archive-description .ast-archive-title {
	font-family: var(--bg-font-head);
	color: var(--bg-navy);
}

.entry-content a:not(.bg-btn):not(.bg-tile):not(.bg-product-card),
.ast-blog-single-style-1 .entry-content a:not(.bg-btn) {
	color: var(--bg-navy);
}

.entry-content a:not(.bg-btn):not(.bg-tile):not(.bg-product-card):hover,
.ast-blog-single-style-1 .entry-content a:not(.bg-btn):hover {
	color: var(--bg-accent);
}

/* 正文段落与列表：参考站正文黑，行高宽松 */
.entry-content p,
.entry-content li {
	color: var(--bg-text-body);
	line-height: 1.8;
}

.entry-content strong,
.entry-content b {
	color: var(--bg-text);
}

/* 引用/高亮块用橙金左线（参考站点缀方式） */
.entry-content blockquote {
	border-left: 4px solid var(--bg-accent);
	background: #fff8ec;
	border-radius: 0 10px 10px 0;
	padding: 14px 20px;
	color: #5a4a2a;
}

/* =========================================================================
   14. 浅色简约化层
   —— 反馈：颜色太深 / 风格要简单 / 框与框距离相等 / 导航简单 / 顶部行数多行距大
   —— 原则：白底为主、深蓝只做文字与小面积点缀、去掉渐变与阴影、间距只用一个值
   ====================================================================== */

/* 14.0 间距 token：全站网格共用 --bg-gap，区块上下共用 --bg-section-y */
:root {
	--bg-gap: 20px;        /* 卡片与网格间距（唯一值） */
	--bg-pad: 20px;        /* 卡片内边距 */
	--bg-section-y: 56px;  /* 区块上下留白 */
	--bg-radius: 8px;      /* 圆角收小 */
}

/* 14.1 区块与页面基调 */
.bg-section {
	padding: var(--bg-section-y) 0;
}

.bg-section-alt {
	background: #f7f8fa;
}

/* 14.2 Hero 改浅色：去掉大面积深蓝与装饰光晕 */
.bg-hero {
	background: #f7f8fa;
	color: var(--bg-text);
	padding: calc(var(--bg-section-y) + 6px) 0;
	border-bottom: 1px solid var(--bg-line);
}

.bg-hero::after {
	content: none;
}

.bg-hero-kicker {
	color: var(--bg-accent-dark);
	letter-spacing: .08em;
	font-size: 12.5px;
}

.bg-hero-title {
	color: var(--bg-navy);
	font-size: clamp(25px, 3.1vw, 38px);
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 14px;
}

.bg-hero-text {
	color: var(--bg-text-muted);
	font-size: 15.5px;
	line-height: 1.7;
	margin-bottom: 24px;
}

/* 浅色底上的次要按钮：白底细边（不能再反白） */
.bg-hero .bg-btn-ghost {
	background: #fff;
	border: 1px solid var(--bg-line);
	color: var(--bg-navy) !important;
}

.bg-hero .bg-btn-ghost:hover {
	background: var(--bg-navy);
	border-color: var(--bg-navy);
	color: #fff !important;
}

/* 14.3 图片占位：浅灰，不再用深蓝渐变 */
.bg-photo-slot {
	background: #eef1f5;
	border: 1px solid var(--bg-line);
	box-shadow: none;
	min-height: 260px;
}

.bg-photo-slot .bg-photo-caption {
	color: var(--bg-text-muted);
	font-weight: 400;
}

.bg-photo-slot .bg-photo-emoji {
	opacity: .3;
}

/* 14.4 分类图块：白卡片 + 上部浅灰图片位 + 深色文字 */
.bg-tiles {
	gap: var(--bg-gap);
}

.bg-tile {
	background: #fff;
	border: 1px solid var(--bg-line);
	border-radius: var(--bg-radius);
	box-shadow: none;
	transition: border-color .18s ease;
}

.bg-tile::before {
	content: "";
	position: absolute;
	inset: 0 0 44% 0;
	background: #eef1f5;
}

.bg-tile:hover {
	transform: none;
	border-color: var(--bg-navy);
	box-shadow: none;
}

.bg-tile .bg-tile-emoji {
	top: 28%;
	font-size: clamp(38px, 4.4vw, 56px);
	opacity: .45;
	transform: translate(-50%, -50%);
}

.bg-tile:hover .bg-tile-emoji {
	transform: translate(-50%, -50%);
	opacity: .55;
}

.bg-tile .bg-tile-label {
	padding: 16px 18px;
}

.bg-tile .bg-tile-label h3 {
	color: var(--bg-navy);
	font-size: 16.5px;
	font-weight: 700;
	margin-bottom: 2px;
}

.bg-tile .bg-tile-label span {
	color: var(--bg-text-muted);
	font-size: 13px;
}

.bg-tile .bg-tile-label .bg-tile-go {
	color: var(--bg-accent-dark);
	font-size: 13px;
	margin-top: 6px;
}

/* 14.5 底部标语条：浅灰底 + 深蓝字 */
.bg-tagline {
	background: #f7f8fa;
	color: var(--bg-text);
	padding: var(--bg-section-y) 0;
	border-top: 1px solid var(--bg-line);
}

.bg-tagline p {
	color: var(--bg-navy);
	font-size: clamp(18px, 2.2vw, 26px);
	font-weight: 700;
	line-height: 1.4;
}

.bg-tagline p a {
	color: var(--bg-accent-dark);
	border-bottom: 1px solid #f0cd97;
}

.bg-tagline p a:hover {
	color: var(--bg-navy);
	border-color: var(--bg-navy);
}

.bg-tagline .bg-tagline-sub {
	color: var(--bg-text-muted);
	font-weight: 400;
}

.bg-tagline .bg-tagline-sub a {
	color: var(--bg-text-muted);
	border-bottom: 1px solid var(--bg-line);
}

.bg-tagline .bg-tagline-sub a:hover {
	color: var(--bg-navy);
}

/* 14.6 页脚：白底 + 顶边线，去深色块 */
.bg-footer-bar {
	background: #fff;
	color: #5a5a5a;
	border-top: 1px solid var(--bg-line);
	padding: 36px 0 22px;
	font-size: 14px;
}

.bg-footer-inner {
	gap: var(--bg-gap);
}

.bg-footer-inner h4 {
	color: var(--bg-navy);
	font-size: 14.5px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 8px;
}

.bg-footer-inner a,
.bg-footer-inner a:visited {
	color: #5a5a5a;
	padding: 2px 0;
}

.bg-footer-inner a:hover {
	color: var(--bg-accent-dark);
}

.bg-footer-brand p {
	color: var(--bg-text-muted);
	font-size: 13.5px;
	line-height: 1.65;
}

.bg-footer-copy {
	color: var(--bg-text-muted);
	border-top: 1px solid var(--bg-line);
	margin-top: 22px;
	padding-top: 14px;
}

/* 14.7 导航：常规大小写、无字距、行高收紧 */
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
	font-family: var(--bg-font-body);
	font-size: 14.5px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #3d3d3d !important;
	line-height: 1.3;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu > .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1 .menu-item:hover > .menu-link {
	color: var(--bg-navy) !important;
}

/* 下拉子菜单：白底细边小圆角 */
.main-header-menu .sub-menu {
	background: #fff;
	border: 1px solid var(--bg-line);
	border-radius: var(--bg-radius);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
	padding: 6px 0;
}

.main-header-menu .sub-menu .menu-link {
	font-size: 14px;
	padding: 7px 16px !important;
}

/* 头部整体收紧：logo 与菜单行高 */
.site-title a {
	font-size: 20px;
	line-height: 1.15;
}

.site-title a::before {
	width: 34px;
	height: 22px;
	margin-right: 8px;
	vertical-align: -5px;
}

.site-header .ast-container,
.ast-primary-header-bar .ast-container {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

/* 14.8 顶部条：压到最矮、行距最小 */
.bg-topbar {
	background: #fff;
	color: #5a5a5a;
	border-bottom: 1px solid var(--bg-line);
	font-size: 12.5px;
	line-height: 1.2;
}

.bg-topbar-inner {
	padding: 6px 20px;
	gap: 12px;
}

.bg-topbar-contacts {
	gap: 16px;
}

.bg-topbar-contacts a {
	color: #5a5a5a;
	gap: 5px;
}

.bg-topbar-contacts a:hover {
	color: var(--bg-navy);
}

/* 语言切换器：去掉胶囊底，做成纯文字，当前语言加粗 */
.busglass-lang-switcher,
.ast-builder-menu .busglass-lang-switcher,
.bg-lang-light .busglass-lang-switcher {
	background: transparent;
	padding: 0;
	gap: 4px;
}

.busglass-lang-item,
.bg-lang-light .busglass-lang-item {
	padding: 2px 6px;
	font-size: 12.5px;
	font-weight: 400;
	color: #8f8f8f !important;
	border-radius: 4px;
}

.busglass-lang-item:hover,
.bg-lang-light .busglass-lang-item:hover {
	background: transparent;
	color: var(--bg-navy) !important;
}

.busglass-lang-item.is-active,
.bg-lang-light .busglass-lang-item.is-active {
	background: transparent;
	color: var(--bg-navy) !important;
	font-weight: 700;
}

/* 14.9 按钮：去大写、去阴影、圆角统一 */
.bg-btn {
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--bg-font-body);
	font-size: 14px;
	font-weight: 700;
	padding: 11px 20px;
	border-radius: var(--bg-radius);
	box-shadow: none;
}

.bg-btn-primary,
.bg-btn-primary:hover {
	box-shadow: none;
	transform: none;
}

.bg-btn-wa {
	border-radius: var(--bg-radius);
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
}

/* 14.10 卡片与网格：间距统一、去掉上浮动画与重阴影 */
.bg-grid,
.bg-tiles,
.bg-stats,
.bg-welcome,
.bg-field-row,
.bg-footer-inner {
	gap: var(--bg-gap);
}

.bg-card {
	box-shadow: none;
	border-radius: var(--bg-radius);
}

.bg-card:hover {
	transform: none;
	box-shadow: none;
	border-color: var(--bg-navy);
}

.bg-card-media {
	background: #eef1f5;
}

.bg-card:hover .bg-card-media img {
	transform: none;
}

.bg-card-body {
	padding: var(--bg-pad);
}

.bg-card-body h3 {
	font-size: 17.5px;
	margin-bottom: 8px;
}

.bg-card-body p {
	font-size: 14px;
	line-height: 1.65;
	margin-bottom: 14px;
}

.bg-card-link {
	color: var(--bg-accent-dark);
	font-size: 13.5px;
}

.bg-stat {
	padding: var(--bg-pad);
	border-radius: var(--bg-radius);
}

.bg-stat-num {
	font-size: clamp(26px, 3vw, 34px);
	font-weight: 700;
}

.bg-stat-label {
	font-size: 13px;
	font-weight: 400;
}

.bg-faq-item {
	border-radius: var(--bg-radius);
	margin-bottom: var(--bg-gap);
}

.bg-faq-q {
	padding: 15px 20px;
	font-size: 15.5px;
}

.bg-faq-a {
	padding: 0 20px 18px;
	font-size: 14.5px;
}

.bg-cert {
	font-weight: 400;
	padding: 7px 14px;
	font-size: 13px;
}

.bg-quote-wrap {
	border-radius: var(--bg-radius);
	box-shadow: none;
}

/* 14.11 区块标题：字号收小、间距统一 */
.bg-section-title {
	font-size: clamp(20px, 2.4vw, 28px);
	color: var(--bg-navy);
	font-weight: 700;
}

.bg-section-head {
	margin-bottom: var(--bg-gap);
}

.bg-welcome-body h2 {
	font-size: clamp(21px, 2.6vw, 30px);
	line-height: 1.3;
	margin-bottom: 12px;
}

.bg-welcome-body p {
	font-size: 15.5px;
	line-height: 1.75;
	margin-bottom: 12px;
}

/* 14.12 圆角全站统一（覆盖前面写死的 10px） */
.bg-card,
.bg-product-card,
.bg-spec-table,
.bg-quote-wrap,
.bg-faq-item,
.bg-cert-item,
.bg-tile,
.bg-stat,
.bg-photo-slot,
.bg-card-media {
	border-radius: var(--bg-radius);
}

/* 14.13 表单字段：与卡片同一圆角与边线 */
.bg-field input,
.bg-field select,
.bg-field textarea,
.bg-quote-wrap input[type="text"],
.bg-quote-wrap input[type="email"],
.bg-quote-wrap textarea {
	border-radius: var(--bg-radius);
	border-color: var(--bg-line);
}

/* =========================================================================
   14.99 Welcome 双栏对齐修正
   —— 需求：右框顶边与左栏 h2 标题顶边齐平；标题上方的留白与左右横向间距等值
   —— 做法：flex 顶对齐（margin 归零，不受行高半行距影响）
           并在双栏上方加 = --bg-gap 的留白，与左右 gap 同值
   ====================================================================== */
@media (min-width: 922px) {
	.bg-welcome {
		align-items: start;
		padding-top: var(--bg-gap);
	}

	.bg-welcome-body > h2 {
		margin-top: 0;
		line-height: 1;
	}

	.bg-welcome > .bg-photo-slot {
		margin-top: 0;
		height: auto;
		min-height: 260px;
	}
}

/* =========================================================================
   15. 视觉精致化层 —— 对齐 autobusglass.com 的完成度
   —— 诊断依据：① 字重已收敛到 Play 实有的 400/700（消除合成假粗体）
                ② 补回深蓝主色的成片使用，建立深浅对比
                ③ 恢复三档间距节奏，区块之间出现层次
                ④ 强化标题排版细节：字距、行高、装饰短杠
                ⑤ 给交互加微动效，提升"被精心调过"的手感
   ====================================================================== */

/* 15.0 间距节奏：三档取代单一值，营造有张有弛的呼吸感 */
:root {
	--bg-gap-tight: 12px;   /* 紧密：卡片内部、标签组 */
	--bg-gap: 20px;         /* 常规：网格间距 */
	--bg-gap-loose: 32px;   /* 宽松：区块之间的关系 */
	--bg-section-y: 72px;   /* 区块上下留白（加大，给内容更多呼吸） */
	--bg-ease: cubic-bezier(.22, .61, .36, 1);
}

/* 15.1 标题排版：Play 字体的气质靠字距和行高撑起来 */
.bg-section-title,
.bg-section-head h2,
.bg-welcome-body h2 {
	letter-spacing: -.015em;   /* 大字号收紧字距，更紧致高级 */
	line-height: 1.22;
}

/* 标题前的短杠装饰：参考站常见的视觉锚点 */
.bg-section-head h2::before {
	content: "";
	display: block;
	width: 44px;
	height: 3px;
	background: var(--bg-accent);
	border-radius: 2px;
	margin-bottom: 16px;
}

/* 15.2 Hero：恢复深蓝成片使用，建立视觉重心 */
.bg-hero {
	background:
		#6fb8e3;
	color: #fff;
	border-bottom: none;
	position: relative;
	overflow: hidden;
}

/* 右侧橙金光晕：呼应 Logo 配色，制造纵深 */
.bg-hero::before {
	content: "";
	position: absolute;
	top: -30%;
	right: -8%;
	width: 620px;
	height: 620px;
	border-radius: 50%;
	background: rgba(249,148,16,.20);
	pointer-events: none;
}

.bg-hero::after {
	content: none;
}

.bg-hero-inner {
	position: relative;
	z-index: 1;
}

.bg-hero-kicker {
	color: #ffcb8a;
	letter-spacing: .16em;
}

.bg-hero-title {
	color: #fff;
	letter-spacing: -.02em;
	text-shadow: 0 2px 24px rgba(0,0,0,.18);
}

.bg-hero-text {
	color: rgba(255,255,255,.82);
}

/* Hero 主按钮：橙金实底，成为整个首屏的视觉焦点 */
.bg-hero .bg-btn-primary {
	background: var(--bg-accent);
	border-color: var(--bg-accent);
	color: #fff !important;
	box-shadow: 0 8px 24px rgba(249,148,16,.32);
}

.bg-hero .bg-btn-primary:hover {
	background: #e08409;
	border-color: #e08409;
	box-shadow: 0 10px 30px rgba(249,148,16,.42);
}

.bg-hero .bg-btn-ghost {
	border-color: rgba(255,255,255,.42);
	color: #fff !important;
	background: rgba(255,255,255,.06);
	backdrop-filter: blur(6px);
}

.bg-hero .bg-btn-ghost:hover {
	background: #fff;
	border-color: #fff;
	color: var(--bg-navy) !important;
}

/* 15.3 深浅交替：让页面有节奏地起伏，而不是一整片白 */
.bg-section-alt {
	background: #f7f8fa;
}

/* 数据条：深蓝底 + 白字，形成一处强烈的视觉停顿 */
.bg-stats {
	background: #6fb8e3;
	border-radius: var(--bg-radius);
	padding: 36px 28px;
	box-shadow: 0 16px 44px rgba(2,64,145,.18);
}

.bg-stat-num {
	color: #fff;
	letter-spacing: -.02em;
}

.bg-stat-label {
	color: rgba(255,255,255,.72);
}

/* 15.4 卡片：更克制的边线 + 悬浮时边框染蓝，替代廉价的阴影上浮 */
.bg-card,
.bg-tile {
	border: 1px solid var(--bg-line);
	transition: border-color .24s var(--bg-ease), transform .24s var(--bg-ease);
}

.bg-card:hover,
.bg-tile:hover {
	border-color: var(--bg-navy);
	transform: translateY(-2px);
}

/* 15.5 链接下划线：参考站式的细线滑动效果 */
.bg-welcome-more {
	position: relative;
	transition: color .2s var(--bg-ease);
}

.bg-welcome-more::after {
	transition: transform .26s var(--bg-ease);
}

/* 15.6 按钮微交互：统一过渡曲线，按压有反馈 */
.bg-btn {
	transition: background-color .22s var(--bg-ease),
	            border-color .22s var(--bg-ease),
	            color .22s var(--bg-ease),
	            box-shadow .22s var(--bg-ease),
	            transform .18s var(--bg-ease);
}

.bg-btn:active {
	transform: translateY(1px);
}

/* 15.7 图片框：浅灰占位 + 内嵌细边，显得是被"装裱"的 */
.bg-photo-slot {
	background: #f4f6f9;
	border: 1px solid var(--bg-line);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.9);
}

/* 15.8 认证 / FAQ 等小组件：加一点内边距差异，避免全站一个节奏 */
.bg-cert-item,
.bg-faq-item {
	padding: 22px 24px;
	transition: border-color .22s var(--bg-ease);
}

.bg-cert-item:hover,
.bg-faq-item:hover {
	border-color: var(--bg-navy);
}

/* 15.9 页脚：最深蓝，与 Hero 呼应，收住整页 */
.bg-footer {
	background: #9fd4ee;
}

.bg-footer h3,
.bg-footer h4 {
	color: #fff;
	letter-spacing: -.01em;
}

/* 15.10 首页裸 h2 的装饰短杠与回收内联间距
   —— 首页正文里的 <h2> 没有 .bg-section-head 包裹，且带内联 margin-top，
      这里统一接管：加装饰杠 + 用统一变量控制上间距，避免内联样式各自为政 */
.bg-container > h2,
.bg-section > .bg-container > h2 {
	position: relative;
	padding-top: 26px;
	margin-top: var(--bg-section-y) !important;
	color: var(--bg-navy);
	letter-spacing: -.015em;
	line-height: 1.22;
}

.bg-container > h2::before,
.bg-section > .bg-container > h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 3px;
	background: var(--bg-accent);
	border-radius: 2px;
}

/* 首个标题（Welcome 之后的那一个）不留过大上间距 */
.bg-container > .bg-welcome + h2 {
	margin-top: var(--bg-gap-loose) !important;
}

/* 15.11 Hero 排版张力：深色底需要更大的字号与更明确的主次 */
.bg-hero {
	padding: clamp(56px, 7vw, 96px) 0;
}

.bg-hero-title {
	font-size: clamp(30px, 4.4vw, 52px);
	line-height: 1.14;
	max-width: 800px;
	margin-bottom: 20px;
}

.bg-hero-text {
	font-size: clamp(15.5px, 1.6vw, 18px);
	line-height: 1.68;
	max-width: 620px;
	color: rgba(255,255,255,.82);
}

.bg-hero-kicker {
	font-size: 12.5px;
	margin-bottom: 18px;
	display: inline-block;
}

/* 15.12 数据条内的分隔线：四项之间用细线切开，更精致 */
.bg-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
}

.bg-stat {
	background: none;
	border: none;
	border-radius: 0;
	padding: 6px 24px;
	box-shadow: none;
	position: relative;
}

.bg-stat + .bg-stat::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 42px;
	background: rgba(255,255,255,.18);
}

.bg-stat-num {
	font-size: clamp(28px, 3.4vw, 40px);
	line-height: 1.1;
}

.bg-stat-label {
	font-size: 13.5px;
	line-height: 1.5;
	margin-top: 6px;
	display: block;
}

@media (max-width: 921px) {
	.bg-stats {
		grid-template-columns: repeat(2, 1fr);
		gap: 28px 0;
	}
}

/* =========================================================================
   16. 玻璃蓝主题 + 标语条压缩
   —— 反馈：① 深蓝难看 → 换玻璃蓝（更亮、透气、带青调，像透过玻璃看天）
            ② 底部标语条太大 → 整体压小
            ③ 怀疑内容撑满 → 收敛容器与内部元素的最大宽度
   ====================================================================== */

/* 16.0 玻璃蓝配色：替换原来的厚重海军蓝 */
:root {
	--bg-navy: #6fb8e3;        /* 主色：玻璃蓝（透光、明快） */
	--bg-navy-2: #8ac9ea;      /* 暗调 */
	--bg-navy-3: #8ac9ea;      /* 亮调：链接与交互 */
	--bg-deep: #8ac9ea;        /* 最深：页脚/收底 */
	--bg-glass: #8ac9ea;       /* 玻璃蓝中间调 */
	--bg-glass-light: #d8ecfa; /* 玻璃蓝浅衬 */
}

/* 16.1 Hero：玻璃蓝渐变，取代原深蓝块 */
.bg-hero {
	background: #8ac9ea;
}

.bg-hero::before {
	background: none;
}

.bg-hero-title {
	color: #fff;
	text-shadow: 0 2px 20px rgba(15,72,128,.28);
}

.bg-hero-text {
	color: rgba(255,255,255,.88);
}

.bg-hero-kicker {
	color: #eaf5ff;
}

/* 玻璃光泽：左上角一道斜向高光，模拟玻璃反光 */
.bg-hero::after {
	content: "";
	position: absolute;
	top: 0;
	left: 12%;
	width: 46%;
	height: 100%;
	background: none;
	transform: skewX(-14deg);
	pointer-events: none;
}

/* 16.2 数据条：跟着换成玻璃蓝 */
.bg-stats {
	background: #8ac9ea;
	box-shadow: 0 14px 38px rgba(29,111,184,.22);
}

/* 16.3 页脚：最深玻璃蓝，不再用墨蓝 */
.bg-footer {
	background: #8ac9ea;
}

/* 16.4 底部标语条：整体压缩（字号、内外边距、区块留白一起收） */
.bg-tagline {
	padding: 30px 0;
	background: #f5f9fd;
	border-top: 1px solid #dce8f3;
}

.bg-tagline .bg-container {
	max-width: var(--bg-container);   /* 与全站统一宽度（18 节起改为唯一值） */
}

.bg-tagline p {
	font-size: clamp(14px, 1.35vw, 17px);
	font-weight: 700;
	line-height: 1.5;
	color: var(--bg-navy);
	margin: 0 0 8px;
}

.bg-tagline p:last-child {
	margin-bottom: 0;
}

.bg-tagline .bg-tagline-sub {
	font-size: clamp(12.5px, 1.15vw, 14px);
	font-weight: 400;
	color: #7d8b9a;
	line-height: 1.55;
}

.bg-tagline p a {
	color: #6fb8e3;
	border-bottom: 1px solid #b8d9f2;
	text-decoration: none;
}

.bg-tagline p a:hover {
	color: #8ac9ea;
	border-color: #8ac9ea;
}

.bg-tagline .bg-tagline-sub a {
	color: #6f8ba5;
	border-bottom: 1px solid #dce8f3;
}

.bg-tagline .bg-tagline-sub a:hover {
	color: #6fb8e3;
}

/* 16.5 玻璃蓝一致性：标题装饰杠、卡片悬浮、认证边框统一 */
.bg-container > h2::before,
.bg-section > .bg-container > h2::before {
	background: #6fb8e3;
}

.bg-card:hover,
.bg-tile:hover {
	border-color: #6fb8e3;
}

.bg-cert-item:hover,
.bg-faq-item:hover {
	border-color: #6fb8e3;
}

.bg-photo-slot {
	background: #f7fbfe;
	border-color: #dce8f3;
}

/* 16.6 内容宽度收敛：正文段落限宽，避免长行铺满 */
.bg-welcome-body p,
.bg-container > p {
	max-width: 760px;
}

.bg-container {
	max-width: var(--bg-container);   /* 全站唯一容器宽度，见 18.0 */
}

/* 16.7 标语条分层修正
   —— 实测底部并没有 .bg-tagline-sub 这个类，两句都是同级裸 <p>：
      第 1 句 "Sales and wholesale supply..."（主句）
      第 2 句 "Automotive glass: Windshield | ..."（链接串）
   —— 需求是主句保留、链接串压小，故用 :first-of-type / :last-of-type 精确分层 */

/* 主句：适中偏小，深色，作为一条收尾陈述 */
.bg-tagline p:not(:empty) {
	font-size: clamp(14px, 1.3vw, 16.5px);
	font-weight: 700;
	line-height: 1.5;
	color: #8ac9ea;
	margin: 0 0 10px;
}

/* 链接串：明显压小，弱化，只作为导航性质的存在 */
.bg-tagline p:not(:empty):last-of-type {
	font-size: clamp(12px, 1.05vw, 13.5px);
	font-weight: 400;
	color: #7d8b9a;
	line-height: 1.6;
	margin: 0;
}

.bg-tagline p:not(:empty):last-of-type a {
	color: #5f7a94;
	border-bottom: 1px solid #dce8f3;
	font-weight: 400;
}

.bg-tagline p:not(:empty):last-of-type a:hover {
	color: #6fb8e3;
	border-color: #b8d9f2;
}

/* 干掉短代码渲染出来的空 <p>，它白占一行间距 */
.bg-tagline p:empty {
	display: none;
}

/* 16.8 玻璃蓝下的橙金收敛：避免蓝橙打架，橙金只保留在关键 CTA */
.bg-section-head h2::before,
.bg-container > h2::before,
.bg-section > .bg-container > h2::before {
	background: #6fb8e3;
	width: 36px;
	height: 3px;
}

/* 16.9 历史遗留硬编码深蓝清理
   —— 前面章节里有若干写死的旧深蓝渐变（#6fb8e3/#8ac9ea/#9fd4ee 等），
      它们选择器权重不低于新规则，会把玻璃蓝盖回去，这里统一收敛 */

/* 图片槽位：早期深蓝渐变 → 玻璃蓝浅衬 */
.bg-photo-slot {
	background: #f7fbfe;
	border: 1px solid #dce8f3;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.9);
}

/* 分类图块：旧深蓝渐变 → 玻璃蓝 */
.bg-tile {
	background:
		rgba(23,90,153,.86),
		#8ac9ea;
}

/* 标语条：如果早期有深蓝底，一并覆盖为浅玻璃蓝 */
.bg-tagline {
	background: #f5f9fd;
	color: #8ac9ea;
}

/* 页脚：统一到最深玻璃蓝 */
.bg-footer,
.bg-footer-bar {
	border-color: #dce8f3;
}

/* =========================================================================
   17. 全局缩小 + 浅蓝替换
   —— 反馈：① 页面 h1 缩小，蓝色太深 → 浅蓝
            ② Hero 三行（kicker/标题/正文）整体缩小
            ③ 底部标语条缩小
            ④ 页脚整体缩小、排布紧凑
   ====================================================================== */

/* 17.0 浅蓝配色：整体再提亮一档 */
:root {
	--bg-navy: #6fb8e3;        /* 主色：浅蓝（明快、轻盈） */
	--bg-navy-2: #7cc0e7;      /* 暗调 */
	--bg-navy-3: #9fd4ee;      /* 亮调：链接与交互 */
	--bg-deep: #6fb8e3;        /* 最深：页脚收底 */
	--bg-glass: #9fd4ee;       /* 中间调 */
	--bg-light-blue: #eaf4fc;  /* 浅蓝衬底 */
}

/* 17.1 页面主标题 h1（Astra entry-title）：缩小 */
.entry-title,
h1.entry-title {
	font-size: clamp(22px, 2.5vw, 32px) !important;
	font-weight: 700;
	line-height: 1.28;
	color: var(--bg-navy);
	letter-spacing: -.015em;
	margin-bottom: 8px;
}

/* 标题下方留白收紧（Astra 默认留得多） */
.entry-header,
.ast-article-single .entry-header {
	margin-bottom: 18px;
	padding-bottom: 0;
}

/* 17.2 Hero 三行整体缩小 */
.bg-hero {
	padding: clamp(38px, 4.6vw, 62px) 0;
	background: #9fd4ee;
}

.bg-hero-kicker {
	font-size: 11.5px;
	letter-spacing: .14em;
	margin-bottom: 12px;
	color: #f0f8ff;
}

.bg-hero-title {
	font-size: clamp(22px, 2.9vw, 36px);
	line-height: 1.18;
	margin-bottom: 12px;
	max-width: 680px;
	letter-spacing: -.02em;
}

.bg-hero-text {
	font-size: clamp(13px, 1.2vw, 15px);
	line-height: 1.62;
	max-width: 560px;
	margin-bottom: 20px;
	color: rgba(255,255,255,.9);
}

.bg-hero-actions {
	gap: 10px;
}

.bg-hero .bg-btn {
	padding: 10px 20px;
	font-size: 13.5px;
}

/* 17.3 数据条：跟着缩小，与整体密度一致 */
.bg-stats {
	padding: 24px 20px;
	background: #9fd4ee;
	box-shadow: 0 10px 28px rgba(61,143,209,.20);
}

.bg-stat {
	padding: 4px 18px;
}

.bg-stat + .bg-stat::before {
	height: 34px;
	background: rgba(255,255,255,.22);
}

.bg-stat-num {
	font-size: clamp(22px, 2.6vw, 30px);
}

.bg-stat-label {
	font-size: 12.5px;
	margin-top: 4px;
}

/* 17.4 底部标语条：再压一档 */
.bg-tagline {
	padding: 22px 0;
	background: #f5f9fd;
}

.bg-tagline p:not(:empty) {
	font-size: clamp(13px, 1.15vw, 15px);
	margin: 0 0 7px;
}

.bg-tagline p:not(:empty):last-of-type {
	font-size: clamp(11.5px, .98vw, 12.5px);
	line-height: 1.55;
}

/* 17.5 页脚：整体缩小 + 紧凑排布 */
.bg-footer-bar {
	padding: 26px 0 0;
	background: #f8fbfe;
	border-top: 1px solid #dce8f3;
}

.bg-footer-inner {
	gap: 26px;
	padding-bottom: 20px;
}

.bg-footer-inner h4 {
	font-size: 13px;
	line-height: 1.4;
	margin: 0 0 8px;
	color: #7cc0e7;
	letter-spacing: .01em;
}

.bg-footer-inner p,
.bg-footer-inner a,
.bg-footer-inner a:visited {
	font-size: 12.5px;
	line-height: 1.62;
	color: #667788;
}

.bg-footer-inner a:hover,
.bg-footer-copy a:hover {
	color: #6fb8e3;
}

/* 版权行：更小更轻，与主体拉开层次 */
.bg-footer-copy {
	margin: 0 auto;
	padding: 12px 20px;
	border-top: 1px solid #e4eef7;
	font-size: 11.5px;
	line-height: 1.6;
	color: #93a3b3;
}

/* 17.6 浅蓝下的点缀色统一（标题装饰杠 / 卡片悬浮 / 认证边框） */
.bg-section-head h2::before,
.bg-container > h2::before,
.bg-section > .bg-container > h2::before {
	background: #6fb8e3;
}

.bg-card:hover,
.bg-tile:hover,
.bg-cert-item:hover,
.bg-faq-item:hover {
	border-color: #6fb8e3;
}

/* 17.7 “Scroll to Top” 回到顶部按钮：缩小并换浅蓝 */
.ast-scroll-top-icon,
#ast-scroll-top,
.ast-scroll-top-icon::before {
	font-size: 13px;
}

.ast-scroll-top-icon {
	width: 34px;
	height: 34px;
	line-height: 34px;
	background: #6fb8e3 !important;
	border-radius: 50%;
}

.ast-scroll-top-icon:hover {
	background: #7cc0e7 !important;
}

/* 17.8 页脚补遗：重置前面章节遗留的排版规则
   —— 1318 行有 text-transform:uppercase / letter-spacing:.08em，会让页脚标题全大写；
      1619 行 bg-footer-bar 的 font-size:14.5px 也会向下继承，一并显式覆盖 */
.bg-footer-inner h4 {
	text-transform: none;
	letter-spacing: .01em;
	font-family: var(--bg-font-body);
}

.bg-footer-bar {
	font-size: 12.5px;
	padding: 26px 0 0;
}

/* 品牌名（页脚第一栏）单独给一点分量，其余保持紧凑 */
.bg-footer-brand h4 {
	font-family: var(--bg-font-head);
	font-size: 15px;
	color: #6fb8e3;
	letter-spacing: -.01em;
	margin-bottom: 8px;
}

.bg-footer-brand p {
	margin: 0;
	line-height: 1.62;
}

/* =========================================================================
   18. 统一容器宽度 + 底部继续提亮
   —— 反馈：① 底部还是深 → 再提亮一档
            ② 宽度参照参考站，不要满屏，从上到下等宽
   —— 诊断：之前存在三套宽度互相打架：
            .bg-container 1160px（正文区）
            .bg-tagline .bg-container 940px（标语条，被单独收窄）
            .bg-footer-inner / .bg-footer-copy 仍用 var(--bg-container)=1200px
            → 结果底部比上面窄、页脚又比正文宽，三级不齐
   ====================================================================== */

/* 18.0 唯一的容器宽度：全站所有区块统一吃这一个值 */
:root {
	--bg-container: 1140px;   /* 参照参考站的正文档宽，两侧各留出充足余白 */
	--bg-pad-x: 24px;         /* 左右内边距，窄屏时的最小呼吸空间 */

	/* 浅蓝再提亮一档 */
	--bg-navy: #9fd4ee;
	--bg-navy-2: #6fb8e3;
	--bg-navy-3: #6bb2e8;
	--bg-deep: #6fb8e3;
	--bg-glass: #9fd4ee;
}

/* 18.1 正文容器：宽度与内边距统一 */
.bg-container {
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
}

/* 18.2 标语条：撤销之前的单独收窄，回归同一宽度 */
.bg-tagline .bg-container {
	max-width: var(--bg-container);
}

/* 18.3 页脚：同样对齐到统一宽度（关键——这里之前漏掉了） */
.bg-footer-inner,
.bg-footer-copy {
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
}

.bg-footer-copy {
	margin-top: 0;
}

/* 18.4 数据条：与容器同宽，不额外撑满 */
.bg-stats {
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
}

/* 18.5 Hero 内层：与容器对齐，保证首屏内容也在同一条竖向基准线上 */
.bg-hero-inner {
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
}

/* 18.6 底部提亮：标语条与页脚都提亮，收尾处不再压深 */
.bg-tagline {
	background: #f2f8fd;
	border-top: 1px solid #dcebf7;
}

.bg-footer-bar {
	background: #f7fbfe;
	border-top: 1px solid #dcebf7;
}

.bg-footer-inner h4 {
	color: #6fb8e3;
}

.bg-footer-copy {
	border-top: 1px solid #e4f0f9;
	color: #9aabba;
}

/* 18.7 页脚品牌名：保持一点分量但不压深 */
.bg-footer-brand h4 {
	color: #6fb8e3;
}

/* =========================================================================
   19. 对齐参考站真实数值（autobusglass.com 源码实测）
   —— 参考站为 Wix 站，从源码提取到的权威数值：
        --site-width: 980px            （桌面主网格宽）
        正文字号主力: 12px（15 次），标题档 17 / 18 / 22px（10px 为极小的辅助文字）
        浅蓝色板: #b7def2 / #91c9e5 / #3aa4d8 / #abc3e3
   —— 需求：① 颜色再降（更淡）② 屏显宽度同参考站 ③ 底部字号与布局同参考站
   ====================================================================== */

/* 19.0 宽度对齐参考站：980px 主网格 */
:root {
	--bg-container: 980px;   /* 与参考站 --site-width 一致 */
	--bg-pad-x: 20px;        /* 参考站两侧留白 */

	/* 19.1 颜色再降一档：采用参考站色板里的浅蓝 */
	--bg-navy: #3aa4d8;      /* 主色：参考站浅蓝（取自色板 #3aa4d8） */
	--bg-navy-2: #2e8cbd;    /* 暗调 */
	--bg-navy-3: #6bbde5;    /* 亮调 */
	--bg-deep: #2e8cbd;      /* 收底 */
	--bg-glass: #91c9e5;     /* 中间调（参考站 #91c9e5） */
	--bg-glass-pale: #b7def2;/* 极浅蓝衬底（参考站 #b7def2） */
	--bg-glass-tint: #eaf6fc;/* 淡蓝底 */
}

/* 19.2 Hero：更淡的浅蓝渐变，整体明度抬起来 */
.bg-hero {
	background: #91c9e5;
	padding: 34px 0;
}

.bg-hero::before {
	background: none;
}

.bg-hero::after {
	background: none;
}

.bg-hero-kicker {
	font-size: 11px;
	color: rgba(255,255,255,.94);
	letter-spacing: .13em;
	margin-bottom: 10px;
}

.bg-hero-title {
	font-size: 22px;          /* 参考站标题档 22px */
	line-height: 1.2;
	margin-bottom: 10px;
	max-width: 620px;
	letter-spacing: -.01em;
	text-shadow: 0 1px 14px rgba(46,140,189,.24);
}

.bg-hero-text {
	font-size: 12.5px;        /* 参考站正文主力 12px 量级 */
	line-height: 1.65;
	max-width: 540px;
	margin-bottom: 16px;
	color: rgba(255,255,255,.95);
}

.bg-hero .bg-btn {
	padding: 9px 18px;
	font-size: 12px;
}

/* 19.3 数据条：跟随浅蓝，字号收小 */
.bg-stats {
	background: #91c9e5;
	box-shadow: 0 8px 22px rgba(58,164,216,.16);
	padding: 20px 18px;
}

.bg-stat-num {
	font-size: 20px;
}

.bg-stat-label {
	font-size: 11.5px;
	margin-top: 3px;
}

.bg-stat + .bg-stat::before {
	height: 30px;
	background: rgba(255,255,255,.30);
}

/* 19.4 底部标语条：字号与布局对齐参考站（12px 主力档） */
.bg-tagline {
	padding: 20px 0;
	background: #f4fafd;
	border-top: 1px solid #e2f0f8;
}

.bg-tagline .bg-container {
	max-width: var(--bg-container);
}

.bg-tagline p:not(:empty) {
	font-size: 12px;
	line-height: 1.6;
	font-weight: 700;
	color: #2e8cbd;
	margin: 0 0 5px;
}

.bg-tagline p:not(:empty):last-of-type {
	font-size: 12px;
	font-weight: 400;
	color: #7d8b9a;
	line-height: 1.6;
	margin: 0;
}

.bg-tagline p:not(:empty):last-of-type a {
	color: #6b98b3;
	border-bottom: 1px solid #dcecf5;
}

.bg-tagline p:not(:empty):last-of-type a:hover {
	color: #3aa4d8;
	border-color: #b7def2;
}

/* 19.5 页脚：字号与布局对齐参考站 —— 12px 正文 + 三栏紧凑 */
.bg-footer-bar {
	background: #f9fcfd;
	border-top: 1px solid #e2f0f8;
	padding: 22px 0 0;
	font-size: 12px;
}

.bg-footer-inner {
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
	grid-template-columns: 1.3fr 1fr 1fr;   /* 参考站式：品牌栏略宽 */
	gap: 24px;
	padding-bottom: 16px;
	align-items: start;
}

.bg-footer-inner h4 {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 7px;
	color: #3aa4d8;
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--bg-font-body);
}

.bg-footer-inner p,
.bg-footer-inner a,
.bg-footer-inner a:visited {
	font-size: 12px;
	line-height: 1.7;
	color: #8794a1;
}

.bg-footer-inner a:hover {
	color: #3aa4d8;
}

.bg-footer-brand h4 {
	font-family: var(--bg-font-head);
	font-size: 13px;
	color: #2e8cbd;
	margin-bottom: 6px;
}

.bg-footer-brand p {
	margin: 0;
	line-height: 1.7;
}

.bg-footer-copy {
	max-width: var(--bg-container);
	margin: 0 auto;
	padding: 10px 20px;
	border-top: 1px solid #eaf3f9;
	font-size: 11px;
	line-height: 1.6;
	color: #9fb0bd;
	text-align: center;
}

/* 19.6 正文区同步收小，与参考站 12px 正文档一致 */
.bg-welcome-body p,
.bg-container > p {
	font-size: 13px;
	line-height: 1.72;
	max-width: 680px;
}

.bg-welcome-body h2,
.bg-container > h2,
.bg-section-head h2 {
	font-size: 18px;          /* 参考站次级标题档 */
	line-height: 1.3;
	letter-spacing: -.005em;
}

/* 19.7 点缀色统一到浅蓝 */
.bg-section-head h2::before,
.bg-container > h2::before,
.bg-section > .bg-container > h2::before {
	background: #6bbde5;
	width: 32px;
	height: 2px;
}

.bg-card:hover,
.bg-tile:hover,
.bg-cert-item:hover,
.bg-faq-item:hover {
	border-color: #6bbde5;
}

.bg-photo-slot {
	background: #f8fcfe;
	border-color: #e2f0f8;
}

.ast-scroll-top-icon {
	background: #6bbde5 !important;
}

.ast-scroll-top-icon:hover {
	background: #3aa4d8 !important;
}

/* =========================================================================
   20. 底部与中间等宽 + 顶栏字号 + h1 再缩
   —— 反馈：① 标语条 / 页脚要与正文区同宽（980px 基准线对齐）
            ② 页面 h1 再缩小
            ③ 顶栏邮箱与电话稍微放大
   ====================================================================== */

/* 20.0 全站竖向基准线统一
   —— 正文、标语条、页脚、顶栏内部，全部锁死同一个 --bg-container + --bg-pad-x，
      保证从页头到页脚左右边界严格对齐在一条线上 */
.bg-container,
.bg-topbar-inner,
.bg-hero-inner,
.bg-tagline .bg-container,
.bg-footer-inner,
.bg-footer-copy,
.bg-stats {
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
	box-sizing: border-box;
}

/* 20.1 页脚：内边距与左右边界对齐，去掉可能造成偏移的额外缩进 */
.bg-footer-inner {
	padding-bottom: 18px;
}

.bg-footer-copy {
	padding: 10px var(--bg-pad-x);
	margin-top: 0;
}

/* 20.2 标语条：与正文同宽同边界 */
.bg-tagline {
	padding: 20px 0;
}

.bg-tagline .bg-container {
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
}

/* 20.3 数据条：与容器同宽对齐 */
.bg-stats {
	box-sizing: border-box;
}

/* 20.4 顶栏：邮箱与电话稍微放大（12.5px → 13.5px） */
.bg-topbar {
	font-size: 13.5px;
	line-height: 1.3;
}

.bg-topbar-inner {
	padding: 8px var(--bg-pad-x);
}

.bg-topbar-contacts {
	gap: 18px;
}

.bg-topbar-contacts a {
	font-size: 13.5px;
	gap: 6px;
	color: #5a5a5a;
}

.bg-topbar-contacts a:hover {
	color: var(--bg-navy);
}

/* 图标（信封 / 电话）跟着放大一点，与文字协调 */
.bg-topbar-contacts a span[aria-hidden="true"] {
	font-size: 14px;
	line-height: 1;
	opacity: .92;
}

/* 20.5 页面主标题 h1：再缩小 */
.entry-title,
h1.entry-title {
	font-size: 20px !important;
	line-height: 1.3;
	font-weight: 700;
	color: var(--bg-navy);
	letter-spacing: -.005em;
	margin-bottom: 6px;
}

.entry-header,
.ast-article-single .entry-header {
	margin-bottom: 14px;
	padding-bottom: 0;
}

/* 20.6 语言切换器也跟着顶栏放大，视觉重量一致 */
.busglass-lang-switcher,
.bg-topbar .busglass-lang-switcher {
	font-size: 13.5px;
}

/* =========================================================================
   21. 全站等距体系：纵向留白 = 横向间距
   —— 反馈：Welcome 上移，与横向间距等宽；每个块之间空距相等
   —— 根因：区块用的是 .bg-section 的 padding: var(--bg-section-y)=72px，
           而横向间距是 --bg-pad-x=20px，两套值不一致 → 上方空太多、左右很窄
   —— 做法：把区块纵向留白收敛到与横向同一量级，并让每个块等距
   ====================================================================== */

:root {
	/* 21.0 唯一间距体系：横纵同值 */
	--bg-space: 20px;          /* 横向与纵向统一的基准间距 = 容器内边距 */
	--bg-section-y: var(--bg-space);
}

/* 21.1 区块：上下留白与横向等值 */
.bg-section {
	padding: var(--bg-space) 0;
}

/* 21.2 Welcome 块上移：吃掉顶部多出来的留白，使标题与上方 Hero 的间距 = 20px */
.bg-section > .bg-container > .bg-welcome:first-child {
	margin-top: calc(var(--bg-space) * -1);
}

/* 21.3 首页各标题（Glass by position 等）：上间距与横向等值，去掉原来的 72px */
.bg-container > h2,
.bg-section > .bg-container > h2 {
	margin-top: var(--bg-space) !important;
	padding-top: 16px;
}

/* 21.4 各内容块之间等距：Welcome、数据条、图块、产品、认证、FAQ 上下一致 */
.bg-container > .bg-welcome + h2,
.bg-container > h2 + .bg-stats,
.bg-container > h2 + .bg-tiles,
.bg-container > h2 + .bg-grid,
.bg-container > h2 + .bg-products,
.bg-container > h2 + .bg-certs,
.bg-container > h2 + .bg-faq {
	margin-top: var(--bg-space) !important;
}

/* 21.5 块与块之间的纵向节奏：统一用 --bg-space，不再有 56/64px 的内联间距 */
.bg-container > * + * {
	margin-top: var(--bg-space);
}

/* 21.6 内联 style 的 margin-top（首页正文里写死的 56px/64px）一并归零，
       让上面的统一规则接管，避免内联样式各自为政 */
.bg-container > [style*="margin-top"] {
	margin-top: var(--bg-space) !important;
}

/* 21.7 收尾：标语条与页脚上沿留白也与横向等值 */
.bg-tagline {
	padding: var(--bg-space) 0;
}

.bg-footer-bar {
	padding: var(--bg-space) 0 0;
}

.bg-footer-inner {
	padding-bottom: var(--bg-space);
}

.bg-footer-copy {
	padding: var(--bg-space) var(--bg-pad-x);
}

/* 21.8 Welcome 双栏自身：图片槽顶部对齐标题，间距与横向一致 */
@media (min-width: 922px) {
	.bg-welcome {
		padding-top: 0;
		gap: var(--bg-space) 28px;
	}
}

/* =========================================================================
   22. 顶栏字号放大 + Welcome 上距对齐 + FAQ 靠紧 + 页脚左对齐同宽
   —— 反馈：① 顶栏邮箱/电话/语言三组字要放大
            ② Welcome 与 Factory & Capacity 的上间距要一致
            ③ FAQ 四个折叠块要靠紧
            ④ 页脚底部不居中，且与中间同宽
   ====================================================================== */

/* 22.1 顶栏三组字放大（14.5px） */
.bg-topbar {
	font-size: 14.5px;
}

.bg-topbar-contacts a,
.bg-topbar-contacts a:visited {
	font-size: 14.5px;
}

.bg-topbar-contacts a span[aria-hidden="true"] {
	font-size: 15px;
}

/* 语言切换项：与联系方式同字号 */
.busglass-lang-item,
.bg-topbar .busglass-lang-item,
.bg-topbar .busglass-lang-switcher {
	font-size: 14.5px;
	line-height: 1.3;
}

/* 22.2 Welcome 与 Factory & Capacity 上间距对齐
   —— 两块的父级都是 .bg-container，紧随其前的兄弟不同：
      Welcome 前是 Hero（区块首块），Factory 前是产品网格。
      统一用同一个上间距，使两块的上空距一致 */
.bg-container > .bg-welcome {
	margin-top: var(--bg-space);
}

.bg-container > .bg-welcome:first-child {
	margin-top: var(--bg-space);
}

/* 紧跟在标题之后的 Welcome（Factory & Capacity 属于这种），
   与首块 Welcome 取同一个值，保证两处上距相同 */
.bg-container > h2 + .bg-welcome,
.bg-container > .bg-grid + .bg-welcome,
.bg-container > .bg-products + .bg-welcome,
.bg-container > div + .bg-welcome {
	margin-top: var(--bg-space);
}

/* 22.3 FAQ：拆掉外层叠加的内边距，块间靠紧 */
.bg-faq-item {
	padding: 0;                       /* 撤掉 15.8 的 22px 24px 叠加 */
	margin-bottom: 6px;               /* 块间距收紧 */
	overflow: hidden;
}

.bg-faq-item + .bg-faq-item {
	margin-top: 0;
}

/* 问题条与答案各自持有内边距（保留原有），只是不再叠加 */
.bg-faq-q {
	padding: 12px 18px;
	font-size: 14px;
	gap: 12px;
}

.bg-faq-q::after {
	font-size: 18px;
}

.bg-faq-a {
	padding: 0 18px 14px;
	font-size: 12.5px;
	line-height: 1.68;
}

/* 最后一个 FAQ 项不留底边距 */
.bg-container > .bg-faq-item:last-child {
	margin-bottom: 0;
}

/* 22.4 页脚底部：不居中，左对齐；并确保与中间同宽 */
.bg-footer-copy {
	text-align: left;
	max-width: var(--bg-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
	box-sizing: border-box;
	font-size: 11px;
	line-height: 1.6;
	color: #9fb0bd;
}

/* 版权行内的链接（Powered by Astra…）沿用左对齐 */
.bg-footer-copy a {
	color: #8fa5b8;
	text-decoration: none;
}

.bg-footer-copy a:hover {
	color: #3aa4d8;
}

/* 22.5 FAQ 真正靠紧的关键修正
   —— 实测 DOM：每个 <details class="bg-faq-item"> 之间被 wpautop 插入了 <br />，
      而且整组 FAQ 被包在一个 <p> 里（不是 .bg-container 的直接子元素）。
      <br> 会强制撑出一行高度，无论怎么压 margin 都留着缝，必须从根上处理。 */

/* 把 FAQ 外层的 <p> 还原为正常段落，避免继承段落行高与上下边距 */
.bg-container > p:has(.bg-faq-item),
.bg-container p:has(> details) {
	margin: 0;
	padding: 0;
	line-height: 0;      /* 消除 <br> 制造的行高 */
	font-size: 0;        /* 消除块间空白文字节点的高度 */
	display: block;
}

/* 折叠块本身恢复字号与行高，不受父级清零影响 */
.bg-container p:has(> details) .bg-faq-item {
	font-size: 14px;
	line-height: 1.6;
}

/* 折叠块之间的 <br>：直接隐藏 */
.bg-container details.bg-faq-item + br,
.bg-container .bg-faq-item + br,
.bg-container br:has(+ .bg-faq-item) {
	display: none;
}

/* 兜底：任何紧邻 FAQ 的换行符都不占位 */
.bg-faq-item ~ br {
	display: none;
}

/* 折叠块靠紧：相邻块之间只留 6px 视觉缝 */
.bg-faq-item {
	display: block;
	margin: 0 0 6px;
}

.bg-faq-item + br + .bg-faq-item,
.bg-faq-item + .bg-faq-item {
	margin-top: 0;
}

/* 最后一个展开块也不留底距 */
details.bg-faq-item:last-of-type {
	margin-bottom: 0;
}

/* 22.6 页脚底部不居中：显式覆盖所有可能来源的居中声明 */
.bg-footer-copy,
.bg-footer-copy p,
.bg-footer-copy span,
.bg-footer-copy div {
	text-align: left !important;
}

/* =========================================================================
   23. 统一纵向节奏：抹平正文里写死的内联 margin-top
   —— 实测首页内容里存在 5 处手工内联间距：
        <p style="margin-top:56px">  ×1
        <h2 style="margin-top:64px"> ×2
        <h2 style="margin-top:56px"> ×3
      这些 56/64px 与全站的 --bg-space:20px 不是一套数值，
      正是"Welcome 与 Factory & Capacity 上空距不一致、各块不等距"的根源。
      处理：凡 .bg-container 后代带内联 margin-top 的元素，
      一律回归 --bg-space，全站纵向节奏归一。
   ====================================================================== */

.bg-container [style*="margin-top"] {
	margin-top: var(--bg-space) !important;
}

/* 区块内紧随标题、段落之后的同级块，也统一到同一个上距 */
.bg-container > h2 + *,
.bg-container > h3 + *,
.bg-container > p + *,
.bg-container > .bg-welcome + * {
	margin-top: var(--bg-space);
}

/* 标题本身保留与上一块的 --bg-space，不再额外加码 */
.bg-container > h2,
.bg-container > h3 {
	margin-top: var(--bg-space);
	margin-bottom: 0;
}

/* Welcome 内的正文段落：与标题之间用同一档间距，避免首段被 h2 的下边距顶开 */
.bg-welcome-body > h2 {
	margin-bottom: var(--bg-space);
}

/* FAQ 区块的容器（短代码直接输出的 details 序列）整体上距归一 */
.bg-container > details.bg-faq-item:first-of-type {
	margin-top: var(--bg-space);
}

/* =========================================================================
   24. 宽度真的对齐参考站 + 标语条左对齐 + 页脚紧凑 + Welcome 下距等宽
   —— 反馈：① 底部标语条 "Sales and wholesale..." 不居中（应左对齐）
            ② 页脚各行间距要更紧凑
            ③ Welcome 与下面横向留白等距（下移对齐）
            ④ 网站总宽还是比参考站宽，要从上到下同宽
   ====================================================================== */

/* 24.0 【根因】Astra 自带的 .ast-container 仍是 1200px，
        它管着 站点标题行 / 主导航行，比正文的 980px 宽出一截，
        于是"从上到下"看起来就不等宽。这里把 Astra 的容器也锁到同一值。
        这是此前宽度一直压不下去、并且只有 header 一行显得更宽的原因。 */
.ast-container,
.site-header .ast-container,
.ast-primary-header-bar .ast-container,
header .ast-container,
.site-content > .ast-container,
#content .ast-container,
.site-footer .ast-container {
	max-width: var(--bg-container) !important;
	padding-left: var(--bg-pad-x);
	padding-right: var(--bg-pad-x);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Astra 默认给内容区加了左右内边距，会把这 980px 又撑宽，一并归零 */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.site-content .ast-container {
	padding-left: 0;
	padding-right: 0;
}

/* 24.1 底部标语条：**左对齐**（此前 .bg-tagline 有 text-align:center），
        与全站从左到右的阅读起点一致；行距收紧 */
.bg-tagline {
	text-align: left !important;
	padding: var(--bg-space) 0;
}

.bg-tagline .bg-container {
	text-align: left;
}

.bg-tagline p,
.bg-tagline p:not(:empty),
.bg-tagline p:not(:empty):last-of-type {
	text-align: left !important;
}

/* 标语条两句：中间只留一档小间距，紧凑 */
.bg-tagline p:not(:empty) {
	margin: 0 0 4px;
	font-size: 12px;
	line-height: 1.5;
}

.bg-tagline p:not(:empty):last-of-type {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
}

/* 空段落仍不占位 */
.bg-tagline p:empty {
	display: none;
}

/* 24.2 页脚：行间距缩小、整体更紧凑
        —— 地址两行、联系方式三项、快捷链接三项，行高与间距统一压紧 */
.bg-footer-bar {
	padding: 18px 0 0;
	font-size: 12px;
	line-height: 1.45;
}

.bg-footer-inner {
	padding-bottom: 12px;
	gap: 20px;
	align-items: start;
}

.bg-footer-inner h4 {
	font-size: 12px;
	line-height: 1.35;
	margin: 0 0 5px;
}

.bg-footer-inner p {
	margin: 0;
	line-height: 1.5;
}

/* 页脚链接：逐行排列，行距压紧 */
.bg-footer-inner a,
.bg-footer-inner a:visited {
	display: block;
	line-height: 1.5;
	margin: 0;
	padding: 1px 0;
	font-size: 12px;
}

/* 联系方式那栏（电话/邮箱/WhatsApp）同样紧凑 */
.bg-footer-phone a,
.bg-footer-phone a:visited {
	display: block;
	line-height: 1.5;
	padding: 1px 0;
}

/* 版权行：上下留白收紧 */
.bg-footer-copy {
	padding: 8px var(--bg-pad-x);
	line-height: 1.45;
	font-size: 11px;
	text-align: left !important;
}

/* 24.3 Welcome 区块：与下方横向留白等距
        —— 上距取 --bg-space（与横向一致）；区块底部也补同值，
           使"欢迎区 → 下一块"之间的空当与左右留白同宽同感 */
.bg-container > .bg-welcome {
	margin-top: var(--bg-space);
	margin-bottom: var(--bg-space);
}

.bg-section > .bg-container > .bg-welcome:last-child {
	margin-bottom: 0;
}

/* 24.4 兜底：所有内层容器不允许超出 --bg-container */
.bg-container,
.bg-topbar-inner,
.bg-hero-inner,
.bg-tagline .bg-container,
.bg-footer-inner,
.bg-footer-copy,
.bg-stats {
	max-width: var(--bg-container) !important;
}

/* =========================================================================
   25. 全站蓝色统一为浅色
   —— 反馈：蓝色都用浅色的
   —— 本站历经多轮配色更迭，早期章节里仍散落着深蓝硬编码
      （#6fb8e3 / #8ac9ea / #6fb8e3 / #9fd4ee / #8ac9ea / #9fd4ee /
        #9fd4ee / #9fd4ee / #9fd4ee / #7cc0e7 / #6fb8e3 等）。
      CSS 靠"选择器优先级 + 书写顺序"取胜，深色规则若优先级更高会压过
      浅色变量。这里把整套蓝色重新定义为浅色板，并对所有历史硬编码深蓝
      做一次性兜底覆盖，确保页头到页脚没有任何一处是深蓝。
   ====================================================================== */

/* 25.0 浅蓝主色板（全站唯一来源） */
:root {
	--bg-navy: #6fb8e3;        /* 主色：中浅蓝 */
	--bg-navy-2: #8ac9ea;      /* 稍浅 */
	--bg-navy-3: #9fd4ee;      /* 更浅：链接与交互 */
	--bg-deep: #7cc0e7;        /* 收底：原最深蓝位，改为浅蓝 */
	--bg-glass: #b7def2;       /* 中间浅蓝 */
	--bg-glass-pale: #d3ecf9;  /* 极浅蓝衬底 */
	--bg-glass-tint: #eaf6fc;  /* 淡蓝底 */
	--bg-light: #f2f9fd;       /* 近白浅蓝 */
	--bg-ink: #4a6b82;         /* 正文深灰蓝（保证可读性） */
	--bg-ink-soft: #7d93a6;    /* 次级文字 */
}

/* 25.1 Hero（页首大图区）：浅蓝渐变，明度再抬一档，不用任何深色 */
.bg-hero,
.bg-hero-inner {
	background-color: #d3ecf9 !important;
}

.bg-hero {
	background: #d3ecf9 !important;
}

.bg-hero::before {
	background: none !important;
}

.bg-hero::after {
	background: none !important;
}

/* Hero 内文字：浅底要用深灰蓝才看得清，不能再用白色 */
.bg-hero-title,
.bg-hero .bg-hero-title {
	color: #33566e !important;
}

.bg-hero-text,
.bg-hero .bg-hero-text {
	color: #4a6b82 !important;
}

.bg-hero-kicker,
.bg-hero .bg-hero-kicker {
	color: #5a7f99 !important;
}

/* 25.2 所有历史上的深蓝渐变/实底，一律改为浅蓝 */
.bg-stats,
.bg-quote-panel,
.bg-cta,
.bg-tagline,
.bg-footer-bar,
.bg-footer,
body .bg-section--dark,
.bg-dark {
	background-image: none !important;
}

.bg-stats {
	background: #d3ecf9 !important;
	color: #33566e !important;
}

.bg-tagline {
	background: #eaf6fc !important;
	border-top: 1px solid #d3ecf9 !important;
}

.bg-footer-bar,
.bg-footer {
	background: #f2f9fd !important;
	border-top: 1px solid #dbeefa !important;
}

/* 25.3 深蓝实底块（原 #9fd4ee / #9fd4ee / #6fb8e3 等）一并提亮 */
.bg-quote-panel,
.bg-cta,
.bg-cta-band,
.bg-banner,
.bg-band {
	background: #b7def2 !important;
	color: #33566e !important;
}

/* 25.4 曾经的深蓝文字/描边 / 链接色，统一浅蓝系 */
a,
.entry-content a:not(.bg-btn):not(.bg-tile):not(.bg-product-card) {
	color: #3f9fd4;
}

.entry-content a:not(.bg-btn):not(.bg-tile):not(.bg-product-card):hover {
	color: #2e8cbd;
}

/* 标题色：深灰蓝，避免深蓝 */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
	color: #33566e;
}

/* 25.5 页脚文字：浅底深灰蓝，逐项钉死 */
.bg-footer-inner h4,
.bg-footer-brand h4,
.bg-footer-phone h4 {
	color: #3f9fd4 !important;
}

.bg-footer-inner p,
.bg-footer-inner a,
.bg-footer-inner a:visited,
.bg-footer-brand p,
.bg-footer-phone a,
.bg-footer-phone a:visited {
	color: #4a6b82 !important;
}

.bg-footer-inner a:hover,
.bg-footer-phone a:hover {
	color: #2e8cbd !important;
}

.bg-footer-copy,
.bg-footer-copy a,
.bg-footer-copy a:visited {
	color: #7d93a6 !important;
}

.bg-footer-copy a:hover {
	color: #3f9fd4 !important;
}

/* 25.6 标语条文字：浅底深灰蓝 */
.bg-tagline p:not(:empty) {
	color: #3f9fd4 !important;
}

.bg-tagline p:not(:empty):last-of-type {
	color: #6d8798 !important;
}

.bg-tagline p a,
.bg-tagline p:not(:empty):last-of-type a {
	color: #3f9fd4 !important;
	border-color: #d3ecf9 !important;
}

.bg-tagline p a:hover {
	color: #2e8cbd !important;
}

/* 25.7 顶栏：原本 navy 底 + 浅字，改成浅底深字 */
.bg-topbar {
	background: #f2f9fd !important;
	color: #4a6b82 !important;
	border-bottom: 1px solid #dbeefa !important;
}

.bg-topbar-contacts a,
.bg-topbar-contacts a:visited {
	color: #4a6b82 !important;
}

.bg-topbar-contacts a:hover {
	color: #2e8cbd !important;
}

/* 25.8 按钮：主按钮浅蓝底 + 白字；描边按钮浅蓝描边 */
.bg-btn-primary,
.bg-btn-primary:visited {
	background: #6fb8e3 !important;
	border-color: #6fb8e3 !important;
	color: #fff !important;
}

.bg-btn-primary:hover {
	background: #54a8da !important;
	border-color: #54a8da !important;
}

.bg-btn-ghost,
.bg-btn-ghost:visited {
	border-color: #6fb8e3 !important;
	color: #2e8cbd !important;
	background: rgba(255,255,255,.6) !important;
}

.bg-btn-ghost:hover {
	background: #d3ecf9 !important;
	border-color: #54a8da !important;
	color: #22566f !important;
}

/* 25.9 数据条数字：浅底上用中蓝，保证对比 */
.bg-stats strong,
.bg-stats .bg-stat-num,
.bg-stat-num {
	color: #2e8cbd !important;
}

.bg-stats span,
.bg-stat-label {
	color: #5a7f99 !important;
}

/* 25.10 卡片/网格：边框与浅底 */
.bg-product-card,
.bg-card,
.bg-tile,
.bg-photo-slot {
	border-color: #dbeefa !important;
}

.bg-product-card:hover,
.bg-card:hover,
.bg-tile:hover {
	border-color: #9fd4ee !important;
}

/* 25.11 兜底：任何残留的深蓝背景类名，一律提亮 */
.bg-navy-bg,
.bg-blue,
.bg-primary-bg {
	background: #b7def2 !important;
	color: #33566e !important;
}

/* =========================================================================
   26. 浅蓝收尾：覆盖真正出现在 DOM 里的深蓝类
   —— 第 25 节按通用类名兜底，这一节按实测 DOM 类名逐项落实，
      确保产品磁贴、卡片、证书、报价区、悬浮按钮全部无深蓝。
   ====================================================================== */

/* 26.1 产品磁贴 .bg-tile：原本是深蓝渐变底 + 白字，
        改成浅蓝渐变底 + 深灰蓝字（否则白字在浅底上会看不清） */
.bg-tile {
	background:
		none,
		#d3ecf9 !important;
	border: 1px solid #dbeefa;
	box-shadow: 0 4px 18px rgba(111, 184, 227, .18);
}

.bg-tile:hover {
	box-shadow: 0 14px 42px rgba(111, 184, 227, .3);
}

.bg-tile .bg-tile-label h3,
.bg-tile-label h3,
.bg-tile-label {
	color: #33566e !important;
}

.bg-tile .bg-tile-go,
.bg-tile-go {
	color: #2e8cbd !important;
}

.bg-tile .bg-tile-emoji,
.bg-tile-emoji {
	opacity: .42;
}

/* 26.2 产品卡片：图片底衬与描边改浅蓝 */
.bg-card {
	border: 1px solid #dbeefa !important;
	background: #fff !important;
	box-shadow: 0 4px 18px rgba(111, 184, 227, .12) !important;
}

.bg-card-media {
	background: #eaf6fc !important;
}

.bg-card-body h3,
.bg-card-body .bg-card-title {
	color: #33566e;
}

.bg-card-link,
.bg-card-link:visited {
	color: #3f9fd4 !important;
}

.bg-card-link:hover {
	color: #2e8cbd !important;
}

/* 26.3 证书徽章 .bg-cert：浅蓝底 + 中蓝字 */
.bg-cert,
.bg-cert-item {
	background: #d3ecf9 !important;
	border: 1px solid #b7def2 !important;
	color: #2e8cbd !important;
}

/* 26.4 报价区标题/副标题 */
.bg-quote-title {
	color: #33566e !important;
}

.bg-quote-sub,
.bg-quote-note {
	color: #7d93a6 !important;
}

/* 26.5 悬浮 WhatsApp 按钮：保留品牌绿（非蓝，不动）；
        移动端底部 CTA 的"询价"按钮原来是深蓝 accent 之外的蓝，改浅蓝 */
.bg-mobile-cta {
	background: #f2f9fd !important;
	border-top: 1px solid #dbeefa !important;
	box-shadow: 0 -4px 18px rgba(111, 184, 227, .18) !important;
}

/* 26.6 数据条 .bg-stats 内的边框/分隔线也提亮 */
.bg-stats .bg-stat,
.bg-stat {
	border-color: #dbeefa !important;
}

/* 26.7 表格 / 表单：聚焦态描边改浅蓝 */
input:focus,
textarea:focus,
select:focus,
.bg-field input:focus,
.bg-field textarea:focus,
.bg-field select:focus {
	border-color: #6fb8e3 !important;
	box-shadow: 0 0 0 3px rgba(111, 184, 227, .22) !important;
	outline: none;
}

/* 26.8 分页 / 面包屑 / 侧栏等 Astra 默认蓝，统一到浅蓝 */
.ast-pagination .page-numbers.current,
.ast-pagination .page-numbers:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.ast-breadcrumbs a:hover,
.widget a:hover {
	background: #6fb8e3 !important;
	color: #fff !important;
	border-color: #6fb8e3 !important;
}

.ast-breadcrumbs a,
.widget a {
	color: #3f9fd4;
}

/* 26.9 兜底：站点标题与导航链接 */
.site-title a,
.site-title a:visited,
.main-header-menu > .menu-item > .menu-link,
.main-header-menu > .menu-item > .menu-link:visited {
	color: #33566e !important;
}

.site-title a:hover,
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link {
	color: #2e8cbd !important;
}

/* 26.10 兜底：任何仍写着深蓝的 rgba 阴影，转为浅蓝阴影 */
.bg-btn-primary {
	box-shadow: 0 6px 18px rgba(111, 184, 227, .35) !important;
}

/* 26.11 二级标题装饰短杠：原来是深蓝，改浅蓝 */
.bg-container > h2::before,
.bg-section > .bg-container > h2::before,
h2.bg-h2::before {
	background: #9fd4ee !important;
}

/* =========================================================================
   27. 本轮微调（第16轮）
   —— 反馈：① Welcome 与 Factory & Capacity 上间距同等
            ② 标语条 "Sales and wholesale..." 居中
            ③ Astra 版权行 "Copyright © 2026 BusGlass | Powered by Astra..." 上下间距缩小
            ④ 自定义页脚 .bg-footer-bar 去掉底色
   ====================================================================== */

/* 27.1 Welcome 与 Factory & Capacity 上间距同等
        —— 根因：第 21.2 节给 .bg-welcome:first-child 加了 margin-top:-20px（把首块上提），
           而 Factory & Capacity 不是首子元素，只吃第 24.3 的 +20px，两边差 40px。
           这里用同等特异性 + !important 把首块也钉回 +20px，与下方块一致。 */
.bg-section > .bg-container > .bg-welcome:first-child {
	margin-top: var(--bg-space) !important;
}

/* 27.2 标语条居中（覆盖第 24.1 的左对齐） */
.bg-tagline,
.bg-tagline .bg-container,
.bg-tagline p {
	text-align: center !important;
}

/* 27.3 Astra 默认版权行：上下间距缩小 */
.site-below-footer-wrap {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.site-below-footer-inner-wrap,
.ast-builder-footer-grid-columns.site-below-footer-inner-wrap {
	padding: 6px 0 !important;
}

.ast-footer-copyright {
	padding: 4px 0 !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

/* 27.4 自定义页脚 .bg-footer-bar 去掉底色（顶部分隔线一并移除） */
.bg-footer-bar,
.bg-footer {
	background: transparent !important;
	border-top: none !important;
}

/* =========================================================================
   28. 底色纯色化收尾 + 宽度最终锁定
   —— 反馈：① 从顶到底都一样宽  ② 底色不要渐变，浅蓝就好
   —— 上一节已把全站 35 处渐变在源码级替换为纯色（白叠层→none）。
       这一节做两层加固：确保关键块为纯色浅蓝、且所有内容容器统一 980px。
   ====================================================================== */

/* 28.1 关键块纯色浅蓝（与去渐变后的值一致，!important 兜底） */
.bg-hero,
.bg-hero-inner {
	background: #cfeaf9 !important;
}

.bg-hero::before,
.bg-hero::after {
	background: none !important;
}

.bg-stats {
	background: #d3ecf9 !important;
	color: #33566e !important;
}

.bg-quote-panel,
.bg-cta,
.bg-cta-band,
.bg-banner,
.bg-band {
	background: #cdeaf8 !important;
	color: #33566e !important;
}

.bg-tile {
	background: #cdeaf8 !important;
}

.bg-tagline {
	background: #eaf6fc !important;
}

/* 28.2 宽度最终锁定：所有内容容器统一 980px、自动居中、同内边距。
       彩色背景条（hero/tagline）仍按参考站做法整幅铺底，但内部内容对齐到同一左/右线，
       因此「顶到底」视觉上等宽。 */
.bg-topbar-inner,
.bg-hero-inner,
.bg-tagline .bg-container,
.bg-footer-inner,
.bg-footer-copy,
.bg-stats,
.bg-container,
.ast-container,
.site-content .ast-container,
.site-footer .ast-container {
	max-width: var(--bg-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--bg-pad-x) !important;
	padding-right: var(--bg-pad-x) !important;
	box-sizing: border-box;
}

/* =========================================================================
   29. 原型视觉补全（第19轮 · 审计后修复）
   —— 审计发现：全站 0 张真实图片（uploads 为空），所有图位只是 emoji+占
       位文字的空盒，整站像线框原型；另存在「双页脚」重复版权、占位文案
       未替换（yourdomain / XXXXX / XX Road）。
   —— 本节点：① 用 SVG 线性插画填充空图位，让原型看起来"有设计"而非未完成；
            ② 隐藏 Astra 默认版权行，消除重复版权。
   —— 真实产品照/工厂照仍待客户提供，届时替换 SVG 即可。
   ====================================================================== */

/* 29.1 Hero：右侧客车插画 + 文字区留白 */
.bg-hero {
	position: relative;
	overflow: hidden;
}

.bg-hero::after {
	content: "";
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	width: 340px;
	height: 210px;
	background: url("assets/img/hero-coach.svg") center / contain no-repeat !important;
	opacity: .92;
	pointer-events: none;
	z-index: 0;
}

.bg-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 560px;
}

/* 29.2 主图位（Welcome 右侧）：实拍玻璃生产线照片做底，caption 改为底部标签条 */
.bg-photo-slot {
	position: relative;
	background:
		url("assets/img/production-line.jpg") center / cover no-repeat,
		#eaf6fc !important;
	min-height: 300px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	overflow: hidden;
}

.bg-photo-slot .bg-photo-emoji {
	display: none;
}

.bg-photo-slot .bg-photo-caption {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	background: rgba(51, 86, 110, .82);
	color: #fff;
	text-align: center;
	padding: 8px 12px;
	font-size: 12.5px;
	letter-spacing: .02em;
}

/* 29.2b 主图位实拍图填充：img 铺满，caption 吸底 */
.bg-photo-slot .bg-photo-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bg-photo-slot .bg-photo-caption {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 29.2c 分类瓦片实拍图模式 */
.bg-tile .bg-tile-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}
.bg-tile .bg-tile-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(17, 38, 56, .9) 0%,
		rgba(17, 38, 56, .45) 42%,
		rgba(17, 38, 56, .08) 100%
	);
}
.bg-tile.bg-tile-has-img .bg-tile-label {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.bg-tile.bg-tile-has-img .bg-tile-label h3,
.bg-tile.bg-tile-has-img .bg-tile-label,
.bg-tile.bg-tile-has-img .bg-tile-label span {
	color: #fff !important;
}
.bg-tile.bg-tile-has-img .bg-tile-go {
	color: #f99410 !important;
}
.bg-tile.bg-tile-has-img:hover .bg-tile-img {
	transform: scale(1.05);
}

/* 29.3 产品卡媒体区：夹层玻璃插画 */
.bg-card-media {
	background:
		url("assets/img/glass-panel.svg") center / contain no-repeat,
		#eaf6fc !important;
	min-height: 170px;
}

/* 29.4 隐藏 Astra 默认版权行，消除与自定义页脚的重复版权 */
.site-below-footer-wrap {
	display: none !important;
}

/* 29.5 移动端：Hero 插画让位给文字 */
@media (max-width: 760px) {
	.bg-hero::after {
		display: none;
	}
	.bg-hero-inner {
		max-width: 100%;
	}
}

/* =========================================================================
   30. 内页文字左右留白 —— 距白框 2cm（第20轮）
   —— 内页有两种版式，白框指代不同：
     · ast-plain-container（关于/联系等普通页）：白框 = 980px 内容列。
       归零容器左右内边距（覆盖第28.2节 !important），给 .site-main 2cm，
       标题与正文一起内缩。
     · ast-separate-container（产品详情等卡片页）：白框 = .ast-article-single
       白色卡片。其左右内边距此前被第24节归零，现补回 2cm；不动外层容器，
       保留卡片外的浅灰余白。标题与正文一起内缩。
   —— 窄屏统一回落 16px，避免文字过窄。外框仍锁 980px，顶到底等宽不受影响。
   ====================================================================== */

@media (min-width: 769px) {
	/* 普通页：内容列即白框 */
	.ast-plain-container.ast-single-post .site-content .ast-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.ast-plain-container.ast-single-post .site-main {
		padding-left: 2cm !important;
		padding-right: 2cm !important;
	}

	/* 卡片页：白色卡片即白框 */
	.ast-separate-container.ast-single-post .ast-article-single {
		padding-left: 2cm !important;
		padding-right: 2cm !important;
	}
}

@media (max-width: 768px) {
	.ast-plain-container.ast-single-post .site-main,
	.ast-separate-container.ast-single-post .ast-article-single {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* =========================================================================
   31. 内页顶部主标题下移一行（第21轮）
   —— 需求：/bus-brands/ 这类页面最顶的主标题（h1.entry-title）紧贴页头，
       缺乏层次，要求"下移一行"。
   —— 做法：给 .entry-header 补一行行高的上内边距。标题 20px、行高 1.3
       → 一行 = 26px。
   —— 用 padding-top 而非 margin-top：① 避免与相邻块外边距合并、数值不稳；
       ② 在 separate 版式（产品页白色卡片）里是卡片【内部】留白，不会把
       整张卡片往下推、也不影响卡片外框与全站等宽。
   —— 范围：所有内页（body 带 ast-single-post），普通页与产品详情页都生效。
   ====================================================================== */

.ast-single-post .entry-header {
	padding-top: 26px !important;
}

/* =========================================================================
   32. 正文小标题字号 —— 一律小于页面主标题（第22轮）
   —— 需求：页面里的 "Available glass types"（h2）、"Standard laminated"（h3）
       字号太大，压过了页面主标题，要求比主标题小。
   —— 根因：Astra 默认 h2=1.7em、h3=1.5em（正文 15px 时约 25.5px / 22.5px），
       而主标题 .entry-title 被第20.5节锁成 20px，于是正文小标题反而更大。
   —— 做法：正文 h2~h6 固定像素且一律低于 20px：
       h2 17px / h3 16px / h4 15px / h5·h6 14px；
       层级改由字重、颜色与上方留白区分，不再靠字号。
   —— 重要：:not([class*="bg-"]) 排除 .bg-quote-title / .bg-hero-title /
       .bg-section-title 等设计系统标题，避免把它们一起缩小。
   ====================================================================== */

.entry-content h2:not([class*="bg-"]) {
	font-size: 17px !important;
	font-weight: 700;
	line-height: 1.4;
	color: var(--bg-navy);
	margin-top: 24px;
	margin-bottom: 8px;
}

.entry-content h3:not([class*="bg-"]) {
	font-size: 16px !important;
	font-weight: 700;
	line-height: 1.45;
	color: var(--bg-navy);
	margin-top: 16px;
	margin-bottom: 6px;
}

.entry-content h4:not([class*="bg-"]) {
	font-size: 15px !important;
	font-weight: 700;
	line-height: 1.5;
	color: var(--bg-navy);
	margin-top: 14px;
	margin-bottom: 6px;
}

.entry-content h5:not([class*="bg-"]),
.entry-content h6:not([class*="bg-"]) {
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.5;
	color: var(--bg-navy);
	margin-top: 12px;
	margin-bottom: 6px;
}

/* 第一个小标题紧跟主标题时，去掉多余的上方留白 */
.entry-content > h2:not([class*="bg-"]):first-child,
.entry-content > h3:not([class*="bg-"]):first-child {
	margin-top: 0;
}

/* =========================================================================
   33. 页脚文字居中（第23轮）
   —— 需求：底部 BusGlass / 地址 / Contact（电话·邮箱·WhatsApp）/
       Quick Links（Products·Quality & Certifications·Contact）三段文字居中。
   —— 做法：页脚容器与其标题、段落、链接统一 text-align:center。
   —— 细节：Contact 栏的电话/邮箱/WhatsApp 是 inline-block 且原本只带 18px
       【右】边距，会让整组视觉中心偏左；改为左右各 9px，居中才真正对齐。
   ====================================================================== */

.bg-footer-bar,
.bg-footer-inner,
.bg-footer-copy,
.bg-footer-inner h4,
.bg-footer-inner p,
.bg-footer-inner a {
	text-align: center !important;
}

/* Contact 栏三个入口：左右等距，整组居中 */
.bg-footer-phone a {
	margin-left: 9px !important;
	margin-right: 9px !important;
}

/* 居中后地址段落左右居中（避免受默认 margin 影响） */
.bg-footer-brand p,
.bg-footer-inner p {
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================================
   34. 页脚：文字左齐 + 整体居中（第24轮 · 修正第33节）
   —— 用户澄清：不是把每段文字都居中，而是【各栏文字左对齐】、
      三栏作为一整组水平居中（不再铺满 980px 撑到两端）。
   —— 做法：
      ① 页脚文字回左齐；
      ② 桌面端三栏改为按内容宽度（auto）排列，用 justify-content:center
         让整组居中；每栏限宽 300px，避免地址/联系方式拉成超长单行；
      ③ 还原 Contact 栏入口的右侧间距（左齐时左侧不留空）。
   —— 移动端仍是单栏、左齐；版权行保持居中。
   ====================================================================== */

.bg-footer-bar,
.bg-footer-inner,
.bg-footer-inner h4,
.bg-footer-inner p,
.bg-footer-inner a {
	text-align: left !important;
}

/* 左齐后段落不自动居中 */
.bg-footer-brand p,
.bg-footer-inner p {
	margin-left: 0;
	margin-right: 0;
}

/* Contact 栏入口：还原右侧间距 */
.bg-footer-phone a {
	margin-left: 0 !important;
	margin-right: 18px !important;
}

/* 桌面端：三栏按内容宽度排列，整组居中 */
@media (min-width: 922px) {
	.bg-footer-inner {
		grid-template-columns: repeat(3, auto) !important;
		justify-content: center;
	}

	.bg-footer-inner > div {
		max-width: 300px;
	}
}

/* =========================================================================
   35. 页脚横向拉开 + 与上方同宽 + 纵向间距空开（第25轮）
   —— 需求：① 页脚三栏横向间距拉开；② 页脚与上方内容同宽（左右边缘对齐，
       不再按内容宽度收窄）；③ 上方相应块的纵向间距都空开。
   —— 做法：
      ① 撤销第34节的 auto/300px/居中收窄，桌面端恢复三栏铺满内容列；
         页脚块本身仍是 max-width:980 + margin:auto（居中），
         因此"整体居中"与"与上方同宽"同时成立；
      ② 横向 gap 20px → 48px（窄屏 24px）；
      ③ 纵向：栏内 标题→条目 16px、条目上下 6px、页脚上下内边距加大；
         上方 .bg-section 纵向内边距 20px → 36px。
   —— 文字仍保持第34节的左对齐。
   ====================================================================== */

/* ① 与上方同宽：三栏铺满内容列（撤销第34节的收窄居中） */
@media (min-width: 922px) {
	.bg-footer-inner {
		grid-template-columns: 1.2fr 1fr 1fr !important;
		justify-content: stretch;
	}

	.bg-footer-inner > div {
		max-width: none;
	}
}

/* ② 横向间距拉开 */
.bg-footer-inner {
	column-gap: 48px;
}

@media (max-width: 921px) {
	.bg-footer-inner {
		column-gap: 24px;
	}
}

/* ③ 纵向间距空开：页脚栏内 */
.bg-footer-inner h4 {
	margin-bottom: 16px !important;
}

.bg-footer-inner a {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.bg-footer-brand p {
	margin-top: 10px !important;
	line-height: 1.8;
}

/* ③ 纵向间距空开：页脚整体上下留白 */
.bg-footer-bar {
	padding-top: 48px !important;
	padding-bottom: 32px !important;
}

/* ③ 上方内容块纵向间距空开（原 20px，偏挤） */
:root {
	--bg-section-y: 36px;
}

/* =========================================================================
   36. 两端对齐 + 间距全站统一（第26轮）
   —— 问题：
      ① 【两端又跟上面不同宽】第30节的 2cm 内缩本只给内页，但首页 body 同时带
         `home` 与 `ast-single-post`，被一并命中 → 首页正文 829px，
         而页脚仍是 940px，于是页脚两端比上方宽出一截；
      ② "Get a Free Quote" 块 `.bg-quote-wrap` 有 max-width:820px 限宽，
         比上方内容块窄；
      ③ 横向间距 20/32/48 混用、纵向 20/36 混用，不统一。
   —— 做法：
      ① 2cm 用 :not(.home) 排除首页；页脚随之采用与正文相同的左右内边距
         （内页/产品页 2cm，首页 20px），保证每页页脚两端与上方对齐；
      ② .bg-quote-wrap 取消限宽铺满内容列，并给下方留一个纵向间距；
      ③ 统一两个 token：--bg-gap（横向）与 --bg-section-y（纵向）都取 40px，
         并撤掉第35节写死的 48px，让页脚横向间距也回到统一值。
   ====================================================================== */

/* ③ 全站间距统一：横向 = 纵向 = 40px */
:root {
	--bg-gap: 40px;
	--bg-section-y: 40px;
}

/* 撤掉第35节写死的 48px，页脚横向间距回到统一值 */
.bg-footer-inner {
	column-gap: var(--bg-gap);
}

/* ① 首页不内缩（第30节的 2cm 只给内页）：正文归零、容器恢复 20px */
@media (min-width: 769px) {
	.ast-plain-container.ast-single-post.home .site-main {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.ast-plain-container.ast-single-post.home .site-content .ast-container {
		padding-left: var(--bg-pad-x) !important;
		padding-right: var(--bg-pad-x) !important;
	}
}

@media (max-width: 768px) {
	.ast-plain-container.ast-single-post.home .site-main {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* ① 页脚采用与正文相同的左右内边距（内页/产品页 2cm，首页保持 20px） */
@media (min-width: 769px) {
	.ast-single-post:not(.home) .bg-footer-inner,
	.ast-single-post:not(.home) .bg-footer-copy {
		padding-left: 2cm !important;
		padding-right: 2cm !important;
	}
}

/* ② "Get a Free Quote" 块：铺满内容列与上方同宽，下方空一个纵向间距 */
.bg-quote-wrap {
	max-width: none !important;
	margin-bottom: 40px !important;
}

/* =========================================================================
   37. 页脚横向间距再拉宽 + 三栏两端与上方同宽（第27轮）
   —— 需求：① 页脚三栏的横向间距再拉宽；② 页脚两端与上方内容块同宽。
   —— 症结：第35节用的是 1.2fr 1fr 1fr（按比例平分），但第三栏 Quick Links
       文案很短，文字到不了右边缘，视觉上整组比上方窄一截；
       而且 gap 固定 40px，无法随剩余空间变宽。
   —— 做法：桌面端改为
         grid-template-columns: auto auto auto（按内容宽度收栏）
       + justify-content: space-between（把剩余空间全部变成栏间距）
       ⇒ 第一栏左缘、第三栏右缘正好落在内容列的左右边界上，
         即"与上面同宽"，同时栏间距自动最大化（不再写死 40px）。
       每栏设上限宽度，避免地址/联系方式被拉成超长单行。
   —— 窄屏（≤921px）仍是单栏堆叠，间距 32px。
   ====================================================================== */

@media (min-width: 922px) {
	.bg-footer-inner {
		grid-template-columns: auto auto auto !important;
		justify-content: space-between !important;
		column-gap: 40px !important; /* 下限，实际间距由 space-between 撑开 */
	}

	/* 撤销第34/35节对分栏宽度的干预 */
	.bg-footer-inner > div {
		max-width: none !important;
	}

	/* 每栏上限：总宽约 700px，剩余空间全部成为栏间距 */
	.bg-footer-brand {
		max-width: 320px !important;
	}

	.bg-footer-phone {
		max-width: 200px !important;
	}

	.bg-footer-inner > div:last-child {
		max-width: 180px !important;
	}
}

@media (max-width: 921px) {
	.bg-footer-inner {
		grid-template-columns: 1fr !important;
		row-gap: 32px !important;
	}

	.bg-footer-inner > div {
		max-width: none !important;
	}
}

/* =========================================================================
   38. 可读性与移动端 CTA 收敛（2026-10-29 审计优化）
   —— 修复三点：
       ① Hero 背景已是浅蓝（#cfeaf9），其内按钮恢复深蓝对比（参考站按钮规格）；
       ② 浅色顶栏上的语言选择器文字原本是浅灰蓝（#cfdcee），对比不足，改深色；
       ③ 移动端 hero 内 WhatsApp 副按钮与吸底 CTA 重复，收敛为只留主 CTA。
   ====================================================================== */

/* 38.1 Hero（浅蓝底）内按钮：主 CTA 深蓝底白字，副 CTA 白底深蓝字 */
.bg-hero .bg-btn-primary,
.bg-hero .bg-btn-primary:visited {
	background: #024091 !important;
	border-color: #024091 !important;
	color: #fff !important;
}

.bg-hero .bg-btn-primary:hover {
	background: #012e66 !important;
	border-color: #012e66 !important;
}

.bg-hero .bg-btn-ghost,
.bg-hero .bg-btn-ghost:visited {
	background: #ffffff !important;
	border-color: #2e8cbd !important;
	color: #024091 !important;
}

.bg-hero .bg-btn-ghost:hover {
	background: #024091 !important;
	border-color: #024091 !important;
	color: #fff !important;
}

/* 38.2 浅色顶栏语言选择器：深色文字与箭头（与 topbar 链接色一致） */
.bg-topbar .busglass-lang-select,
.bg-topbar .busglass-lang-item a {
	color: #2e8cbd !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232e8cbd' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.bg-topbar .busglass-lang-select:hover,
.bg-topbar .busglass-lang-select:focus {
	color: #1a2233 !important;
}

/* 38.3 移动端：hero 内只留主 CTA，副按钮交给吸底条 */
@media (max-width: 921px) {
	.bg-hero .bg-btn-ghost {
		display: none !important;
	}
}

/* 38.4 产品卡语言角标（fr/ar/ru 回落到默认语言产品时标注来源语言） */
.bg-card-media {
	position: relative;
}

.bg-card-lang {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	background: rgba(2, 64, 145, .88);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.3;
	pointer-events: none;
}