/* 基础设置：1rem = 10px，方便计算 */
	body,html {
		padding: 0;
		margin: 0;
		font-size: 62.5%; /* 16px * 62.5% = 10px */
	}

	.bgIndex {
		width: 100%;
		height: 100vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		transition: background-image 0.5s ease-in-out;
	}

	.module {
		display: flex;
		 /* flex-wrap: wrap; */
		 /* justify-content: space-between; */
		/* position: relative; */
		/* z-index: 10; */
	}

	.item {
		cursor: pointer;
		border-right: solid 1px rgba(255, 255, 255, 0.3);
		width: 20%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: all 0.3s ease;
		/* text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); */
		text-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.3);
	}

	.item a {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-weight: 800;
		/* font-size: 60px; */
		font-size: clamp(2rem, 5vw, 6rem);/* 字体大小改为rem单位，自适应 */
		color: #FFFFFF;
		text-decoration: none;
	}

	.item:last-child {
		border-right: solid 0px rgba(255, 255, 255, 0.3);
	}

	/* 添加悬停效果 */
	.item:hover {
		/* transform: scale(1.02); */
	}

	.item .iconRig {
		/* width: 80px;
		height: 80px; */
		width: clamp(4rem, 8vw, 8rem);/*最小 中等 最大*/
		height: auto;
		transition: all 0.3s ease;
		/* opacity: 0.8; */
	}

	/* 选中状态样式 */
	.item.active .iconRig {
		/* opacity: 1; */
		transform: scale(1.1);
	}