/**
 * 首页「解决方案」— 紫罗兰像素 Canvas 背景（融入原紫色区块）
 */

body.home .home-solution.ed-home-solution--canvas,
body.page-template-page-new-home-php .home-content .home-solution.ed-home-solution--canvas {
	position: relative;
	overflow: hidden;
	background-color: #0e0018 !important;
	background-image: none !important;
}

body.home .home-solution.ed-home-solution--canvas.vc_custom_1606618458851,
body.home .home-solution.ed-home-solution--canvas.vc_custom_1606098308567,
body.home .home-solution.ed-home-solution--canvas.vc_custom_1606618853842,
body.page-template-page-new-home-php .home-content .home-solution.ed-home-solution--canvas {
	background-image: none !important;
}

.ed-home-solution-canvas-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

#ed-home-solution-canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.ed-home-solution-scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(
			180deg,
			rgba(14, 0, 24, 0.25) 0%,
			rgba(46, 0, 88, 0.12) 40%,
			rgba(14, 0, 24, 0.32) 100%
		),
		url(../images/bg-violet-floral.svg);
	background-repeat: no-repeat, repeat;
	background-size: 100% 100%, 460px 460px;
	opacity: 0.78;
	animation: ed-home-solution-floral 52s linear infinite;
}

@keyframes ed-home-solution-floral {
	0% {
		background-position: 0 0, 0 0;
	}
	100% {
		background-position: 0 0, 460px 460px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ed-home-solution-scrim {
		animation: none;
	}
}

/* WPBakery 正文与九模块卡片浮于 Canvas 之上 */
body.home .home-solution.ed-home-solution--canvas > *:not(.ed-home-solution-canvas-wrap):not(.ed-home-solution-scrim),
body.page-template-page-new-home-php .home-content .home-solution.ed-home-solution--canvas > *:not(.ed-home-solution-canvas-wrap):not(.ed-home-solution-scrim) {
	position: relative;
	z-index: 2;
}

body.home .home-solution.ed-home-solution--canvas .home-solution-text,
body.home .home-solution.ed-home-solution--canvas .home-solution-text h2,
body.home .home-solution.ed-home-solution--canvas .home-solution-text p,
body.page-template-page-new-home-php .home-solution.ed-home-solution--canvas .home-solution-text h2,
body.page-template-page-new-home-php .home-solution.ed-home-solution--canvas .home-solution-text p {
	color: #fff;
	text-shadow: 0 2px 12px rgba(14, 0, 24, 0.35);
}

body.home .home-solution.ed-home-solution--canvas .vc_col-sm-6 .wpb_text_column .wpb_wrapper,
body.page-template-page-new-home-php .home-solution.ed-home-solution--canvas .vc_col-sm-6 .wpb_text_column .wpb_wrapper {
	background: rgba(255, 255, 255, 0.97);
}