* {
	/* 重置所有元素的内外边距 */
	margin: 0;
	padding: 0;
	/* 设置盒模型为border-box，确保padding和border不影响元素总宽度 */
	box-sizing: border-box;
}

body {
	/* 设置页面背景色为浅灰色 */
	background-color: #f5f5f5;
	/* 设置字体为系统默认无衬线字体 */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.container {
	/* 主容器设置为白色背景 */
	background-color: #ffffff;
	/* 设置圆角边框 */
	border-radius: 12px;
	/* 添加内边距 */
	padding: 40px 60px;
	/* 设置最大宽度，居中显示 */
	max-width: 90%;
	/* 水平居中 */
	margin: 40px 5%;
	/* 添加阴影效果 */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.title {
	/* 主标题样式 */
	font-size: 24px;
	/* 字体加粗 */
	font-weight: 700;
	/* 文字颜色 */
	color: #333333;
	/* 底部外边距 */
	margin-bottom: 15px;
	/* 文本居中 */
	text-align: center;
}

.subtitle {
	/* 副标题样式 */
	font-size: 16px;
	/* 文字颜色 */
	color: #666666;
	/* 底部外边距 */
	margin-bottom: 40px;
	/* 文本居中 */
	text-align: center;
	/* 字体粗细正常 */
	font-weight: 400;
}

.logo-grid {
	/* 标志网格容器 */
	/* 使用网格布局 */
	display: grid;
	/* 定义列：最小120px，最大1fr，自动填充 */
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	/* 列间距 */
	column-gap: 30px;
	/* 行间距 */
	row-gap: 35px;
	/* 对齐方式 */
	align-items: center;
	justify-items: center;
}

.logo-item {
	/* 单个标志容器 */
	/* 宽度 */
	width: 100%;
	/* 高度 */
	height: 60px;
	/* 弹性布局 */
	display: flex;
	/* 水平居中 */
	justify-content: center;
	/* 垂直居中 */
	align-items: center;
}

.logo-item img {
	/* 标志图片样式 */
	/* 最大宽度 */
	max-width: 100%;
	/* 最大高度 */
	max-height: 50px;
	/* 保持比例 */
	object-fit: contain;
	/* 透明度，悬停时变化 */
	opacity: 0.85;
	/* 过渡效果 */
	transition: opacity 0.3s ease;
}

.logo-item img:hover {
	/* 鼠标悬停效果 */
	opacity: 1;
}