/* index-case-hover.css — jq-juquan 聚全首页案例 juquankeji.com */
@media (min-width: 769px) {
	#project .project_box.jq-home-case-item {
		position: relative;
		display: block;
		overflow: hidden;
		text-decoration: none;
		color: inherit;
	}

	#project .project_box.jq-home-case-item .project_pop {
		display: none !important;
	}

	#project .jq-home-case-cover {
		position: relative;
		display: grid !important;
		grid-template-areas: "cover-stack";
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #ececec;
	}

	#project .jq-home-case-cover-link {
		grid-area: cover-stack;
		display: block;
		width: 100%;
		height: 100%;
		line-height: 0;
		z-index: 1;
	}

	#project .jq-home-case-cover-img {
		display: block;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		object-fit: cover;
		object-position: center center;
		transition: transform 0.4s ease;
	}

	#project .jq-home-case-item:hover .jq-home-case-cover-img {
		transform: scale(1.04);
	}

	#project .jq-home-case-cover .jq-case-hover-layer {
		grid-area: cover-stack;
		position: relative !important;
		z-index: 2;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 12px;
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center !important;
		background: rgba(0, 0, 0, 0.68) !important;
		text-align: center !important;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.28s ease, visibility 0.28s ease;
		box-sizing: border-box;
		align-self: stretch;
		justify-self: stretch;
	}

	#project .jq-home-case-item:hover .jq-case-hover-layer {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto;
	}

	#project .jq-home-case-cover .jq-case-hover-inner {
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center !important;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		text-align: center !important;
	}

	#project .jq-home-case-cover .jq-case-hover-name {
		display: block !important;
		margin: 0 0 14px;
		padding: 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.35;
		color: #fff !important;
		text-align: center !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#project .jq-home-case-cover .jq-case-hover-links {
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 8px 20px;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center !important;
	}

	#project .jq-home-case-cover .jq-case-hover-links a {
		display: inline-block !important;
		float: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 0 2px;
		border: 0 !important;
		background: none !important;
		font-size: 13px;
		line-height: 1.4;
		color: #fff !important;
		text-decoration: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.85) !important;
		transition: color 0.2s, border-color 0.2s;
	}

	#project .jq-home-case-cover .jq-case-hover-links a:hover {
		color: #fff !important;
		border-bottom-color: #fff !important;
	}

	#project .jq-home-case-item .jq-m-case-meta {
		display: none !important;
	}
}

@media (max-width: 768px) {
	#project .jq-home-case-cover .jq-case-hover-layer {
		display: none !important;
	}
}