.general-page[data-v-ccf99b59]{text-align:left;width:600px;margin:2em auto 0}.title[data-v-ccf99b59]{margin-bottom:2em}.title h2[data-v-ccf99b59]{margin-bottom:0}.title .subtitle[data-v-ccf99b59]{color:#a68659d6}@media screen and (width<=640px){.general-page[data-v-ccf99b59]{width:unset;margin:2em 20px 0}}.friend[data-v-ccf99b59]{min-width:320px;display:flex;position:relative}.friend .banner[data-v-ccf99b59]{z-index:1;background-color:#a6865957;background-position:50%;background-size:cover;width:100%;height:calc(68px + max(min(100vw,600px),360px)/10);position:absolute;top:0;left:0}.friend .banner[data-v-ccf99b59]:after{content:" ";z-index:2;background:linear-gradient(#0000 50%,#00000026 100%);width:100%;height:100%;position:absolute}.friend .info[data-v-ccf99b59]{z-index:10;align-items:end;width:100%;display:flex}.friend .info .name[data-v-ccf99b59]{white-space:nowrap;flex:1;font-size:1.2em;overflow:hidden}.friend .info a[data-v-ccf99b59]{color:#70512a}.friend .info a+a[data-v-ccf99b59]{margin-left:10px}.friend .avatar[data-v-ccf99b59]{object-fit:contain;z-index:10;border-radius:100%;width:80px;height:80px;margin-top:calc(8px + max(min(100vw,600px),360px)/10);margin-right:20px}
