@charset "UTF-8";

#wrapper-footer .gfw-name{cursor:pointer;-webkit-tap-highlight-color:transparent}
#wrapper-footer .gfw-name:focus-visible{outline:1px solid #141414;outline-offset:3px}
#wrapper-footer .gfw-box{position:relative;display:inline-block}
/* 提示:水平居中在「Georges」正上方(left 50% + 往左挪自身一半;左边补 .04em 抵掉末字后面的字距,字面正好居中) */
#wrapper-footer .gfw-tip{position:absolute;left:50%;bottom:100%;margin-bottom:-1px;padding-left:.04em;font-size:13px;font-weight:400;line-height:1;letter-spacing:.04em;color:#b0b0b0;white-space:nowrap;opacity:0;transform:translate(-50%,0);pointer-events:none}
#wrapper-footer .gfw-tip.is-on{animation:gfw-up .6s cubic-bezier(.2,.7,.3,1) both}
#wrapper-footer .gfw-tip.is-out{animation:gfw-away .5s cubic-bezier(.4,0,.8,.4) both}
@keyframes gfw-up{0%{opacity:0;transform:translate(-50%,12px) scale(.94)}55%{opacity:1;transform:translate(-50%,-3px) scale(1)}100%{opacity:1;transform:translate(-50%,0)}}
@keyframes gfw-away{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-8px)}}
@media (prefers-reduced-motion:reduce){#wrapper-footer .gfw-tip.is-on{animation:none;opacity:1}#wrapper-footer .gfw-tip.is-out{animation:none;opacity:0}}
