.timeline[data-v-4446ebc2]{margin:11px 0}.friend[data-v-4446ebc2]{animation:to_show .5s ease 0s 1 normal none running;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(var(--z-common-bg),.8);min-height:100vh;padding:5px 30px;transition:all .3s ease;z-index:11}@media(min-width:0)and (max-width:520px){.friend[data-v-4446ebc2]{padding:10px}}.friend__container[data-v-4446ebc2]{display:flex;flex-direction:row;margin:0 auto;max-width:var(--z-max-width)}@media(min-width:0)and (max-width:520px){.friend__container[data-v-4446ebc2]{display:block;padding:30px 15px}}.friend__form-input[data-v-4446ebc2]{height:39px;margin:1px 0}.friend__form-textarea[data-v-4446ebc2]{margin:1px 0}.friend__form-label[data-v-4446ebc2]{font-size:95%;margin:0 3px;opacity:.8}.friend__owner-title[data-v-4446ebc2]{font-size:16px;font-weight:500}@media(min-width:0)and (max-width:520px){.friend__owner-title[data-v-4446ebc2]{font-size:15px}}.friend__owner-info-title[data-v-4446ebc2]{font-size:22px;font-weight:600;margin-bottom:18px;margin-left:-13px}.msg-updated[data-v-4446ebc2],.tip-updated[data-v-4446ebc2]{animation:msgFlash-4446ebc2 1s ease-in-out;color:rgba(var(--z-theme-danger))}@keyframes msgFlash-4446ebc2{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.friends[data-v-6314d459]{--z-theme-friend-color:var(--z-primary-color);max-width:350px}.type-2[data-v-6314d459]{--z-theme-friend-color:var(--z-theme-color2)}.type-3[data-v-6314d459]{--z-theme-friend-color:var(--z-theme-color1)}.type-4[data-v-6314d459]{--z-theme-friend-color:var(--z-theme-color3)}.tag[data-v-6314d459]{background:rgb(var(--z-common-item-bg));border-top:3px solid rgba(var(--z-theme-friend-color),.5);font-size:90%;padding:5px 17px;top:-2px;transition:all .3s ease;z-index:-1}.friends[data-v-6314d459]{color:rgb(var(--z-fontcolor-gray))}.friends:hover .friends__container[data-v-6314d459]{background:rgb(var(--z-common-bg))}.friends:hover .tag[data-v-6314d459]{top:-27px}.friends__container[data-v-6314d459]{background:rgb(var(--z-common-item-bg));box-shadow:var(--z-item-sadow);padding:20px 15px;z-index:2}@media(min-width:0)and (max-width:520px){.friends__container[data-v-6314d459]{padding:15px 12px}}.friends-avatar[data-v-6314d459]{border:1px dashed rgba(var(--z-theme-friend-color));border-radius:50%;box-shadow:0 0 70px 5px rgba(var(--z-theme-friend-color),.1),0 3px 50px #a1a1a11a;height:75px;padding:7px;top:-25%;width:75px}@media(min-width:521px)and (max-width:809px){.friends-avatar[data-v-6314d459]{height:70px;padding:5px;width:70px}}@media(min-width:0)and (max-width:520px){.friends-avatar[data-v-6314d459]{height:58px;padding:5px;top:-20%;width:58px}}.friends-avatar img[data-v-6314d459]{border:5px solid rgb(var(--z-common-bg));box-shadow:0 2px 10px #27272766}.friends-info-title[data-v-6314d459]{color:rgba(var(--z-theme-friend-color));margin-left:25px}[data-theme=dark] .friends-avatar[data-v-6314d459]{box-shadow:none}.friend-list[data-v-cd52ae5e]{-moz-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));row-gap:20px}@media(min-width:810px)and (max-width:1749px){.friend-list[data-v-cd52ae5e]{gap:20px}}@media(min-width:521px)and (max-width:809px){.friend-list[data-v-cd52ae5e]{gap:15px}}@media(min-width:0)and (max-width:520px){.friend-list[data-v-cd52ae5e]{gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.friend-tag[data-v-cd52ae5e]{position:relative}}.friend-tag [class*=ouo-]{--ouo-tag-border-radius:0 0 9px 9px}.friend-tag .ouo-tag{margin:0}