/* ===== Footer v4 — 左 LOGO + 右信息（仅作用于 .wf-* 新类）
   自 footer.php 内联 <style> 抽离，随 wiko-global 之后全站加载。 ===== */
body .wiko-footer {
	position: relative !important;
	z-index: 20 !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border-top: 1px solid var(--wiko-border) !important;
	background: var(--wiko-sidebar-bg) !important;
	flex-shrink: 0 !important;
}
.wf-wrap {
	max-width: var(--wk-content-max);
	margin: 0 auto;
	padding: var(--wk-space-4xl) var(--wk-space-2xl) var(--wk-space-2xl);
}
/* ── 主区：左品牌 + 右三列（左右结构，替代旧三段式） ── */
.wf-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2.1fr);
	gap: var(--wk-space-3);
	padding-bottom: var(--wk-space-2);
}
/* ── 左 · 品牌 LOGO ── */
.wf-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wk-space-1);
	padding-right: var(--wk-space-4xl);
	border-right: 1px solid var(--wiko-border);
}
.wf-logo {
	display: inline-flex;
	align-items: center;
	gap: var(--wk-space-md);
	text-decoration: none;
	line-height: 1;
}
.wf-logo b {
	font-family: var(--wk-font-sans);
	font-size: var(--wk-text-h1);
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--wiko-text);
}
.wf-logo i {
	font-style: normal;
	font-family: var(--wk-font-sans);
	font-size: var(--wk-text-h1);
	font-weight: 300;
	letter-spacing: .02em;
	color: var(--wiko-text-muted);
	transition: color .18s;
}
.wf-logo:hover i { color: var(--wiko-primary); }
.wf-dot {
	width: 7px;
	height: 7px;
	border-radius: var(--wk-radius-circle);
	background: var(--wiko-primary);
	flex: none;
	opacity: .9;
}
.wf-tag {
	margin: 0;
	font-family: var(--wk-font-sans);
	font-size: var(--wk-text-sm);
	line-height: var(--wk-leading);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--wiko-text-muted);
	opacity: .8;
}
.wf-rag {
	display: inline-flex;
	align-items: center;
	gap: var(--wk-space-sm);
	font-family: var(--wk-font-sans);
	font-size: var(--wk-text-sm);
	letter-spacing: .14em;
	color: var(--wiko-text-muted);
	text-decoration: none;
	transition: color .18s;
}
.wf-rag::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: var(--wk-radius-circle);
	background: var(--wiko-text-muted);
	opacity: .5;
}
.wf-rag:hover { color: var(--wiko-primary); }
/* ── 右 · 三列信息（小字） ── */
.wf-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wk-space-2);
}
.wf-col b.wf-h {
	display: block;
	font-family: var(--wk-font-sans);
	font-size: var(--wk-text-sm);
	font-weight: 400;
	letter-spacing: .25em;
	text-transform: uppercase;
	color: var(--wiko-text-muted);
	margin-bottom: var(--wk-space-lg);
}
.wf-meta,
.wf-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wk-space-sm);
}
.wf-meta a,
.wf-links a {
	display: inline-flex;
	align-items: center;
	gap: var(--wk-space-sm);
	font-size: var(--wk-text-sm);
	line-height: 1.5;
	color: var(--wiko-text-muted);
	text-decoration: none;
	transition: color .18s;
}
.wf-meta a:hover,
.wf-links a:hover { color: var(--wiko-primary); }
.wf-links a.wf-company {
	font-weight: 700;
	color: var(--wiko-text);
	margin-bottom: var(--wk-space-xs);
}
.wf-links a.wf-company:hover { color: var(--wiko-primary); }
.wf-meta a svg {
	width: 12px;
	height: 12px;
	flex: none;
	opacity: .8;
	transition: opacity .18s;
}
.wf-meta a:hover svg { opacity: 1; }
.wf-fine {
	margin: 0;
	font-size: var(--wk-text-sm);
	line-height: var(--wk-leading);
	color: var(--wiko-text-muted);
}
.wf-fine b {
	font-weight: 600;
	color: var(--wiko-text);
}
/* ── 版权条：一行极小字 ── */
.wf-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wk-space-sm) var(--wk-space-1);
	padding-top: var(--wk-space-lg);
	border-top: 1px solid var(--wiko-border);
	font-family: var(--wk-font-sans);
	font-size: var(--wk-text-xs);
	letter-spacing: .05em;
	color: var(--wiko-text-muted);
	opacity: .85;
}
/* ── 响应式 ── */
@media (max-width: 880px) {
	.wf-main { grid-template-columns: 1fr; gap: var(--wk-space-2); }
	.wf-brand { border-right: 0; padding-right: 0; }
	.wf-cols { grid-template-columns: 1fr; gap: var(--wk-space-3xl); }
}
@media (max-width: 720px) {
	.wf-wrap { padding: var(--wk-space-3xl) var(--wk-space-1) var(--wk-space-1); }
	.wf-bottom { flex-direction: column; align-items: flex-start; }
}