body {
    background-color: #e6d2d5;
}

#up {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

#image-container {
    aspect-ratio: 1 / 1;
    height: 80%;
    display: grid;
    place-items: center;
    text-align: center;
    z-index: 9999;
}

#image {
    width: 100%;
    height: auto;
}

#title {
    font-size: 48px;
}

#down {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

#accept, #reject {
    cursor: pointer;
    color: white;
    font-size: 24px;
    display: grid;
    place-items: center;
    width: 15%;
    height: 15%;
    border-radius: 10px;
    text-align: center;
    box-shadow: 2px 2px 2px 2px #888;
}

#accept:active, #reject:active{
    box-shadow: 0px 0px 0px 0px #888;
}

#accept {
    margin-right: 1%;
    background-color: #f04b22;    
}

#reject {
    margin-left: 1%;
    background-color: #475164;
}