.introduce-card{display:flex;flex-direction:column;padding:1rem;border-radius:.5rem;background-color:#fff;border:1px solid #eaecef;cursor:pointer}.introduce-card .avatar{flex:0 0 50%;font-size:5rem;font-weight:600;color:transparent;text-align:center;--b:0.1em;--c:var(--c-brand);padding-block:var(--b);background:linear-gradient(var(--c) 50%,#000 0) 0% calc(100% - var(--_p, 0%))/100% 200%,linear-gradient(var(--c)0 0) 0% var(--_p, 0%)/var(--_p, 0%) var(--b) no-repeat;-webkit-background-clip:text,padding-box;transition:.3s var(--_s, 0s) linear,background-size .3s calc(.3s - var(--_s, 0s))}.introduce-card .avatar:hover{--_p:100%;--_s:.3s}.introduce-card .info{text-align:center;flex:0 0 50%;padding:1rem;font-size:1rem;color:#6f6f7b}.introduce-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}