.game-banner-top {
    display: flow;
    justify-content: space-around;
}
.game-banner-bottom{
    margin-top: 10px;
    display: flex;
    width: 100%;
}
.game-item-bottom-a{
    width: 100%;
    justify-content: space-between;
}
.game-item-banner-top-text{
    height: 100%;
    width: 50%;
    align-self: center;
    align-items: center;
    justify-content: center;
}
.game-item-banner-top {
    display: flex;
    text-align: center;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    background-color: rgba(245, 202, 69);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 4px solid rgba(117, 84, 43, 0.2); /* 添加边框 */
}
.game-item-banner-bottom1 {
    margin-right: 5px;
    text-align: center;
    padding: 10px;
    width: 97%;
    border-radius: 3%;
    border-radius: 10px;
    background-color: rgba(84, 127, 233);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 4px solid rgba(74, 126, 126,0.5); /* 添加边框 */
}
.game-item-banner-bottom2 {
    text-align: center;
    padding: 10px;
    width: 97%;
    margin-left: 3%;
    border-radius: 10px;
    background-color: rgba(140, 177, 76);
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 4px solid rgba(94, 117, 48, 0.5);  /* 添加边框 */
}
.game-name, .game-score {
    margin: 0;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 2px #666666; /* 水平偏移 垂直偏移 模糊半径 颜色 */
}

.game-score {
    color: white;
    margin-top: 5px;
    font-size: 0.8rem;
}

.user-area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.user-area-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.user-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: gray; /* 示例颜色，应替换为实际用户头像 */
    margin-right: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9);
}
.user-avatar-top{
    align-self: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: gray; /* 示例颜色，应替换为实际用户头像 */
    margin-right: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9);
}
.user-score {
    font-weight: bold;
}