/*
 * 全站自定义页尾（页尾构建器）。颜色由内联 CSS 变量（--ftr-*，后台设置）承载；
 * 14 套排版由 .slh-ftr--<token> 仅改结构/对齐/边框/留白，不写死颜色。
 * 全站每页输出，替代 Shoptimizer 的小工具页尾。
 */
.slh-ftr { background: var(--ftr-bg, #1f2733); color: var(--ftr-text, #c7ccd4); font-size: 14px; line-height: 1.7; }
.slh-ftr a { transition: color .15s, opacity .15s; }
.slh-ftr__inner { max-width: 1200px; margin: 0 auto; padding: var(--ftr-pad, 48px) 22px; display: flex; gap: 40px; flex-wrap: wrap; align-items: flex-start; }
.slh-ftr__brand { flex: 1 1 240px; min-width: 200px; align-self: flex-start; margin-bottom: 18px; }
.slh-ftr__brand img, .slh-ftr__brand .custom-logo, .slh-ftr__logo-img { max-height: 46px; width: auto; height: auto; }
.slh-ftr__logo { display: inline-block; }
.slh-ftr__site { font-size: 20px; font-weight: 700; color: var(--ftr-heading, #fff); }
.slh-ftr__tag { margin: 10px 0 0; color: var(--ftr-text); opacity: .85; max-width: 320px; }
.slh-ftr__social { margin-top: 14px; display: flex; gap: 14px; flex-wrap: wrap; }
.slh-ftr__social-a { color: var(--ftr-link, #c7ccd4); text-decoration: none; opacity: .85; }
.slh-ftr__social-a:hover { color: var(--ftr-accent, #2d6fe0); opacity: 1; }
.slh-ftr__cols { flex: 2 1 520px; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--ftr-gap, 28px); }
.slh-ftr__h { font-size: var(--ftr-hsize, 15px); font-weight: 700; color: var(--ftr-heading, #fff); margin: 0 0 12px; }
.slh-ftr__list { list-style: none; margin: 0; padding: 0; font-size: var(--ftr-lsize, 14px); }
.slh-ftr__list li { margin: 0 0 8px; }
.slh-ftr__list a { color: var(--ftr-link, #c7ccd4); text-decoration: none; opacity: .82; }
.slh-ftr__list a:hover { opacity: 1; color: var(--ftr-accent, #2d6fe0); }
.slh-ftr__bar { border-top: 1px solid rgba(127, 127, 127, .18); }
.slh-ftr__barinner { max-width: 1200px; margin: 0 auto; padding: 16px 22px; font-size: 13px; opacity: .8; }
@media (max-width: 880px) {
	/* 列方向下子项需占满宽（覆盖桌面的 align-items:flex-start，否则会收缩靠左） */
	.slh-ftr__inner { flex-direction: column; align-items: stretch; gap: 28px; padding: 34px 18px; text-align: center; }
	/* 列方向下 flex-basis 会变成"高度"，重置为按内容自适应，避免品牌块被撑高 */
	.slh-ftr__brand { flex: 0 0 auto; width: 100%; text-align: center; }
	.slh-ftr__tag { margin-left: auto; margin-right: auto; }
	.slh-ftr__social { justify-content: center; }
	/* 移动端：2 列、占满宽、居中均分、文字居中（不再左对齐）；含各变体 */
	.slh-ftr__cols,
	.slh-ftr--centered .slh-ftr__cols,
	.slh-ftr--social_bar .slh-ftr__cols { grid-template-columns: repeat(2, 1fr) !important; width: 100%; gap: 24px 16px; justify-items: center; text-align: center; }
	/* 居中下去掉列分隔线/左缩进，避免错位 */
	.slh-ftr--bordered .slh-ftr__col,
	.slh-ftr--lined .slh-ftr__col { border-left: none; padding-left: 0; }
}
@media (max-width: 480px) { .slh-ftr__cols { grid-template-columns: repeat(2, 1fr) !important; } }

/* 2) 三列居中 */
.slh-ftr--cols3 .slh-ftr__cols { grid-template-columns: repeat(3, 1fr); }
/* 3) 左简介右链接 */
.slh-ftr--split .slh-ftr__brand { flex: 1 1 320px; }
.slh-ftr--split .slh-ftr__cols { grid-template-columns: repeat(2, 1fr); flex: 1 1 360px; }
/* 4) 居中堆叠 */
.slh-ftr--centered .slh-ftr__inner { flex-direction: column; align-items: center; text-align: center; }
.slh-ftr--centered .slh-ftr__brand { min-width: 0; }
.slh-ftr--centered .slh-ftr__cols { grid-template-columns: repeat(4, auto); justify-content: center; gap: 40px; }
.slh-ftr--centered .slh-ftr__social { justify-content: center; }
.slh-ftr--centered .slh-ftr__tag { margin-left: auto; margin-right: auto; }
/* 5) 描边分隔 */
.slh-ftr--bordered .slh-ftr__col { border-left: 1px solid rgba(127, 127, 127, .18); padding-left: 22px; }
.slh-ftr--bordered .slh-ftr__cols { gap: 0; }
/* 6) 顶部主色条 */
.slh-ftr--accent_top { border-top: 4px solid var(--ftr-accent, #2d6fe0); }
/* 7) 列间竖线 */
.slh-ftr--lined .slh-ftr__cols { gap: 0; }
.slh-ftr--lined .slh-ftr__col { padding: 0 24px; border-left: 1px solid rgba(127, 127, 127, .18); }
.slh-ftr--lined .slh-ftr__col:first-child { border-left: none; padding-left: 0; }
/* 8) 大品牌块 */
.slh-ftr--bigbrand .slh-ftr__brand { background: var(--ftr-accent, #2d6fe0); color: #fff; padding: 26px; border-radius: 14px; flex: 1 1 280px; }
.slh-ftr--bigbrand .slh-ftr__brand .slh-ftr__site, .slh-ftr--bigbrand .slh-ftr__brand .slh-ftr__tag, .slh-ftr--bigbrand .slh-ftr__social-a { color: #fff; }
/* 9) 紧凑双层（隐藏列标题，链接成行） */
.slh-ftr--compact .slh-ftr__inner { align-items: center; padding-bottom: 22px; }
.slh-ftr--compact .slh-ftr__h { display: none; }
.slh-ftr--compact .slh-ftr__cols { display: flex; flex-wrap: wrap; gap: 10px 22px; flex: 1 1 100%; }
.slh-ftr--compact .slh-ftr__list { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.slh-ftr--compact .slh-ftr__list li { margin: 0; }
/* 10) 卡片分栏 */
.slh-ftr--card .slh-ftr__col { background: rgba(127, 127, 127, .10); padding: 18px 18px 14px; border-radius: 10px; }
/* 11) 极简单行（仅链接+版权，隐藏品牌/标题） */
.slh-ftr--minimal .slh-ftr__brand { display: none; }
.slh-ftr--minimal .slh-ftr__h { display: none; }
.slh-ftr--minimal .slh-ftr__inner { padding: 24px 22px; }
.slh-ftr--minimal .slh-ftr__cols { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.slh-ftr--minimal .slh-ftr__list { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.slh-ftr--minimal .slh-ftr__list li { margin: 0; }
/* 12) 社交栏强调 */
.slh-ftr--social_bar .slh-ftr__inner { flex-direction: column; align-items: center; text-align: center; }
.slh-ftr--social_bar .slh-ftr__social { justify-content: center; font-size: 16px; margin-top: 10px; }
.slh-ftr--social_bar .slh-ftr__cols { grid-template-columns: repeat(4, auto); justify-content: center; gap: 36px; }
/* 13) 浅底柔色（标题左主色条） */
.slh-ftr--tint .slh-ftr__h { border-left: 3px solid var(--ftr-accent, #2d6fe0); padding-left: 9px; }
/* 14) 通栏满宽 */
.slh-ftr--wide .slh-ftr__inner, .slh-ftr--wide .slh-ftr__barinner { max-width: 1440px; }
.slh-ftr--wide .slh-ftr__inner { padding: 64px 30px; }