/* 游戏画廊容器：Flex 布局 + 换行 + 靠左对齐 */
.game-gallery {
    display: flex;
    flex-wrap: wrap; /* 超出一行自动换行 */
    gap: 15px; /* 标签之间的间距（水平+垂直），可按需调整 */
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0; /* 上下内边距，可选 */
    /* 核心：取消原有居中，改为靠左对齐 */
    justify-content: flex-start;
    /* 清除行内样式的 justify-content: center（行内样式优先级高，需覆盖） */
    justify-content: flex-start !important;
}

/* 每个游戏项：宽度均分6份（保证每行刚好6个） */
.game-item.game-thumb-link {
    /* 宽度计算公式：(容器总宽度 - 6个元素间的5个间距) / 6 */
    width: calc((100% - 5 * 15px) / 6);
    box-sizing: border-box; /* 确保内边距/边框不影响宽度计算 */
    text-decoration: none; /* 去掉a标签下划线（可选） */
}

/* 游戏图片：适配容器 + 样式优化 */
.game-thumb-image {
    width: 100%; /* 占满父容器宽度 */
    height: auto; /* 保持图片宽高比，避免变形 */
    object-fit: cover; /* 裁剪图片适配容器，防止拉伸 */
    border-radius: 8px; /* 可选：图片加圆角，提升美观度 */
    display: block; /* 去掉图片默认的行内空白间隙 */
}

/* 响应式适配（可选）：不同屏幕调整每行数量，仍保持靠左 */
/* 平板：每行3个，不足3个靠左 */
@media (max-width: 992px) {
    .game-item.game-thumb-link {
        width: calc((100% - 2 * 15px) / 3);
    }
}

/* 手机：每行2个，不足2个靠左 */
@media (max-width: 768px) {
    .game-item.game-thumb-link {
        width: calc((100% - 1 * 15px) / 2);
    }
}

/* 小屏手机：每行1个（自然靠左） */
@media (max-width: 480px) {
    .game-item.game-thumb-link {
        width: 100%;
        max-width: 300px; /* 限制最大宽度，避免过宽 */
    }
}
/* 父级a标签：相对定位（作为子元素绝对定位的参考） */
.game-item.game-thumb-link {
    position: relative; /* 核心：开启相对定位 */
    display: block; /* 转为块级元素，确保定位生效 */
    width: calc((100% - 5 * 15px) / 6); /* 保留之前每行6个的宽度计算 */
    box-sizing: border-box;
    text-decoration: none;
}

/* 左上角New标签：绝对定位 + 样式优化 */
.GameThumbLabel_label__dz3yR.GameThumbLabel_new__8GnG6 {
    /* 核心：绝对定位到左上角 */
    position: absolute;
    /* 样式优化（可选，根据设计调整） */
    background-color: #ff4757; /* 红色背景，突出New标识 */
    color: white; /* 白色文字 */
    font-size: 12px; /* 字号 */
    padding: 4px 8px; /* 内边距 */
    border-radius: 4px; /* 圆角 */
    z-index: 10; /* 确保在图片上方显示 */
    font-weight: bold; /* 加粗 */
    /* 消除默认样式（若有） */
    margin: 0;
    line-height: 1; /* 行高重置 */
}

/* 游戏图片：适配容器 + 样式（保留之前的配置） */
.game-thumb-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

/* 游戏画廊容器：保留每行6个+靠左的配置 */
.game-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    justify-content: flex-start !important; /* 覆盖行内样式的居中 */
}

/* 响应式适配（保留） */
@media (max-width: 992px) {
    .game-item.game-thumb-link {
        width: calc((100% - 2 * 15px) / 3);
    }
}
@media (max-width: 768px) {
    .game-item.game-thumb-link {
        width: calc((100% - 1 * 15px) / 2);
    }
}
@media (max-width: 480px) {
    .game-item.game-thumb-link {
        width: 100%;
        max-width: 300px;
    }
}