@charset "UTF-8";
/* 四端身份按钮唯一视觉规范：线性图标与渐变，不改变业务身份或权限。 */
.ss-member-badge {
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;vertical-align:middle;box-sizing:border-box;
  height:28px!important;flex:none;padding:0 10px!important;border:1px solid #dce2ea!important;border-radius:999px!important;
  font:600 12px/26px system-ui,-apple-system,"PingFang SC",sans-serif!important;
  color:#475569!important;background:linear-gradient(115deg,#fff,#e9edf2)!important;white-space:nowrap;box-shadow:none!important;text-decoration:none!important;
}
.ss-member-badge::before { content:"";display:inline-block;width:14px;height:14px;flex:none;background:currentColor;mask:var(--badge-icon) center/contain no-repeat;-webkit-mask:var(--badge-icon) center/contain no-repeat; }
.ss-member-badge { --badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7v5c0 5 8 9 8 9s8-4 8-9V7z'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="gold"] { color:#854d0e!important;border-color:#edcf76!important;background:linear-gradient(115deg,#fff6d7,#f8d876)!important;--badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m3 6 5 4 4-6 4 6 5-4-2 12H5zM6 21h12'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="diamond"] { color:#6b4293!important;border-color:#d4c7e6!important;background:linear-gradient(115deg,#f1f3f6,#e7d5fa)!important;--badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m3 8 5-5h8l5 5-9 13zM3 8h18M8 3l4 18 4-18'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="partner"],.ss-member-badge[data-tier="agent"] { color:#f8dda0!important;border-color:#7c653c!important;background:linear-gradient(115deg,#171a22,#5d4930)!important; }
.ss-member-badge[data-tier="partner"] { --badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 5-3 4 2 4-2 5 3-3 9-3 2-7-4-3 1zM9 8l-2 3 3 2 4-3 5 5M4 7l3 1M17 8l3-1'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="agent"] { --badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='3' y='7' width='18' height='14' rx='2'/%3E%3Cpath d='M8 7V4h8v3M3 12h18M10 12v3h4v-3'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="channel"] { color:#e3f5ff!important;border-color:#326da7!important;background:linear-gradient(115deg,#2177ba,#153b72)!important;--badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='5' r='3'/%3E%3Ccircle cx='5' cy='19' r='3'/%3E%3Ccircle cx='19' cy='19' r='3'/%3E%3Cpath d='M12 8v4M5 16v-4h14v4'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="person"] { color:#916514!important;border-color:#e8cf88!important;background:linear-gradient(115deg,#fff8e0,#f5de96)!important; }
.ss-member-badge[data-tier="company"] { color:#07539a!important;border-color:#92bde9!important;background:linear-gradient(115deg,#e8f5ff,#9dc6f2)!important; }
.ss-member-badge[data-tier="person"],.ss-member-badge[data-tier="company"] { --badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 7 6 12 6-12M12 2l3 2 4 1 1 5-1 6-7 6-7-6-1-6 1-5 4-1z'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="opc"],.ss-member-badge[data-tier="distributor"] { color:#4b5563!important;border-color:#cbd2dc!important;background:linear-gradient(115deg,#f6f7f9,#dbe1e9)!important;--badge-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-3a8 8 0 0 1 16 0v3M7 21v-4M17 21v-4'/%3E%3C/svg%3E"); }
.ss-member-badge[data-tier="muted"] { color:#64748b!important;background:linear-gradient(115deg,#fff,#edf0f4)!important; }
.ss-member-badge-row,.ss-member-badge-roles { display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px; }
.ss-member-badge-grid { display:grid;grid-template-columns:repeat(2,minmax(94px,1fr));gap:6px!important;margin-top:6px;text-align:left; }
.ss-member-badge-grid .ss-member-badge { width:100%;justify-content:flex-start;padding:0 8px!important; }
.ss-member-badge-grid .ss-badge-agent { grid-column:1;grid-row:2; }
.ss-member-badge-grid .ss-badge-channel { grid-column:2;grid-row:2; }
.ss-member-badge-grid .ss-badge-opc { grid-column:1;grid-row:3; }
.ss-member-badge-grid:not(:has(.ss-badge-agent,.ss-badge-channel)) .ss-badge-opc { grid-row:2; }
button.ss-member-badge,a.ss-member-badge { cursor:pointer; }
button.ss-member-badge:hover,a.ss-member-badge:hover { filter:brightness(1.04); }
button.ss-member-badge:focus-visible,a.ss-member-badge:focus-visible { outline:2px solid #0284c7;outline-offset:2px; }
