/* Profile links are confined to the social section. */
#contact .social-profile-links{width:min(100%,660px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;flex-shrink:1}
#contact .social-profile-card{display:block;min-width:0;position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid #d5e6f3;border-radius:20px;color:#234b6c;box-shadow:0 8px 24px #477fa50b;transition:border-color .3s,box-shadow .4s,translate .4s var(--ease)}
#contact .social-profile-cover{display:block;position:relative;aspect-ratio:1.92;overflow:hidden;background:#deedfa}
#contact .social-profile-cover>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 58%;transition:transform .8s var(--ease)}
#contact .social-profile-xhs .social-profile-cover{background:linear-gradient(125deg,#d0e7fb,#e8f5ff 60%,#c5e5fb)}
#contact .social-profile-xhs .social-profile-cover:before{content:"";position:absolute;width:78%;height:190%;top:-100%;right:-12%;border:1px solid #91bedb77;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 0 22px #ffffff18,0 0 0 44px #ffffff18}
#contact .social-profile-xhs .social-profile-cover:after{background:linear-gradient(180deg,#ffffff11,#ffffff00)}
#contact .social-profile-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a203044,transparent 55%,#102c4222)}
#contact .social-platform{position:absolute;z-index:1;top:16px;left:16px;display:flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:7px;background:#ff2442;color:white;font-size:11px;font-weight:650;line-height:1.2;letter-spacing:.02em}
#contact .social-profile-douyin .social-platform{background:#151c25;text-shadow:1px 0 #fe2c55,-1px 0 #25f4ee}
#contact .social-profile-open{position:absolute;z-index:1;right:15px;top:15px;width:30px;height:30px;border:1px solid #ffffff65;border-radius:50%;display:grid;place-items:center;color:white;font-size:21px;background:#ffffff12;backdrop-filter:blur(10px);transition:background .3s,transform .4s var(--ease)}
#contact .social-profile-xhs .social-profile-open{color:#3d749d;background:#ffffff66;border-color:#9dc5e280}
#contact .social-profile-info{position:relative;display:block;padding:48px 22px 0}
#contact .social-profile-avatar{position:absolute;top:-35px;left:20px;width:70px;height:70px;object-fit:cover;border:5px solid #fff;border-radius:50%;box-shadow:0 3px 12px #1c49651a;background:#fff}
#contact .social-profile-name{display:block;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.025em}
#contact .social-profile-id{display:block;margin-top:6px;color:#5f7b91;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
#contact .social-profile-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:16px 0 18px;border-top:1px solid #e0edf6;color:#477da5;font-size:11px;line-height:1.5}
#contact .social-profile-cta>span{font-size:20px;line-height:1;transition:transform .4s var(--ease)}
#contact .social-profile-card:focus-visible{outline:3px solid #4b9ad2;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
  #contact .social-profile-card:hover{translate:0 -6px;border-color:#9bc4e2;box-shadow:0 18px 40px #376c9218}
  #contact .social-profile-card:hover .social-profile-cover>img{transform:scale(1.045)}
  #contact .social-profile-card:hover .social-profile-open{background:#ffffff30;transform:rotate(5deg)}
  #contact .social-profile-card:hover .social-profile-cta>span{transform:translate(3px,-3px)}
}
@media(max-width:1000px) and (min-width:701px){
  #contact .contact-main{gap:30px}
  #contact .social-profile-links{gap:14px}
  #contact .social-profile-info{padding-left:17px;padding-right:17px}
  #contact .social-profile-avatar{left:15px}
}
@media(max-width:700px){
  #contact .social-profile-links{width:100%;gap:16px;margin-top:34px}
  #contact .social-profile-cover{aspect-ratio:1.7}
  #contact .social-profile-info{padding:39px 15px 0}
  #contact .social-profile-avatar{width:60px;height:60px;top:-30px;left:12px;border-width:4px}
  #contact .social-profile-name{font-size:18px}
  #contact .social-profile-id{font-size:10px;letter-spacing:-.02em}
  #contact .social-profile-cta{font-size:10px;margin-top:20px;padding:14px 0 16px;gap:8px}
  #contact .social-platform{left:12px;top:12px;font-size:10px;padding:6px 8px}
  #contact .social-profile-open{right:10px;top:10px;width:25px;height:25px;font-size:18px}
}
@media(max-width:460px){
  #contact .social-profile-links{grid-template-columns:1fr;gap:22px}
  #contact .social-profile-cover{aspect-ratio:2.1}
  #contact .social-profile-info{padding:42px 22px 0}
  #contact .social-profile-avatar{width:68px;height:68px;left:18px;top:-34px;border-width:5px}
  #contact .social-profile-name{font-size:20px}
  #contact .social-profile-id{font-size:12px}
  #contact .social-profile-cta{font-size:12px;margin-top:22px;padding:16px 0 18px}
  #contact .social-platform{left:16px;top:15px;font-size:11px}
  #contact .social-profile-open{right:15px;top:14px;width:30px;height:30px;font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  #contact .social-profile-card,#contact .social-profile-cover>img,#contact .social-profile-open,#contact .social-profile-cta>span{transition:none}
  #contact .social-profile-card:hover{translate:none}
  #contact .social-profile-card:hover .social-profile-cover>img{transform:none}
}