/* 身份标签：社群右上角的等级感标签（VIP 金 / SVIP 黑金 …）。
   唯一事实源：可选值来自 services/entitlement_product_service.py::BADGE_STYLES，
   类名与取值一一对应；后台「产品权益中心 → 身份标签样式」的实时预览与官网社群页共用这一份，
   不要在 community.css 或 admin.css 里各写一遍（写两遍一定会走样）。 */
.member-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#eef2ff;color:#3152bd;border:1px solid #cfdaff}
.member-badge--aurora{background:linear-gradient(90deg,#e0f2fe,#ede9fe);color:#4338ca;border-color:#c7d2fe}
.member-badge--vip{background:linear-gradient(90deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}
.member-badge--svip{background:linear-gradient(90deg,#1f2937,#374151);color:#fcd34d;border-color:#111827}
.member-badge--royal{background:linear-gradient(90deg,#ede9fe,#ddd6fe);color:#5b21b6;border-color:#c4b5fd}
.member-badge--emerald{background:linear-gradient(90deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}
.member-badge--rose{background:linear-gradient(90deg,#ffe4e6,#fecdd3);color:#9f1239;border-color:#fda4af}
.member-badge--ocean{background:linear-gradient(90deg,#e0f2fe,#cffafe);color:#075985;border-color:#67e8f9}