/* 主容器（全宽透明） */
.icons-wrapper {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr)); /* 修改这里 */
	gap: 5px;
	padding: 5px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	background: transparent;
}
/* 图标容器（改用aspect-ratio保持比例） */
.icon-container {
	position: relative;
	background: url('../icon/boxbg.png') no-repeat center/contain;
	aspect-ratio: 663/751; /* 关键修改：用现代比例属性 */
	transition: all 0.3s ease;
	width:100%;
}
/* 图标图片（使用百分比定位） */
.icon-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
}
/* 悬停效果 */
.icon-container:hover {
	transform: scale(1.05);
	z-index: 1;
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.15));
}
/* 图标图片设置 */
.icon-container.link-icon-1 .icon-img {
	background-image: url('../icon/box3_icon_01.png');
}
.icon-container.link-icon-2 .icon-img {
	background-image: url('../icon/box3_icon_02.png');
}
.icon-container.link-icon-3 .icon-img {
	background-image: url('../icon/box3_icon_03.png');
}
.icon-container.link-icon-4 .icon-img {
	background-image: url('../icon/box3_icon_04.png');
}
.icon-container.link-icon-5 .icon-img {
	background-image: url('../icon/box3_icon_05.png');
}
.icon-container.link-icon-6 .icon-img {
	background-image: url('../icon/box3_icon_06.png');
}
.icon-container.link-icon-7 .icon-img {
	background-image: url('../icon/box3_icon_07.png');
}
.icon-container.link-icon-8 .icon-img {
	background-image: url('../icon/box3_icon_08.png');
}
.icon-container.link-icon-9 .icon-img {
	background-image: url('../icon/box3_icon_09.png');
}
.icon-container.link-icon-10 .icon-img {
	background-image: url('../icon/box3_icon_10.png');
}
.icon-container.link-icon-11 .icon-img {
	background-image: url('../icon/box4_icon_01.png');
}
.icon-container.link-icon-12 .icon-img {
	background-image: url('../icon/box4_icon_02.png');
}
.icon-container.link-icon-13 .icon-img {
	background-image: url('../icon/box4_icon_03.png');
}
.icon-container.link-icon-14 .icon-img {
	background-image: url('../icon/box4_icon_04.png');
}
.icon-container.link-icon-15 .icon-img {
	background-image: url('../icon/box4_icon_05.png');
}
.icon-container.link-icon-16 .icon-img {
	background-image: url('../icon/box4_icon_06.png');
}
.icon-container.link-icon-17 .icon-img {
	background-image: url('../icon/box4_icon_07.png');
}
.icon-container.link-icon-18 .icon-img {
	background-image: url('../icon/box4_icon_08.png');
}
.icon-container.link-icon-19 .icon-img {
	background-image: url('../icon/box4_icon_09.png');
}
.icon-container.link-icon-20 .icon-img {
	background-image: url('../icon/box4_icon_10.png');
}
.icon-container.link-icon-21 .icon-img {
	background-image: url('../icon/box4_icon_11.png');
}
.icon-container.link-icon-22 .icon-img {
	background-image: url('../icon/box4_icon_12.png');
}
.icon-container.link-icon-23 .icon-img {
	background-image: url('../icon/box4_icon_13.png');
}
.icon-container.link-icon-24 .icon-img {
	background-image: url('../icon/box4_icon_14.png');
}
.icon-container.link-icon-25 .icon-img {
	background-image: url('../icon/box5_icon_01.png');
}
.icon-container.link-icon-26 .icon-img {
	background-image: url('../icon/box5_icon_02.png');
}
.icon-container.link-icon-27 .icon-img {
	background-image: url('../icon/box5_icon_03.png');
}
.icon-container.link-icon-28 .icon-img {
	background-image: url('../icon/box5_icon_04.png');
}
.icon-container.link-icon-29 .icon-img {
	background-image: url('../icon/box5_icon_05.png');
}
.icon-container.link-icon-30 .icon-img {
	background-image: url('../icon/box5_icon_06.png');
}
.icon-container.link-icon-31 .icon-img {
	background-image: url('../icon/box5_icon_07.png');
}
.icon-container.link-icon-32 .icon-img {
	background-image: url('../icon/box5_icon_08.png');
}
.icon-container.link-icon-33 .icon-img {
	background-image: url('../icon/box5_icon_09.png');
}
.icon-container.link-icon-34 .icon-img {
	background-image: url('../icon/box5_icon_10.png');
}
.icon-container.link-icon-35 .icon-img {
	background-image: url('../icon/box5_icon_11.png');
}
.icon-container.link-icon-36 .icon-img {
	background-image: url('../icon/box5_icon_12.png');
}
.icon-container.link-icon-37 .icon-img {
	background-image: url('../icon/box5_icon_13.png');
}
.icon-container.link-icon-38 .icon-img {
	background-image: url('../icon/box5_icon_14.png');
}
.icon-container.link-icon-39 .icon-img {
	background-image: url('../icon/box5_icon_15.png');
}
.icon-container.link-icon-40 .icon-img {
	background-image: url('../icon/box5_icon_16.png');
}
.icon-container.link-icon-41 .icon-img {
	background-image: url('../icon/box5_icon_17.png');
}
.icon-container.link-icon-42 .icon-img {
	background-image: url('../icon/box5_icon_18.png');
}
.icon-container.link-icon-43 .icon-img {
	background-image: url('../icon/box5_icon_19.png');
}
.icon-container.link-icon-44 .icon-img {
	background-image: url('../icon/box5_icon_20.png');
}
.icon-container.link-icon-45 .icon-img {
	background-image: url('../icon/box5_icon_21.png');
}
/* 响应式调整 */
@media (max-width: 1280px) {
.icons-wrapper {
 grid-template-columns: repeat(7, minmax(0, 1fr)); /* 修改这里 */
}
}
@media (max-width: 1024px) {
.icons-wrapper {
 grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.icons-wrapper {
 grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (max-width: 780px) {
 .icons-wrapper {
 grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
 .icons-wrapper {
 grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 375px) {
.icons-wrapper {
 grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* 確保連結填充整個容器 */
.icon-container a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none; /* 移除底線 */
}
/* 如果圖標需要可點擊 */
.icon-img {
	pointer-events: none; /* 避免阻擋連結點擊 */
}