@charset "utf-8";
/* CSS Document */
	/* 数据展示模块 */
	.data-block {
		width: 100%;
		/*padding: 60px 15px;*/
		background-color: #000000;
		box-shadow: 0px 5px 20px 0px #00000087;
	}
	.data-wrap {
		width: 98%;
		margin: 0 auto;
		padding: 60px;
	}
	/* 列表均分5列 */
	.data-list {
		list-style: none;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 40px 12px;
		text-align: center;
	}
	.data-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 15px;
		width: 100%;
	}
	/* 红色数字：clamp限制最大最小字号，不会超宽 */
	.data-num {
		font-size: clamp(32px, 5vw, 50px);
		font-weight: bold;
		color: #e6212a;
		transition: transform 0.3s ease;
		cursor: default;
		white-space: nowrap; /* 数字不换行 */
	}
	/* 鼠标移入放大10% */
	.data-num:hover {
		transform: scale(1.1);
	}
	/* 底部白色说明文字 */
	.data-desc {
		font-size: clamp(14px, 1.4vw, 20px);
		color: #cccccc;
		line-height: 1.6;
		word-break: break-all; /* 长文字自动换行，撑不出去 */
		letter-spacing: 3px;
	}

	/* 平板：992px以内 3列布局 */
	@media screen and (max-width: 992px) {
		.data-list {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	/* 手机：767px以内 单列垂直排列 */
	@media screen and (max-width: 767px) {
		.data-list {
			grid-template-columns: repeat(1, 1fr);
		}
		.data-block {
			padding: 40px 10px;
		}
		.data-item {
			gap: 16px;
			margin-bottom: 32px;
		}
	}