/* ═══════════════════════════════════════════════════════════════════════════
 *  v282 · کارت کاربر داخل لایو — «مروارید شفق» (روشن)
 *  رنگ‌ها: --pa/--pb/--pc سربرگ، --pk1/--pk2 دکمه (از پنل؛ پیش‌فرض صورتی←بنفش←طلایی برند)
 * ═══════════════════════════════════════════════════════════════════════════ */
#uc145{ background:rgba(28,10,60,.42) }
#uc145 .uc145-s{ --pa0:var(--pa,#C084FC); --pb0:var(--pb,#FF3D7F); --pc0:var(--pc,#FFD54A); --k1:var(--pk1,#FF3D7F); --k2:var(--pk2,#8B5CF6);
  --ink:#1E1338; --sub:#8A7FA8; --line:#EEE8FA }
#uc145 .uc145-s{ color:var(--ink); border-radius:30px 30px 0 0;
  background:radial-gradient(120% 40% at 100% 0%,color-mix(in srgb,var(--pb0) 14%,transparent),transparent 70%),
             radial-gradient(100% 36% at 0% 10%,color-mix(in srgb,var(--pa0) 18%,transparent),transparent 70%),
             linear-gradient(180deg,#FBF8FF 0%,#FFFDFB 50%,#FFFFFF 100%);
  box-shadow:0 -24px 60px -12px rgba(40,10,80,.5), inset 0 1px 0 #fff }

/* ─── سربرگ ─── */
#uc145 .uc145-hero{ height:var(--phh,118px); border-radius:30px 30px 0 0; isolation:isolate;
  background:linear-gradient(125deg,var(--pa0) 0%,var(--pb0) 55%,var(--pc0) 100%) }
#uc145.img282 .uc145-hero{ background:var(--phi) center/cover no-repeat, linear-gradient(125deg,var(--pa0),var(--pb0)) }
#uc145 .uc145-hero > .bl145{ mix-blend-mode:soft-light; opacity:.9; filter:blur(26px) }
#uc145 .uc145-hero > .bl145.a{ background:#fff } #uc145 .uc145-hero > .bl145.b{ background:var(--pc0) } #uc145 .uc145-hero > .bl145.c{ background:var(--pa0); opacity:.6 }
#uc145 .uc145-hero > .gr145{ background:
  radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.6px) 0 0/14px 14px,
  repeating-linear-gradient(120deg,rgba(255,255,255,.12) 0 1px,transparent 1px 18px); opacity:.55 }
#uc145.nopat282 .uc145-hero > .gr145{ display:none }
#uc145 .uc145-hero > .hd145{ background:rgba(255,255,255,.75) }
.sp282{ position:absolute; inset:0; z-index:1; pointer-events:none }
.sp282 i{ position:absolute; width:9px; height:9px; background:#fff; opacity:0; animation:sp282 3.6s 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(255,255,255,.9)) }
.sp282 i:nth-child(1){ left:10%; top:24% } .sp282 i:nth-child(2){ left:24%; top:60%; animation-delay:.6s; width:6px; height:6px }
.sp282 i:nth-child(3){ left:72%; top:20%; animation-delay:1.2s } .sp282 i:nth-child(4){ left:88%; top:52%; animation-delay:1.8s; width:7px; height:7px }
.sp282 i:nth-child(5){ left:56%; top:12%; animation-delay:2.4s; width:5px; height:5px } .sp282 i:nth-child(6){ left:38%; top:30%; animation-delay:3s; width:6px; height:6px }
@keyframes sp282{ 0%,100%{ opacity:0; transform:scale(.3) rotate(0) } 50%{ opacity:1; transform:scale(1) rotate(45deg) } }
#uc145.nospk282 .sp282{ display:none }
.wv282{ position:absolute; left:0; right:0; bottom:-1px; width:100%; height:26px; z-index:2; fill:#FBF8FF }
#uc145.nowave282 .wv282{ display:none }
#uc145 .lv145{ z-index:4 }
#uc145 .fm145{ z-index:4; color:#fff; background:rgba(255,255,255,.24); border-color:rgba(255,255,255,.45); text-shadow:0 1px 2px rgba(60,10,80,.35) }

/* ─── آواتار ─── */
#uc145 .uc145-av{ width:100px; height:100px; margin-top:-62px; z-index:3 }
#uc145 .rg145{ inset:-5px; background:conic-gradient(from 0deg,var(--pa0),var(--pb0),var(--pc0),var(--pa0));
  box-shadow:0 10px 26px -6px color-mix(in srgb,var(--pb0) 70%,transparent) }
#uc145 .uc145-av img, #uc145 .uc145-av > em{ border:4px solid #fff; background:linear-gradient(135deg,var(--pa0),var(--pb0)) }
#uc145 .dt145{ border-color:#fff }

/* ─── نام، شناسه، نشان‌ها ─── */
#uc145 .uc145-b{ padding:6px 16px 0 }
#uc145 .nm145 b:not(.pn227){ font-size:21px; animation:none; color:transparent;
  background:linear-gradient(90deg,#3B0F7A,color-mix(in srgb,var(--k2) 80%,#3B0F7A) 50%,var(--k1)); -webkit-background-clip:text; background-clip:text }
#uc145 .cp145{ color:#6D28D9; background:#F3EEFF; border:1px solid #E6DCFF }
#uc145 .on145{ color:#059669; background:#ECFDF5; border:1px solid #A7F3D0 }
#uc145 .off145{ color:var(--sub); background:#F5F3FA; border:1px solid var(--line) }
#uc145 .rk145{ color:#3B1D6E; background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 30%,#fff),color-mix(in srgb,var(--c2) 26%,#fff)); border-color:color-mix(in srgb,var(--c2) 45%,#fff) }
#uc145 .gc145, #uc145 .lc145, #uc145 .vip145{ box-shadow:0 4px 10px -5px rgba(60,20,110,.45) }
#uc145 .bio145{ color:#6B5B95; margin:10px 10px 0 }

/* ─── آمار: کاشی‌های سفید با آیکون رنگی ─── */
#uc145 .sts145{ gap:6px; padding:0; margin-top:14px; background:none; border:0 }
#uc145 .st145{ padding:10px 2px 9px; border-radius:16px; background:#fff; border:1px solid var(--line); box-shadow:0 8px 18px -14px rgba(76,29,149,.55); overflow:hidden }
#uc145 .st145 + .st145::before{ display:none }
#uc145 .st145::after{ content:""; position:absolute; top:0; left:22%; right:22%; height:3px; border-radius:0 0 4px 4px; background:var(--sc,#C4B5FD) }
#uc145 .st145.k0{ --sc:linear-gradient(90deg,#FF5E9C,#FF3D7F) } #uc145 .st145.k1{ --sc:linear-gradient(90deg,#A78BFA,#7C3AED) }
#uc145 .st145.k2{ --sc:linear-gradient(90deg,#7DD3FC,#6366F1) } #uc145 .st145.k3{ --sc:linear-gradient(90deg,#FFE45C,#F59E0B) }
#uc145 .st145 b{ font-size:16px; color:var(--ink) }
#uc145 .st145 small{ color:var(--sub); font-size:10.5px }

/* ─── عنوان بخش ─── */
#uc145 .h145{ color:transparent; background:linear-gradient(90deg,#6D28D9,#DB2777); -webkit-background-clip:text; background-clip:text; font-size:13px; margin:16px 2px 9px }
#uc145 .h145::before{ content:""; width:6px; height:14px; border-radius:3px; flex:none; background:linear-gradient(180deg,#FFD54A,#FF5E9C) }
#uc145 .h145::after{ background:linear-gradient(90deg,rgba(255,180,71,.6),rgba(167,139,250,.25) 60%,transparent) }
[dir=rtl] #uc145 .h145::after{ background:linear-gradient(270deg,rgba(255,180,71,.6),rgba(167,139,250,.25) 60%,transparent) }

/* ─── هویت سطح: کاشی‌های جواهری ─── */
#uc145 .lis145{ gap:7px }
#uc145 .li145{ padding:10px 9px 9px; border-radius:17px; border:0;
  background:linear-gradient(150deg,var(--c1) 0%,var(--c2) 55%,var(--c3) 120%);
  box-shadow:0 0 0 2px #fff, 0 10px 20px -10px color-mix(in srgb,var(--c2) 80%,transparent), inset 0 1.5px 0 rgba(255,255,255,.55) }
#uc145 .li145::before{ content:""; position:absolute; inset:0 0 55% 0; background:linear-gradient(180deg,rgba(255,255,255,.4),transparent); pointer-events:none }
#uc145 .li145 i{ color:#fff; opacity:.5 }
#uc145 .li145 small{ color:rgba(255,255,255,.95); text-shadow:0 1px 2px rgba(0,0,0,.25) }
#uc145 .li145 b{ font-size:15px }

/* ─── کارت‌ها (برترین‌ها / استودیو / آژانس) ─── */
#uc145 .cd145{ border-radius:19px; box-shadow:0 12px 22px -14px rgba(76,29,149,.7), inset 0 1.5px 0 rgba(255,255,255,.4) }
#uc145 .cd145.top{ background:linear-gradient(135deg,#FF8FB8,#C084FC 55%,#8B5CF6) }
#uc145 .cd145.cb{ background:linear-gradient(135deg,#FFE45C,#FFB547 50%,#F59E0B); color:#4A1D06 }
#uc145 .cd145.ag{ background:linear-gradient(135deg,#FFD54A,#F59E0B 55%,#D97706) }

/* ─── دکمه‌ها ─── */
#uc145 .abs145{ margin-top:14px }
#uc145 .ab145{ color:#6D28D9; background:#fff; border:1px solid #E9E1FB; box-shadow:0 8px 18px -14px rgba(76,29,149,.6) }
#uc145 .ab145.ic svg{ width:21px; height:21px }
#uc145 .ab145.gf{ color:#fff; border:0; background:linear-gradient(135deg,#FFD54A,#F59E0B); box-shadow:0 8px 18px -8px rgba(245,158,11,.75) }
#uc145 .ab145.pri{ color:#fff; border:0; background:linear-gradient(90deg,var(--k1),var(--k2)); box-shadow:0 10px 22px -8px color-mix(in srgb,var(--k1) 75%,transparent) }
#uc145 .ab145.fol{ color:#6D28D9; background:#F3EEFF; border:1px solid #E2D6FF }

/* ─── بارگذاری ─── */
#uc145 .uc145-b.ld .st145 b, #uc145 .uc145-b.ld .li145 b{ background:#EDE7FA }

/* ─── مخفی‌سازی بخش‌ها از پنل ─── */
#uc145.h-bio .bio145, #uc145.h-badges .hon-row, #uc145.h-stats .sts145, #uc145.h-levels .h145, #uc145.h-levels .lis145,
#uc145.h-cards .cds145, #uc145.h-tabs .vct238, #uc145.h-flag .fl145, #uc145.h-status .on145, #uc145.h-status .off145{ display:none !important }

/* ─── حالت VIP (صحنهٔ پرستیژ): همان کارت روشن، با رنگ سطح VIP ─── */
#uc145.vc238.own282 .uc145-s{ --pa0:var(--va,#C084FC); --pb0:var(--vb,#FF3D7F); --pc0:var(--vc,#FFD54A) }
#uc145.vc238 .uc145-s{
  background:radial-gradient(90% 34% at 50% 0%,color-mix(in srgb,var(--pc0) 26%,transparent),transparent 70%),
             radial-gradient(80% 40% at 0% 20%,color-mix(in srgb,var(--pa0) 24%,transparent),transparent 70%),
             radial-gradient(80% 40% at 100% 26%,color-mix(in srgb,var(--pb0) 22%,transparent),transparent 70%),
             linear-gradient(180deg,#F7F1FF 0%,#FFFDFB 50%,#FFFFFF 100%) }
#uc145.vc238.vbg238 .uc145-s{ background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.55) 150px,rgba(255,255,255,.96) 260px,#fff 360px), var(--vbg) center top/cover no-repeat, #F7F1FF }
#uc145.vc238 .nm145 b:not(.pn227){ text-shadow:none }
#uc145.vc238 .vcd238{ border-color:#fff }
#uc145.vc238 .vcp238 b{ filter:drop-shadow(0 0 5px var(--pc0)) }
@media (prefers-reduced-motion:reduce){ .sp282 i{ animation:none; opacity:.7 } }
/* صحنهٔ پرستیژ/همدم سربرگ ندارد: موج و ستاره‌های سربرگ آن‌جا نشان داده نشوند */
#uc145.vc238 .uc145-hero > .sp282, #uc145.vc238 .uc145-hero > .wv282{ display:none }
#uc145.vc238 .vcs238.duo .vca238 > em{ color:var(--ink); text-shadow:0 1px 0 #fff }
/* نام درخشان پرستیژ (طراحی‌شده برای زمینهٔ تیره) روی کارت روشن هم خوانا بماند */
#uc145 .nm145 b.pn227{ filter:drop-shadow(0 0 1px rgba(30,10,60,.95)) drop-shadow(0 1px 1.5px rgba(30,10,60,.55)) }
/* v285 · کارت VIP روی صفحهٔ کوتاه: بالای کارت (تاج) همیشه با اسکرول در دسترس بماند */
#uc145.vc238{ align-items:flex-start; padding-top:160px; box-sizing:border-box }
#uc145.vc238 .uc145-s{ margin-top:auto }
#uc145.vc238.duo{ padding-top:150px }

/* ═══ v286 · کارت جمع‌وجور — تا حدود وسط صفحه، نه تا بالا ═══ */
#uc145 .uc145-s{ max-height:min(74dvh, calc(100dvh - 40px)) }
#uc145 .uc145-hero{ height:var(--phh,88px) }
#uc145 .uc145-av{ width:80px; height:80px; margin-top:-50px }
#uc145 .uc145-av img, #uc145 .uc145-av > em{ border-width:3px; font-size:30px }
#uc145 .uc145-b{ padding:4px 14px 0 }
#uc145 .nm145 b, #uc145 .nm145 b:not(.pn227){ font-size:18px }
#uc145 .id145{ margin-top:4px }
#uc145 .ch145{ margin-top:7px; gap:5px }
#uc145 .hon-row{ margin-top:6px }
#uc145 .bio145{ margin:7px 8px 0; font-size:11.5px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
#uc145 .sts145{ margin-top:10px; gap:5px }
#uc145 .st145{ padding:7px 2px 6px; border-radius:14px }
#uc145 .st145 b{ font-size:14.5px }
#uc145 .st145 small{ font-size:10px }
#uc145 .h145{ margin:11px 2px 6px; font-size:12px }
#uc145 .lis145{ gap:6px }
#uc145 .li145{ padding:7px 8px 6px; border-radius:14px }
#uc145 .li145 i{ width:32px; height:32px }
#uc145 .li145 b{ font-size:13.5px }
#uc145 .cds145{ margin-top:9px; gap:7px }
#uc145 .cd145{ min-height:56px; padding:7px 10px; border-radius:16px; gap:4px }
#uc145 .ta145{ width:26px; height:26px }
#uc145 .abs145{ margin-top:10px; gap:7px }
#uc145 .ab145{ height:42px; border-radius:14px; font-size:13.5px }
#uc145 .ab145.ic{ width:42px }
/* VIP: تاج بال‌دار کوچک‌تر تا کارت بلند نشود */
#uc145.vc238{ padding-top:118px }
#uc145.vc238.duo{ padding-top:110px }
#uc145.vc238 .vcs238:not(.duo){ height:150px; margin-top:-108px }
#uc145.vc238 .vca238.one{ width:204px }
#uc145.vc238 .vcs238.duo{ margin-top:-86px; height:118px }
#uc145.vc238 .vcs238.duo .vca238{ width:140px }
#uc145.vc238 .vct238{ top:-38px }
#uc145.vc238 .vct238 button{ height:27px; font-size:10.5px }
#uc145.vc238.duo .uc145-s{ margin-top:auto }
/* کارت عادی حداکثر تا کمی بالاتر از وسط صفحه؛ بقیه داخل کارت اسکرول می‌شود و دکمه‌ها همیشه پایین دیده می‌شوند */
#uc145:not(.vc238) .uc145-s{ max-height:min(64dvh, calc(100dvh - 40px)); padding-bottom:0 }
#uc145:not(.vc238) .abs145{ position:sticky; bottom:0; z-index:5; margin:10px -14px 0; padding:8px 14px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%) }