/* ═══════════════════════════════════════════════════════════════════════════
 *  v235 · رنگ و جان برای بدنهٔ پروفایل + حالت VIP + تب پروفایل اختصاصی
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── بدنهٔ رنگی (به‌جای سفید خشک) — رنگ رتبهٔ هر کاربر هم در آن ترکیب می‌شود ─── */
.pc233, .pz234 .hd146.hz234{ isolation:isolate;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='%23B794F6' fill-opacity='.10'%3E%3Cpath d='M12 10c-2-3-6.5-1.6-5.5 1.8C7.2 14.2 12 17 12 17s4.8-2.8 5.5-5.2C18.5 8.4 14 7 12 10z'/%3E%3Cpath d='M46 40l1.4 3.4 3.4 1.4-3.4 1.4L46 49.6l-1.4-3.4-3.4-1.4 3.4-1.4z'/%3E%3Ccircle cx='50' cy='12' r='1.6'/%3E%3Ccircle cx='18' cy='48' r='1.3'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(90% 55% at 0% 100%, color-mix(in srgb, var(--c1, #C084FC) 26%, transparent), transparent 62%),
    radial-gradient(80% 50% at 100% 70%, rgba(255,128,181,.24), transparent 62%),
    radial-gradient(70% 40% at 12% 34%, rgba(125,211,252,.24), transparent 62%),
    radial-gradient(60% 36% at 92% 30%, rgba(255,209,102,.22), transparent 62%),
    linear-gradient(180deg,#FFF8FC,#F6F0FF 55%,#EEF5FF) }
.m230 .st233{ background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.9), 0 10px 22px -18px rgba(124,58,237,.7) }
.m230 .st233 button:nth-child(1) b{ color:#7C3AED } .m230 .st233 button:nth-child(2) b{ color:#E11D48 }
.m230 .st233 button:nth-child(3) b{ color:#2563EB } .m230 .st233 button:nth-child(4) b{ color:#059669 }
.pz234 .sts146.sz234{ background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.9), 0 10px 22px -18px rgba(124,58,237,.7) }
.m230 .ac233 button:not(.p){ background:rgba(255,255,255,.8); box-shadow:inset 0 0 0 1px #E9DEFD }

/* ─── حالت VIP (v236): «مروارید و طلا» — کرم صدفی روشن با فویل هولوگرافیک،
   نوار طلایی دور کارت، ذره‌های طلا و درخشش؛ رنگ سطح VIP فقط به‌صورت هالهٔ ملایم ─── */
.pc233.vip235, .pz234 .hd146.hz234.vip235{
  background:
    radial-gradient(70% 45% at 50% 0%, rgba(255,236,179,.85), transparent 70%),
    radial-gradient(60% 50% at 0% 100%, color-mix(in srgb, var(--pa) 16%, transparent), transparent 70%),
    radial-gradient(60% 50% at 100% 100%, color-mix(in srgb, var(--pb) 14%, transparent), transparent 70%),
    linear-gradient(115deg, rgba(255,255,255,0) 20%, rgba(255,214,236,.35) 38%, rgba(214,236,255,.35) 50%, rgba(255,246,200,.45) 62%, rgba(255,255,255,0) 80%),
    linear-gradient(180deg,#FFFDF7 0%,#FFF6E6 55%,#FBEFD9 100%);
  background-size:auto, auto, auto, 250% 100%, auto;
  animation:foil236 9s ease-in-out infinite }
@keyframes foil236{ 0%,100%{ background-position:0 0,0 0,0 0,0% 0,0 0 } 50%{ background-position:0 0,0 0,0 0,100% 0,0 0 } }
.pc233.vip235.vimg235, .pz234 .hd146.hz234.vip235.vimg235{
  background:linear-gradient(180deg, rgba(255,251,240,.55), rgba(255,246,228,.82) 60%, #FFF4E0), var(--vbi) center/cover no-repeat; animation:none }
.pc233.vip235{ box-shadow:0 22px 44px -26px rgba(180,120,20,.75), 0 0 0 1.5px #F1D38A, inset 0 0 0 1px rgba(255,255,255,.9) }
.pz234 .hd146.hz234.vip235{ box-shadow:0 26px 44px -28px rgba(180,120,20,.75), 0 0 0 1.5px #F1D38A, inset 0 0 0 1px rgba(255,255,255,.9) }
.pz234 .hz234.vip235::before{ height:3px; background:linear-gradient(90deg,transparent,#E9B949,#FFF3C4,#E9B949,transparent) }
.vfx235{ position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; border-radius:inherit }
.pc233 > .vfx235{ top:170px; border-radius:0 0 30px 30px }
.vfx235 b{ position:absolute; width:7px; height:7px; opacity:0; background:linear-gradient(135deg,#FFF3C4,#E9B949); animation:vfx235 4.2s ease-in-out infinite;
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); filter:drop-shadow(0 0 4px rgba(233,185,73,.9)) }
.vfx235 b:nth-child(1){ left:7%;  top:22% } .vfx235 b:nth-child(2){ left:89%; top:14%; animation-delay:.6s; width:10px; height:10px }
.vfx235 b:nth-child(3){ left:16%; top:72%; animation-delay:1.2s; width:5px; height:5px } .vfx235 b:nth-child(4){ left:80%; top:60%; animation-delay:1.8s }
.vfx235 b:nth-child(5){ left:46%; top:90%; animation-delay:2.4s; width:5px; height:5px } .vfx235 b:nth-child(6){ left:62%; top:34%; animation-delay:3s; width:9px; height:9px }
.vfx235 b:nth-child(7){ left:30%; top:44%; animation-delay:.9s; width:5px; height:5px } .vfx235 b:nth-child(8){ left:94%; top:86%; animation-delay:2.1s }
@keyframes vfx235{ 0%,100%{ opacity:0; transform:scale(.4) rotate(0) } 50%{ opacity:1; transform:scale(1) rotate(45deg) } }
.vfx235 u{ position:absolute; top:0; bottom:0; width:38%; left:-50%; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); animation:vsh235 5.5s ease-in-out infinite }
@keyframes vsh235{ 0%,55%{ left:-50% } 100%{ left:130% } }
/* جزئیات طلایی روی کرم (متن‌ها تیره و خوانا می‌مانند) */
.m230 .vip235 .st233, .pz234 .vip235 .sts146.sz234{ background:rgba(255,255,255,.72); box-shadow:inset 0 0 0 1px #F3DFA8, 0 10px 22px -18px rgba(180,120,20,.7) }
.m230 .vip235 .st233 button + button::before, .pz234 .vip235 .st146 + .st146::before{ background:#F1E0B5 }
.m230 .vip235 .ac233 button.p, .pz234 .vip235 .ab146.pri{ color:#3B2400; background:linear-gradient(135deg,#FFF3C4,#F5C542 55%,#E3A417); box-shadow:0 12px 22px -12px rgba(227,164,23,.95) }
.m230 .vip235 .ac233 button:not(.p), .pz234 .vip235 .ab146.sec, .pz234 .vip235 .ab146.fol{ color:#8A5A00; background:#FFF7E0; box-shadow:inset 0 0 0 1px #F3DFA8 }
.vip235 .id233 button:not(.idf226), .pz234 .vip235 .cp146:not(.idf226){ color:#8A5A00 !important; background:#FFF4D6 !important; box-shadow:inset 0 0 0 1px #F1D38A !important }
.pz234 .vip235 .lvb146, .pz234 .vip235 .cf234{ background:linear-gradient(180deg,#FFF8E6,#fff); box-shadow:inset 0 0 0 1px #F3DFA8 }
.vip235 .av233 .hav148 > img:not(.afr146), .vip235 .av233 .hav148 > em, .pz234 .vip235 .av146 > img:not(.afr146), .pz234 .vip235 .av146 > em{ border-color:#FBE7A6 }
.vip235 .bio233 .ph{ color:#C08A2D }

/* ═══ تب پروفایل ═══ */
.sh235{ display:flex; align-items:center; gap:10px; margin:20px 2px 10px }
.sh235 > i{ width:34px; height:34px; flex:none; border-radius:12px; display:grid; place-items:center; color:#fff; box-shadow:0 8px 14px -8px var(--k, #7C3AED) }
.sh235 > i svg{ width:18px; height:18px }
.sh235 > span{ flex:1; min-width:0; display:flex; flex-direction:column }
.sh235 b{ font-size:15px; font-weight:900; color:#24163F }
.sh235 small{ font-size:11px; font-weight:600; color:#9B91B5 }
.sh235.c1 > i{ --k:#7C3AED; background:linear-gradient(135deg,#A78BFA,#7C3AED) }
.sh235.c2 > i{ --k:#EC4899; background:linear-gradient(135deg,#FF8FB8,#EC4899) }
.sh235.c3 > i{ --k:#F59E0B; background:linear-gradient(135deg,#FFD166,#F59E0B) }
.sh235.c4 > i{ --k:#0EA5E9; background:linear-gradient(135deg,#7DD3FC,#0EA5E9) }
.sh235.c5 > i{ --k:#FF3D77; background:linear-gradient(135deg,#FF7A59,#FF3D77) }
.sh235.c6 > i{ --k:#10B981; background:linear-gradient(135deg,#6EE7B7,#10B981) }

/* ۱) کاشی‌های هویت */
.ids235{ display:flex; gap:10px; overflow-x:auto; padding:2px 2px 8px; margin:0 -2px; scrollbar-width:none; scroll-snap-type:x proximity }
.ids235::-webkit-scrollbar{ display:none }
.idt235{ position:relative; flex:none; width:104px; min-height:112px; box-sizing:border-box; padding:12px 8px 10px; border-radius:22px; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:3px; color:#fff; scroll-snap-align:start;
  box-shadow:0 12px 22px -16px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.45); animation:pop146 .45s cubic-bezier(.3,1.5,.5,1) both; animation-delay:calc(var(--i) * 60ms) }
.idt235::before{ content:""; position:absolute; inset:0 0 55% 0; background:linear-gradient(180deg,rgba(255,255,255,.28),transparent) }
.idt235::after{ content:""; position:absolute; top:0; bottom:0; width:40%; left:-60%; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent); animation:ish235 4.5s ease-in-out infinite; animation-delay:calc(var(--i) * .4s) }
@keyframes ish235{ 0%,60%{ left:-60% } 100%{ left:130% } }
.idt235 > i{ position:relative; width:46px; height:46px; border-radius:16px; display:grid; place-items:center; background:rgba(255,255,255,.22); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); margin-bottom:4px }
.idt235 > i svg{ width:26px; height:26px }
.idt235.rk > i{ background:none; box-shadow:none } .idt235.rk > i svg{ width:40px; height:40px }
.idt235 b{ position:relative; font-size:13px; font-weight:900; text-align:center; text-shadow:0 1px 4px rgba(0,0,0,.2) }
.idt235 small{ position:relative; max-width:100%; font-size:10px; font-weight:700; opacity:.9; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.idt235.host{ background:linear-gradient(150deg,#FF8FA3,#F43F5E 55%,#BE123C) }
.idt235.vip { background:linear-gradient(150deg,#4B3A1A,#1C1405); color:#FFD166 } .idt235.vip > i{ color:#FFD166; background:rgba(255,209,102,.14); box-shadow:inset 0 0 0 1px rgba(255,209,102,.4) }
.idt235.ver { background:linear-gradient(150deg,#7DD3FC,#3B82F6 60%,#1D4ED8) }
.idt235.adm { background:linear-gradient(150deg,#6EE7B7,#10B981 60%,#047857) }
.idt235.ag  { background:linear-gradient(150deg,#FFB86B,#FF6F91 60%,#A855F7) }
.idt235.rk  { background:linear-gradient(150deg,color-mix(in srgb,var(--c1) 85%,#fff),var(--c2)) }

/* ۲) حلقه‌های قدرت */
.pw235{ position:relative; overflow:hidden; padding:14px 12px 12px; border-radius:26px;
  background:radial-gradient(70% 60% at 0% 0%,#FFF3C4,transparent 70%), radial-gradient(70% 60% at 100% 0%,#FFE0F0,transparent 70%), radial-gradient(80% 60% at 50% 100%,#E3ECFF,transparent 70%), #fff;
  box-shadow:0 16px 30px -24px rgba(124,58,237,.7), inset 0 0 0 1px #F1EAFD }
.pwr235{ display:grid; grid-template-columns:1fr 1fr; gap:10px }
.pwr235.s{ margin-top:12px }
.pwb235{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 4px 10px; border-radius:20px; background:rgba(255,255,255,.7); box-shadow:inset 0 0 0 1px rgba(255,255,255,.95) }
.pwb235 > b{ margin-top:4px; font-size:13.5px; font-weight:900; color:#24163F }
.pwb235 > small{ font-size:10.5px; font-weight:700; color:#9B91B5 }
.pws235{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:18px; background:rgba(255,255,255,.7); box-shadow:inset 0 0 0 1px rgba(255,255,255,.95) }
.pws235 span:last-child{ display:flex; flex-direction:column } .pws235 b{ font-size:13px; font-weight:900; color:#24163F } .pws235 small{ font-size:11px; font-weight:800; color:#8B7FA6; direction:ltr; text-align:start }
.rg235{ position:relative; width:52px; height:52px; flex:none; display:block }
.rg235.big{ width:104px; height:104px }
.rg235 svg{ width:100%; height:100%; transform:rotate(-90deg); overflow:visible }
.rg235 .t{ fill:none; stroke:color-mix(in srgb,var(--c1) 35%,#fff); stroke-width:9 }
.rg235 .p{ fill:none; stroke-width:9; stroke-linecap:round; filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--c2) 45%,transparent)); animation:rgin235 1.1s cubic-bezier(.2,.8,.2,1) both }
@keyframes rgin235{ from{ stroke-dasharray:0 999 } }
.rgc235{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0 }
.rgc235 i{ width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--c1),var(--c2)); box-shadow:0 4px 10px -4px var(--c2) }
.rgc235 i svg{ width:16px; height:16px }
.rgc235 b{ font-size:19px; font-weight:900; line-height:1.15; color:var(--c3); direction:ltr }
.rg235:not(.big) .rgc235 i{ display:none } .rg235:not(.big) .rgc235 b{ font-size:15px }

/* ۳) سکوی حامیان */
.sp235{ position:relative; overflow:hidden; display:grid; grid-template-columns:1fr 1.15fr 1fr; align-items:end; gap:6px; width:100%; padding:18px 12px 0; border:0; border-radius:26px; cursor:pointer; font:inherit; direction:ltr;
  background:linear-gradient(160deg,#FFB86B,#FF6F91 50%,#A56BFF); box-shadow:0 16px 30px -20px rgba(255,111,145,.9) }
.spr235{ position:absolute; inset:0; background:repeating-conic-gradient(from 0deg at 50% 100%,rgba(255,255,255,.14) 0 8deg,transparent 8deg 22deg); animation:spr235 30s linear infinite; pointer-events:none }
@keyframes spr235{ to{ transform:rotate(360deg) } }
.spc235{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px }
.spk235{ position:absolute; top:-14px; width:26px; height:26px; color:#FFE08A; filter:drop-shadow(0 2px 3px rgba(0,0,0,.3)); animation:fl234 2.6s ease-in-out infinite }
.spk235 svg{ width:100%; height:100% }
.spa235{ position:relative; width:56px; height:56px; display:block; border-radius:50%; padding:3px; background:linear-gradient(135deg,#E5E7EB,#9CA3AF); box-shadow:0 8px 16px -8px rgba(0,0,0,.5) }
.spc235.r1 .spa235{ width:70px; height:70px; background:linear-gradient(135deg,#FFF3C4,#F5B82E) }
.spc235.r3 .spa235{ background:linear-gradient(135deg,#FDBA74,#C2410C) }
.spa235 img, .spa235 em, .spa235 > div.flex{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff; background:linear-gradient(135deg,#FF8FB8,#8B5CF6) }
.spa235 em.q{ background:rgba(255,255,255,.35); color:#fff }
.spc235 > small{ max-width:100%; font-size:11px; font-weight:900; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 3px rgba(0,0,0,.25) }
.spb235{ width:100%; display:grid; place-items:center; margin-top:2px; border-radius:14px 14px 0 0; background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.25)); box-shadow:inset 0 1px 0 rgba(255,255,255,.8) }
.spb235 b{ font-size:22px; font-weight:900; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.2) }
.spc235.r1 .spb235{ height:70px } .spc235.r2 .spb235{ height:52px } .spc235.r3 .spb235{ height:40px }

/* ۴) کارنامهٔ لایو (بنتو تیره) */
.ls235{ display:grid; grid-template-columns:1.05fr 1fr; gap:8px; padding:8px; border-radius:26px;
  background:radial-gradient(80% 60% at 0% 0%,rgba(244,63,94,.45),transparent 70%), radial-gradient(80% 70% at 100% 100%,rgba(14,165,233,.45),transparent 70%), linear-gradient(160deg,#2A1650,#170B33);
  box-shadow:0 16px 30px -20px rgba(42,22,80,.9) }
.lsb235{ position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:14px; border-radius:20px; color:#fff; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) }
.lsb235 small{ font-size:11px; font-weight:800; color:#FDA4AF }
.lsb235 b{ font-size:34px; font-weight:900; line-height:1.1; direction:ltr; text-align:start; background:linear-gradient(90deg,#fff,#FDE68A); -webkit-background-clip:text; background-clip:text; color:transparent }
.lsb235 span{ font-size:12px; font-weight:700; opacity:.8 }
.lsb235 svg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:34px }
.lsb235 path{ fill:rgba(253,164,175,.22) }
.lsl235{ display:flex; flex-direction:column; gap:6px }
.lsl235 span{ display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:16px; color:#fff; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12) }
.lsl235 i{ width:28px; height:28px; flex:none; border-radius:10px; display:grid; place-items:center }
.lsl235 i svg{ width:15px; height:15px }
.lsl235 i.a{ background:linear-gradient(135deg,#FB7185,#E11D48) } .lsl235 i.b{ background:linear-gradient(135deg,#FDE68A,#F59E0B) } .lsl235 i.c{ background:linear-gradient(135deg,#F9A8D4,#DB2777) }
.lsl235 b{ font-size:15px; font-weight:900; direction:ltr }
.lsl235 small{ margin-inline-start:auto; font-size:10.5px; font-weight:700; opacity:.72 }

/* ۶) علاقه‌ها */
.in235{ display:flex; flex-wrap:wrap; gap:8px }
.in235 span{ padding:7px 14px; border-radius:99px; font-size:12px; font-weight:900; color:#fff; box-shadow:0 6px 12px -8px rgba(0,0,0,.4) }
.in235 .h0{ background:linear-gradient(135deg,#A78BFA,#7C3AED) } .in235 .h1{ background:linear-gradient(135deg,#FF8FB8,#EC4899) }
.in235 .h2{ background:linear-gradient(135deg,#7DD3FC,#0284C7) } .in235 .h3{ background:linear-gradient(135deg,#6EE7B7,#059669) }
.in235 .h4{ background:linear-gradient(135deg,#FDBA74,#EA580C) } .in235 .h5{ background:linear-gradient(135deg,#FDE68A,#D97706) }

/* ۷) کارت عضویت */
.jn235{ position:relative; display:flex; align-items:center; gap:12px; margin-top:20px; padding:12px 14px; border-radius:22px; background:linear-gradient(135deg,#EEF4FF,#F6EEFF 55%,#FFF0F6); box-shadow:inset 0 0 0 1px #E6E0FA }
.jn235 > i{ width:42px; height:42px; flex:none; border-radius:14px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#818CF8,#6366F1); box-shadow:0 8px 14px -8px #6366F1 }
.jn235 > i svg{ width:22px; height:22px }
.jn235 > span:not(.jnd235){ display:flex; flex-direction:column; min-width:0; flex:1 }
.jn235 small{ font-size:10.5px; font-weight:700; color:#8B7FA6 }
.jn235 b{ font-size:14px; font-weight:900; color:#24163F }
.jnd235{ display:flex; flex-direction:column; align-items:center }
.jnd235 b{ font-size:18px; color:#6366F1; direction:ltr }
.jn235 > em{ position:absolute; top:-9px; inset-inline-end:14px; font-style:normal; font-size:10px; font-weight:900; color:#fff; padding:2px 10px; border-radius:99px; background:linear-gradient(90deg,#F472B6,#8B5CF6); box-shadow:0 4px 10px -4px #8B5CF6 }

/* ═══ v236 · تم‌های پنل در گالری تم لایو ═══ */
.tg236-h{ grid-column:1 / -1; margin:8px 2px 0; font-size:13px; font-weight:900; color:#6D28D9 }
/* گالری تم: کاشی‌ها روی هم نیفتند (ردیف‌ها قد واقعی کاشی را بگیرند) */
#themeG53 .tg53-grid{ flex:1 1 auto; min-height:0; align-content:start; align-items:start; grid-auto-rows:max-content }
#themeG53 .tg53-c{ width:100%; height:auto; min-height:0; box-sizing:border-box }
.tg53-c.tg236{ background-size:cover !important; background-position:center !important; background-color:#1a1030 }
.tg53-c.tg236 .nm{ text-shadow:0 1px 4px rgba(0,0,0,.7) }
.vip235 .pn227{ filter:drop-shadow(0 1px 0 rgba(70,45,0,.55)) drop-shadow(0 0 3px rgba(70,45,0,.25)) }

/* ═══ v237 · سربرگ «مرکز من» جمع‌وجور به سبک اینستاگرام: کاور کوتاه پشت،
   آواتار کنار، نام و آمار کنار آواتار، بقیه زیرش — به‌جای چیدمان کشیدهٔ وسط‌چین ═══ */
.m230 .hr148.cv233{ height:118px }
.pc233 > .vfx235{ top:118px }
.m230 .pb233{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"av nm" "av st" "id id" "lv lv" "bio bio" "ac ac";
  column-gap:14px; align-items:center; text-align:start; margin-top:0; padding:0 14px 14px }
.m230 .pb233 .av233{ grid-area:av; align-self:start; width:92px; height:92px; margin-top:-40px }
.m230 .pb233 .av233::before{ -webkit-mask:radial-gradient(circle,transparent 47px,#000 48px); mask:radial-gradient(circle,transparent 47px,#000 48px) }
.m230 .av233 .hav148{ width:88px; height:88px }
.m230 .av233 .hav148 > em{ font-size:32px }
.m230 .av233 .ca233{ width:28px; height:28px; bottom:0; border-width:2.5px } .m230 .av233 .ca233 svg{ width:13px; height:13px }
.m230 .av233 .hx-vip{ bottom:-10px; font-size:10px; padding:1px 7px 1px 6px }
.m230 .pb233 .nm233{ grid-area:nm; justify-content:flex-start; margin:8px 0 0; min-width:0 }
.m230 .pb233 .nm233 b{ font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.m230 .pb233 .st233{ grid-area:st; margin:4px 0 0; padding:0; background:none !important; box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none }
.m230 .pb233 .st233 button{ align-items:flex-start; padding:0 }
.m230 .pb233 .st233 button + button::before{ display:none }
.m230 .pb233 .st233 b{ font-size:17px; line-height:1.2 }
.m230 .pb233 .st233 small{ font-size:10.5px }
.m230 .pb233 .id233{ grid-area:id; justify-content:flex-start; margin-top:12px }
.m230 .pb233 .lv233{ grid-area:lv; justify-content:flex-start; margin-top:6px }
.m230 .pb233 .bio233{ grid-area:bio; justify-self:start; text-align:start; margin-top:6px; font-size:12.5px }
.m230 .pb233 .ac233{ grid-area:ac; margin-top:10px; grid-template-columns:1fr 1fr }
.m230 .pb233 .ac233 button{ height:36px; border-radius:12px; font-size:12.5px }

/* ═══ v237 · باگ دایرهٔ آواتار: عکس قاب (fr226) نباید استایل دایره‌ای آواتار را بگیرد ═══ */
.av146 .fr226 img, .av146 .fr226 > *{ position:absolute; inset:0; width:100%; height:100%; max-width:none; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; object-fit:contain }

/* ═══ v237 · صفحهٔ دوم هم جمع‌وجور به سبک اینستاگرام ═══ */
.pz234 .cv146{ height:190px }
.pz234 .hd146.hz234{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"av nm" "av st" "id id" "ch ch" "bio bio" "ac ac";
  column-gap:14px; align-items:center; text-align:start; margin:-38px 12px 0; padding:12px 14px 14px }
.pz234 .hd146.hz234:not(:has(.sz234)){ grid-template-areas:"av nm" "av id" "ch ch" "bio bio" "ac ac" }
.pz234 .hz234 .av146{ grid-area:av; position:relative; top:auto; left:auto; align-self:start; width:96px; height:96px; margin:-54px 0 0 }
.pz234 .hz234 .nm146{ grid-area:nm; justify-content:flex-start; padding:0; padding-inline-end:58px; margin:0; min-width:0 }
.pz234 .hz234 .nm146 b{ font-size:19px }
.pz234 .hz234 .sts146.sz234{ grid-area:st; margin:6px 0 0; padding:0; background:none !important; box-shadow:none !important; -webkit-backdrop-filter:none; backdrop-filter:none }
.pz234 .hz234 .sz234 .si234{ display:none }
.pz234 .hz234 .sz234 .st146{ align-items:flex-start }
.pz234 .hz234 .sz234 .st146 + .st146::before{ display:none }
.pz234 .hz234 .sz234 .st146 b{ font-size:16px }
.pz234 .hz234 .sz234 .st146 small{ font-size:10.5px }
.pz234 .hz234 .id146{ grid-area:id; justify-content:flex-start; margin-top:12px }
.pz234 .hd146.hz234:not(:has(.sz234)) .id146{ margin-top:6px }
.pz234 .hz234 .lz234{ grid-area:ch; justify-content:flex-start; margin-top:8px }
.pz234 .hz234 .bio146{ grid-area:bio; justify-content:flex-start; margin:8px 0 0; font-size:12.5px }
.pz234 .hz234 .abs146{ grid-area:ac; margin-top:10px }
.pz234 .hz234 .ab146{ height:38px; border-radius:12px; font-size:13px }
.pz234 .hz234 .lvb146{ top:8px; inset-inline-end:10px; width:52px; padding:4px 2px 5px; border-radius:14px }
.pz234 .hz234 .lvb146 svg{ width:34px; height:34px }
.pz234 .hz234 .lvb146 small{ font-size:8.5px }
.pz234 .hz234 .cf234{ top:18px; inset-inline-start:86px; width:28px; height:28px; padding:0; border-radius:50%; justify-content:center; background:#fff; box-shadow:0 3px 8px -3px rgba(0,0,0,.35), 0 0 0 2px #fff; z-index:5 }
.pz234 .hz234 .cf234 i{ font-size:17px; line-height:28px }
.pz234 .hz234 .cf234 small{ display:none }
.pz234 .hz234::before{ left:18px; right:18px }
.pz234 .hz234 .lvb146{ top:-30px; background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c1) 14%,#fff)); box-shadow:0 8px 16px -10px rgba(76,29,149,.6), inset 0 0 0 1px color-mix(in srgb,var(--c2) 22%,transparent) }
.pz234 .hz234 .id146{ flex-wrap:wrap; row-gap:4px }

/* v240 · وقتی قاب/هدور فعال است (۱۵۵٪ اندازهٔ آواتار)، نام و آمار زیرش نروند */
.m230 .pb233 .av233:has(.fr226-on, .hav148.fr){ margin-inline-end:24px; margin-inline-start:14px; margin-bottom:14px }
.pz234 .hz234 .av146:is(.fr226-on, .fr){ margin-inline-end:24px; margin-inline-start:12px; margin-bottom:16px }
.pz234 .hz234:has(.av146.fr226-on, .av146.fr) .cf234{ inset-inline-start:112px }

/* ═══ v241 · نوار «حامیان برتر» داخل کارت هویت (جای سکوی بزرگ تب پروفایل) ═══ */
.pz234 .hd146.hz234{ grid-template-areas:"av nm" "av st" "id id" "ch ch" "bio bio" "sg sg" "ac ac" }
.pz234 .hd146.hz234:not(:has(.sz234)){ grid-template-areas:"av nm" "av id" "ch ch" "bio bio" "sg sg" "ac ac" }
.sg241{ grid-area:sg; position:relative; overflow:hidden; display:flex; align-items:center; gap:10px; width:100%; margin-top:12px; padding:7px 10px 7px 8px; border:0; border-radius:18px; cursor:pointer; font:inherit; text-align:start;
  background:linear-gradient(100deg,#FFF6DD 0%,#FFE9C7 45%,#FFE3EC 100%); box-shadow:inset 0 0 0 1.5px #F6D58A, 0 10px 20px -16px rgba(200,130,20,.9) }
.sg241:active{ transform:scale(.98) }
.sgl241{ flex:none; display:flex; flex-direction:column; align-items:center; gap:1px; color:#B7791F }
.sgl241 svg{ width:18px; height:18px; filter:drop-shadow(0 2px 3px rgba(183,121,31,.4)) }
.sgl241 b{ font-size:9.5px; font-weight:900; white-space:nowrap }
.sgv241{ flex:none; display:flex; align-items:center; direction:ltr; padding-left:6px }
.sga241{ position:relative; width:32px; height:32px; margin-left:-8px; border-radius:50%; padding:2px; background:linear-gradient(135deg,#F8FAFC,#94A3B8); box-shadow:0 3px 8px -4px rgba(0,0,0,.35) }
.sga241.r1{ order:2; width:40px; height:40px; z-index:3; background:linear-gradient(135deg,#FFF3C4,#F5B82E,#B7791F) }
.sga241.r2{ order:1; z-index:2 } .sga241.r3{ order:3; z-index:1; background:linear-gradient(135deg,#FFE4CC,#C2410C) }
.sga241 img, .sga241 em, .sga241 > div.flex{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-size:12px; font-weight:900; color:#fff; background:linear-gradient(135deg,#FF8FB8,#8B5CF6); border:1.5px solid #fff; box-sizing:border-box }
.sga241 em.q{ background:#FFF8EC; color:#D6A85A; border-style:dashed; border-color:#E9C98A }
.sga241 > i{ position:absolute; top:-11px; left:50%; width:16px; height:16px; margin-left:-8px; color:#F5B82E; filter:drop-shadow(0 1px 1px rgba(0,0,0,.25)); animation:sgc241 2.4s ease-in-out infinite }
.sga241 > i svg{ width:100%; height:100% }
@keyframes sgc241{ 50%{ transform:translateY(-2px) rotate(-6deg) } }
.sga241 > b{ position:absolute; bottom:-4px; right:-2px; min-width:14px; height:14px; padding:0 3px; border-radius:99px; font-size:8.5px; font-weight:900; line-height:14px; text-align:center; color:#fff; background:#64748B; box-shadow:0 0 0 1.5px #fff; box-sizing:border-box }
.sga241.r1 > b{ background:linear-gradient(135deg,#F5B82E,#B7791F) } .sga241.r3 > b{ background:#C2410C }
.sgt241{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.25 }
.sgt241 b{ font-size:13px; font-weight:900; color:#3B2A12; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.sgt241 small{ display:inline-flex; align-items:center; gap:3px; font-size:11px; font-weight:800; color:#B45309; direction:ltr; justify-content:flex-end }
[dir=ltr] .sgt241 small{ justify-content:flex-start }
.sgt241 small svg{ width:12px; height:12px }
.sgc241{ flex:none; color:#C08A2D; display:grid } .sgc241 svg{ width:16px; height:16px } [dir=rtl] .sgc241 svg{ transform:scaleX(-1) }
.sgs241{ position:absolute; top:0; bottom:0; width:30%; left:-40%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); animation:sgs241 4.2s ease-in-out infinite; pointer-events:none }
@keyframes sgs241{ 0%,65%{ left:-40% } 100%{ left:130% } }
.pz234 .vip235 .sg241{ box-shadow:inset 0 0 0 1.5px #F1D38A, 0 10px 20px -16px rgba(200,130,20,.9) }
.sg241{ padding-top:13px; padding-bottom:9px } .sga241 > i{ top:-10px }


/* ═══ v243 · شناسه بدون کادر (کلید «ID» + شمارهٔ درخشان)، وضعیت آنلاین زیر آواتار، نشان VIP جلوی نام ═══ */
.pz234 .hz234 .id146 .cp146:not(.img){ gap:6px; height:auto; padding:2px 0 !important; border:0 !important; background:none !important; box-shadow:none !important; animation:none;
  font-size:14.5px; font-weight:900; letter-spacing:.9px; color:#4C2A85 }
.pz234 .hz234 .id146 .cp146:not(.img)::before{ content:none }
.pz234 .hz234 .id146 .cp146 svg{ width:14px; height:14px; opacity:.5 }
.ik243{ font-style:normal; display:inline-grid; place-items:center; height:18px; padding:0 6px; border-radius:7px 2px 7px 2px; font-size:9.5px; font-weight:900; letter-spacing:1px; line-height:1;
  color:#fff; -webkit-text-fill-color:#fff; background:linear-gradient(135deg,#A78BFA,#7C3AED); box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px -3px rgba(124,58,237,.75) }
.pz234 .vip235 .ik243{ background:linear-gradient(135deg,#F7D774,#B7791F); box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 3px 8px -3px rgba(183,121,31,.8) }
.pz234 .hz234 .id146 .idf226:not(.img) .ik243{ background:linear-gradient(135deg,var(--a),var(--b)); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 1px var(--c), 0 3px 10px -3px var(--a) }
.pz234 .hz234 .id146 .idf226:not(.img) .iv243{ background:linear-gradient(90deg,var(--b),var(--a) 35%,var(--c) 50%,var(--a) 65%,var(--b)); background-size:240% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:iv243 3.6s linear infinite; filter:drop-shadow(0 1px 0 rgba(40,20,70,.25)) }
.pz234 .hz234 .id146 .idf226:not(.img) svg{ color:var(--a); opacity:.85 }
@keyframes iv243{ to{ background-position:-240% 0 } }

.sp243{ position:absolute; left:50%; bottom:-9px; transform:translateX(-50%); z-index:6; display:flex; white-space:nowrap; pointer-events:none }
.sp243 .on145{ gap:4px; padding:2px 8px 2px 7px; font-size:10px; color:#fff; background:linear-gradient(135deg,#34D399,#059669); box-shadow:0 0 0 2px #fff, 0 5px 12px -4px rgba(5,150,105,.75) }
.sp243 .on145 i{ width:5px; height:5px; background:#fff; animation:sp243 1.6s ease-out infinite }
@keyframes sp243{ 0%{ box-shadow:0 0 0 0 rgba(255,255,255,.9) } 100%{ box-shadow:0 0 0 6px rgba(255,255,255,0) } }
.sp243 .off146{ padding:2px 8px; font-size:10px; color:#6B5B86; background:#fff; box-shadow:0 0 0 1px #EDE6F7, 0 5px 12px -6px rgba(76,29,149,.45) }
.pz234 .hz234 .av146:not(.fr226-on, .fr):has(.sp243){ margin-bottom:10px }

.pz234 .nm146 .pt227-tag{ display:none }
.pz234 .hz234 .nm146{ flex-wrap:wrap; row-gap:4px }
.pz234 .hz234 .nm146 > b{ flex:0 0 auto; max-width:100% }
.vt243{ flex:none; position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:3px; height:21px; padding:0 8px 0 3px; border-radius:11px 4px 11px 4px; direction:ltr;
  color:#fff; text-shadow:0 1px 1px rgba(60,20,0,.35); background:linear-gradient(135deg,#F7D774,#E4A72B 55%,#B7791F);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), inset 0 -2px 0 rgba(120,60,0,.25), 0 0 0 1.5px #FFF3CF, 0 5px 12px -5px rgba(183,121,31,.9) }
.vt243 svg{ width:15px; height:15px; padding:2.5px; box-sizing:border-box; border-radius:50%; color:#B7791F; background:#FFF8E6; box-shadow:0 1px 2px rgba(120,60,0,.35) }
.vt243 i{ font-style:normal; font-size:8px; font-weight:900; letter-spacing:.7px; opacity:.9 }
.pz234 .hz234 .nm146 .vt243 b{ font-size:12.5px; font-weight:900; line-height:1; overflow:visible; max-width:none; background:none; animation:none; color:#fff; -webkit-text-fill-color:#fff; filter:none }
.vt243.t4, .vt243.t5, .vt243.t6{ background:linear-gradient(135deg,#FF9EC4,#EC4899 55%,#BE185D); box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(90,0,40,.25), 0 0 0 1.5px #FFE4F0, 0 5px 12px -5px rgba(190,24,93,.8) }
.vt243.t4 svg, .vt243.t5 svg, .vt243.t6 svg{ color:#BE185D }
.vt243.t7, .vt243.t8, .vt243.t9, .vt243.t10{ background:linear-gradient(135deg,#C4B5FD,#8B5CF6 45%,#5B21B6); box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(40,0,90,.3), 0 0 0 1.5px #F5C451, 0 5px 14px -5px rgba(91,33,182,.85) }
.vt243.t7 svg, .vt243.t8 svg, .vt243.t9 svg, .vt243.t10 svg{ color:#6D28D9; background:linear-gradient(135deg,#FFF6D2,#F5C451) }
.vt243::after{ content:""; position:absolute; top:0; bottom:0; width:40%; left:-60%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); animation:pt243 3.4s ease-in-out infinite }
@keyframes pt243{ 0%,60%{ left:-60% } 100%{ left:140% } }
@media (prefers-reduced-motion:reduce){ .iv243, .sp243 .on145 i, .vt243::after{ animation:none !important } }

/* v244 · نشان VIP زیر سطح‌ها؛ آنلاین فقط در «مرکز من» */
.pz234 .hd146.hz234{ grid-template-areas:"av nm" "av st" "id id" "ch ch" "vp vp" "bio bio" "sg sg" "ac ac" }
.pz234 .hd146.hz234:not(:has(.sz234)){ grid-template-areas:"av nm" "av id" "ch ch" "vp vp" "bio bio" "sg sg" "ac ac" }
.vr243{ grid-area:vp; display:flex; justify-content:flex-start; margin-top:8px }
.vr243 .vt243{ height:23px; padding-inline:4px 10px }
.pz234 .hz234 .vr243 .vt243 b{ font-size:12.5px; font-weight:900; line-height:1; color:#fff; -webkit-text-fill-color:#fff }
.vr243 .vt243 i{ font-size:9px }
.hon243{ gap:4px; padding:2px 8px 2px 7px; font-size:10.5px; color:#fff !important; background:linear-gradient(135deg,#34D399,#059669) !important; box-shadow:0 4px 10px -4px rgba(5,150,105,.7) }
.hon243 i{ width:5px; height:5px; background:#fff !important; animation:sp243 1.6s ease-out infinite }
.hid148 > span.hon243{ display:inline-flex; align-items:center; font-size:10.5px; font-weight:800; line-height:1; padding:4px 9px 4px 8px; border-radius:99px }

/* v245 · جمع‌وجورتر: آواتار کمی پایین‌تر، و ID + سطح‌ها + VIP در ستون کنار آواتار (فضای خالی پر می‌شود) */
.pz234 .hd146.hz234, .pz234 .hd146.hz234:not(:has(.sz234)){ grid-template-areas:"av nm" "av id" "av ch" "av vp" "st st" "bio bio" "sg sg" "ac ac"; align-items:center; align-content:start }
.pz234 .hz234 .av146{ margin-top:-30px; align-self:center }
.pz234 .hz234 .av146:is(.fr226-on, .fr){ margin-top:-22px; margin-bottom:6px }
.pz234 .hz234 .nm146{ align-self:end }
.pz234 .hz234 .id146, .pz234 .hd146.hz234:not(:has(.sz234)) .id146{ margin-top:4px }
.pz234 .hz234 .lz234{ margin-top:6px; flex-wrap:wrap; row-gap:5px }
.pz234 .hz234 .vr243{ margin-top:6px; align-self:start }
.pz234 .hz234 .sts146.sz234{ margin-top:12px; padding-top:10px !important; border-top:1px dashed rgba(200,160,90,.35); border-radius:0; justify-content:space-around }
.pz234 .hz234 .sz234 .st146{ align-items:center }
.pz234 .hz234 .bio146{ margin-top:10px }

/* ═══ v246 · «مرکز من» با چیدمان صفحهٔ دوم + پالت «یاس و مروارید»
   (بنفش یاسی، سفید صدفی و کرم ملایم — هماهنگ با فضای اپ) ═══ */
.m230 .pb233{ grid-template-areas:"av nm" "av id" "av lv" "av vp" "st st" "bio bio" "ac ac"; align-content:start; padding:0 14px 14px }
.m230 .pb233 .av233{ margin-top:-24px; align-self:center }
.m230 .pb233 .av233:has(.fr226-on, .hav148.fr){ margin-top:-14px; margin-bottom:8px }
.m230 .pb233 .nm233{ align-self:end; margin-top:10px; flex-wrap:wrap; row-gap:3px }
.m230 .pb233 .nm233 .pt227-tag{ display:none }
.m230 .pb233 .id233{ margin-top:5px; flex-wrap:wrap; row-gap:4px }
.m230 .pb233 .lv233{ margin-top:6px; flex-wrap:wrap; row-gap:5px }
.m230 .pb233 .vr243{ grid-area:vp; margin-top:6px; align-self:start }
.m230 .pb233 .st233{ margin:12px 0 0; padding:10px 4px 2px; border-top:1px dashed #DCCBFB; border-radius:0; justify-content:space-around; display:flex }
.m230 .pb233 .st233 button{ flex:1; align-items:center }
.m230 .pb233 .st233 b, .m230 .vip235 .st233 b{ color:#4C1D95 !important; font-size:17px }
.m230 .pb233 .st233 small{ color:#9483B8; font-weight:800 }
.m230 .pb233 .bio233{ margin-top:8px }

/* شناسهٔ بدون کادر (مثل صفحهٔ دوم) */
.m230 .pb233 .id233 button:not(.img){ gap:6px; height:auto; padding:2px 0 !important; border:0 !important; background:none !important; box-shadow:none !important; animation:none;
  font-size:14px; font-weight:900; letter-spacing:.9px; color:#4C2A85 !important }
.m230 .pb233 .id233 button:not(.img)::before{ content:none }
.m230 .pb233 .id233 button svg{ width:14px; height:14px; opacity:.5 }
.m230 .pb233 .id233 .idf226:not(.img) .ik243{ background:linear-gradient(135deg,var(--a),var(--b)); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 1px var(--c), 0 3px 10px -3px var(--a) }
.m230 .pb233 .id233 .idf226:not(.img) .iv243{ background:linear-gradient(90deg,var(--b),var(--a) 35%,var(--c) 50%,var(--a) 65%,var(--b)); background-size:240% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:iv243 3.6s linear infinite; filter:drop-shadow(0 1px 0 rgba(40,20,70,.25)) }
.m230 .pb233 .id233 .idf226:not(.img) svg{ color:var(--a); opacity:.85 }
.m230 .pb233 .vr243 .vt243{ height:23px; padding-inline:4px 10px }
.m230 .pb233 .vr243 .vt243 b{ font-size:12.5px; font-weight:900; line-height:1; color:#fff }
.m230 .pb233 .vr243 .vt243 i{ font-size:9px }

/* پالت یاس و مروارید — برای همه (VIP هم)، مگر کارتی که پس‌زمینهٔ تصویری از پنل دارد */
.pc233, .pc233.vip235:not(.vimg235){
  background:
    radial-gradient(70% 40% at 100% 40%, rgba(196,181,253,.38), transparent 70%),
    radial-gradient(60% 40% at 0% 100%, rgba(244,200,255,.30), transparent 70%),
    radial-gradient(50% 30% at 15% 45%, rgba(255,236,210,.55), transparent 70%),
    linear-gradient(115deg, rgba(255,255,255,0) 25%, rgba(233,221,255,.55) 42%, rgba(255,244,230,.6) 55%, rgba(255,255,255,0) 72%),
    linear-gradient(180deg,#FFFFFF 0%,#FBF7FF 45%,#FFF8F0 100%);
  background-size:auto, auto, auto, 250% 100%, auto; animation:foil236 10s ease-in-out infinite }
.pc233, .pc233.vip235{ box-shadow:0 22px 44px -26px rgba(109,40,217,.55), 0 0 0 1.5px #E4D6FF, inset 0 0 0 1px rgba(255,255,255,.95) }
.pc233.vip235{ box-shadow:0 22px 44px -26px rgba(109,40,217,.55), 0 0 0 1.5px #D9C6FF, 0 0 0 3px rgba(245,197,81,.35), inset 0 0 0 1px rgba(255,255,255,.95) }
.m230 .pb233 .nm233 b:not(.pn227){ color:#2E1065 }
.m230 .ac233 button.p, .m230 .vip235 .ac233 button.p{ color:#fff; background:linear-gradient(135deg,#B794F6,#7C3AED 55%,#5B21B6); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 12px 22px -12px rgba(109,40,217,.9) }
.m230 .ac233 button:not(.p), .m230 .vip235 .ac233 button:not(.p){ color:#5B21B6; background:#FFFDF9; box-shadow:inset 0 0 0 1.5px #E4D6FF }
.m230 .pb233 .bio233{ color:#5B4A7A }
.m230 .av233 .hav148 > img:not(.afr146), .m230 .av233 .hav148 > em, .m230 .vip235 .av233 .hav148 > img:not(.afr146), .m230 .vip235 .av233 .hav148 > em{ border-color:#fff; box-shadow:0 0 0 2px #D9C6FF, 0 14px 26px -12px rgba(91,33,182,.6) }
.pc233 .vfx235 b{ background:linear-gradient(135deg,#FFFFFF,#C4B5FD); filter:drop-shadow(0 0 4px rgba(167,139,250,.9)) }
.m230 .pb233 .bio233 .ph{ color:#8B5CF6 } .m230 .pb233 .bio233 .ph svg{ color:#A78BFA }

/* v247 · وضعیت آنلاین فقط روی پروفایل دیگران: کنار ID + نقطهٔ سبز روی آواتار */
.pz234 .id146 .hon243{ display:inline-flex; align-items:center; font-size:10.5px; font-weight:800; line-height:1; padding:4px 9px 4px 8px; border-radius:99px }
.pz234 .id146 .off146{ font-size:10.5px; font-weight:800; line-height:1; padding:4px 9px; color:#7C6A9E; background:#F4EEFF; box-shadow:inset 0 0 0 1px #E9DEFD }
.pz234 .hz234 .av146 .dt145{ bottom:6px; inset-inline-end:6px; width:15px; height:15px; border:3px solid #fff; z-index:7 }

/* v247 · وضعیت آنلاین فقط روی پروفایل دیگران: کنار ID + نقطهٔ سبز روی آواتار */
.pz234 .id146 .hon243{ display:inline-flex; align-items:center; font-size:10.5px; font-weight:800; line-height:1; padding:4px 9px 4px 8px; border-radius:99px }
.pz234 .id146 .off146{ font-size:10.5px; font-weight:800; line-height:1; padding:4px 9px; color:#7C6A9E; background:#F4EEFF; box-shadow:inset 0 0 0 1px #E9DEFD }
.pz234 .hz234 .av146 .dt145{ bottom:6px; inset-inline-end:6px; width:15px; height:15px; border:3px solid #fff; z-index:7 }

/* ═══ v248 · صفحهٔ دوم هم با پالت «یاس و مروارید» (به‌جای طلایی) — مثل «مرکز من» ═══ */
.pz234 .hd146.hz234, .pz234 .hd146.hz234.vip235:not(.vimg235){
  background:
    radial-gradient(70% 40% at 100% 40%, rgba(196,181,253,.38), transparent 70%),
    radial-gradient(60% 40% at 0% 100%, rgba(244,200,255,.30), transparent 70%),
    radial-gradient(50% 30% at 15% 45%, rgba(255,236,210,.55), transparent 70%),
    linear-gradient(115deg, rgba(255,255,255,0) 25%, rgba(233,221,255,.55) 42%, rgba(255,244,230,.6) 55%, rgba(255,255,255,0) 72%),
    linear-gradient(180deg,#FFFFFF 0%,#FBF7FF 45%,#FFF8F0 100%);
  background-size:auto, auto, auto, 250% 100%, auto; animation:foil236 10s ease-in-out infinite }
.pz234 .hd146.hz234{ box-shadow:0 26px 44px -28px rgba(109,40,217,.55), 0 0 0 1.5px #E4D6FF, inset 0 0 0 1px rgba(255,255,255,.95) }
.pz234 .hd146.hz234.vip235{ box-shadow:0 26px 44px -28px rgba(109,40,217,.55), 0 0 0 1.5px #D9C6FF, 0 0 0 3px rgba(245,197,81,.35), inset 0 0 0 1px rgba(255,255,255,.95) }
.pz234 .hz234.vip235::before{ background:linear-gradient(90deg,transparent,#B794F6,#F3EDFF,#B794F6,transparent) }
.pz234 .hz234 .nm146 b:not(.pn227){ background:none; color:#2E1065; -webkit-text-fill-color:#2E1065; animation:none }
.pz234 .hz234 .sts146.sz234{ border-top-color:#DCCBFB }
.pz234 .hz234 .sz234 .st146 b, .pz234 .vip235 .sz234 .st146 b{ color:#4C1D95 !important }
.pz234 .hz234 .sz234 .st146 small{ color:#9483B8; font-weight:800 }
.pz234 .ab146.pri, .pz234 .vip235 .ab146.pri{ color:#fff; background:linear-gradient(135deg,#B794F6,#7C3AED 55%,#5B21B6); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 12px 22px -12px rgba(109,40,217,.9) }
.pz234 .ab146.sec, .pz234 .ab146.fol, .pz234 .vip235 .ab146.sec, .pz234 .vip235 .ab146.fol{ color:#5B21B6; background:#FFFDF9; box-shadow:inset 0 0 0 1.5px #E4D6FF }
.pz234 .vip235 .ik243{ background:linear-gradient(135deg,#A78BFA,#7C3AED); box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px -3px rgba(124,58,237,.75) }
.pz234 .av146 > img:not(.afr146), .pz234 .av146 > em, .pz234 .vip235 .av146 > img:not(.afr146), .pz234 .vip235 .av146 > em{ border-color:#fff; box-shadow:0 0 0 2px #D9C6FF, 0 14px 26px -12px rgba(91,33,182,.6) }
.pz234 .hz234 .vfx235 b{ background:linear-gradient(135deg,#FFFFFF,#C4B5FD); filter:drop-shadow(0 0 4px rgba(167,139,250,.9)) }
.pz234 .hz234 .lvb146{ background:linear-gradient(180deg,#fff,#F5F0FF) }
/* نوار حامیان برتر: یاسی-صدفی به‌جای طلایی */
.sg241, .pz234 .vip235 .sg241{ background:linear-gradient(100deg,#FFFFFF 0%,#F4EEFF 50%,#FFF3F8 100%); box-shadow:inset 0 0 0 1.5px #E4D6FF, 0 10px 20px -16px rgba(109,40,217,.7) }
.sgl241{ color:#7C3AED } .sgl241 svg{ filter:drop-shadow(0 2px 3px rgba(124,58,237,.35)) }
.sgt241 b{ color:#2E1065 } .sgt241 small{ color:#7C3AED } .sgc241{ color:#A78BFA }
.sga241 em.q{ background:#FBF8FF; color:#A78BFA; border-color:#D9C6FF }

/* ═══ v250 · «نبض صحنه» و «بین ما» (پالت یاس و مروارید) ═══ */
/* در حال پخش */
.oa250{ position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; padding:14px; border-radius:22px; color:#fff;
  background:radial-gradient(120% 140% at 0% 0%,#C084FC 0%,transparent 55%), radial-gradient(120% 140% at 100% 100%,#FB7185 0%,transparent 55%), linear-gradient(135deg,#7C3AED,#5B21B6);
  box-shadow:0 18px 30px -18px rgba(91,33,182,.9), inset 0 0 0 1px rgba(255,255,255,.25) }
.oa250::after{ content:""; position:absolute; top:0; bottom:0; width:35%; left:-50%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); animation:pt243 3.2s ease-in-out infinite }
.oaq250{ flex:none; display:flex; align-items:flex-end; gap:3px; width:46px; height:46px; padding:9px 8px; box-sizing:border-box; border-radius:16px; background:rgba(255,255,255,.18); box-shadow:inset 0 0 0 1px rgba(255,255,255,.3) }
.oaq250 i{ flex:1; border-radius:3px; background:#fff; height:30%; animation:oaq250 .9s ease-in-out infinite alternate }
.oaq250 i:nth-child(2){ animation-delay:-.3s } .oaq250 i:nth-child(3){ animation-delay:-.6s } .oaq250 i:nth-child(4){ animation-delay:-.15s } .oaq250 i:nth-child(5){ animation-delay:-.45s }
@keyframes oaq250{ to{ height:100% } }
.oat250{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.oat250 em{ font-style:normal; font-size:9.5px; font-weight:900; letter-spacing:1px; color:#FDE68A }
.oat250 b{ font-size:15px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.oat250 small{ display:flex; align-items:center; gap:4px; font-size:11px; font-weight:800; opacity:.9 } .oat250 small svg{ width:13px; height:13px }
.oab250{ position:relative; z-index:1; flex:none; display:inline-flex; align-items:center; gap:4px; height:36px; padding:0 14px; border:0; border-radius:99px; cursor:pointer; font:inherit; font-size:13px; font-weight:900; color:#5B21B6; background:#fff; box-shadow:0 8px 16px -8px rgba(0,0,0,.45) }
.oab250 svg{ width:15px; height:15px }

/* ریتم و ساعت طلایی */
.pl250{ padding:12px; border-radius:22px; background:linear-gradient(180deg,#FFFFFF,#FBF7FF 60%,#FFF8F0); box-shadow:0 0 0 1.5px #EDE4FF, 0 16px 28px -22px rgba(109,40,217,.6) }
.plt250{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
.plt250 > span{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 4px 9px; border-radius:16px; text-align:center; min-width:0 }
.plt250 > span i{ display:grid; place-items:center; width:30px; height:30px; border-radius:11px; color:#fff; margin-bottom:3px }
.plt250 > span i svg{ width:17px; height:17px }
.plt250 > span b{ font-size:15px; font-weight:900; color:#2E1065; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100% }
.plt250 > span small{ font-size:10px; font-weight:800; color:#9483B8 }
.plt250 .a{ background:#F4EEFF } .plt250 .a i{ background:linear-gradient(135deg,#C4B5FD,#7C3AED); box-shadow:0 6px 12px -6px #7C3AED }
.plt250 .b{ background:#FFF1F5 } .plt250 .b i{ background:linear-gradient(135deg,#FDA4AF,#E11D48); box-shadow:0 6px 12px -6px #E11D48 }
.plt250 .c{ background:#FFF7EA } .plt250 .c i{ background:linear-gradient(135deg,#FCD34D,#F59E0B); box-shadow:0 6px 12px -6px #F59E0B }
.plt250 .c b{ font-size:12.5px }
.plw250{ margin-top:12px }
.plw250 p{ display:flex; align-items:center; justify-content:space-between; margin:0 2px 8px; font-size:12px }
.plw250 p b{ font-weight:900; color:#2E1065 } .plw250 p em{ font-style:normal; font-size:10.5px; font-weight:800; color:#7C3AED; background:#F4EEFF; padding:2px 8px; border-radius:99px }
.plb250{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; height:84px }
.plb250 span{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; min-width:0 }
.plb250 span i{ display:block; width:100%; max-width:26px; height:var(--h); min-height:5px; border-radius:8px 8px 4px 4px; background:#EDE4FF }
.plb250 span.on i{ background:linear-gradient(180deg,#C4B5FD,#7C3AED); box-shadow:0 6px 10px -6px #7C3AED }
.plb250 span.t i{ box-shadow:0 0 0 2px #fff, 0 0 0 3.5px #F5C451 }
.plb250 span small{ flex:none; font-size:10px; font-weight:900; color:#9483B8 } .plb250 span.t small{ color:#7C3AED }

/* بدون لایو */
.pe250{ display:flex; align-items:center; gap:12px; padding:14px; border-radius:22px; background:linear-gradient(135deg,#FFFFFF,#F6F0FF); box-shadow:0 0 0 1.5px #EDE4FF }
.pe250 > span{ flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:15px; color:#7C3AED; background:#F1EAFF }
.pe250 > span svg{ width:22px; height:22px }
.pe250 p{ flex:1; margin:0; display:flex; flex-direction:column; gap:2px; min-width:0 } .pe250 p b{ font-size:13.5px; font-weight:900; color:#2E1065 } .pe250 p small{ font-size:11px; font-weight:700; color:#9483B8; line-height:1.5 }
.pe250 button{ flex:none; display:inline-flex; align-items:center; gap:4px; height:34px; padding:0 12px; border:0; border-radius:99px; cursor:pointer; font:inherit; font-size:12px; font-weight:900; color:#fff; background:linear-gradient(135deg,#B794F6,#7C3AED); box-shadow:0 8px 14px -8px #7C3AED }
.pe250 button svg{ width:14px; height:14px }

/* بین ما */
.bu250{ --k1:#C4B5FD; --k2:#7C3AED; position:relative; overflow:hidden; padding:14px 12px 12px; border-radius:22px;
  background:radial-gradient(80% 60% at 50% 0%, color-mix(in srgb,var(--k1) 30%,transparent), transparent 70%), linear-gradient(180deg,#FFFFFF,#FBF7FF 60%,#FFF8F0);
  box-shadow:0 0 0 1.5px #EDE4FF, 0 16px 28px -22px rgba(109,40,217,.6) }
.bu250.t0{ --k1:#E2E8F0; --k2:#94A3B8 } .bu250.t1{ --k1:#BAE6FD; --k2:#0EA5E9 } .bu250.t2{ --k1:#C4B5FD; --k2:#7C3AED }
.bu250.t3{ --k1:#FBCFE8; --k2:#DB2777 } .bu250.t4{ --k1:#FECDD3; --k2:#E11D48 } .bu250.t5{ --k1:#FDE68A; --k2:#D97706 }
.bua250{ display:flex; align-items:center; justify-content:space-between; gap:6px; direction:ltr }
[dir=rtl] .bua250{ direction:rtl }
.bua250 .av{ flex:none; display:flex; flex-direction:column; align-items:center; gap:4px; width:64px }
.bua250 .av img, .bua250 .av em{ width:52px; height:52px; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-size:18px; font-weight:900; color:#fff;
  background:linear-gradient(135deg,#C4B5FD,#7C3AED); border:3px solid #fff; box-shadow:0 0 0 2px var(--k1), 0 10px 18px -10px var(--k2) }
.bua250 .av small{ max-width:100%; font-size:10.5px; font-weight:900; color:#5B4A7A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.bua250 .lk{ position:relative; flex:1; display:flex; flex-direction:column; align-items:center; margin-top:-14px }
.bua250 .lk .tr{ position:absolute; top:22px; left:0; right:0; height:6px; border-radius:99px; background:#EDE4FF; overflow:hidden }
.bua250 .lk .tr i{ position:absolute; top:0; bottom:0; inset-inline-start:0; width:var(--p); border-radius:99px; background:linear-gradient(90deg,var(--k1),var(--k2)) }
[dir=rtl] .bua250 .lk .tr i{ background:linear-gradient(270deg,var(--k1),var(--k2)) }
.bua250 .lk b{ position:relative; z-index:1; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--k1),var(--k2)); box-shadow:0 0 0 4px #fff, 0 10px 18px -8px var(--k2); animation:bu250 1.6s ease-in-out infinite }
.bua250 .lk b svg{ width:24px; height:24px }
@keyframes bu250{ 0%,100%{ transform:scale(1) } 15%{ transform:scale(1.12) } 30%{ transform:scale(.98) } 45%{ transform:scale(1.06) } }
.bua250 .lk em{ font-style:normal; margin-top:6px; padding:2px 10px; border-radius:99px; font-size:11.5px; font-weight:900; color:var(--k2); background:#fff; box-shadow:inset 0 0 0 1.5px var(--k1) }
.bug250{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px }
.bug250 span{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 4px; border-radius:14px; background:rgba(255,255,255,.85); box-shadow:inset 0 0 0 1px #EDE4FF }
.bug250 small{ font-size:10px; font-weight:800; color:#9483B8 }
.bug250 b{ display:inline-flex; align-items:center; gap:4px; font-size:15px; font-weight:900; color:#2E1065; direction:ltr } .bug250 b svg{ width:15px; height:15px }
.buf250{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:10px }
.buf250 span{ display:inline-flex; align-items:center; gap:4px; padding:3px 9px; border-radius:99px; font-size:10.5px; font-weight:800; color:#6B5B86; background:#F6F1FF }
.buf250 span svg{ width:12px; height:12px } .buf250 span.m{ color:#047857; background:#E8FBF2 }
.bun250{ margin:10px 0 0; text-align:center; font-size:11px; font-weight:800; color:var(--k2) }
@media (prefers-reduced-motion:reduce){ .oaq250 i, .oa250::after, .bua250 .lk b{ animation:none } }

/* v252 · فلش جمع‌وجور «نمای عمومی» لبهٔ کارت مرکز من (به‌جای دو دکمهٔ پایین) */
.m230 .pb233{ position:relative }
.m230 .pb233 > :is(.nm233, .id233, .lv233, .vr243){ margin-inline-end:40px }
.go252{ position:absolute; inset-inline-end:12px; top:58px; transform:translateY(-50%); z-index:4; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; cursor:pointer;
  color:#fff; background:linear-gradient(135deg,#C4B5FD,#7C3AED); box-shadow:0 0 0 3px #fff, 0 0 0 4.5px #E4D6FF, 0 8px 16px -8px rgba(109,40,217,.9) }
.go252 svg{ width:16px; height:16px }
[dir=rtl] .go252 svg{ transform:scaleX(-1) }
.go252::after{ content:""; position:absolute; inset:-5px; border-radius:50%; box-shadow:0 0 0 2px rgba(167,139,250,.55); animation:go252 2.2s ease-out infinite }
@keyframes go252{ 0%{ transform:scale(.8); opacity:1 } 100%{ transform:scale(1.35); opacity:0 } }
.go252:active{ transform:translateY(-50%) scale(.92) }
@media (prefers-reduced-motion:reduce){ .go252::after{ animation:none } }