.live-community-card{margin:22px 0 28px;padding:20px;border:1px solid var(--line,#333);border-radius:18px;background:var(--panel,#111);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.live-community-head{align-items:center;gap:12px;flex-wrap:wrap}.live-community-head h2{margin:0 0 6px}.live-community-head .muted{margin:0;font-size:.9rem}
.live-count-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line,#444);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.live-count-pill i,.online-avatar i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#26c46b;box-shadow:0 0 0 3px rgba(38,196,107,.14)}
.live-users-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.online-user-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--line,#333);border-radius:14px;background:var(--card,#171717)}.online-avatar{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--soft,#e9eef9);color:#111;font-weight:900;font-size:1.05rem}.online-avatar i{position:absolute;right:0;bottom:0;border:2px solid var(--card,#171717)}.online-user-meta{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.online-user-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.online-user-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#999);font-size:.74rem}.online-user-action{flex:0 0 auto}.online-chat-btn{border:1px solid var(--line,#555);border-radius:9px;padding:8px 10px;background:var(--button,#f4f4f4);color:var(--button-text,#111);font-size:.68rem;font-weight:900;letter-spacing:.02em}.online-wait{font-size:.68rem;color:var(--muted,#999)}.live-empty{grid-column:1/-1;padding:16px;border:1px dashed var(--line,#555);border-radius:12px;color:var(--muted,#999);font-size:.85rem;line-height:1.5}
@media(max-width:650px){.live-community-card{padding:15px;margin:16px 0 22px}.live-users-grid{grid-template-columns:1fr}.online-user-card{padding:10px}.online-chat-btn{padding:8px;font-size:.64rem}}
