*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#ffffff;padding:60px 50px;}

h1{
    text-align:center;
    font-size:36px;
    color:#222;
    margin-bottom:20px;
    opacity:0;
}
.top-desc{
    width:90%;
    margin:0 auto 60px auto;
    font-size:18px;
    color:#333;
    line-height:1.7;
    text-align:center;
    opacity:0;
    word-wrap:break-word;
}
.content-wrap{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:50px;
    align-items:flex-start;
}
.left-text{
    opacity:0;
    transform:translateY(80px);
}
.left-text p{
    font-size:17px;
    color:#222;
    line-height:1.8;
    margin:14px 0;
    word-wrap:break-word;
}
.right-img{
    opacity:0;
    transform:translateY(80px);
}
.right-img img{
    width:100%;
    display:block;
}

@keyframes titleGlitch{
    0%{opacity:0;letter-spacing:-4px;transform:translateY(15px);}
    30%{opacity:0.4;letter-spacing:2px;}
    60%{opacity:0.8;letter-spacing:-1px;}
    100%{opacity:1;letter-spacing:0;transform:translateY(0);}
}
@keyframes fadeIn{to{opacity:1;}}
@keyframes slideUpBig{to{opacity:1;transform:translateY(0);}}

.anim-start h1{animation:titleGlitch 1.6s ease-out forwards;}
.anim-start .top-desc{animation:fadeIn 1s ease forwards;animation-delay:0.6s;}
.anim-start .left-text{animation:slideUpBig 1.1s cubic-bezier(0.25,0.1,0.25,1) forwards;animation-delay:1s;}
.anim-start .right-img{animation:slideUpBig 1.1s cubic-bezier(0.25,0.1,0.25,1) forwards;animation-delay:1.2s;}