:root{--primary-color: #409eff;--secondary-color: #a855f7;--primary-hover: #3a9de8;--primary-light: rgba(64, 158, 255, .1);--text-primary: #1f2937;--text-secondary: #666;--background: linear-gradient(125deg, #e0f2ff 0%, #f0f5ff 20%, #f5f0ff 40%, #fff0f7 60%, #fff5f5 80%, #fff8f0 100%);--surface: #ffffff;--loading-bg: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--hover-bg: rgba(64, 158, 255, .1);--input-bg: #ffffff;--surface-rgb: 255, 255, 255;--border-color-rgb: 0, 0, 0;--bg-primary: #ffffff;--bg-secondary: #f7f9fe;--bg-tertiary: #eef1f6;--bg-card: #ffffff;--text-tertiary: #a8a8a8;--text-light: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(64, 158, 255, .15);--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--link-color: #409eff;--link-hover: #3a9de8;--about-me: linear-gradient(135deg, #409efff2, #a855f7f2);--reply-message-bg: #f9f6f6;--resources-bg: linear-gradient(135deg, #f8faff 0%, #f1f5ff 100%)}[data-astro-cid-spp2p3no][data-theme=dark]{--text-primary: #e2e8f0;--text-secondary: #94a3b8;--background: linear-gradient(to bottom, #0f172a, #1e293b);--surface: rgba(30, 41, 59, .8);--loading-bg: rgba(15, 23, 42, .95);--border-color: rgba(255, 255, 255, .1);--card-bg: #1e293b;--hover-bg: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .05);--surface-rgb: 30, 41, 59;--border-color-rgb: 255, 255, 255;--bg-primary: #1e293b;--bg-secondary: #334155;--bg-tertiary: #475569;--bg-card: #1e293b;--text-tertiary: #858585;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5);--shadow-hover: 0 4px 12px rgba(64, 158, 255, .25);--about-me: linear-gradient(135deg, #1e293b, #0f172a);--reply-message-bg: #334155;--resources-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}.friends-page[data-astro-cid-spp2p3no]{min-height:400px;background:var(--bg-card);border-radius:10px;padding:48px;box-shadow:var(--shadow-sm)}@media(max-width:640px){.friends-page[data-astro-cid-spp2p3no]{padding:24px;border-radius:0}}.page-title[data-astro-cid-spp2p3no]{font-size:1.875rem;font-weight:700;margin-bottom:16px;color:var(--text-primary);text-align:center;position:relative;padding-bottom:16px}.page-title[data-astro-cid-spp2p3no]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#409eff,#a855f7);border-radius:2px}@media(max-width:640px){.page-title[data-astro-cid-spp2p3no]{font-size:1.5rem}}.page-description[data-astro-cid-spp2p3no]{text-align:center;color:var(--text-secondary);margin-bottom:48px;font-size:1rem}.friends-grid[data-astro-cid-spp2p3no]{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px)and (max-width:1099px){.friends-grid[data-astro-cid-spp2p3no]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px)and (max-width:1199px){.friends-grid[data-astro-cid-spp2p3no]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.friends-grid[data-astro-cid-spp2p3no]{grid-template-columns:repeat(3,1fr)}}.friend-card[data-astro-cid-spp2p3no]{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.friend-card[data-astro-cid-spp2p3no]:hover{border-color:#409eff;box-shadow:var(--shadow-hover)}.friend-card[data-astro-cid-spp2p3no]:hover .friend-avatar[data-astro-cid-spp2p3no]{transform:translateY(-2px);animation:iconFloat 1s ease-in-out infinite}.friend-card[data-astro-cid-spp2p3no]:hover .friend-name[data-astro-cid-spp2p3no]{color:#409eff}.friend-card[data-astro-cid-spp2p3no]:hover .friend-link-icon[data-astro-cid-spp2p3no]{opacity:1;transform:translate(0)}.friend-avatar[data-astro-cid-spp2p3no]{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#409eff1a,#a855f71a);display:flex;align-items:center;justify-content:center}.friend-avatar[data-astro-cid-spp2p3no] img[data-astro-cid-spp2p3no]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.friend-avatar[data-astro-cid-spp2p3no] .avatar-placeholder[data-astro-cid-spp2p3no]{font-size:1.5rem;color:#409eff}.friend-info[data-astro-cid-spp2p3no]{flex:1;min-width:0}.friend-name[data-astro-cid-spp2p3no]{font-size:.875rem;font-weight:600;color:var(--text-primary);transition:color .3s ease;margin:0}.friend-description[data-astro-cid-spp2p3no]{font-size:.75rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.friend-link-icon[data-astro-cid-spp2p3no]{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#409eff;opacity:0;transform:translate(8px);transition:all .3s ease}.friend-link-icon[data-astro-cid-spp2p3no] i[data-astro-cid-spp2p3no]{font-size:1rem}.empty-state[data-astro-cid-spp2p3no]{text-align:center;padding:48px;color:var(--text-secondary);font-size:1.125rem}.empty-state[data-astro-cid-spp2p3no] p[data-astro-cid-spp2p3no]{margin:0}@keyframes iconFloat{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}