.friends-header{border-bottom:1px dashed var(--c-border);flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin:1rem;padding-bottom:1rem}.friends-header,.friends-title{align-items:center;display:flex;flex-direction:row}.friends-title{gap:.5rem;justify-content:flex-start}.friends-title>[class^=icon-]{color:var(--c-primary);font-size:1.5rem}.friends-title h1{font-size:1.5rem;margin:0}.friends-actions{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start}.friends-count{color:var(--c-text-2);font-size:.9rem}.friends-count strong{color:var(--c-primary)}.apply-link{align-items:center;background-color:var(--c-bg-soft);border-radius:2rem;color:var(--c-text-2);display:flex;flex-direction:row;font-size:.8rem;font-weight:500;gap:.35rem;justify-content:flex-start;padding:.45em .9em;transition:all .2s}.apply-link [class^=icon-]{font-size:1.1em}.apply-link:hover{background:linear-gradient(135deg,var(--c-primary),var(--c-accent,var(--c-primary)));box-shadow:0 4px 16px color-mix(in srgb,var(--c-primary),transparent 60%);box-shadow:0 2px 8px color-mix(in srgb,var(--c-primary),transparent 60%);color:#fff;transform:translateY(-2px);transform:translateY(-1px)}.friends-list{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:.5rem 1rem 1rem;position:relative}@media(max-width:640px){.friends-list{grid-template-columns:1fr}}.friends-list .pagination-anchor,.friends-list .pagination-wrapper,.friends-list .pagination-wrapper.sticky-pagination{grid-column:1/-1}.friends-list .pagination-wrapper.sticky-pagination.expand{width:100%}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.friend-card{--card-radius:.875rem;align-items:stretch;animation:card-enter .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--delay,0s);background:var(--c-bg-card,var(--c-bg-1));border-radius:var(--card-radius);box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000a;display:flex;flex-direction:column;gap:.6rem;justify-content:flex-start;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.friend-card:before{background:linear-gradient(90deg,transparent,var(--c-primary) 20%,var(--c-accent,var(--c-primary)) 80%,transparent);content:"";height:2px;left:1rem;opacity:0;position:absolute;right:1rem;top:0;transform:scaleX(0);transition:all .3s ease}.friend-card:hover{box-shadow:0 8px 24px #00000014,0 4px 12px color-mix(in srgb,var(--c-primary),transparent 92%);transform:translateY(-4px)}.friend-card:hover:before{opacity:1;transform:scaleX(1)}.friend-card:hover .author-avatar{box-shadow:0 4px 12px color-mix(in srgb,var(--c-primary),transparent 70%);transform:scale(1.1) rotate(5deg)}.friend-card:hover .read-more>[class^=icon-]{transform:translate(2px,-2px)}.friend-header{gap:.75rem;justify-content:space-between}.friend-header,.friend-header .author-info{align-items:center;display:flex;flex-direction:row}.friend-header .author-info{color:var(--c-text-1);gap:.5rem;justify-content:flex-start;text-decoration:none;transition:color .2s}.friend-header .author-info:hover{color:var(--c-primary)}.friend-header .author-info:hover .author-name{background-size:100% 2px}.friend-header .author-avatar{box-shadow:0 2px 8px #0000001a;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1)}.friend-header .author-avatar,.friend-header .author-avatar-placeholder{background:linear-gradient(135deg,var(--c-bg-2),var(--c-bg-3,var(--c-bg-2)));border:2px solid var(--c-bg);border-radius:50%;height:32px;width:32px}.friend-header .author-avatar-placeholder{align-items:center;color:var(--c-text-3);display:flex;flex-direction:row;font-size:1rem;justify-content:center}.friend-header .author-name{background:linear-gradient(var(--c-primary),var(--c-primary)) no-repeat 0 100%;background-size:0 2px;font-size:.9rem;font-weight:550;transition:background-size .3s ease}.friend-time{background:var(--c-bg-2);border-radius:2rem;color:var(--c-text-3);font-size:.75rem;padding:.2rem .5rem}.friend-content{align-items:stretch;color:inherit;display:flex;flex-direction:column;gap:.4rem;justify-content:flex-start;padding:.5rem 0;text-decoration:none}.friend-title{color:var(--c-text);display:-webkit-box;font-size:.95rem;font-weight:600;-webkit-line-clamp:2;line-height:1.5;margin:0;transition:color .25s ease;-webkit-box-orient:vertical;overflow:hidden}.friend-content:hover .friend-title{color:var(--c-primary)}.friend-desc{color:var(--c-text-3);display:-webkit-box;font-size:.8rem;-webkit-line-clamp:2;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.friend-footer{border-top:1px dashed var(--c-border);justify-content:flex-end;margin-top:auto;padding-top:.6rem}.friend-footer,.read-more{align-items:center;display:flex;flex-direction:row}.read-more{border-radius:2rem;color:var(--c-text-3);font-size:.75rem;gap:.3rem;justify-content:flex-start;padding:.3rem .6rem;text-decoration:none;transition:all .25s ease}.read-more:hover{background:color-mix(in srgb,var(--c-primary),transparent 92%);color:var(--c-primary)}.read-more>[class^=icon-]{font-size:.85em;transition:transform .25s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.friends-empty{align-items:center;animation:fade-in .6s ease;color:var(--c-text-3);display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:5rem 2rem;text-align:center}.friends-empty>[class^=icon-]{animation:float 3s ease-in-out infinite;font-size:4rem;opacity:.3}.friends-empty p{color:var(--c-text-2);font-size:1.1rem;margin:0}.friends-empty .empty-hint{font-size:.8rem;opacity:.7}.fcircle-banner{background-color:var(--c-primary);background-position:50%;background-size:cover;border-radius:8px;margin:0 1rem 1rem;max-height:320px;min-height:256px;overflow:hidden;position:relative}.fcircle-banner-content{color:#eee;display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:1.25rem;position:absolute;text-shadow:0 4px 5px rgba(0,0,0,.5);z-index:1}.fcircle-banner-title{font-size:1.5rem;font-weight:700}.fcircle-banner-bottom{align-items:flex-end;display:flex;gap:.75rem;justify-content:space-between}.fcircle-banner-desc{font-size:.9rem;margin:0;opacity:.9}.fcircle-banner-count{flex-shrink:0;font-size:.75rem;opacity:.7}.fcircle-banner-count strong{font-size:.85rem}.page-fcircle{padding:0 1rem 1rem}.fcircle-random-wrapper{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:1rem 0}.fcircle-random-title{color:var(--c-text-1);flex-shrink:0;font-size:1.2rem;font-weight:600;white-space:nowrap}.fcircle-random-card{align-items:center;background:var(--c-bg-1);border-radius:8px;box-shadow:0 0 0 1px var(--c-bg-soft);color:inherit;display:flex;flex:1;gap:8px;min-width:0;padding:8px 12px;text-decoration:none;transition:all .2s}.fcircle-random-card:hover{background:var(--c-bg-2);box-shadow:0 0 0 1px var(--c-primary)}.fcircle-random-card:hover .fcircle-random-title-inner{color:var(--c-text)}.fcircle-random-author{color:var(--c-text-2);flex-shrink:0;font-size:.85rem;font-weight:500}.fcircle-random-title-inner{color:var(--c-text-2);flex:1;font-size:.9375rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcircle-random-date{color:var(--c-text-3);flex-shrink:0;font-size:.75rem}.fcircle-random-refresh{align-items:center;background:var(--c-bg-1);border:none;border-radius:8px;box-shadow:0 0 0 1px var(--c-bg-soft);color:var(--c-text-2);cursor:pointer;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;padding:0;transition:all .2s;width:2.25rem}.fcircle-random-refresh:hover{background:var(--c-bg-2);box-shadow:0 0 0 1px var(--c-primary);color:var(--c-primary)}.fcircle-random-refresh:active{transform:scale(.95)}.fcircle-random-refresh>[class^=icon-]{font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.fcircle-random-refresh.is-spinning>[class^=icon-]{animation:spin .4s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fcircle-articles{display:flex;flex-direction:column;gap:.5rem}.fcircle-item{align-items:center;animation:card-enter .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--delay,0s);display:flex;gap:10px}.fcircle-item-image{align-self:flex-start;border-radius:50%;box-shadow:0 0 0 1px var(--c-bg-soft);display:flex;flex-shrink:0;height:2.5rem;margin-top:6px;overflow:hidden;width:2.5rem}.fcircle-item-image img{height:100%;object-fit:cover;opacity:.8;transition:all .2s;width:100%}.fcircle-item:hover .fcircle-item-image img{opacity:1}.fcircle-avatar-placeholder{align-items:center;align-self:flex-start;background:var(--c-bg-soft,var(--c-bg-2));border-radius:50%;box-shadow:0 0 0 1px var(--c-bg-soft);color:var(--c-text-3);display:flex;flex-shrink:0;font-size:1rem;height:2.5rem;justify-content:center;margin-top:6px;width:2.5rem}.fcircle-item-container{border-radius:8px;box-shadow:0 0 0 1px var(--c-bg-soft);color:inherit;display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;overflow:hidden;padding:8px 10px;text-decoration:none}.fcircle-item-container:hover .fcircle-item-title{color:var(--c-text)}.fcircle-item-header{align-items:center;display:flex;gap:8px;min-width:0}.fcircle-item-author{color:var(--c-text-2);flex-shrink:0;font-size:.85rem;font-weight:500}.fcircle-item-title{color:var(--c-text-2);flex:1;font-size:.9375rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.fcircle-item-date{flex-shrink:0}.fcircle-item-date,.fcircle-item-desc{color:var(--c-text-3);font-size:.75rem}.fcircle-item-desc{display:-webkit-box;-webkit-line-clamp:2;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.fcircle-banner{border-radius:6px;margin:0 .5rem .5rem;min-height:180px}.fcircle-banner-content{padding:1rem}.fcircle-banner-title{font-size:1.1rem}.fcircle-banner-desc{font-size:.8rem}.page-fcircle{padding:0 .5rem .5rem}.fcircle-avatar-placeholder,.fcircle-item-image{height:2rem;margin-top:4px;width:2rem}.fcircle-item-container{padding:6px 8px}.fcircle-item-desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.fcircle-item-author{font-size:.75rem}.fcircle-item-title{font-size:.85rem}.fcircle-item-date{font-size:.7rem}.fcircle-random-wrapper{align-items:stretch;flex-direction:column;gap:8px}.fcircle-random-title{font-size:.9rem}.fcircle-random-card{padding:6px 10px}.fcircle-random-author{font-size:.75rem}.fcircle-random-title-inner{font-size:.85rem}.fcircle-random-date{font-size:.7rem}.fcircle-random-refresh{height:2rem;width:2rem}.fcircle-random-refresh>[class^=icon-]{font-size:1rem}}.friends-pagination{gap:.75rem;justify-content:center;padding:1.5rem 1rem}.friends-pagination,.friends-pagination .page-btn{align-items:center;display:flex;flex-direction:row}.friends-pagination .page-btn{background:var(--c-bg-1);border-radius:2rem;box-shadow:0 2px 8px #0000000a;color:var(--c-text-1);font-size:.8rem;font-weight:500;gap:.3rem;justify-content:flex-start;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.friends-pagination .page-btn:hover:not(.disabled){background:linear-gradient(135deg,var(--c-primary),var(--c-accent,var(--c-primary)));box-shadow:0 4px 16px color-mix(in srgb,var(--c-primary),transparent 60%);color:#fff;transform:translateY(-2px)}.friends-pagination .page-btn.disabled{cursor:not-allowed;opacity:.35}.friends-pagination .page-info{background:var(--c-bg-2);border-radius:1rem;color:var(--c-text-2);font-size:.8rem;font-weight:500;padding:.4rem .8rem}