/**
 * 数据战绩 — 样式
 */

.b2b-stats {
	padding-block: var(--wp--preset--spacing--50);
}

.b2b-stats--primary {
	background: var(--wp--preset--gradient--hero-primary);
	color: #fff;
}

.b2b-stats--dark {
	background: var(--wp--preset--color--dark);
	color: #fff;
}

.b2b-stats--light {
	background: var(--wp--preset--color--light);
}

.b2b-stats--white {
	background: var(--wp--preset--color--white);
}

.b2b-stats--primary .b2b-section__title,
.b2b-stats--dark .b2b-section__title {
	color: #fff;
}

.b2b-stats--primary .b2b-section__eyebrow,
.b2b-stats--dark .b2b-section__eyebrow {
	color: rgba(255, 255, 255, 0.85);
}

.b2b-stats--primary .b2b-section__desc,
.b2b-stats--dark .b2b-section__desc {
	color: rgba(255, 255, 255, 0.72);
}

/* --- 网格 --- */

.b2b-stats__grid {
	display: grid;
	gap: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}

.b2b-stats__item {
	position: relative;
	text-align: center;
	padding: clamp(1rem, 0.5rem + 1.5vw, 1.75rem) 1rem;
}

/* 分隔线：比网格间距更紧凑，视觉上把数字"框"起来 */
.b2b-stats__item + .b2b-stats__item::before {
	content: "";
	position: absolute;
	left: calc(var(--divider-offset, 0px) * -1);
	top: 15%;
	bottom: 15%;
	width: 1px;
	background: currentColor;
	opacity: 0.14;
}

@media (max-width: 767px) {
	.b2b-stats__item + .b2b-stats__item::before {
		left: 15%;
		right: 15%;
		top: calc(-1 * var(--divider-offset, 0px) * 0.5);
		bottom: auto;
		width: auto;
		height: 1px;
	}
}

/* --- 数字 --- */

.b2b-stats__value {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.5rem, 1.8rem + 3.2vw, 4rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
	font-variant-numeric: tabular-nums;
	margin-bottom: 0.625rem;
}

.b2b-stats--primary .b2b-stats__value,
.b2b-stats--dark .b2b-stats__value {
	color: #fff;
}

.b2b-stats--light .b2b-stats__value,
.b2b-stats--white .b2b-stats__value {
	color: var(--wp--preset--color--primary);
}

.b2b-stats__label {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: 1.45;
	margin-bottom: 0.25rem;
}

.b2b-stats--primary .b2b-stats__label,
.b2b-stats--dark .b2b-stats__label {
	color: rgba(255, 255, 255, 0.92);
}

.b2b-stats__note {
	font-size: var(--wp--preset--font-size--x-small);
	opacity: 0.6;
}

.b2b-stats--primary .b2b-stats__note,
.b2b-stats--dark .b2b-stats__note {
	color: rgba(255, 255, 255, 0.6);
}