/* 游戏瀑布流布局样式 */

/* 游戏分类整体容器 */
.game-container {
    padding: 0 15px;
    overflow: visible; /* 取消滚动，让内容自然流动 */
}



/* 游戏分类板块 */
.game-section {
    margin-bottom: 30px;
}

/* 分类标题栏 */
.category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

/* 分类标题样式 */
.game-category-title {
    font-size: 21px !important; /* 增加字体大小到21px */
    font-weight: bold;
    color: var(--active-color) !important; /* 添加!important确保优先级 */
    display: flex;
    align-items: center;
}

/* 增加选择器特异性 */
html body .game-category-title {
    font-size: 21px !important; /* 确保在所有情况下都是21px */
    color: var(--active-color) !important;
}

/* 确保子元素也使用正确的颜色 */
.game-category-title * {
    color: var(--active-color) !important;
}

.category-icon {
    margin-right: 8px;
    font-size: 20px;
}

/* 查看全部链接样式 */
.view-all {
    font-size: 16px !important; /* 增加字体大小到16px */
    cursor: pointer;
}

/* 增加选择器特异性 */
html body .view-all {
    font-size: 16px !important; /* 确保在所有情况下都是16px */
}

.view-all:hover {
    text-decoration: underline;
}

/* 游戏卡片网格容器 - index页面特定样式 */
.game-section .game-grid {
    padding: 0; /* 移除内边距 */
    margin: 0; /* 移除外边距 */
    gap: 15px; /* 统一使用15px的间距 */
    grid-auto-rows: auto; /* 自动调整行高 */
}

/* 分类底部区域 */
.category-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    padding: 0 5px;
    text-align: center;
}

.games-count {
    font-size: 14px;
    color: var(--secondary-color);
    text-align: center;
    width: 100%;
}

.current-games-count {
    color: var(--secondary-color) !important;
    font-weight: bold;
}

/* 加载更多按钮 */
.load-more-btn {
    background-color: transparent;
    padding: 0px 15px;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s ease;
    text-align: center;
    color: var(--secondary-color);
}

.load-more-btn i {
    margin-left: 5px;
}

.load-more-btn:hover {
    color: var(--text-color);
}

.load-more-btn.loading {
    color: var(--secondary-color, );
    cursor: wait;
}

/* 无游戏状态提示 */
.no-games, .no-category-games {
    grid-column: 1 / -1;
    padding: 20px;
    text-align: center;
    color: var(--secondary-color);
    background-color: var(--primary-colo);
    border-radius: 8px;
}

/* 响应式布局 - 保持一致的间距 */
@media (max-width: 768px) {
    .game-section .game-grid {
        gap: 15px; /* 保持统一的间距 */
    }

    .category-header {
        flex-direction: row; /* 保持水平布局 */
        justify-content: space-between; /* 两端对齐 */
        align-items: center; /* 垂直居中 */
    }
}

/* Bgaming游戏特殊样式 - 改为填充整个卡片 */
.game-card[data-id^="GPKBG_"] .game-thumbnail {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    object-fit: cover !important;
}