/* =========================================================
   ZJMF 统一页脚样式（与购物车主题 cart.css 的 cspf 段保持一致）
   由 common/footer.html 引用；修改时两处同步
   ========================================================= */
/* ---------------- 页脚（cspf- 前缀，白底版；数据源与首页一致） ---------------- */
.cspf {
	background: #fff;
	color: var(--text-1);
}

.cspf-main {
	max-width: 1560px;
	margin: 0 auto;
	padding: 0 24px;
}

/* 服务保障横排 */
.cspf-features {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	padding: 30px 0 26px;
	border-bottom: 1px solid var(--line-1);
}

.cspf-feature {
	flex: 1 1 220px;
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--brand-primary);
}

.cspf-feature-txt {
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: var(--text-1);
}

.cspf-feature-txt b {
	font-size: 15px;
	font-weight: 600;
}

.cspf-feature-txt span {
	font-size: 12px;
	color: var(--text-3);
}

/* 菜单区 */
.cspf-body {
	padding: 34px 0 38px;
}

.cspf-cols {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 48px;
	align-items: flex-start;
}

.cspf-col {
	flex: 1 1 170px;
	min-width: 150px;
}

.cspf-col h4 {
	margin: 0 0 18px;
	font-size: 15px;
	font-weight: 600;
	color: var(--text-1);
}

.cspf-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cspf-menu li {
	padding: 6px 0;
}

.cspf-menu a {
	color: var(--text-2);
	font-size: 13px;
	text-decoration: none;
}

.cspf-menu a:hover {
	color: var(--brand-primary);
}

.cspf-contact-col {
	border-left: 1px solid var(--line-1);
	padding-left: 48px;
	flex: 1 1 260px;
}

.cspf-contact li {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	color: var(--text-1);
}

.cspf-contact svg {
	flex-shrink: 0;
	color: var(--brand-primary);
}

/* 版权条 */
.cspf-copyright {
	border-top: 1px solid var(--line-1);
	background: #F7F8FA;
	color: var(--text-3);
	font-size: 12px;
}

.cspf-copyright-inner {
	max-width: 1560px;
	margin: 0 auto;
	padding: 14px 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
}

.cspf-copy-left {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
}

.cspf-beian {
	color: var(--text-3);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.cspf-beian svg {
	color: #F7B500;
}

.cspf-beian:hover {
	color: var(--brand-primary);
}

.cspf-flinks-box {
	margin-left: auto;
	padding: 6px 14px;
	border: 1px solid var(--line-1);
	border-radius: var(--radius-sm);
	background: #fff;
	color: var(--text-2);
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
}

.cspf-flinks-box .cspf-links-title {
	color: var(--text-3);
}

.cspf-flinks-box a {
	color: var(--text-2);
	text-decoration: none;
}

.cspf-flinks-box a:hover {
	color: var(--brand-primary);
}

@media (max-width: 767px) {
	.cspf-features {
		padding: 22px 0 18px;
	}

	.cspf-feature {
		flex: 1 1 100%;
	}

	.cspf-body {
		padding: 26px 0 28px;
	}

	.cspf-col {
		flex: 1 1 42%;
	}

	.cspf-contact-col {
		border-left: none;
		padding-left: 0;
	}

	.cspf-flinks-box {
		margin-left: 0;
	}
}