.grid {
  	flex-direction: column;
    flex: 1;
}

.main-container {
    display: flex;
    flex-wrap: wrap;
	  justify-content: center;
    gap: 50px;
    align-items: start;
}

@media (max-width: 768px) {
  .grid { width: 100%; }
}

/* 1. 父容器：让三列整体“横向排列” */
.fan-container {
	display: flex;
	flex-direction: row;         /* 横向排成一排 */
	justify-content: space-around; /* 三列在水平方向均匀散开，两边留空 */
	align-items: center;         /* 垂直居中对齐 */
	gap: 20px;                   /* 三列之间的间距 */
	margin-bottom: -10px;
  padding: 10px 0 20px 0;
}

/* 2. 每一列：让内部的标题和数字“竖向排列” */
.fan-item {
  display: flex;
  flex-direction: column;      /* 核心：切换为垂直排列 */
  align-items: center;         /* 居中对齐，同时防止子元素被拉长 */
  text-align: center;          /* 文字水平居中 */
}

/* 3. 修饰文字样式（可根据喜好修改） */
.fan-item h3 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-main);                 /* 标题灰色 */
}

.fan-item .number {
  font-size: 2rem;
  font-weight: 900;
  color: var(--primary-blue);              /* 数字蓝色加粗 */
}