.community-card{border:1px solid var(--border-subtle);border-radius:var(--content-card-radius);background:var(--surface-elevated);cursor:pointer;text-align:left;width:100%;font:inherit;margin:0;padding:0;display:block;position:relative;overflow:hidden}.community-card:focus-visible{outline:var(--ui-focus-outline-width) solid var(--ui-focus-ring-color);outline-offset:2px}@media (min-width:521px){.community-card--has-thumb{--community-card-thumb:44px;--community-card-thumb-inset:5px;padding-right:calc(var(--community-card-thumb-inset) + var(--community-card-thumb) + var(--community-card-thumb-inset))}.community-card--has-thumb .community-card-thumb{top:50%;right:var(--community-card-thumb-inset,5px);width:var(--community-card-thumb,44px);height:var(--community-card-thumb,44px);background:var(--surface-muted);box-sizing:border-box;border-radius:8px;flex-shrink:0;position:absolute;overflow:hidden;transform:translateY(-50%)}.community-card--has-thumb .community-card-thumb img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}}.community-card-body{box-sizing:border-box;flex-direction:column;justify-content:center;gap:0;min-width:0;padding:8px 10px 8px 8px;display:flex}.community-card-text{grid-template-columns:var(--community-card-text-gutter,4.25rem) minmax(0, 1fr);align-items:start;gap:2px 0;min-width:0;display:grid}.community-card-main{border-left:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;grid-area:1/2/3;justify-content:center;align-self:stretch;gap:2px;min-width:0;padding-left:8px;display:flex}.community-card-tag{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-transform:none;letter-spacing:normal;width:100%;min-width:0;max-width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:0;grid-area:1/1;place-self:start stretch;margin:0;padding:0;font-size:.6875rem;font-weight:600;line-height:1.35;display:block;overflow:visible}.community-card-title{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:700;line-height:1.25;overflow:hidden}.community-card-comment{box-sizing:border-box;font-variant-numeric:tabular-nums;width:100%;min-width:0;max-width:100%;color:var(--text-secondary);white-space:nowrap;grid-area:2/1;place-self:start stretch;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:inline-flex}.community-card-comment-icon{opacity:.9;flex-shrink:0}.community-card-comment-num{color:var(--text-muted)}.community-card-meta{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;font-weight:400;line-height:1.3;overflow:hidden}.community-card-meta-name{color:var(--text-secondary);font-weight:600}.community-card-meta-sep{opacity:.7}.community-card-meta-time{color:var(--text-muted)}.community-card-meta-loc{color:var(--text-secondary);font-weight:600}@media (max-width:520px){.community-card--has-thumb{flex-direction:column;padding-right:0;display:flex}.community-card--has-thumb .community-card-thumb{border-left:none;border-bottom:1px solid var(--border-subtle);order:-1;width:100%;height:132px;min-height:132px;position:relative;top:auto;bottom:auto;right:auto;overflow:hidden}.community-card--has-thumb .community-card-thumb img{object-fit:cover;object-position:center;border-radius:var(--content-card-radius) var(--content-card-radius) 0 0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}}