*{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;
    animation:titleGlitch 1.6s ease-out forwards;
}
.top-desc{
    width:90%;
    margin:0 auto 60px auto;
    font-size:18px;
    color:#333;
    line-height:1.7;
    text-align:center;
    opacity:0;
    animation:fadeIn 1s ease forwards;
    animation-delay:0.6s;
    word-wrap:break-word;
}
.content-wrap{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:50px;
    align-items:center;
}
.left-img{
    opacity:0;
    transform:translateY(80px);
    display:flex;
    justify-content:flex-start;
    animation:slideUpBig 1.1s cubic-bezier(0.25,0.1,0.25,1) forwards;
    animation-delay:1s;
}
.left-img img{
    width:50%;
    max-width:380px;
    display:block;
    object-fit:contain;
}
.right-text{
    opacity:0;
    transform:translateY(80px);
    animation:slideUpBig 1.1s cubic-bezier(0.25,0.1,0.25,1) forwards;
    animation-delay:1.2s;
}
.right-text p{
    font-size:17px;
    color:#222;
    line-height:1.8;
    margin:16px 0;
    word-wrap:break-word;
}

@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);}}