.hover-link {
	display: inline-block;
	position: relative;
	
	
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	
	border-radius: 4px;
	
}

.hover-link:hover {
	background: rgba(255, 215, 0, 0.2);
	transform: translateY(-2px);
}

/* 右侧图片展示样式 */
.hover-link-side {
	display: inline-block;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 4px 8px;
	border-radius: 4px;
}

.hover-link-side:hover {
	background: linear-gradient(90deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
	color: #667eea !important;
	transform: translateX(5px);
}

/* 遮罩层 */
.image-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999998;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	pointer-events: none;
}

.hover-link:hover .image-popup-overlay {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.image-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 920px;
	max-width: 90vw;
	height: 520px;
	max-height: 80vh;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: 999999;
	border: 3px solid white;
	background: white;
	pointer-events: none;
	will-change: transform, opacity;
}

.hover-link:hover .image-popup {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, -50%) scale(1);
}

.image-popup img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.hover-link:hover .image-popup img {
	transform: scale(1.02);
}