.friends_article__hiOM4{padding:20px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}.dark .friends_article__hiOM4{background:#1f2937;box-shadow:0 2px 4px rgba(0,0,0,.2)}.friends_title__q4Fyi{font-size:28px;font-weight:700;color:#333;margin-bottom:20px;transition:color .3s ease}.dark .friends_title__q4Fyi{color:#e5e7eb}.friends_intro__TgHhO{text-align:center;color:#666;margin-bottom:40px;line-height:1.6;transition:color .3s ease}.dark .friends_intro__TgHhO{color:#9ca3af}.friends_grid__FQvme{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px}.friends_card__ZNR2m{background:#f8f9fa;border-radius:4px;padding:20px;text-decoration:none;transition:all .3s ease}.dark .friends_card__ZNR2m{background:#374151}.friends_card__ZNR2m:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.dark .friends_card__ZNR2m:hover{box-shadow:0 4px 8px rgba(0,0,0,.3)}.friends_content__aDjKS{display:flex;flex-direction:column}.friends_info__J6i_r{flex:1}.friends_name__hk2m6{font-size:18px;font-weight:500;color:#333;margin-bottom:8px;transition:color .3s ease}.dark .friends_name__hk2m6{color:#e5e7eb}.friends_description__YiKJI{font-size:14px;color:#666;line-height:1.5;transition:color .3s ease}.dark .friends_description__YiKJI{color:#9ca3af}.friends_exchange__b_46q{margin-top:40px;padding-top:20px;border-top:1px solid #eee;transition:border-color .3s ease}.dark .friends_exchange__b_46q{border-top-color:#374151}.friends_exchange__b_46q h2{font-size:20px;color:#333;margin-bottom:16px;transition:color .3s ease}.dark .friends_exchange__b_46q h2{color:#e5e7eb}.friends_exchange__b_46q p{color:#666;margin-bottom:12px;transition:color .3s ease}.dark .friends_exchange__b_46q p{color:#9ca3af}.friends_exchange__b_46q ul{list-style:none;padding-left:0}.friends_exchange__b_46q li{color:#666;margin-bottom:8px;padding-left:20px;position:relative;transition:color .3s ease}.dark .friends_exchange__b_46q li{color:#9ca3af}.friends_exchange__b_46q li:before{content:"•";color:#06c;position:absolute;left:0;transition:color .3s ease}.dark .friends_exchange__b_46q li:before{color:#60a5fa}