/* =================================================================
 * 产品中心补充样式
 *
 * 版式主体（.procate_box / .pro_cate_one / .prodetail_*）全部来自
 * index.css 里迁移自旧站的规则，这里只放「结构优化」带来的增量：
 *
 * 1. 列表整卡可点：旧版卡片是 div + 内部「更多」小按钮，现改为
 *    <a> 整卡链接，需要把块级表现和悬浮态补上；
 * 2. 明细页第 2/4 个宫格与交叉导航每行末尾的 margin 归零，
 *    旧站靠内联 style="margin-right:0px" 实现，这里类名化；
 * 3. 面包屑首符号的左缩进同样由内联样式类名化。
 * ================================================================= */

/* ---- 1. 列表整卡可点 ---- */

.pro_cate_one {
	display: block;
	text-decoration: none;
	color: inherit;
	transition: filter 0.25s ease;
}

.pro_cate_one:hover {
	filter: brightness(1.04);
}

.pro_cate_one:focus-visible {
	outline: 3px solid #eb8a1a;
	outline-offset: 2px;
	filter: none;
}

/* 键盘焦点落到卡片上时，让「更多」按钮同步高亮，视线有落点 */
.pro_cate_one:focus-visible .pco_a {
	background-color: #d7190b;
}

/* ---- 2. 内联样式类名化 ---- */

.prodetail_box4 .one-end {
	margin-right: 0;
}

.prodetail_box11 a.one-end {
	margin-right: 0;
}

.prodetail_menu1 > span:first-child {
	margin-left: 36px;
}

/* ---- 3. 动效偏好 ---- */

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