@charset "UTF-8";

/* 11-01 起选择器不带 #wrapper-footer:协议页正文里的「Georges」也用同一套(下划线加过又去掉了,改成高亮一次,Georges 11-01) */
.gfw-name{cursor:pointer;-webkit-tap-highlight-color:transparent}
.gfw-name:focus-visible{outline:1px solid #141414;outline-offset:3px}
.gfw-box{position:relative;display:inline-block}
/* 11-01 Georges「已复制微信号，从右边滑出吧。如果右边没有空间，就从下面滑出」:默认贴在名字右边、垂直居中,从左往右滑出来;
   右边放不下(脚本量过)时改到名字正下方、左对齐,从上往下滑出来。原来浮在正上方的版本(10-29)撤了 */
.gfw-tip{position:absolute;font-size:13px;font-weight:400;line-height:1;letter-spacing:.04em;color:#b0b0b0;white-space:nowrap;opacity:0;pointer-events:none}
.gfw-box.gfw-right .gfw-tip{left:100%;top:50%;margin-left:10px;transform:translate(0,-50%)}
.gfw-box.gfw-below .gfw-tip{left:0;top:100%;margin-top:7px;transform:none}
.gfw-box.gfw-right .gfw-tip.is-on{animation:gfw-in-right .45s cubic-bezier(.2,.7,.3,1) both}
.gfw-box.gfw-right .gfw-tip.is-out{animation:gfw-out-right .4s cubic-bezier(.4,0,.8,.4) both}
.gfw-box.gfw-below .gfw-tip.is-on{animation:gfw-in-down .45s cubic-bezier(.2,.7,.3,1) both}
.gfw-box.gfw-below .gfw-tip.is-out{animation:gfw-out-down .4s cubic-bezier(.4,0,.8,.4) both}
/* 11-01 傍晚 页尾、About 标题:改回 10-29 那版——水平居中在名字正上方,从名字里升起 12px 带一点回弹,停一会儿再往上飘走淡出 */
.gfw-box.gfw-above .gfw-tip{left:50%;top:auto;bottom:100%;margin:0 0 -1px;padding-left:.04em;transform:translate(-50%,0)}
.gfw-box.gfw-above .gfw-tip.is-on{animation:gfw-up .6s cubic-bezier(.2,.7,.3,1) both}
.gfw-box.gfw-above .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)}}
@keyframes gfw-in-right{from{opacity:0;transform:translate(-10px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes gfw-out-right{from{opacity:1;transform:translate(0,-50%)}to{opacity:0;transform:translate(8px,-50%)}}
@keyframes gfw-in-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes gfw-out-down{from{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.gfw-tip.is-on{animation:none!important;opacity:1}.gfw-tip.is-out{animation:none!important;opacity:0}}