.box{
    height: 25rem;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    border-radius: 2%;
    text-align: center;
}
.hphoto{
    width: 8rem;
    height: 8rem;
    background: url(https://thirdqq.qlogo.cn/g?b=oidb&k=rHHXardPxXpBLIEP3gJ7Dg&s=100&t=1644059035) no-repeat;
    background-size: cover;
    border-radius: 5%;
    position: relative;
    top: -5%;
    left: 50%;
    margin-left: -4rem;
}
.onebox{
    width: 100%;
    text-align: left;
    border-radius: 10px 10px 5px 5px;
    background-image: linear-gradient(to top, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%);
    color: rgb(15 15 16 / 90%);
}
.buto{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 8px 0 0 10px;
    float: left;
}
.tianqi{
    float: left;
    position: absolute;
}

@keyframes typing {
    from {
        width: 0;
    }
}

@keyframes blink-caret {
    50% {
        border-color: transparent;
    }
}