header {
    height: 80vh;
}

.hero_bg {
    max-width: 100%;
    align-items: end;
}

.hero {
    position: relative;
    padding-top: 20px;
    align-items: start;
    padding-left: 30px;
    margin: initial;
    max-width: 100%;
    height: 480px;
}

.hero-content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    /* 添加虚化效果 */
    background-color: rgba(32, 32, 32, 0.1);
    /* 蒙层颜色和透明度 */
    z-index: 2;
}

.hero_bg .aiBg{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: 5;
    background: none;
}
@media (max-width: 768px) {
    header{
        height: 60vh;
    }
}
@media (max-width: 425px) {
    header {
        /* padding:0px; */
         height: 55vh;
    }
    .hero{
        height: 350px;
    }
}