/* 游戏列表区域样式 */
.游戏列表区域 {
    margin: 20px auto;
    width: 1200px;
    box-sizing: border-box;
}

/* 游戏行样式 */
.游戏行 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

/* 游戏项样式 */
.游戏项 {
    width: 285px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

/* 游戏项链接样式 - 覆盖整个游戏项 */
.游戏项链接 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    text-decoration: none;
}

/* 游戏按钮组和按钮需要在链接之上 */
.游戏按钮组 {
    position: relative;
    z-index: 2;
}

.游戏按钮 {
    position: relative;
    z-index: 2;
}
/* 游戏项选中样式 */
.游戏项.selected {
    box-shadow: 0 0 12px rgba(255, 153, 0, 0.4);
    transform: translateY(-2px);
}

/* 游戏项悬停样式 */
.游戏项:hover {
    box-shadow: 0 0 12px rgba(255, 153, 0, 0.3);
    transform: translateY(-2px);
}

/* 空白占位元素样式（保留尺寸，不显示内容） */
.游戏项.empty-slot {
    background: transparent; /* 透明背景 */
    box-shadow: none; /* 去除阴影 */
    border: none; /* 可选：添加虚线边框便于调试 border: 1px dashed #eee; */
    visibility: visible; /* 确保占位 */
}
/* 取消占位元素的交互效果 */
.游戏项.empty-slot:hover {
    transform: none;
    box-shadow: none;
}
/* 游戏图片容器样式 */
.游戏图片 {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
}

/* 游戏图片样式 */
.游戏图片 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.游戏图片 img:hover {
    transform: scale(1.05);
}

/* 游戏名称和标签容器 */
.游戏名称标签容器 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 15px 5px;
    padding-bottom: 8px; /* ← 这一行控制文字和虚线的距离 */
    border-bottom: 1px dashed #d9d5d6;
}

/* 游戏名称样式 */
.游戏名称 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/* 游戏分类样式 */
.游戏分类 {
    /*字体-大小: 12px;*/
    /*颜色: #666;*/
    margin: 0;
}

/* 版本介绍样式 */
.版本介绍 {
    padding-left: 15px;
    height: 34px;
    line-height: 1.71;
    overflow: hidden;
    line-height: 200%;
    font-size: 14px;
    color: #8a8a8a;
    border-bottom: 1px dashed #d9d5d6;
}
/* 版本介绍样式 */
.版本介绍作废 {
    font-size: 12px;
    color: #888;
    margin: 0 15px 12px;
    line-height: 1.4;
}

/* 游戏按钮组样式 */
.游戏按钮组 {
    display: flex;
    gap: 8px;
    padding: 0 15px 15px;
}

/* 游戏按钮样式 */
/*.游戏按钮 {
    弹性布局: 1;
    内边距: 6px 0;
    边框: 无效;
    边框-圆角: 4px;
    字体-大小: 12px;
    光标: 指针箭头;
    过渡: 所有 0.3s 缓动;
    颜色: white;
    文本-装饰: 无效;
    文本-对齐: 居中;
    显示模式: 内联块元素;
}*/

/* 游戏按钮样式 */
.游戏按钮 {
    float: right;
    width: 87px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
    font-size: 14px;
    /*color: #676767;*/
    margin-top: 5px;
    margin-left: -1px;
    text-decoration: none;
    border: 1px solid #dddddd;
}
/* 版本下载按钮样式 */
.版本下载 {
    background-color: #4caf50;
}

.版本下载:hover {
    /*背景-颜色: #45a049;*/
    border: 1px solid #ffcc00;
}

/* 游戏攻略按钮样式 */
.游戏攻略 {
    background-color: #2196f3;
}

.游戏攻略:hover {
    /*背景-颜色: #0b7dda;*/
    border: 1px solid #ffcc00;
}

/* 进入网站按钮样式 */
.进入网站 {
    background-color: #ff9800;
}

.进入网站:hover {
    /*背景-颜色: #e68a00;*/
    border: 1px solid #ffcc00;
}