.friends-page[data-v-b904c6bd]{background:#f5f5f5;height:100%;overflow:hidden;padding:8px;width:100%}.dark .friends-page[data-v-b904c6bd]{background:#0a0a0a}.friends-wrapper[data-v-b904c6bd]{background:#fff;border-radius:8px;height:100%;overflow-y:auto;padding:40px}.dark .friends-wrapper[data-v-b904c6bd]{background:#000}.section[data-v-b904c6bd]{margin-bottom:40px}.section-title[data-v-b904c6bd]{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.dark .section-title[data-v-b904c6bd]{color:#f3f4f6}.section-title>div[data-v-b904c6bd]{color:#4a90e2;font-size:20px}.info-box[data-v-b904c6bd]{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:20px}.dark .info-box[data-v-b904c6bd]{background:#262626}.info-title[data-v-b904c6bd]{align-items:center;color:#334155;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.dark .info-title[data-v-b904c6bd]{color:#e2e8f0}.info-icon[data-v-b904c6bd]{color:#94a3b8;font-size:20px}.info-list[data-v-b904c6bd]{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.info-list li[data-v-b904c6bd]{align-items:baseline;color:#475569;display:flex;font-size:14px;line-height:1.6;word-break:break-all}.dark .info-list li[data-v-b904c6bd]{color:#cbd5e1}.info-list li[data-v-b904c6bd]:before{color:#334155;content:"•";font-weight:700;margin-right:12px}.dark .info-list li[data-v-b904c6bd]:before{color:#e2e8f0}.info-list .label[data-v-b904c6bd]{color:#334155;font-weight:600;margin-right:4px}.dark .info-list .label[data-v-b904c6bd]{color:#e2e8f0}.apply-rules[data-v-b904c6bd]{color:#475569;font-size:14px;line-height:1.8;margin-bottom:24px}.dark .apply-rules[data-v-b904c6bd]{color:#cbd5e1}.rules-title[data-v-b904c6bd]{color:#334155;font-weight:500;margin-bottom:8px}.dark .rules-title[data-v-b904c6bd]{color:#e2e8f0}.friends-grid[data-v-b904c6bd]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.friend-item[data-v-b904c6bd]{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:16px;text-decoration:none;transition:background .2s ease}.dark .friend-item[data-v-b904c6bd]{background:#262626}.friend-item[data-v-b904c6bd]:hover{background:#f1f5f9}.dark .friend-item[data-v-b904c6bd]:hover{background:#333}.friend-avatar[data-v-b904c6bd]{border-radius:50%;flex-shrink:0;height:48px;width:48px}.friend-text[data-v-b904c6bd]{flex:1;min-width:0}.friend-name[data-v-b904c6bd]{color:#334155;font-size:14px;font-weight:600;margin-bottom:4px}.dark .friend-name[data-v-b904c6bd]{color:#e2e8f0}.friend-desc[data-v-b904c6bd]{color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-comments[data-v-b904c6bd]{margin-top:40px;padding-top:24px}.dark .friends-comments[data-v-b904c6bd]{border-color:#262626}.empty-wrapper[data-v-b904c6bd],.loading-wrapper[data-v-b904c6bd]{align-items:center;color:#94a3b8;display:flex;font-size:14px;justify-content:center;padding:40px}.dark .empty-wrapper[data-v-b904c6bd],.dark .loading-wrapper[data-v-b904c6bd]{color:#64748b}