.controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.controls .level-select {
    display: flex;
    gap: 5px;
}

.controls .level-select button {
    flex: 1;
}

.controls .level-select button.active {
    background-color: #007bff;
    color: white;
}

.mines {

    margin-right: 10px;
    font-size: 1.2em;
}

.mines-container {
    display: flex;
    align-items: center;
    /* 垂直居中对齐 */
    justify-content: flex-start;
    /* 水平靠左对齐 */
}

.game-result {
    font-weight: bold;
    color: red;
    /* 默认颜色为红色，表示失败 */
    display: none;
    /* 默认隐藏 */
    margin-left: 10px;
    /* 根据需要调整左边距 */
}

.game-result.win {
    color: green;
    /* 胜利时的颜色 */
}

.time {

    font-size: 1.2em;
}

.tab-grid {
    display: grid;
    grid-gap: 1px;
    background-color: #ccc;
}

.tab {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.tab.opened {
    background-color: #eee;
}

.tab.bomb.show {
    background-image: url('../imgs/mine.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: white;
}

.tab.flag {
    background-image: url('../imgs/flag.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}