/* ==========================================================================
   SprayDry Pro — v2 全局布局重构
   目标：加宽容器、放大首屏与产品图、修复导航挤压、增强层次与工业质感
   加载顺序：main.css → inner.css → v2.css（最后加载，覆盖旧规则）
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 设计变量与全局容器
   -------------------------------------------------------------------------- */
:root {
	--spd-container: 1560px;
	--spd-gutter: 0px;
	--spd-sec: 112px;
	--spd-radius: 12px;
	--spd-radius-lg: 20px;
	--spd-radius-xl: 28px;
	--spd-ink: #0a1a2f;
	--spd-ink-2: #17304d;
	--spd-body: #45596f;
	--spd-muted: #71839a;
	--spd-line: #e6edf5;
	--spd-bg-soft: #f7fafd;
	--spd-shadow-sm: 0 6px 18px rgba(9, 34, 66, .06);
	--spd-shadow: 0 16px 40px rgba(9, 34, 66, .10);
	--spd-shadow-lg: 0 30px 70px rgba(9, 34, 66, .16);
}

html,
body {
	max-width: 100%;
	overflow-x: clip;
}

body {
	font-size: 16px;
	line-height: 1.8;
	color: var(--spd-body);
}

.spd-container {
	width: min(92%, var(--spd-container));
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.spd-header .spd-container {
	width: min(94%, 1600px);
}

.spd-sec {
	padding: var(--spd-sec) 0;
}

.spd-sec--soft {
	background: #f7fafd;
}

/* 标题层级 */
h1, h2, h3, h4 {
	letter-spacing: -.02em;
}

.spd-section__head {
	margin-bottom: 56px;
	gap: 40px;
}

.spd-section__title {
	font-size: clamp(2rem, 2.7vw, 3rem);
	line-height: 1.22;
	margin: 14px 0 16px;
}

.spd-section__desc {
	font-size: 16.5px;
	line-height: 1.85;
	color: var(--spd-muted);
}

.spd-eyebrow {
	font-size: 12.5px;
	letter-spacing: .2em;
}

.spd-eyebrow::before {
	width: 32px;
	height: 3px;
}

/* 按钮加大 */
.spd-btn {
	height: 50px;
	padding: 0 26px;
	font-size: 15.5px;
	border-radius: 10px;
}

.spd-btn--lg {
	height: 58px;
	padding: 0 32px;
	font-size: 16.5px;
	border-radius: 12px;
}

.spd-btn--primary {
	box-shadow: 0 14px 30px rgba(var(--spd-primary-rgb), .28);
}

/* --------------------------------------------------------------------------
   2. 顶部信息条与导航（三栏 Grid，彻底解决挤压）
   -------------------------------------------------------------------------- */
.spd-topbar {
	font-size: 13.5px;
}

.spd-topbar__inner {
	min-height: 42px;
}

.spd-header {
	position: relative;
	z-index: 200;
	border-bottom: 1px solid rgba(9, 34, 66, .07);
	background: #fff;
}

.spd-header__inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 40px;
	min-height: 96px;
}

.spd-brand {
	min-width: 0;
}

.spd-brand__img,
.spd-brand .custom-logo {
	max-height: 54px;
}

.spd-brand__text {
	font-size: 22px;
}

.spd-brand__slogan {
	font-size: 12px;
}

/* 中间菜单：水平分布 + 固定间距，不换行、不挤压 */
.spd-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 0;
	overflow: visible;
}

.spd-header .spd-menu {
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: nowrap;
	margin: 0;
}

.spd-header .spd-menu > li {
	flex: 0 0 auto;
	position: relative;
}

.spd-header .spd-menu > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 32px 0;
	font-size: 15.5px;
	font-weight: 600;
	color: var(--spd-ink-2);
	line-height: 1;
	white-space: nowrap;
	background: none;
}

.spd-header .spd-menu > li > a::after {
	left: 0;
	right: 0;
	bottom: 24px;
	height: 2px;
	border-radius: 2px;
}

.spd-header .spd-menu > li:hover > a,
.spd-header .spd-menu > li.current-menu-item > a,
.spd-header .spd-menu > li.current-menu-ancestor > a {
	color: var(--spd-primary);
}

.spd-header__actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 0 0 auto;
}

.spd-header .spd-icon-btn {
	display: inline-flex;
	width: 46px;
	height: 46px;
	border-color: transparent;
	background: var(--spd-bg-soft);
}

.spd-header .spd-icon-btn:hover {
	background: var(--spd-primary-soft);
}

.spd-header .spd-header__cta {
	display: inline-flex;
	height: 50px;
	padding: 0 24px;
	font-size: 15px;
}

/* 三级下拉：纯白、无滚动条、悬浮阴影 */
.spd-header .spd-sub,
.spd-header .spd-sub2 {
	position: absolute;
	max-height: none;
	overflow: visible;
	background: #fff;
	border: 1px solid rgba(9, 34, 66, .06);
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
	padding: 10px;
	z-index: 999;
}

.spd-header .spd-sub {
	top: calc(100% - 6px);
	left: -12px;
	min-width: 260px;
}

.spd-header .spd-sub::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	height: 12px;
}

/* 关键：二级项作为三级菜单的定位基准 */
.spd-header .spd-sub > li {
	position: relative;
}

.spd-header .spd-sub2 {
	top: 0;
	left: 100%;
	min-width: 240px;
	z-index: 999;
}

.spd-header .spd-sub > li > a,
.spd-header .spd-sub2 > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 11px 14px;
	border-radius: 6px;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--spd-ink-2);
	line-height: 1.5;
	white-space: nowrap;
}

.spd-header .spd-sub > li > a:hover,
.spd-header .spd-sub2 > li > a:hover {
	background: var(--spd-primary-soft);
	color: var(--spd-primary);
}

.spd-header .spd-sub2 > li > a {
	font-size: 14px;
	padding: 10px 14px;
}

.spd-header .spd-sub2 a {
	color: var(--spd-body);
}

/* 二级项箭头指向右侧（不再被旧样式旋转） */
.spd-header .spd-sub > li > a .spd-menu__arrow {
	transform: none;
	opacity: .4;
	transition: transform .2s ease, opacity .2s ease;
}

.spd-header .spd-sub > li:hover > a .spd-menu__arrow {
	transform: translateX(3px);
	opacity: 1;
}

.spd-header .spd-menu__count {
	background: var(--spd-bg-soft);
}

/* 大宽屏下拉 */
.spd-header .spd-mega > .spd-sub {
	width: 760px;
	left: 0;
	transform: translateY(8px);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px 10px;
	padding: 16px;
}

.spd-header .spd-mega:hover > .spd-sub {
	transform: translateY(0);
}

/* 仅最后一个菜单项的下拉向左展开，避免超出视口 */
.spd-header .spd-menu > li:last-child > .spd-sub {
	left: auto;
	right: 0;
}

.spd-header .spd-mega .spd-sub2 {
	position: static;
	display: block;
	opacity: 1;
	visibility: visible;
	transform: none;
	box-shadow: none;
	border: 0;
	padding: 0 0 6px 6px;
	min-width: 0;
	background: transparent;
}

.spd-header .spd-mega .spd-sub2 a {
	padding: 7px 12px;
	font-size: 13.5px;
	color: var(--spd-muted);
}

.spd-header .spd-mega > .spd-sub > li > a {
	font-weight: 600;
}

/* 吸顶：sticky 实现，避免 fixed 造成内容跳动 */
.spd-header {
	position: sticky;
	top: 0;
	z-index: 200;
}

.spd-sticky-header .spd-header.is-stuck {
	position: sticky;
	top: 0;
	left: auto;
	right: auto;
	animation: none;
	background: rgba(255, 255, 255, .9);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(9, 34, 66, .08);
	box-shadow: 0 12px 40px rgba(9, 34, 66, .10);
}

.spd-sticky-header .spd-header.is-stuck .spd-header__inner {
	min-height: 78px;
}

.spd-sticky-header .spd-header.is-stuck .spd-menu > li > a {
	padding: 26px 0;
}

body.spd-has-stuck {
	padding-top: 0;
}

.spd-search {
	top: 100%;
}

.spd-search__form {
	padding: 8px 10px 8px 20px;
}

/* 汉堡按钮 */
.spd-burger {
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	border-color: rgba(9, 34, 66, .12);
	gap: 6px;
}

.spd-burger span {
	height: 2px;
	width: 20px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------
   3. 首屏大 Banner
   -------------------------------------------------------------------------- */
.spd-hero-xl {
	position: relative;
	display: flex;
	align-items: center;
	min-height: clamp(700px, 80vh, 880px);
	padding: 90px 0 70px;
	overflow: hidden;
	background:
		radial-gradient(1200px 620px at 78% 18%, rgba(var(--spd-primary-rgb), .38) 0%, rgba(var(--spd-primary-rgb), 0) 62%),
		radial-gradient(900px 500px at 12% 92%, rgba(var(--spd-secondary-rgb), .14) 0%, rgba(var(--spd-secondary-rgb), 0) 60%),
		linear-gradient(120deg, #04142a 0%, #06203f 42%, #072a52 100%);
	color: #fff;
}

.spd-hero-xl::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 64px 64px;
	-webkit-mask-image: radial-gradient(ellipse at 40% 40%, #000 0%, transparent 72%);
	mask-image: radial-gradient(ellipse at 40% 40%, #000 0%, transparent 72%);
	pointer-events: none;
}

.spd-hero-xl__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
	align-items: center;
	gap: clamp(40px, 5vw, 96px);
}

.spd-hero-xl__copy {
	max-width: 760px;
}

.spd-hero-xl .spd-eyebrow {
	color: rgba(255, 255, 255, .78);
	font-size: 12.5px;
}

.spd-hero-xl .spd-eyebrow::before {
	background: var(--spd-secondary);
	width: 36px;
	height: 3px;
}

.spd-hero-xl__title {
	font-size: clamp(2.6rem, 4.2vw, 4.15rem);
	font-weight: 800;
	line-height: 1.14;
	letter-spacing: -.03em;
	color: #fff;
	margin: 20px 0 24px;
}

.spd-hero-xl__title em {
	font-style: normal;
	color: #7db8ff;
	background: linear-gradient(96deg, #8fc4ff 0%, #d7e9ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.spd-hero-xl__desc {
	max-width: 660px;
	font-size: 17.5px;
	line-height: 1.9;
	color: rgba(255, 255, 255, .76);
	margin-bottom: 36px;
}

.spd-hero-xl__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 32px;
}

.spd-hero-xl .spd-btn--primary {
	background: var(--spd-primary);
	box-shadow: 0 18px 40px rgba(var(--spd-primary-rgb), .38);
}

.spd-hero-xl .spd-btn--ghost {
	border-color: rgba(255, 255, 255, .28);
	background: rgba(255, 255, 255, .06);
	color: #fff;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.spd-hero-xl .spd-btn--ghost:hover {
	background: rgba(255, 255, 255, .14);
	border-color: rgba(255, 255, 255, .5);
	color: #fff;
}

.spd-hero-xl__quick {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.spd-hero-xl__quick-label {
	font-size: 12.5px;
	letter-spacing: .08em;
	color: rgba(255, 255, 255, .5);
}

.spd-hero-xl__quick a {
	padding: 7px 14px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	font-size: 13px;
	color: rgba(255, 255, 255, .85);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transition: all .2s ease;
}

.spd-hero-xl__quick a:hover {
	background: rgba(255, 255, 255, .16);
	border-color: rgba(255, 255, 255, .38);
	color: #fff;
}

/* 右侧设备大图 */
.spd-hero-xl__aside {
	position: relative;
}

.spd-hero-xl__media {
	position: relative;
	border-radius: 26px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .16);
	box-shadow: 0 40px 90px rgba(0, 0, 0, .45);
	background: #0a1a2f;
}

.spd-hero-xl__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(4, 20, 42, .05) 0%, rgba(4, 20, 42, .45) 100%);
	pointer-events: none;
}

.spd-hero-xl__media img {
	display: block;
	width: 100%;
	height: clamp(420px, 40vw, 560px);
	object-fit: cover;
	transform: scale(1.01);
}

.spd-hero-xl__cert {
	position: absolute;
	z-index: 2;
	left: 22px;
	bottom: 22px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(6, 24, 46, .72);
	border: 1px solid rgba(255, 255, 255, .18);
	color: #fff;
	font-size: 12.5px;
	letter-spacing: .04em;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.spd-hero-xl .spd-float-card {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(255, 255, 255, .8);
	box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.spd-hero-xl .spd-float-card--a {
	left: -34px;
	top: 8%;
}

.spd-hero-xl .spd-float-card--b {
	right: -26px;
	bottom: 16%;
}

.spd-hero-xl .spd-float-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--spd-primary-soft);
	color: var(--spd-primary);
}

.spd-hero-xl .spd-float-card strong {
	display: block;
	font-size: 17px;
	line-height: 1.2;
	color: var(--spd-ink);
}

.spd-hero-xl .spd-float-card span {
	font-size: 12px;
	color: var(--spd-muted);
}

/* 首屏数据条 */
.spd-hero-xl__stats {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin-top: 34px;
	border-top: 1px solid rgba(255, 255, 255, .14);
}

.spd-hero-xl__stats li {
	padding: 22px 0 0;
	border-left: 1px solid rgba(255, 255, 255, .12);
	padding-left: 28px;
}

.spd-hero-xl__stats li:first-child {
	border-left: 0;
	padding-left: 0;
}

.spd-hero-xl__stats strong {
	display: block;
	font-size: clamp(28px, 2.4vw, 38px);
	font-weight: 800;
	line-height: 1;
	color: #fff;
	letter-spacing: -.02em;
}

.spd-hero-xl__stats strong em {
	font-style: normal;
	font-size: 15px;
	font-weight: 600;
	color: var(--spd-secondary);
	margin-left: 3px;
}

.spd-hero-xl__stats span {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	color: rgba(255, 255, 255, .55);
}

/* --------------------------------------------------------------------------
   4. 服务承诺条
   -------------------------------------------------------------------------- */
.spd-trust {
	background: #fff;
	border-bottom: 1px solid var(--spd-line);
}

.spd-trust__item {
	padding: 34px 30px;
	gap: 18px;
}

.spd-trust__item:first-child {
	padding-left: 0;
}

.spd-trust__icon {
	width: 58px;
	height: 58px;
	border-radius: 16px;
}

.spd-trust__item strong {
	font-size: 16px;
	margin-bottom: 4px;
}

.spd-trust__item span {
	font-size: 13px;
	line-height: 1.6;
}

/* --------------------------------------------------------------------------
   5. 产品分类卡片
   -------------------------------------------------------------------------- */
.spd-cats__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.spd-cat-card {
	padding: 32px 28px 24px;
	border-radius: 18px;
	border-color: var(--spd-line);
	background: #fff;
	box-shadow: var(--spd-shadow-sm);
}

.spd-cat-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--spd-shadow);
}

.spd-cat-card__icon {
	width: 58px;
	height: 58px;
	border-radius: 16px;
}

.spd-cat-card__count strong {
	font-size: 24px;
}

.spd-cat-card__title {
	font-size: 19px;
	margin-bottom: 10px;
}

.spd-cat-card__desc {
	font-size: 14px;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   6. 产品卡片（大图 + 层次）
   -------------------------------------------------------------------------- */
.spd-product-card {
	border: 1px solid transparent;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(9, 34, 66, .07);
	transition: transform .25s ease, box-shadow .25s ease;
}

.spd-product-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 26px 56px rgba(9, 34, 66, .14);
	border-color: transparent;
}

.spd-product-card__media {
	aspect-ratio: auto;
	height: 320px;
	background: linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%);
}

.spd-grid--4 .spd-product-card__media {
	height: 280px;
}

.spd-product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform .5s ease;
}

.spd-product-card:hover .spd-product-card__media img {
	transform: scale(1.06);
}

.spd-product-card__media .spd-badge {
	left: 16px;
	top: 16px;
	height: 28px;
	font-size: 12.5px;
}

.spd-product-card__hover {
	padding: 14px;
	font-size: 14px;
}

.spd-product-card__body {
	padding: 24px 24px 22px;
}

.spd-product-card__title {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.spd-product-card__sub {
	font-size: 13.5px;
	line-height: 1.7;
	margin-bottom: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 46px;
}

.spd-product-card__specs {
	margin: 0 0 18px;
	padding: 6px 16px;
	list-style: none;
	background: var(--spd-bg-soft);
	border: 1px solid var(--spd-line);
	border-radius: 12px;
	border-top: 1px solid var(--spd-line);
}

.spd-product-card__specs li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 9px 0;
	border-bottom: 1px dashed var(--spd-line);
	font-size: 13px;
}

.spd-product-card__specs li:last-child {
	border-bottom: 0;
}

.spd-product-card__specs span {
	color: var(--spd-muted);
	white-space: nowrap;
}

.spd-product-card__specs em {
	font-style: normal;
	color: var(--spd-ink);
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.spd-product-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding-top: 18px;
	margin-top: auto;
	border-top: 1px solid var(--spd-line);
}

.spd-product-card__foot .spd-price__label {
	font-size: 22px;
}

.spd-product-card__foot .spd-link {
	flex: none;
	white-space: nowrap;
	font-size: 14.5px;
}

/* --------------------------------------------------------------------------
   7. 行业应用（大图海报）
   -------------------------------------------------------------------------- */
.spd-apps__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.spd-app-card {
	min-height: 380px;
	padding: 32px 28px;
	border-radius: 20px;
	box-shadow: 0 18px 44px rgba(6, 20, 38, .18);
}

.spd-app-card__img {
	object-fit: cover;
	object-position: 22% center;
	opacity: .58;
	transform: scale(1.02);
}

.spd-app-card:hover .spd-app-card__img {
	transform: scale(1.09);
	opacity: .66;
}

.spd-app-card::after {
	background: linear-gradient(180deg, rgba(6, 20, 38, .08) 0%, rgba(6, 20, 38, .45) 48%, rgba(6, 20, 38, .92) 100%);
}

.spd-app-card__title {
	font-size: 22px;
	margin-bottom: 10px;
}

.spd-app-card__desc {
	font-size: 14px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .78);
	margin-bottom: 20px;
}

.spd-app-card__more {
	font-size: 14px;
	padding-top: 4px;
}

/* 行业应用页：大图海报卡 */
.spd-apps-page {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px;
}

.spd-app-poster {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 380px;
	padding: 34px;
	border-radius: 22px;
	overflow: hidden;
	color: #fff;
	background: #0a1a2f;
	box-shadow: 0 18px 46px rgba(6, 20, 38, .18);
	isolation: isolate;
}

.spd-app-poster::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--bg);
	background-size: cover;
	background-position: 22% center;
	transform: scale(1.02);
	transition: transform .6s ease;
	z-index: -2;
}

.spd-app-poster::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(6, 20, 38, .06) 0%, rgba(6, 20, 38, .52) 52%, rgba(6, 20, 38, .93) 100%);
	z-index: -1;
}

.spd-app-poster:hover {
	color: #fff;
	box-shadow: 0 30px 70px rgba(6, 20, 38, .28);
}

.spd-app-poster:hover::before {
	transform: scale(1.08);
}

.spd-app-poster__body {
	position: relative;
	width: 100%;
}

.spd-app-poster__index {
	position: absolute;
	right: 0;
	top: -6px;
	font-size: 14px;
	letter-spacing: .16em;
	color: rgba(255, 255, 255, .5);
}

.spd-app-poster h2 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 10px;
}

.spd-app-poster p {
	font-size: 14.5px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .78);
	margin-bottom: 18px;
	max-width: 90%;
}

.spd-app-poster__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.spd-app-poster__more .spd-icon {
	transition: transform .2s ease;
}

.spd-app-poster:hover .spd-app-poster__more .spd-icon {
	transform: translateX(5px);
}

/* --------------------------------------------------------------------------
   8. 案例 / 新闻卡片
   -------------------------------------------------------------------------- */
.spd-case-card {
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(4, 16, 32, .18);
}

.spd-case-card__media {
	aspect-ratio: 16 / 11;
}

.spd-case-card__title {
	font-size: 18px;
}

.spd-post-card {
	border-radius: 18px;
	border-color: transparent;
	box-shadow: 0 10px 28px rgba(9, 34, 66, .07);
}

.spd-post-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 26px 56px rgba(9, 34, 66, .13);
}

.spd-post-card__media {
	aspect-ratio: 16 / 10;
}

.spd-post-card__body {
	padding: 26px 26px 24px;
}

.spd-post-card__title {
	font-size: 19px;
	margin-bottom: 12px;
}

.spd-post-card__meta {
	margin-bottom: 14px;
}

.spd-post-card__excerpt {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
}

/* 首篇新闻大图突出 */
.spd-grid--2 > .spd-post-card:first-child {
	grid-column: 1 / -1;
	flex-direction: row;
	align-items: stretch;
	min-height: 380px;
}

.spd-grid--2 > .spd-post-card:first-child .spd-post-card__media {
	width: 54%;
	flex: none;
	aspect-ratio: auto;
	height: auto;
	min-height: 380px;
}

.spd-grid--2 > .spd-post-card:first-child .spd-post-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
}

.spd-grid--2 > .spd-post-card:first-child .spd-post-card__title {
	font-size: clamp(1.35rem, 1.8vw, 1.9rem);
	line-height: 1.4;
}

.spd-grid--2 > .spd-post-card:first-child .spd-post-card__excerpt {
	font-size: 15px;
	max-width: 560px;
}

/* --------------------------------------------------------------------------
   9. 关于我们 / FAQ / CTA / 页脚
   -------------------------------------------------------------------------- */
.spd-about-home__inner {
	gap: 80px;
}

.spd-about-home__title {
	font-size: clamp(1.7rem, 2.3vw, 2.5rem);
}

.spd-about-home__badge {
	padding: 22px 26px;
	border-radius: 18px;
}

.spd-about-home__badge strong {
	font-size: 40px;
}

.spd-faq-home__inner {
	gap: 80px;
}

.spd-faq__q {
	font-size: 16.5px;
	padding: 24px 6px;
}

.spd-faq__a {
	font-size: 15.5px;
	padding: 0 6px 26px 46px;
}

.spd-cta-band {
	padding: 84px 0;
}

.spd-cta-band__title {
	font-size: clamp(1.6rem, 2.2vw, 2.3rem);
}

.spd-footer {
	padding-top: 84px;
}

.spd-footer__grid {
	gap: 56px;
	padding-bottom: 56px;
}

.spd-footer__desc {
	font-size: 14px;
}

/* 内页 Banner 加高 */
.spd-hero-page {
	padding: 110px 0 96px;
}

.spd-hero-page__title {
	font-size: clamp(2.2rem, 3.2vw, 3.4rem);
}

.spd-hero-page__sub {
	font-size: 16.5px;
}

/* 产品详情页在宽容器下的比例 */
.spd-pdp__top {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 64px;
}

.spd-gallery__main {
	aspect-ratio: 1 / .92;
}

.spd-pdp__title {
	font-size: clamp(1.8rem, 2.6vw, 2.6rem);
}

.spd-pricebox__main .spd-price__label {
	font-size: 36px;
}

.spd-pdp__layout {
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 56px;
}

.spd-archive__layout {
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 52px;
}

/* 侧栏卡片 */
.spd-widget,
.spd-inquiry-card {
	border-radius: 16px;
}

/* --------------------------------------------------------------------------
   10. 响应式
   -------------------------------------------------------------------------- */
@media (max-width: 1560px) {
	:root {
		--spd-sec: 100px;
	}

	.spd-header__inner {
		gap: 26px;
		min-height: 88px;
	}

	.spd-header .spd-menu {
		gap: 20px;
	}

	.spd-header .spd-menu > li > a {
		font-size: 14.5px;
		padding: 30px 0;
	}

	.spd-hero-xl__title {
		font-size: clamp(2.4rem, 4vw, 3.6rem);
	}
}

@media (max-width: 1400px) {
	.spd-header__inner {
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 20px;
		min-height: 82px;
	}

	.spd-nav {
		display: none;
	}

	.spd-burger {
		display: inline-flex;
	}

	.spd-header .spd-header__cta {
		height: 46px;
		padding: 0 18px;
		font-size: 14.5px;
	}

	.spd-hero-xl {
		min-height: 640px;
		padding: 70px 0 56px;
	}

	.spd-hero-xl__inner {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
		gap: 40px;
	}

	.spd-hero-xl__media img {
		height: clamp(380px, 36vw, 460px);
	}

	.spd-cats__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.spd-product-card__media {
		height: 280px;
	}
}

@media (max-width: 1100px) {
	:root {
		--spd-sec: 80px;
	}

	.spd-hero-xl {
		min-height: 0;
	}

	.spd-hero-xl__inner {
		grid-template-columns: 1fr;
		gap: 44px;
	}

	.spd-hero-xl__copy {
		max-width: 100%;
	}

	.spd-hero-xl__media img {
		height: clamp(320px, 46vw, 440px);
	}

	.spd-hero-xl__stats {
		margin-top: 26px;
	}

	.spd-hero-xl__stats li {
		padding-left: 18px;
	}

	.spd-apps__grid,
	.spd-apps-page {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.spd-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.spd-grid--4 .spd-product-card__media {
		height: 300px;
	}

	.spd-flex-wrap {
		flex-wrap: wrap;
	}
}

@media (max-width: 782px) {
	:root {
		--spd-sec: 60px;
	}

	body {
		font-size: 15.5px;
	}

	.spd-container,
	.spd-header .spd-container {
		width: 92%;
	}

	.spd-header__inner {
		min-height: 72px;
		gap: 12px;
	}

	.spd-brand__img,
	.spd-brand .custom-logo {
		max-height: 42px;
	}

	.spd-brand__text {
		font-size: 17px;
	}

	.spd-brand__slogan {
		display: none;
	}

	.spd-header .spd-icon-btn {
		width: 42px;
		height: 42px;
	}

	.spd-header .spd-header__cta {
		display: none;
	}

	.spd-hero-xl {
		padding: 56px 0 44px;
	}

	.spd-hero-xl__title {
		font-size: clamp(2rem, 8.8vw, 2.7rem);
		margin: 16px 0 18px;
	}

	.spd-hero-xl__desc {
		font-size: 15.5px;
		margin-bottom: 26px;
	}

	.spd-hero-xl__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.spd-hero-xl__actions .spd-btn {
		width: 100%;
	}

	.spd-hero-xl__media {
		border-radius: 18px;
	}

	.spd-hero-xl__media img {
		height: 260px;
	}

	.spd-hero-xl .spd-float-card {
		padding: 10px 12px;
		border-radius: 12px;
	}

	.spd-hero-xl .spd-float-card--a {
		left: 8px;
		top: 6%;
	}

	.spd-hero-xl .spd-float-card--b {
		right: 8px;
		bottom: 10%;
	}

	.spd-hero-xl .spd-float-card strong {
		font-size: 14px;
	}

	.spd-hero-xl .spd-float-card span {
		font-size: 11px;
	}

	.spd-hero-xl .spd-float-card__icon {
		width: 36px;
		height: 36px;
	}

	.spd-hero-xl__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 0;
	}

	.spd-hero-xl__stats li {
		padding: 16px 0 0;
	}

	.spd-hero-xl__stats li:nth-child(odd) {
		border-left: 0;
		padding-left: 0;
	}

	.spd-trust__item {
		padding: 18px 0;
	}

	.spd-trust__list {
		grid-template-columns: 1fr;
	}

	.spd-trust__item {
		border-left: 0;
		border-bottom: 1px solid var(--spd-line);
	}

	.spd-cats__grid,
	.spd-apps__grid,
	.spd-apps-page,
	.spd-grid--2,
	.spd-grid--3,
	.spd-grid--4 {
		grid-template-columns: 1fr;
	}

	.spd-app-card,
	.spd-app-poster {
		min-height: 320px;
		padding: 26px 22px;
	}

	.spd-product-card__media,
	.spd-grid--4 .spd-product-card__media {
		height: 300px;
	}

	/* 首篇新闻在手机端恢复上下结构 */
	.spd-grid--2 > .spd-post-card:first-child {
		flex-direction: column;
		min-height: 0;
	}

	.spd-grid--2 > .spd-post-card:first-child .spd-post-card__media {
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 10;
	}

	.spd-grid--2 > .spd-post-card:first-child .spd-post-card__body {
		padding: 22px;
	}

	.spd-grid--2 > .spd-post-card:first-child .spd-post-card__title {
		font-size: 19px;
	}

	.spd-section__head {
		margin-bottom: 32px;
		gap: 18px;
	}

	.spd-hero-page {
		padding: 64px 0 52px;
	}

	.spd-hero-page__title {
		font-size: 2rem;
	}

	.spd-cta-band {
		padding: 52px 0;
	}

	.spd-footer {
		padding-top: 56px;
	}

	.spd-pdp__top,
	.spd-pdp__layout,
	.spd-archive__layout {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.spd-pdp__title {
		font-size: 1.7rem;
	}

	.spd-pricebox__main .spd-price__label {
		font-size: 28px;
	}

	.spd-gallery__main {
		aspect-ratio: 1 / 1;
	}
}

/* 移动端抽屉优化 */
.spd-drawer {
	width: min(90vw, 420px);
}

.spd-drawer__head {
	padding: 20px 22px;
}

.spd-drawer__body {
	padding: 10px 16px 24px;
}

.spd-mobile-menu a {
	padding: 16px 8px;
	font-size: 16px;
}

.spd-mobile-menu .spd-sub,
.spd-mobile-menu .spd-sub2 {
	max-height: none;
	overflow: visible;
}

/* 小屏隐藏桌面端的悬停覆盖层，避免误触 */
@media (hover: none) {
	.spd-product-card__hover {
		display: none;
	}
}

/* ==========================================================================
   v2 补充修正
   ========================================================================== */

/* 首屏悬浮卡片放到裁切容器之外，避免被裁掉 */
.spd-hero-xl__visual {
	position: relative;
}

.spd-hero-xl .spd-float-card--a {
	left: -30px;
	top: 12%;
}

.spd-hero-xl .spd-float-card--b {
	right: -30px;
	bottom: 16%;
}

.spd-hero-xl__media img {
	object-position: 62% center;
}

/* 产品卡标题统一两行高度，参数区对齐 */
.spd-product-card__title {
	min-height: 3em;
}

/* 行业海报：压暗右侧自带文字，突出前景标题 */
.spd-app-card::after {
	background:
		linear-gradient(180deg, rgba(6, 20, 38, .10) 0%, rgba(6, 20, 38, .50) 46%, rgba(6, 20, 38, .94) 100%),
		linear-gradient(90deg, rgba(6, 20, 38, .55) 0%, rgba(6, 20, 38, .05) 55%, rgba(6, 20, 38, .60) 100%);
}

.spd-app-poster::before {
	background-position: 12% center;
}

.spd-app-poster::after {
	background:
		linear-gradient(180deg, rgba(6, 20, 38, .08) 0%, rgba(6, 20, 38, .50) 50%, rgba(6, 20, 38, .95) 100%),
		linear-gradient(90deg, rgba(6, 20, 38, .60) 0%, rgba(6, 20, 38, .08) 55%, rgba(6, 20, 38, .70) 100%);
}

@media (max-width: 782px) {
	.spd-hero-xl .spd-float-card--a {
		left: 6px;
		top: 8%;
	}

	.spd-hero-xl .spd-float-card--b {
		right: 6px;
		bottom: 12%;
	}

	.spd-product-card__title {
		min-height: 0;
	}
}

/* 顶部条与移动端标题微调 */
@media (max-width: 900px) {
	.spd-topbar__slogan {
		display: none;
	}

	.spd-topbar__link--mail {
		display: none;
	}

	.spd-topbar__inner {
		justify-content: center;
		gap: 16px;
	}

	.spd-topbar__right {
		gap: 16px;
		flex-wrap: nowrap;
	}
}

@media (max-width: 782px) {
	.spd-hero-xl__title {
		font-size: clamp(1.75rem, 7.2vw, 2.25rem);
		line-height: 1.22;
	}

	.spd-topbar__link:nth-last-child(2) {
		display: none;
	}
}

/* 移动端锚点栏与面包屑修正 */
.spd-crumb__inner > * {
	min-width: 0;
}

.spd-crumb__current {
	overflow-wrap: anywhere;
}

@media (max-width: 782px) {
	.spd-anchor__cta {
		display: none;
	}

	.spd-anchor__links {
		padding-right: 6px;
	}

	.spd-crumb {
		font-size: 12.5px;
	}
}

/* 产品卡参数区贴底对齐，保证同排卡片底部一致 */
.spd-product-card__body {
	display: flex;
	flex-direction: column;
}

.spd-product-card__specs {
	margin-top: auto;
}

/* 解决方案卡片（补齐缺失样式） */
.spd-solution-card {
	display: flex;
	gap: 18px;
	padding: 30px 28px;
	background: #fff;
	border: 1px solid var(--spd-line);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(9, 34, 66, .06);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.spd-solution-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 26px 56px rgba(9, 34, 66, .13);
	border-color: rgba(var(--spd-primary-rgb), .22);
}

.spd-solution-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 54px;
	height: 54px;
	border-radius: 14px;
	background: var(--spd-primary-soft);
	color: var(--spd-primary);
}

.spd-solution-card__body {
	flex: 1;
	min-width: 0;
}

.spd-solution-card__cat {
	display: inline-block;
	font-size: 12px;
	letter-spacing: .08em;
	color: var(--spd-primary);
	margin-bottom: 4px;
}

.spd-solution-card__title {
	font-size: 19px;
	line-height: 1.45;
	margin-bottom: 8px;
}

.spd-solution-card__title a {
	color: var(--spd-ink);
}

.spd-solution-card__title a:hover {
	color: var(--spd-primary);
}

.spd-solution-card__desc {
	font-size: 14px;
	line-height: 1.75;
	color: var(--spd-muted);
	margin-bottom: 14px;
}

.spd-solution-card__list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.spd-solution-card__list li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 4px 0;
	font-size: 13.5px;
	color: var(--spd-body);
}

.spd-solution-card__list .spd-icon {
	flex: none;
	margin-top: 3px;
	color: var(--spd-primary);
}

/* FAQ 卡片化，避免宽列表松散 */
.spd-faq {
	max-width: 1000px;
	border-top: 0;
}

.spd-faq__item {
	background: #fff;
	border: 1px solid var(--spd-line);
	border-radius: 14px;
	margin-bottom: 12px;
	padding: 0 24px;
	box-shadow: 0 6px 18px rgba(9, 34, 66, .04);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.spd-faq__item:hover {
	border-color: rgba(var(--spd-primary-rgb), .28);
	box-shadow: 0 10px 26px rgba(9, 34, 66, .07);
}

.spd-faq__item.is-open {
	border-color: rgba(var(--spd-primary-rgb), .35);
}

.spd-faq__q {
	padding: 20px 0;
	border: 0;
}

.spd-faq__a {
	padding: 0 0 22px 42px;
}

.spd-faq__a-inner {
	border-top: 1px dashed var(--spd-line);
	padding-top: 14px;
}

@media (max-width: 782px) {
	.spd-faq__item {
		padding: 0 18px;
	}

	.spd-faq__a {
		padding-left: 0;
	}
}

/* 1400 以下恢复 CTA 文案 */
@media (max-width: 1400px) and (min-width: 783px) {
	.spd-header .spd-header__cta span {
		display: inline;
	}

	.spd-header .spd-header__cta {
		padding: 0 20px;
	}
}

/* 行业大图做柔焦处理，弱化图片自带文字，突出前景内容 */
.spd-app-card__img {
	filter: blur(3px) saturate(1.05) brightness(.82);
	transform: scale(1.08);
}

.spd-app-card:hover .spd-app-card__img {
	filter: blur(2px) saturate(1.08) brightness(.86);
	transform: scale(1.12);
}

.spd-app-poster::before {
	filter: blur(3px) brightness(.82);
	transform: scale(1.08);
}

.spd-app-poster:hover::before {
	filter: blur(2px) brightness(.86);
	transform: scale(1.12);
}

/* ==========================================================================
   v3 细节优化：内容页主图、产品图、行业轮播、新闻图文
   ========================================================================== */

/* 1. 文章 / 案例详情主图限制 */
.spd-article__cover {
	margin: 26px 0 34px;
}

.spd-article__cover img,
.spd-article__cover .wp-post-image {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 500px;
	object-fit: cover;
	border-radius: 12px;
	margin: 0 auto 30px;
}

.spd-prose img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

.spd-article__layout .spd-prose {
	max-width: 900px;
}

/* 2. 产品卡图片完整展示 */
.spd-product-card__media {
	height: 360px;
	background: #fff;
	padding: 0;
}

.spd-product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 8px;
	background: #fff;
	transition: transform .5s ease;
}

.spd-product-card:hover .spd-product-card__media img {
	transform: scale(1.04);
}

.spd-grid--4 .spd-product-card__media {
	height: 340px;
}

/* 3. 行业应用大图轮播 */
.spd-app-slider {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 26px 60px rgba(6, 20, 38, .18);
	background: #0a1a2f;
}

.spd-app-slider__track {
	display: flex;
	transition: transform .65s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}

.spd-app-slide {
	position: relative;
	flex: 0 0 100%;
	height: clamp(460px, 44vw, 560px);
	background-color: #0a1a2f;
	isolation: isolate;
	overflow: hidden;
}

/* 背景图单独一层并柔焦，弱化素材自带的文字 */
.spd-app-slide::before {
	content: "";
	position: absolute;
	inset: -4%;
	z-index: -2;
	background-image: var(--bg, none);
	background-size: auto 138%;
	background-position: 0% center;
	background-repeat: no-repeat;
	filter: blur(2px) brightness(.95) saturate(1.05);
	transform: scale(1.04);
}

/* 左侧与底部渐变遮罩，保证白色文字可读 */
.spd-app-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(4, 16, 32, .88) 0%, rgba(4, 16, 32, .45) 34%, rgba(4, 16, 32, .1) 52%, rgba(4, 16, 32, .55) 74%, rgba(4, 16, 32, .94) 100%),
		linear-gradient(180deg, rgba(4, 16, 32, .1) 0%, rgba(4, 16, 32, .35) 55%, rgba(4, 16, 32, .7) 100%);
}

.spd-app-slide.is-plain {
	background: linear-gradient(135deg, #0a1c33 0%, #0d3a66 100%);
}

.spd-app-slide__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	padding: clamp(30px, 4.4vw, 64px);
	max-width: 720px;
	color: #fff;
}

.spd-app-slide__index {
	position: absolute;
	right: clamp(28px, 4vw, 56px);
	top: clamp(28px, 4vw, 52px);
	font-size: 14px;
	letter-spacing: .18em;
	color: rgba(255, 255, 255, .55);
}

.spd-app-slide__tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .8);
	margin-bottom: 14px;
}

.spd-app-slide h3 {
	font-size: clamp(1.7rem, 3vw, 2.6rem);
	line-height: 1.25;
	color: #fff;
	margin-bottom: 12px;
}

.spd-app-slide p {
	max-width: 600px;
	font-size: 15.5px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .8);
	margin-bottom: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.spd-app-slide .spd-btn {
	align-self: flex-start;
}

.spd-app-slider__nav {
	position: absolute;
	right: clamp(24px, 3.4vw, 48px);
	bottom: clamp(24px, 3.4vw, 44px);
	z-index: 3;
	display: flex;
	gap: 10px;
}

.spd-app-slider__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	cursor: pointer;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transition: background .2s ease, border-color .2s ease;
}

.spd-app-slider__btn:hover {
	background: rgba(255, 255, 255, .22);
	border-color: rgba(255, 255, 255, .6);
}

.spd-app-slider__dots {
	position: absolute;
	left: auto;
	right: 180px;
	bottom: clamp(30px, 4.4vw, 52px);
	z-index: 3;
	display: flex;
	gap: 8px;
}

.spd-app-slider__dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .35);
	cursor: pointer;
	transition: width .3s ease, background .3s ease;
}

.spd-app-slider__dot.is-active {
	width: 26px;
	background: #fff;
}

/* 4. 新闻：左大图 + 右图文列表 */
.spd-news-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: 40px;
	align-items: stretch;
}

.spd-news-feature {
	position: relative;
	display: block;
	min-height: 470px;
	border-radius: 20px;
	overflow: hidden;
	background: #0a1a2f;
	isolation: isolate;
}

.spd-news-feature img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
	z-index: 0;
}

.spd-news-feature::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(4, 16, 32, 0) 28%, rgba(4, 16, 32, .55) 60%, rgba(4, 16, 32, .93) 100%);
}

.spd-news-feature:hover img {
	transform: scale(1.04);
}

.spd-news-feature__body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: clamp(24px, 3vw, 40px);
	color: #fff;
}

.spd-news-feature__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12.5px;
	color: rgba(255, 255, 255, .68);
	margin-bottom: 12px;
}

.spd-news-feature__meta .spd-badge {
	background: var(--spd-primary);
	color: #fff;
}

.spd-news-feature h3 {
	font-size: clamp(1.35rem, 2.1vw, 1.9rem);
	line-height: 1.42;
	color: #fff;
	margin-bottom: 10px;
}

.spd-news-feature p {
	font-size: 14.5px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .78);
	margin-bottom: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.spd-news-feature__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.spd-news-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.spd-news-item {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 14px;
	background: #fff;
	border: 1px solid var(--spd-line);
	border-radius: 14px;
	transition: all .25s ease;
}

.spd-news-item:hover {
	border-color: rgba(var(--spd-primary-rgb), .35);
	box-shadow: 0 12px 30px rgba(9, 34, 66, .08);
	transform: translateX(4px);
}

.spd-news-item__thumb {
	flex: none;
	width: 132px;
	height: 88px;
	border-radius: 8px;
	overflow: hidden;
	background: var(--spd-bg-soft);
}

.spd-news-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.spd-news-item__body {
	min-width: 0;
	flex: 1;
}

.spd-news-item h4 {
	font-size: 15.5px;
	line-height: 1.5;
	margin-bottom: 8px;
	color: var(--spd-ink);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color .2s ease;
}

.spd-news-item:hover h4 {
	color: var(--spd-primary);
}

.spd-news-item__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12.5px;
	color: var(--spd-muted);
}

.spd-news-item__meta span:first-child {
	color: var(--spd-primary);
}

/* 5. 响应式 */
@media (max-width: 1100px) {
	.spd-news-layout {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.spd-news-feature {
		min-height: 400px;
	}
}

@media (max-width: 782px) {
	.spd-app-slide {
		height: 380px;
		background-position: 24% center;
	}

	.spd-app-slide__inner {
		padding: 26px;
	}

	.spd-app-slide__index {
		right: 22px;
		top: 22px;
	}

	.spd-app-slider__dots {
		left: auto;
		right: 26px;
		bottom: 26px;
	}

	.spd-app-slider__nav {
		right: 20px;
		bottom: 20px;
	}

	.spd-app-slider__btn {
		width: 40px;
		height: 40px;
	}

	.spd-app-slider__nav {
		display: none;
	}

	.spd-news-feature {
		min-height: 340px;
	}

	.spd-news-feature__body {
		padding: 22px;
	}

	.spd-news-item {
		gap: 12px;
		padding: 12px;
	}

	.spd-news-item__thumb {
		width: 108px;
		height: 76px;
	}

	.spd-news-item h4 {
		font-size: 14.5px;
		-webkit-line-clamp: 2;
	}

	.spd-product-card__media,
	.spd-grid--4 .spd-product-card__media {
		height: 300px;
	}

	.spd-article__cover img,
	.spd-article__cover .wp-post-image {
		max-height: 320px;
	}
}

/* 登录状态下的管理条偏移，避免吸顶导航被遮住 */
body.admin-bar .spd-header,
body.admin-bar .spd-header.is-stuck {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .spd-header,
	body.admin-bar .spd-header.is-stuck {
		top: 46px;
	}
}

/* ==========================================================================
   v4 修复：轮播比例、荣誉证书、侧栏搜索、锚点按钮、参数表
   ========================================================================== */

/* 1. 首页行业轮播：固定比例 + 完整铺满 */
.spd-app-slide {
	aspect-ratio: 16 / 7;
	height: auto;
	min-height: 520px;
	background: #0a1a2f;
}

.spd-app-slide::before {
	inset: 0;
	background-size: cover;
	background-position: 85% center;
	filter: none;
	transform: none;
}

.spd-app-slide::after {
	background:
		linear-gradient(90deg, rgba(4, 16, 32, .94) 0%, rgba(4, 16, 32, .72) 32%, rgba(4, 16, 32, .18) 58%, rgba(4, 16, 32, 0) 76%),
		linear-gradient(180deg, rgba(4, 16, 32, 0) 45%, rgba(4, 16, 32, .55) 100%);
}

.spd-app-slide__inner {
	max-width: 640px;
}

/* 2. 荣誉资质：证书完整显示 */
.spd-certs__item img {
	aspect-ratio: 3 / 4;
	object-fit: contain;
	background: #f8f9fa;
	padding: 6px;
}

.spd-honor-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.spd-honor-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--spd-line);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(9, 34, 66, .06);
	transition: transform .25s ease, box-shadow .25s ease;
}

.spd-honor-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 54px rgba(9, 34, 66, .13);
}

.spd-honor-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 4;
	padding: 14px;
	background: #f8f9fa;
}

.spd-honor-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.spd-honor-card__body {
	padding: 20px 22px 22px;
}

.spd-honor-card__title {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 6px;
}

.spd-honor-card__title a {
	color: var(--spd-ink);
}

.spd-honor-card__meta {
	font-size: 12.5px;
	color: var(--spd-muted);
	margin-bottom: 12px;
}

.spd-honor-card__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--spd-primary);
}

.spd-honor-single__media {
	max-width: 760px;
	margin: 0 auto 32px;
	padding: 18px;
	background: #f8f9fa;
	border: 1px solid var(--spd-line);
	border-radius: 14px;
}

.spd-honor-single__media img {
	display: block;
	width: 100%;
	max-height: 70vh;
	object-fit: contain;
	margin: 0 auto;
}

/* 3. 侧栏搜索框 */
.spd-side .widget_search form,
.spd-side .search-form {
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.spd-side .widget_search label,
.spd-side .search-form label {
	display: none;
}

.spd-side input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #e6edf5;
	border-radius: 8px;
	background: #fff;
	color: var(--spd-ink);
	font-size: 14px;
	outline: none;
}

.spd-side input[type="search"]:focus {
	border-color: var(--spd-primary);
	box-shadow: 0 0 0 3px rgba(var(--spd-primary-rgb), .12);
}

.spd-side .widget_search button[type="submit"],
.spd-side .widget_search input[type="submit"],
.spd-side .search-form button[type="submit"],
.spd-side .search-form input[type="submit"] {
	flex: none;
	width: auto;
	height: 44px;
	padding: 0 18px;
	border: 0;
	border-radius: 8px;
	background: var(--spd-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s ease;
}

.spd-side .widget_search button[type="submit"]:hover,
.spd-side .search-form button[type="submit"]:hover {
	background: var(--spd-primary-dark);
}

/* 4. 产品页锚点栏“立即询价” */
.spd-anchor a.spd-anchor__cta,
.spd-anchor a.spd-anchor__cta:hover {
	color: #fff !important;
}

.spd-anchor a.spd-anchor__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}

/* 5. 右侧快捷参数：完整展示 + 内部滚动 */
.spd-quick-specs {
	max-height: 320px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.spd-quick-specs::-webkit-scrollbar {
	width: 6px;
}

.spd-quick-specs::-webkit-scrollbar-thumb {
	background: #d7e2ef;
	border-radius: 6px;
}

/* 6. 参数表层次 */
.spd-specs-table th,
.spd-specs-table td {
	padding: 12px 16px;
	border-bottom: 1px solid #eef2f7;
}

.spd-specs-table th {
	background: #f8f9fa;
	color: #17304d;
	font-weight: 600;
}

.spd-specs-table tr:nth-child(even) td {
	background: #fcfdff;
}

.spd-prose table th {
	background: #f8f9fa;
}

.spd-prose table th,
.spd-prose table td {
	padding: 12px 16px;
	border: 1px solid #eef2f7;
}

/* 响应式 */
@media (max-width: 1100px) {
	.spd-honor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.spd-app-slide {
		aspect-ratio: 4 / 3;
		min-height: 0;
		height: auto;
	}

	.spd-app-slide__inner {
		max-width: 100%;
	}

	.spd-app-slide::after {
		background:
			linear-gradient(180deg, rgba(4, 16, 32, .1) 0%, rgba(4, 16, 32, .45) 45%, rgba(4, 16, 32, .9) 100%),
			linear-gradient(90deg, rgba(4, 16, 32, .55) 0%, rgba(4, 16, 32, 0) 70%);
	}

	.spd-honor-grid {
		grid-template-columns: 1fr;
	}

	.spd-honor-single__media {
		padding: 10px;
	}

	.spd-quick-specs {
		max-height: 260px;
	}
}

/* Gutenberg 搜索区块（侧栏） */
.spd-side .wp-block-search__label {
	display: none;
}

.spd-side .wp-block-search__inside-wrapper {
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.spd-side .wp-block-search__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #e6edf5;
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
	color: var(--spd-ink);
	outline: none;
	box-sizing: border-box;
}

.spd-side .wp-block-search__input:focus {
	border-color: var(--spd-primary);
	box-shadow: 0 0 0 3px rgba(var(--spd-primary-rgb), .12);
}

.spd-side .wp-block-search__button {
	flex: none;
	height: 44px;
	margin: 0;
	padding: 0 18px;
	border: 0;
	border-radius: 8px;
	background: var(--spd-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 44px;
	cursor: pointer;
}

.spd-side .wp-block-search__button:hover {
	background: var(--spd-primary-dark);
	color: #fff;
}

/* 参数表首列强调 + 搜索框图标 */
.spd-prose table td:first-child {
	background: #f8f9fa;
	font-weight: 600;
	color: #17304d;
}

.spd-side .wp-block-search__input,
.spd-side input[type="search"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f829a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 36px;
}

/* ==========================================================================
   v5 内容页宽度与页脚 Logo
   ========================================================================== */

/* 解除正文宽度限制 */
.spd-article__layout .spd-prose {
	max-width: none;
	width: 100%;
}

.spd-about-content__body {
	max-width: none;
	width: 100%;
	column-count: 1;
	column-gap: 0;
}

.spd-about-content__body h2,
.spd-about-content__body h3,
.spd-about-content__body h4,
.spd-about-content__body ul,
.spd-about-content__body ol {
	break-inside: avoid;
}

/* 正文排版呼吸感 */
.spd-prose {
	line-height: 1.9;
}

.spd-prose p {
	margin-bottom: 1.5em;
}

.spd-prose > p:first-of-type {
	font-size: 16.5px;
	color: var(--spd-ink-2);
}

/* 页脚 Logo 改为白色单色，适配深色底 */
.spd-footer__logo img {
	filter: brightness(0) invert(1);
	opacity: .92;
}

.spd-footer__logo:hover img {
	opacity: 1;
}

@media (max-width: 1100px) {
	.spd-about-content__body {
		column-count: 1;
		column-gap: 0;
	}
}

/* 技术参数区（正文表格）宽度与可读性 */
.spd-specs-content table {
	width: 100%;
	margin: 0;
	table-layout: auto;
}

.spd-specs-content table td:first-child {
	width: 32%;
}

.spd-specs-content table td {
	vertical-align: top;
	line-height: 1.7;
}

/* ==========================================================================
   v6 产品页：灯箱、相关下载、正文双图、图片 title
   ========================================================================== */

/* 灯箱 */
.spd-lightbox {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4vw;
	background: rgba(4, 12, 24, .92);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}

.spd-lightbox.is-open {
	opacity: 1;
	visibility: visible;
}

.spd-lightbox img {
	max-width: 92vw;
	max-height: 88vh;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 10px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
	background: #fff;
}

.spd-lightbox__close {
	position: absolute;
	top: 22px;
	right: 24px;
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	cursor: pointer;
	transition: background .2s ease;
}

.spd-lightbox__close:hover {
	background: rgba(255, 255, 255, .25);
}

/* 图集可点击提示 */
.spd-gallery__main img {
	cursor: zoom-in;
}

/* 相关下载 PDF 卡片 */
.spd-pdf-card {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 18px 22px;
	margin-bottom: 18px;
	background: #fff;
	border: 1px solid var(--spd-line);
	border-radius: 14px;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.spd-pdf-card:hover {
	border-color: rgba(var(--spd-primary-rgb), .35);
	box-shadow: 0 16px 36px rgba(9, 34, 66, .1);
	transform: translateY(-2px);
}

.spd-pdf-card__icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	width: 58px;
	height: 68px;
	flex: none;
	border-radius: 10px;
	background: #fff5f5;
	color: #d8342c;
}

.spd-pdf-card__icon em {
	font-style: normal;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
}

.spd-pdf-card__body {
	flex: 1;
	min-width: 0;
}

.spd-pdf-card__body strong {
	display: block;
	font-size: 16px;
	color: var(--spd-ink);
	margin-bottom: 4px;
	word-break: break-all;
}

.spd-pdf-card__body span {
	font-size: 12.5px;
	color: var(--spd-muted);
}

.spd-pdf-card__action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: none;
	font-size: 14px;
	font-weight: 600;
	color: var(--spd-primary);
}

/* 正文图片两图一排（由 spd_group_content_images() 生成 .spd-img-grid） */
.spd-img-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 26px 0;
}

.spd-img-grid > p {
	margin: 0;
}

.spd-img-grid img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 200px;
	max-height: 420px;
	object-fit: cover;
	margin: 0;
	border-radius: 12px;
}

.spd-img-grid > p:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.spd-img-grid > p:last-child:nth-child(odd) img {
	max-height: 460px;
}

@media (max-width: 640px) {
	.spd-img-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {
	.spd-pdf-card {
		padding: 14px 16px;
		gap: 12px;
	}

	.spd-pdf-card__icon {
		width: 48px;
		height: 58px;
	}

	.spd-pdf-card__action span {
		display: none;
	}

	.spd-lightbox {
		padding: 16px;
	}

	.spd-lightbox__close {
		top: 12px;
		right: 12px;
		width: 40px;
		height: 40px;
	}
}

/* 同一段落多图：两列网格 */
.spd-img-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 26px 0;
	align-items: stretch;
}

.spd-img-row img {
	width: 100%;
	height: 100%;
	min-height: 200px;
	max-height: 420px;
	object-fit: cover;
	margin: 0;
	border-radius: 12px;
}

.spd-img-row img:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	max-height: 460px;
}

@media (max-width: 640px) {
	.spd-img-row {
		grid-template-columns: 1fr;
	}
}

/* 内容图片完整显示：等比留白，不裁切 */
.spd-img-row img,
.spd-img-grid img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	max-height: none;
	object-fit: contain;
	background: #f8f9fa;
	padding: 6px;
	border-radius: 12px;
}

.spd-img-row img:last-child:nth-child(odd),
.spd-img-grid > p:last-child:nth-child(odd) img {
	aspect-ratio: auto;
	max-height: 480px;
	object-fit: contain;
}

/* 旧编辑器常见的 .post-image 图片容器：统一两列、完整显示 */
.spd-prose .post-image {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin: 24px 0;
	text-align: left;
}

.spd-prose .post-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	margin: 0;
	padding: 6px;
	background: #f8f9fa;
	border-radius: 12px;
}

.spd-prose .post-image img:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	aspect-ratio: auto;
	max-height: 480px;
}

.spd-prose > img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

@media (max-width: 640px) {
	.spd-prose .post-image {
		grid-template-columns: 1fr;
	}
}

/* 其他自定义 div 包裹的多图：同样两列完整显示 */
.spd-prose div:has(> img) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin: 24px 0;
}

.spd-prose div:has(> img) img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	margin: 0;
	padding: 6px;
	background: #f8f9fa;
	border-radius: 12px;
}

/* ==========================================================================
   v7 首页 Banner 轮播（主题设置 Repeater）
   ========================================================================== */
.spd-hero-slider {
	position: relative;
	overflow: hidden;
	background: #071a30;
	height: clamp(560px, 78vh, 760px);
}

.spd-hero-slider__track {
	display: flex;
	height: 100%;
	transition: transform .7s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}

.spd-hero-slider__slide {
	position: relative;
	flex: 0 0 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
}

.spd-hero-slider__slide::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(4, 16, 32, .95) 0%, rgba(4, 16, 32, .8) 42%, rgba(4, 16, 32, .28) 74%, rgba(4, 16, 32, .55) 100%);
}

.spd-hero-slider__inner {
	position: relative;
	z-index: 2;
	max-width: 720px;
	color: #fff;
}

.spd-hero-slider__title {
	font-size: clamp(34px, 4.4vw, 58px);
	line-height: 1.15;
	color: #fff;
	margin: 14px 0 18px;
}

.spd-hero-slider__desc {
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.9;
	color: rgba(255, 255, 255, .82);
	max-width: 620px;
	margin-bottom: 26px;
}

.spd-hero-slider__dots {
	position: absolute;
	left: 50%;
	bottom: 28px;
	transform: translateX(-50%);
	display: flex;
	gap: 9px;
	z-index: 3;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(4, 16, 32, .35);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.spd-hero-slider__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: rgba(255, 255, 255, .45);
	cursor: pointer;
	transition: width .25s ease, background .25s ease;
}

.spd-hero-slider__dot.is-active {
	width: 26px;
	border-radius: 999px;
	background: #fff;
}

@media (max-width: 782px) {
	.spd-hero-slider {
		height: 520px;
	}

	.spd-hero-slider__slide::before {
		background: linear-gradient(180deg, rgba(4, 16, 32, .55) 0%, rgba(4, 16, 32, .78) 100%);
	}

	.spd-hero-slider__dots {
		bottom: 18px;
	}
}

/* 后台 Repeater / PDF / SMTP 提示 */
.spd-repeater__row {
	padding: 12px;
	margin-bottom: 12px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 6px;
}

.spd-repeater__field {
	margin: 0 0 10px;
}

.spd-repeater__field label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.spd-repeater__media {
	margin-top: 6px;
}

.spd-repeater__media-preview img {
	max-width: 120px;
	height: auto;
	border-radius: 4px;
	margin-top: 6px;
	display: block;
}

.spd-repeater__actions {
	margin: 0;
	display: flex;
	gap: 12px;
}

.spd-smtp-result.is-ok {
	color: #1a7f37;
	font-weight: 600;
}

.spd-smtp-result.is-error {
	color: #b32d2e;
	font-weight: 600;
}

.spd-ai-status.is-ok {
	color: #1a7f37;
}

.spd-ai-status.is-error {
	color: #b32d2e;
}

/* 功能开关：留言关闭时的提示 */
.spd-form-closed {
	padding: 22px 24px;
	border: 1px solid var(--spd-line);
	border-radius: 14px;
	background: #f8fafc;
	color: var(--spd-ink-2);
}

.spd-form-closed strong {
	display: block;
	font-size: 16px;
	color: var(--spd-ink);
	margin-bottom: 8px;
}

.spd-form-closed p {
	margin: 0;
	line-height: 1.8;
}

.spd-form-closed a {
	color: var(--spd-primary);
	font-weight: 600;
}

/* ==========================================================================
   v9 首页 Banner（后台复杂轮播）
   ========================================================================== */
.spd-hero {
	height: auto;
	background: linear-gradient(180deg, #f4f8fd 0%, #eef4fb 100%);
}

.spd-hero .spd-hero-slider__slide {
	display: block;
	height: auto;
	min-height: 640px;
	padding: 74px 0 66px;
	background: none;
}

.spd-hero .spd-hero-slider__slide::before {
	display: none;
}

.spd-hero__grid {
	display: grid;
	grid-template-columns: 1.04fr .96fr;
	gap: clamp(36px, 5vw, 76px);
	align-items: center;
	min-height: 520px;
}

.spd-hero__copy .spd-eyebrow {
	color: var(--spd-primary);
}

.spd-hero__title {
	font-size: clamp(36px, 4.2vw, 60px);
	line-height: 1.14;
	color: var(--spd-ink);
	margin: 16px 0 20px;
	letter-spacing: -.01em;
}

.spd-hero__title span,
.spd-hero__title em {
	color: var(--spd-primary);
	font-style: normal;
}

.spd-hero__desc {
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.9;
	color: var(--spd-muted);
	max-width: 600px;
	margin-bottom: 28px;
}

.spd-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
}

.spd-hero__quick {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	font-size: 13px;
}

.spd-hero__quick-label {
	color: var(--spd-muted);
	font-weight: 600;
	margin-right: 2px;
}

.spd-hero__quick a {
	padding: 7px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--spd-line);
	color: var(--spd-ink-2);
	transition: border-color .2s ease, color .2s ease;
}

.spd-hero__quick a:hover {
	border-color: var(--spd-primary);
	color: var(--spd-primary);
}

.spd-hero__visual {
	position: relative;
	padding: 18px;
	background: #fff;
	border: 1px solid #e6eef8;
	border-radius: 26px;
	box-shadow: 0 30px 70px rgba(9, 34, 66, .12);
}

.spd-hero__visual > img {
	display: block;
	width: 100%;
	height: clamp(360px, 36vw, 500px);
	object-fit: contain;
	background: #f6f9fd;
	border-radius: 18px;
}

.spd-hero__float {
	position: absolute;
	padding: 10px 14px;
	border-radius: 12px;
	background: #0b2a4a;
	color: #fff;
	box-shadow: 0 14px 30px rgba(9, 34, 66, .22);
	line-height: 1.25;
}

.spd-hero__float strong {
	display: block;
	font-size: 17px;
}

.spd-hero__float span {
	font-size: 11.5px;
	color: rgba(255, 255, 255, .72);
}

.spd-hero__float--top {
	top: 34px;
	right: -16px;
}

.spd-hero__float--bottom {
	right: 20px;
	bottom: 52px;
}

.spd-hero__cert {
	position: absolute;
	left: 30px;
	bottom: 28px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	border: 1px solid var(--spd-line);
	color: var(--spd-ink-2);
	font-size: 12px;
	font-weight: 600;
}

.spd-hero .spd-hero-slider__dots {
	background: rgba(11, 99, 214, .08);
}

.spd-hero .spd-hero-slider__dot {
	background: #b9cbe0;
}

.spd-hero .spd-hero-slider__dot.is-active {
	background: var(--spd-primary);
}

.spd-hero-stats {
	background: #fff;
	border-bottom: 1px solid var(--spd-line);
}

.spd-hero-stats__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 26px 0;
	list-style: none;
}

.spd-hero-stats__list li {
	text-align: center;
	padding: 6px 18px;
	border-left: 1px solid var(--spd-line);
}

.spd-hero-stats__list li:first-child {
	border-left: 0;
}

.spd-hero-stats__list strong {
	display: block;
	font-size: clamp(26px, 2.4vw, 34px);
	color: var(--spd-primary);
	line-height: 1.1;
}

.spd-hero-stats__list strong em {
	font-style: normal;
	font-size: 15px;
	margin-left: 2px;
}

.spd-hero-stats__list span {
	display: block;
	margin-top: 5px;
	font-size: 12.5px;
	color: var(--spd-muted);
}

@media (max-width: 1100px) {
	.spd-hero__grid {
		grid-template-columns: 1fr;
	}

	.spd-hero__visual > img {
		height: clamp(320px, 52vw, 460px);
	}
}

@media (max-width: 782px) {
	.spd-hero .spd-hero-slider__slide {
		min-height: 0;
		padding: 46px 0 54px;
	}

	.spd-hero__title {
		font-size: clamp(30px, 8vw, 42px);
	}

	.spd-hero__float--top {
		right: 8px;
	}

	.spd-hero__float--bottom {
		right: 8px;
		bottom: 44px;
	}

	.spd-hero__cert {
		left: 22px;
		bottom: 20px;
	}

	.spd-hero-stats__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 18px 0;
	}

	.spd-hero-stats__list li:nth-child(3) {
		border-left: 0;
	}

	.spd-hero-stats__list li:nth-child(n+3) {
		margin-top: 10px;
	}
}

/* 顶部公告栏 */
.spd-announce {
	background: #0b2a4a;
	color: #fff;
	font-size: 13.5px;
}

.spd-announce__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 42px;
	padding: 6px 0;
	flex-wrap: wrap;
}

.spd-announce__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #ffd28a;
	font-weight: 600;
	white-space: nowrap;
}

.spd-announce__link:hover {
	color: #fff;
}

/* 悬浮侧边栏 */
.spd-float-side {
	position: fixed;
	right: 18px;
	bottom: 120px;
	z-index: 900;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.spd-float-side__item,
.spd-float-side__qr {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 54px;
	min-height: 54px;
	padding: 8px 6px;
	background: #fff;
	border: 1px solid var(--spd-line);
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(9, 34, 66, .12);
	color: var(--spd-ink-2);
	font-size: 11px;
	text-align: center;
	transition: transform .2s ease, border-color .2s ease;
}

.spd-float-side__item span {
	display: none;
}

.spd-float-side__item:hover {
	transform: translateY(-3px);
	border-color: var(--spd-primary);
	color: var(--spd-primary);
}

.spd-float-side__qr {
	flex-direction: column;
	width: 92px;
	padding: 8px;
}

.spd-float-side__qr img {
	width: 76px;
	height: 76px;
	object-fit: contain;
	border-radius: 6px;
}

.spd-float-side__qr span {
	font-size: 11px;
	color: var(--spd-muted);
}

@media (max-width: 782px) {
	.spd-announce__inner {
		font-size: 12px;
		gap: 6px;
		text-align: center;
	}

	.spd-float-side {
		display: none;
	}
}

/* ==========================================================================
   v10 全站自适应：图片、Banner、文字、技术参数、表格、网格
   ========================================================================== */

/* 基础媒体与文字换行 */
img,
svg,
video,
canvas {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

.spd-prose iframe,
.spd-contact__map iframe {
	width: 100%;
	min-height: 320px;
	border: 0;
}

h1, h2, h3, h4, h5,
p, li, dt, dd, td, th {
	overflow-wrap: anywhere;
}

/* 表格：移动端横向滚动，不挤压参数 */
.spd-table-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.spd-table-scroll .spd-specs-table {
	min-width: 560px;
}

.spd-specs-content {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.spd-specs-content table {
	min-width: 640px;
}

.spd-specs-table {
	width: 100%;
}

.spd-specs-table th {
	width: 38%;
}

/* 图片两列在平板端就退回单列，避免挤压 */
@media (max-width: 768px) {
	.spd-img-row,
	.spd-img-grid,
	.spd-prose .post-image {
		grid-template-columns: 1fr !important;
	}

	.spd-img-row img,
	.spd-img-grid img,
	.spd-prose .post-image img {
		max-height: 460px;
	}
}

/* Banner 移动端自适应 */
@media (max-width: 782px) {
	.spd-hero-slider {
		height: auto;
		min-height: 0;
	}

	.spd-hero-slider__track {
		height: auto;
	}

	.spd-hero-slider__slide {
		height: auto;
		min-height: 520px;
		padding: 92px 0 70px;
		background-position: center;
	}

	.spd-hero-slider__inner {
		max-width: 100%;
		padding-right: 6px;
	}

	.spd-hero-slider__title {
		font-size: clamp(28px, 8vw, 40px);
		line-height: 1.18;
	}

	.spd-hero-slider__desc {
		font-size: 15px;
		line-height: 1.8;
		margin-bottom: 20px;
	}

	.spd-hero-slider__dots {
		bottom: 18px;
	}

	.spd-hero-slider__slide .spd-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.spd-hero-slider__slide {
		min-height: 480px;
	}

	.spd-hero-slider__title {
		font-size: 26px;
	}
}

/* 技术参数区与详情页布局 */
@media (max-width: 1100px) {
	.spd-pdp__top,
	.spd-pdp__layout,
	.spd-about-intro__inner,
	.spd-contact__grid {
		grid-template-columns: 1fr !important;
	}

	.spd-pdp__top {
		gap: 26px;
	}

	.spd-side {
		position: static;
	}
}

/* 产品图与图集 */
.spd-gallery__main img,
.spd-product-card__media img,
.spd-hero-xl__media img {
	max-height: 560px;
	object-fit: contain;
}

@media (max-width: 782px) {
	.spd-gallery__main img,
	.spd-product-card__media img,
	.spd-hero-xl__media img {
		max-height: 340px;
	}

	.spd-quick-specs {
		max-height: 300px;
	}

	.spd-specs-table th,
	.spd-specs-table td {
		padding: 10px 12px;
		font-size: 13px;
	}
}

/* 网格在中小屏逐级降列 */
@media (max-width: 1100px) {
	.spd-grid--4,
	.spd-honor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 782px) {
	.spd-grid--4,
	.spd-grid--3,
	.spd-grid--2,
	.spd-honor-grid,
	.spd-certs,
	.spd-footer__grid,
	.spd-stats-band__grid,
	.spd-news,
	.spd-culture,
	.spd-feature-grid {
		grid-template-columns: 1fr !important;
	}

	.spd-stats-band__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.spd-certs {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.spd-footer__grid {
		gap: 26px;
	}

	.spd-cta-band__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 22px;
	}

	.spd-cta-band__actions {
		width: 100%;
		flex-direction: column;
	}

	.spd-cta-band__actions .spd-btn {
		width: 100%;
		justify-content: center;
	}
}

/* 正文表格在手机端横向滚动而不是压缩 */
@media (max-width: 782px) {
	.spd-prose table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.spd-prose table th,
	.spd-prose table td {
		white-space: nowrap;
	}
}

/* 锚点导航横向滚动 */
@media (max-width: 782px) {
	.spd-anchor__inner {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.spd-anchor__links {
		flex-wrap: nowrap;
		width: max-content;
		min-width: 100%;
	}

	.spd-anchor__cta {
		display: none;
	}
}

/* 技术参数表：手机端改为上下两行，避免横向截断 */
@media (max-width: 640px) {
	.spd-specs-content,
	.spd-table-scroll {
		overflow-x: visible;
	}

	.spd-specs-content table,
	.spd-table-scroll .spd-specs-table,
	.spd-specs-table {
		display: block;
		width: 100%;
		min-width: 0;
		white-space: normal;
	}

	.spd-specs-content tr,
	.spd-specs-table tr {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #eef2f7;
	}

	.spd-specs-content th,
	.spd-specs-content td,
	.spd-specs-table th,
	.spd-specs-table td {
		display: block;
		width: auto;
		padding: 2px 12px;
		border: 0;
		background: none;
		white-space: normal;
	}

	.spd-specs-content th,
	.spd-specs-table th {
		font-size: 12px;
		font-weight: 600;
		color: #6f829a;
		padding-bottom: 3px;
	}

	.spd-specs-content td,
	.spd-specs-table td {
		font-size: 14px;
		color: var(--spd-ink);
		padding-top: 0;
	}
}

/* 提升优先级，覆盖正文表格的 nowrap / min-width */
@media (max-width: 640px) {
	.spd-prose.spd-specs-content,
	.spd-table-scroll {
		overflow-x: visible;
	}

	.spd-prose.spd-specs-content table,
	.spd-table-scroll .spd-specs-table {
		min-width: 0 !important;
		width: 100% !important;
		white-space: normal !important;
	}

	.spd-prose.spd-specs-content th,
	.spd-prose.spd-specs-content td,
	.spd-table-scroll .spd-specs-table th,
	.spd-table-scroll .spd-specs-table td {
		white-space: normal !important;
		width: auto !important;
		max-width: 100% !important;
		word-break: break-word;
	}
}

/* 产品详情页移动端优化 */
@media (max-width: 782px) {
	.spd-gallery__main {
		aspect-ratio: auto;
		height: 320px;
	}

	.spd-gallery__main img {
		width: 100%;
		height: 100%;
		max-height: 320px;
		object-fit: contain;
	}

	.spd-gallery__thumb {
		width: 56px;
		height: 56px;
	}

	.spd-pdp__title {
		font-size: clamp(1.5rem, 7vw, 2rem);
		line-height: 1.25;
	}

	.spd-pdp__top {
		gap: 16px;
	}

	.spd-anchor a.spd-anchor__cta,
	.spd-anchor .spd-anchor__cta {
		display: none !important;
	}

	.spd-product-card__media,
	.spd-grid--4 .spd-product-card__media {
		height: 240px;
	}

	.spd-quick-specs {
		max-height: 260px;
	}

	.spd-pdp__layout {
		gap: 24px;
	}
}

@media (max-width: 1100px) and (min-width: 783px) {
	.spd-gallery__main {
		aspect-ratio: auto;
		height: 420px;
	}

	.spd-gallery__main img {
		width: 100%;
		height: 100%;
		max-height: 420px;
		object-fit: contain;
	}
}

/* 产品详情页：允许网格/弹性子项收缩，避免表格、iframe 撑破页面 */
.spd-pdp__layout,
.spd-pdp__layout > *,
.spd-pdp__sections,
.spd-pdp__sections > *,
.spd-panel,
.spd-prose,
.spd-side {
	min-width: 0;
	max-width: 100%;
}

.spd-pdp__sections .spd-prose iframe,
.spd-pdp__sections .spd-prose video,
.spd-pdp__sections .spd-prose embed {
	width: 100% !important;
	max-width: 100% !important;
}

/* FAQ 问题行允许换行 */
.spd-faq__q {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* 移动端汉堡按钮靠右与 Logo 同排 */
@media (max-width: 1400px) {
	.spd-header__inner {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}

	.spd-header__actions {
		grid-column: 3;
		justify-self: end;
		margin-left: auto;
	}
}

/* 正文多列表格：手机端等宽换行，避免被裁切 */
@media (max-width: 782px) {
	.spd-prose table {
		display: table;
		table-layout: fixed;
		width: 100%;
		overflow: visible;
	}

	.spd-prose table th,
	.spd-prose table td {
		white-space: normal !important;
		word-break: break-word;
		padding: 8px 6px;
		font-size: 12.5px;
		line-height: 1.6;
	}
}

/* 产品页各内容模块在平板/手机端统一收缩 */
@media (max-width: 1100px) {
	.spd-product-card {
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.spd-product-card__media {
		width: 100%;
		height: 260px;
		flex: none;
	}

	.spd-product-card__body {
		width: 100%;
	}

	.spd-case-card,
	.spd-post-card,
	.spd-video-card {
		max-width: 100%;
		overflow: hidden;
	}

	.spd-case-card__media img,
	.spd-post-card__media img,
	.spd-video-card__media img {
		width: 100%;
		height: auto;
	}

	.spd-pdf-card {
		flex-wrap: wrap;
		row-gap: 10px;
	}

	.spd-pdf-card__body {
		min-width: 0;
		flex: 1 1 200px;
	}

	.spd-pdf-card__action {
		margin-left: auto;
	}

	.spd-inquiry-card .spd-form__grid,
	.spd-side .spd-form__grid {
		grid-template-columns: 1fr;
	}

	.spd-side-cta {
		width: 100%;
	}

	.spd-side-cta .spd-btn {
		width: 100%;
		justify-content: center;
	}
}

/* 相关案例、文章卡片手机端压缩图片高度 */
@media (max-width: 782px) {
	.spd-case-card__media {
		aspect-ratio: 16 / 9;
		max-height: 240px;
	}

	.spd-case-card__media img {
		height: 100%;
		object-fit: cover;
	}

	.spd-post-card__media {
		max-height: 240px;
	}

	.spd-post-card__media img {
		height: 100%;
		object-fit: cover;
	}

	.spd-faq__q {
		padding-right: 6px;
	}
}

@media (max-width: 560px) {
	.spd-prose table th,
	.spd-prose table td {
		font-size: 11.5px;
		padding: 6px 4px;
		line-height: 1.5;
	}
}

/* 相关模块：单项时自动占满，多项时按容器降列 */
.spd-rel__grid {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

@media (max-width: 782px) {
	.spd-rel__grid {
		grid-template-columns: 1fr !important;
	}
}

/* 移动端 Logo 与菜单按钮统一 44px 行高对齐 */
@media (max-width: 782px) {
	.spd-header__inner {
		min-height: 64px;
	}

	.spd-brand__link {
		height: 44px;
		display: flex;
		align-items: center;
	}

	.spd-brand__img,
	.spd-brand .custom-logo {
		height: 38px;
		width: auto;
		max-height: 38px;
		display: block;
	}

	.spd-header__actions {
		height: 44px;
		align-items: center;
	}

	.spd-burger,
	.spd-header .spd-icon-btn {
		width: 44px;
		height: 44px;
	}
}

/* 相关案例/文章：固定高度时保持整宽，避免 aspect-ratio 把图片缩窄 */
@media (max-width: 782px) {
	.spd-case-card__media {
		width: 100%;
		height: 240px;
		max-height: none;
		aspect-ratio: auto;
	}

	.spd-case-card__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.spd-post-card__media {
		width: 100%;
		height: 240px;
		max-height: none;
		aspect-ratio: auto;
	}

	.spd-post-card__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* 移动端 Logo 上提，与搜索、菜单按钮视觉齐平 */
@media (max-width: 782px) {
	.spd-brand__link {
		line-height: 0;
	}

	.spd-brand__img,
	.spd-brand .custom-logo {
		position: relative;
		top: -20px;
	}
}

/* 产品主图在容器内水平/垂直居中 */
.spd-gallery__main {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.spd-gallery__main img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	padding: 0;
	object-fit: contain;
	object-position: center;
}

/* 产品主图源文件右侧留白略多，整体轻微右移使设备视觉居中 */
.spd-gallery__main img {
	transform: translateX(3%);
}

/* Banner 幻灯片：双按钮、图标、快速直达、浮标与渐变标题 */
.spd-hero-slider__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 4px 0 0;
}

.spd-hero-slider__actions .spd-btn--ghost {
	color: #fff;
	border-color: rgba(255, 255, 255, .38);
	background: rgba(255, 255, 255, .06);
}

.spd-hero-slider__actions .spd-btn--ghost:hover {
	background: rgba(255, 255, 255, .14);
	border-color: rgba(255, 255, 255, .6);
}

.spd-hero-slider__quick {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin-top: 26px;
	font-size: 13px;
}

.spd-hero-slider__quick-label {
	color: rgba(255, 255, 255, .62);
	font-weight: 600;
	margin-right: 2px;
}

.spd-hero-slider__quick a {
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .22);
	background: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .86);
	transition: background .2s ease, border-color .2s ease;
}

.spd-hero-slider__quick a:hover {
	background: rgba(255, 255, 255, .16);
	border-color: rgba(255, 255, 255, .5);
	color: #fff;
}

.spd-hero-slider__title span,
.spd-hero-slider__title em,
.spd-hero-xl__title em {
	background: linear-gradient(90deg, #4ea7ff 0%, #8fd0ff 48%, #c4e8ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.spd-hero-slider__floats {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 3;
}

.spd-hero-slider__float {
	position: absolute;
	right: clamp(24px, 5vw, 90px);
	min-width: 118px;
	padding: 10px 14px;
	border-radius: 12px;
	background: rgba(8, 27, 50, .82);
	border: 1px solid rgba(255, 255, 255, .14);
	color: #fff;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	line-height: 1.25;
}

.spd-hero-slider__float strong {
	display: block;
	font-size: 17px;
	color: #fff;
}

.spd-hero-slider__float span {
	font-size: 11.5px;
	color: rgba(255, 255, 255, .68);
}

.spd-hero-slider__float--top {
	top: 22%;
}

.spd-hero-slider__float--bottom {
	bottom: 22%;
}

.spd-hero-slider__cert {
	position: absolute;
	right: clamp(24px, 5vw, 90px);
	bottom: 9%;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: #17304d;
	font-size: 12px;
	font-weight: 600;
}

@media (max-width: 782px) {
	.spd-hero-slider__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.spd-hero-slider__actions .spd-btn {
		width: 100%;
		justify-content: center;
	}

	.spd-hero-slider__quick {
		margin-top: 18px;
	}

	.spd-hero-slider__floats {
		display: none;
	}
}

/* 前端标签页与标签云 */
.spd-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 34px;
}

.spd-tag-chip {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid var(--spd-line);
	background: #fff;
	color: var(--spd-ink-2);
	font-size: 13.5px;
	line-height: 1.2;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.spd-tag-chip:hover {
	border-color: var(--spd-primary);
	color: var(--spd-primary);
	background: #f5f9ff;
}

.spd-tag-chip.is-active {
	background: var(--spd-primary);
	border-color: var(--spd-primary);
	color: #fff;
}

.spd-tag-chip.is-lg {
	font-size: 15px;
	font-weight: 600;
}

.spd-tag-chip.is-sm {
	font-size: 12.5px;
	color: var(--spd-muted);
}

.spd-tag-chip__hash {
	opacity: .55;
	margin-right: 1px;
}

.spd-tag-chip em {
	font-style: normal;
	font-size: 11px;
	line-height: 1;
	padding: 3px 6px;
	margin-left: 6px;
	border-radius: 999px;
	background: rgba(11, 99, 214, .08);
	color: var(--spd-primary);
}

.spd-tag-chip.is-active em {
	background: rgba(255, 255, 255, .18);
	color: #fff;
}

.spd-tags-index__intro {
	max-width: 900px;
	margin-bottom: 28px;
}

.spd-tags-index__head {
	margin-bottom: 18px;
}

.spd-tags-index__title {
	font-size: 22px;
	margin: 0 0 4px;
}

.spd-tags-index__desc {
	margin: 0;
	color: var(--spd-muted);
	font-size: 14px;
}

.spd-tags-index__popular {
	margin-top: 10px;
	padding-top: 24px;
	border-top: 1px solid var(--spd-line);
}

.spd-tags-index__popular h3 {
	font-size: 17px;
	margin: 0 0 12px;
}

.spd-tags-index__popular ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.spd-tags-index__popular li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid var(--spd-line);
	border-radius: 10px;
	background: #fff;
	font-size: 13.5px;
}

.spd-tags-index__popular li span {
	color: var(--spd-muted);
	font-size: 12px;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.spd-tags-index__popular ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.spd-tag-chip {
		padding: 7px 11px;
		font-size: 12.5px;
	}

	.spd-tags-index__popular ul {
		grid-template-columns: 1fr;
	}
}