body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#game-container {
    width: 100vw;
    height: 100vh;
    position: relative;
    background-image: url('背景.png');
    background-size: cover;
    position: relative;
    /* 添加 z-index 属性，将背景置于最底层 */
    z-index: -1; 
}
.character {
    position: absolute;
}

#status {
    display: flex;
    flex-direction: row;
    /* 如果需要元素之间有间距，可以添加以下属性 */
    gap: 10px; 
}

#主角 {
    width: 56px;
    height: 94px;
    background-image: url('主角.png');
    background-size: cover;
    z-index: 2; 
}

#家 {
    width: 158px;
    height: 160px;
    background-image: url('家.png');
    background-size: cover;
    display: none;
    z-index: 1; 
}

.monster {
    width: 35px;
    height: 45px;
    background-image: url('小怪物1.png');
    background-size: cover;
    z-index: 1; 
}

#大怪物 {
    width: 40px;
    height: 52px;
    background-image: url('大怪物.png');
    background-size: cover;
    z-index: 1; 
}

#花卷 {
    width: 12px;
    height: 10px;
    background-image: url('花卷.png');
    background-size: cover;
    z-index: 1; 
}

#植物 {
    width: 15px;
    height: 10px;
    background-image: url('植物.png');
    background-size: cover;
    z-index: 1; 
}

#石头 {
    width: 16px;
    height: 16px;
    background-image: url('石头.png');
    background-size: cover;
    z-index: 1; 
}