/* ============================================================
   s2 层「装备属性」小图特效：常驻扫光 + 悬停放大发光
   只作用于 .s2 内的 a.preview，不影响 main.js 的大图预览逻辑
   ============================================================ */

.s2 li a.preview {
	position: relative;
	display: block;
	width: 42px;
	height: 42px;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: -webkit-transform .22s cubic-bezier(.2, .7, .35, 1.35), box-shadow .22s ease;
	transition: transform .22s cubic-bezier(.2, .7, .35, 1.35), box-shadow .22s ease;
}

/* 斜向高光带：窄、锐、带一点金调，像金属边缘反光而不是白纸条 */
.s2 li a.preview::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -20%;
	width: 140%;
	height: 200%;
	background: -webkit-linear-gradient(118deg,
		rgba(255, 246, 214, 0) 34%,
		rgba(255, 250, 232, .08) 43%,
		rgba(255, 253, 246, .42) 50%,
		rgba(255, 250, 232, .08) 57%,
		rgba(255, 246, 214, 0) 66%,
		rgba(255, 246, 214, 0) 100%);
	background: linear-gradient(118deg,
		rgba(255, 246, 214, 0) 34%,
		rgba(255, 250, 232, .08) 43%,
		rgba(255, 253, 246, .42) 50%,
		rgba(255, 250, 232, .08) 57%,
		rgba(255, 246, 214, 0) 66%,
		rgba(255, 246, 214, 0) 100%);
	mix-blend-mode: screen;
	-webkit-transform: translateX(-150%) rotate(22deg);
	transform: translateX(-150%) rotate(22deg);
	-webkit-animation: eqSweep 5.6s ease-in-out infinite;
	animation: eqSweep 5.6s ease-in-out infinite;
	-webkit-animation-delay: calc(var(--eqi, 0) * .055s);
	animation-delay: calc(var(--eqi, 0) * .055s);
	pointer-events: none;
}

@-webkit-keyframes eqSweep {
	0%, 66% { -webkit-transform: translateX(-150%) rotate(22deg); }
	90%, 100% { -webkit-transform: translateX(150%) rotate(22deg); }
}

@keyframes eqSweep {
	0%, 66% { transform: translateX(-150%) rotate(22deg); }
	90%, 100% { transform: translateX(150%) rotate(22deg); }
}

/* 悬停：放大 + 金色描边 + 外发光 */
.s2 li a.preview:hover {
	z-index: 20;
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	box-shadow:
		0 0 0 1px rgba(255, 214, 94, .95),
		0 0 12px 2px rgba(255, 170, 40, .70),
		0 0 26px 2px rgba(255, 110, 0, .32);
}

/* 悬停时补一次快速扫光，手感更"亮一下" */
.s2 li a.preview:hover::before {
	-webkit-animation: eqSweepOnce .62s ease-out;
	animation: eqSweepOnce .62s ease-out;
}

@-webkit-keyframes eqSweepOnce {
	0% { -webkit-transform: translateX(-150%) rotate(22deg); opacity: 0; }
	25% { opacity: 1; }
	100% { -webkit-transform: translateX(150%) rotate(22deg); opacity: 0; }
}

@keyframes eqSweepOnce {
	0% { transform: translateX(-150%) rotate(22deg); opacity: 0; }
	25% { opacity: 1; }
	100% { transform: translateX(150%) rotate(22deg); opacity: 0; }
}

.s2 li a.preview img {
	-webkit-transition: -webkit-filter .22s ease;
	transition: filter .22s ease;
}

.s2 li a.preview:hover img {
	-webkit-filter: brightness(1.22) saturate(1.15);
	filter: brightness(1.22) saturate(1.15);
}