@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
    background: #F8F8F8;
}

#first-body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    /* display: flex;
    justify-content: center; */
    /* text-align: center; */
    background-color: #282c34;
    color: white;

    /* background-image: url(poster-about2.jpg); */
    position: relative;

}

#first-img {
    width: 100%;
    /* 使图片充满整个 div */
    height: 100%;

    /* 保持图片宽高比 */
    /* background-size: cover; */
    /* 使背景图片充满整个容器 */
}

#first-text {
    position: absolute;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    /* background: rgba(0, 0, 0, 0.5); */
    background: rgba(0, 0, 0, 0.5);
    /* width: 100%; */
    /* 添加半透明背景 */
    /* padding: 100px; */
    /* 调整内边距 */
    border-radius: 10px;
    padding: 30px;
    /* 调整内边距 */
    border-radius: 40px;
    /* 添加圆角 */
    /* width: 100%; */
    /* 添加圆角 */
    /* 文字粗细 */
    text-align: center;
    font-size: 50px;
}