*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;display:flex;justify-content:center;padding:50px 16px 40px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
.c{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:12px}
.av{width:90px;height:90px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 20px rgba(0,0,0,.1)}
.av img{width:100%;height:100%;object-fit:cover}
.name{font-size:20px;font-weight:700;color:#2d3436;margin-top:4px}
.bio{font-size:13px;color:#636e72;text-align:center;line-height:1.6;white-space:pre-line;max-width:300px}
.links{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:16px}
.links a{display:block;width:100%;padding:15px 20px;background:rgba(255,255,255,.9);border-radius:50px;text-decoration:none;color:#2d3436;font-size:15px;font-weight:500;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,box-shadow .2s}
.links a:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.1)}
.links a:active{transform:scale(.97);transition:transform .1s}
.av.enter{animation:bounceIn .6s ease}
.name.enter{animation:bounceIn .7s ease}
.bio.enter{animation:bounceIn .8s ease}
.links a.enter{animation:popIn .4s ease both}
@keyframes bounceIn{0%{opacity:0;transform:translateY(-15px) scale(.95)}60%{transform:translateY(3px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes popIn{0%{opacity:0;transform:translateY(15px) scale(.95)}70%{transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes subtleShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-1px) rotate(-.3deg)}40%{transform:translateX(1px) rotate(.3deg)}60%{transform:translateX(-.5px) rotate(-.1deg)}80%{transform:translateX(.5px) rotate(.1deg)}}
.shake .links a{animation:subtleShake 3s ease-in-out infinite}
.shake .links a:nth-child(2){animation-delay:.5s}
.shake .links a:nth-child(3){animation-delay:1s}
.shake .links a:nth-child(4){animation-delay:1.5s}
.shake .links a:nth-child(5){animation-delay:2s}
.shake .links a:nth-child(6){animation-delay:2.5s}
.shake .links a:hover{animation:none;transform:translateY(-3px) scale(1.02)}