.reference-theme .membership-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;vertical-align:middle;white-space:nowrap;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.3px;padding:3px 7px;border:1px solid #e8d8ac;border-radius:5px;background:#fff6de;color:#8a6426}
.reference-theme .membership-badge.svip{background:#f2eaf8;color:#79518f;border-color:#ded0e9}
.reference-theme .membership-badge .icon{width:13px;height:13px}
.reference-theme .member-avatar{position:relative}
.reference-theme .member-avatar:has(>.avatar-membership-badge){--member-metal:linear-gradient(135deg,#9b804e 0%,#f3e8cc 19%,#c4a36a 42%,#f6edda 65%,#a18552 86%,#ddcba3 100%);--member-inner:#c8b58b80;isolation:isolate}
.reference-theme .member-avatar:has(>.avatar-membership-badge.svip){--member-metal:linear-gradient(135deg,#75613a 0%,#f1dc9f 18%,#ad8b4d 40%,#f8e9bf 62%,#80683b 84%,#d7bd82 100%);--member-inner:#423a2c99}
.reference-theme .member-avatar:has(>.avatar-membership-badge)::before{content:'';position:absolute;inset:-1px;z-index:1;border:1px solid var(--member-inner);border-radius:inherit;pointer-events:none}
.reference-theme .member-avatar:has(>.avatar-membership-badge)::after{content:'';position:absolute;inset:-4px;z-index:1;padding:2px;border-radius:inherit;background:var(--member-metal);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.reference-theme .profile-photo.member-avatar:has(>.avatar-membership-badge)::after,.reference-theme .person-photo.member-avatar:has(>.avatar-membership-badge)::after{padding:3px}
.reference-theme .person-photo.member-avatar:has(>.avatar-membership-badge)::before{inset:5px;border-color:#f4e4bc80}
.reference-theme .person-photo.member-avatar:has(>.avatar-membership-badge)::after{inset:0}
.reference-theme .avatar.member-avatar,.reference-theme .welcome-avatar.member-avatar,.reference-theme .profile-photo.member-avatar{overflow:visible}
.reference-theme .member-avatar>img{border-radius:inherit}
.reference-theme .member-avatar>.avatar-membership-badge{position:absolute;z-index:2;left:50%;bottom:-7px;top:auto;transform:translateX(-50%);gap:3px;padding:2px 6px;font:700 9px/1.35 Georgia,'Times New Roman',serif;letter-spacing:.6px;border:1px solid #c6ae7c;border-radius:2px;background:linear-gradient(110deg,#d6bf8b,#f7edd4 28%,#dfc99d 65%,#f0e2bd);color:#584323;box-shadow:0 2px 4px #3e32171f;pointer-events:none}
.reference-theme .member-avatar>.avatar-membership-badge.svip{border-color:#bfa16a;background:linear-gradient(125deg,#3b3831,#181a1b 55%,#302d27);color:#ead5a0}
.reference-theme .member-avatar>.avatar-membership-badge .icon{width:10px;height:10px}
.reference-theme .avatar.tiny>.avatar-membership-badge{font-size:8px;gap:2px;padding:1px 4px;letter-spacing:.4px}
.reference-theme .post-comment .avatar>.avatar-membership-badge,.reference-theme .post-recipient-list .avatar>.avatar-membership-badge{font-size:7px;gap:1px;padding:1px 3px;letter-spacing:.2px}
.reference-theme .avatar.tiny>.avatar-membership-badge .icon,.reference-theme .post-comment .avatar>.avatar-membership-badge .icon,.reference-theme .post-recipient-list .avatar>.avatar-membership-badge .icon{width:8px;height:8px}
.reference-theme .profile-photo>.avatar-membership-badge{left:50%;bottom:-9px;top:auto;transform:translateX(-50%);font-size:11px;padding:4px 12px;gap:5px;letter-spacing:1px}
.reference-theme .member-avatar.person-photo>.avatar-membership-badge{left:50%;bottom:6px;top:auto;transform:translateX(-50%);font-size:11px;padding:4px 12px;gap:5px;letter-spacing:1px}
.reference-theme .profile-photo>.avatar-membership-badge .icon,.reference-theme .person-photo>.avatar-membership-badge .icon{width:12px;height:12px}
.discover-section .person-photo>.membership-badge{position:absolute;left:12px;top:12px}
.reference-theme .profile-intro h1 .membership-badge{margin-left:7px;font-size:11px;letter-spacing:.3px}
.reference-theme .chat-header strong .membership-badge,.conversation-copy strong .membership-badge{margin-left:5px}
.reference-theme .profile-gift-button{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-size:13px}
.reference-theme .membership-gift-modal{width:520px;max-width:100%}
.membership-gift-modal>p{font-size:14px;line-height:1.8;color:#748094}
.membership-gift-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;padding:0;border:0}
.reference-theme .membership-gift-option{display:flex;align-items:flex-start;gap:8px;padding:14px 12px;border:1px solid #e1dce5;border-radius:8px;margin:0;cursor:pointer}
.membership-gift-option.selected{border-color:var(--purple);background:#faf5f9}
.reference-theme .membership-gift-option input{width:16px;min-height:16px;height:16px;flex-shrink:0;margin:2px 0 0;accent-color:var(--purple)}
.membership-gift-option strong{font-size:13px;line-height:1.6}
.membership-gift-option small{display:block;color:#8b7384;font-size:12px;line-height:1.7;margin-top:5px}
.membership-gift-modal .gift-payment-note{font-size:12px;padding:12px 14px;background:#f7f5f8;border-radius:6px;margin:14px 0 20px}
.membership-gift-modal .form-error{color:#b32753}
@media(max-width:760px){
 .reference-theme .membership-gift-modal{padding:28px 20px}
 .membership-gift-options{gap:8px}
 .reference-theme .membership-gift-option{padding:12px 9px;gap:6px}
 .membership-gift-option strong{font-size:12px}
 .reference-theme .profile-gift-button{margin-left:0}
 .discover-section .person-photo>.membership-badge{left:8px;top:8px}
}
