/* Image：默认半透明，鼠标悬停恢复清晰 */

.vc-image {
	opacity: var(--vc-img-opacity, .7);
	transition: opacity 1.2s ease;
}

.vc-image:hover {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.vc-image {
		transition: none;
	}
}

/* Image：四周渐隐，让图片边缘自然过渡到版面背景（对 Light / Dark / Eyecare 通用） */

.vc-image-feather {
	--vc-img-feather: 80px;
	-webkit-mask-image:
		linear-gradient(to right,
			transparent 0, #000 var(--vc-img-feather),
			#000 calc(100% - var(--vc-img-feather)), transparent 100%),
		linear-gradient(to bottom,
			transparent 0, #000 var(--vc-img-feather),
			#000 calc(100% - var(--vc-img-feather)), transparent 100%);
	-webkit-mask-composite: source-in;
	mask-image:
		linear-gradient(to right,
			transparent 0, #000 var(--vc-img-feather),
			#000 calc(100% - var(--vc-img-feather)), transparent 100%),
		linear-gradient(to bottom,
			transparent 0, #000 var(--vc-img-feather),
			#000 calc(100% - var(--vc-img-feather)), transparent 100%);
	mask-composite: intersect;
}