* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 20px;
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background-color: #052232;
    overflow: hidden;
    overflow-x: hidden;
}


.img1 {
    top: 5rem;
    left: 50%;
    width: 9.15rem;
    height: 5.2rem;
    transform: translate(-50%, 0);
    position: absolute
}

.img2 {
    bottom: 10rem;
    left: 50%;
    width: 23.25rem;
    height: 1.25rem;
    transform: translate(-50%, 0);
    position: absolute
}

.img3 {
    bottom: 5rem;
    left: 50%;
    width: 9.95rem;
    height: 1.5rem;
    transform: translate(-50%, 0);
    position: absolute
}

.img-extract {
    position: absolute;
    width: 22.5rem;
    height: 33.03rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 2rem));
    /* transform: translate(-50%, calc(-50% + 1.5rem)); */
    /* background-image: url('img/dikuang.png');
    background-color: #a30000; */
    /* 替换为你的图片路径 */
    /* background-repeat: no-repeat; */
    /* 不重复图片 */
    /* background-size: cover;
    background-attachment: fixed;
    background-position: center; */
    /* 可选：固定背景 */

    /* 居中 + 下移 1.5rem */
}