/* ═══════════════════════════════════════════════════════════════════════════
 *  v403 · کارت VIP/CP داخل لایو — «تاج‌سرا»: تاج کامل بالای کارت، پوستهٔ تیرهٔ لوکس رنگ سطح VIP
 *
 *  مشکل (بازخورد مالک، با نمونهٔ کارت VIP یک برنامهٔ دیگر): در v402 صحنهٔ تاج (257 ← .vcs238) کوچک (۱۶۸px) و داخل کارت
 *  نیم‌صفحه رفت؛ «از بالا افکتش معلوم نیست» و «سربرگ رفت پایین، زشت شد». مالک خواست بالای کارت مثل نمونه باشد و افکت‌های
 *  VIP کامل دیده شوند، با ترکیبی تازه که کپی نباشد.
 *  راه‌حل (فقط CSS، فقط #uc145.au401.vc238؛ کارت کاربر عادی همان v402):
 *   ۱) تاج (کرست VIP دور آواتار، با SVGA یا تصویر خودش) در شروع کارت، ۱۵۰px، که ۵۶px از لبهٔ بالای کارت بیرون می‌زند؛
 *      نام، شناسه و وضعیت کنارش؛ زبانه‌های «دیوار هدیه/استودیو» بالای لبه در انتهای کارت. همه بیرون از ناحیهٔ اسکرول
 *      (برگه overflow:visible) تا هیچ‌وقت بریده نشوند. CP دونفره: صحنه وسط بالای کارت، نام زیرش.
 *   ۲) پوستهٔ تیرهٔ لوکس با رنگ‌های سطح VIP (--va/--vb/--vc از 257) یا تصویر roomcard؛ قاب لبهٔ کارت (.vcf238) و ذره‌های
 *      نور (.vcp238) روی کل کارت.
 *   ۳) فقط بدنه (.uc145-b) داخل خودش اسکرول می‌شود؛ ارتفاع کل کارت همان حد نیم‌صفحهٔ v402. نوار دکمه‌ها پایین می‌چسبد.
 *   ۴) بخش‌های پایین همان طرح سادهٔ v402، شیشه‌ای تیره: نوار آمار، چهار کاشی سطح، کارت‌ها (آژانس طلایی)، دکمه‌ها.
 *  اولویت: «#uc145.au401.vc238» (یک id + سه کلاس) از 258/291/338 جلو می‌زند. روانی: بی انیمیشن تازه، بی :has.
 *
 *  v404 (بازخورد مالک: «استودیو و گیفت را بردار، سربرگ بیاید وسط و بزرگ‌تر شود»):
 *   • زبانه‌های «دیوار هدیه/استودیو» (.vct238) در کارت لایو نیستند (تک‌نفره و CP). استودیو همان کارت پایین بدنه است.
 *   • تاج تک‌نفره وسط بالای کارت، ۲۳۶px (≤۳۴۰px: ۲۰۴px)؛ آواتار درست روی لبهٔ بالای کارت. نام و شناسه وسط، زیر تاج.
 *   • «ناحیهٔ سربرگ» (--hz) بالای بدنه بیرون از اسکرول است تا هیچ‌چیز زیر تاج نلغزد؛ ارتفاع کل کارت همان حد نیم‌صفحه.
 *   • پس‌زمینهٔ VIP 5 (عقاب VIP 2 در فایل تزئین کارت) ← سیمرغ خود VIP 5: مایگریشن 20261020164135_vip5_simorgh_card.sql.
 *  v406: سربرگ دونفره بزرگ‌تر (هر قاب تا ۱۶۸px، ۷۴px بیرون از لبه)؛ فقط با صمیمیت CP ۱۰۰٪ و روشن (257 ← duo).
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── پوشش و برگه: برگه اسکرول نمی‌شود (تاج و قاب بیرون‌زده دیده شوند) ─── */
#uc145.au401.vc238, #uc145.au401.vc238.duo{ padding-top:0; overflow:hidden; align-items:flex-end }
#uc145.au401.vc238 .uc145-s{ --ink:#FFFFFF; --sub:rgba(255,255,255,.66); --surf:rgba(255,255,255,.08); --edge:rgba(255,255,255,.12);
  overflow:visible; max-height:none; margin-top:96px; border-radius:24px 24px 0 0; color:var(--ink); --hz:72px;
  background:
    radial-gradient(110% 55% at 0% 0%, color-mix(in srgb,var(--va,#8B5CF6) 46%,transparent), transparent 62%),
    radial-gradient(90% 50% at 100% 0%, color-mix(in srgb,var(--vb,#FF3D7F) 40%,transparent), transparent 62%),
    radial-gradient(80% 40% at 50% 100%, color-mix(in srgb,var(--vc,#FFD54A) 18%,transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb,var(--va,#8B5CF6) 30%,#0D0A1D) 0%, #0B0817 70%) }
#uc145.au401.vc238.vbg238 .uc145-s{ background:linear-gradient(180deg,rgba(11,8,23,.25) 0%,rgba(11,8,23,.72) 45%,rgba(11,8,23,.92) 100%), var(--vbg) center top/cover no-repeat, #0B0817 }
#uc145.au401.vc238 .uc145-hero{ height:0 }
#uc145.au401.vc238 .uc145-hero > .hd145{ top:6px; z-index:8; background:rgba(255,255,255,.5) }

/* ─── ۱) v404: تاج وسط بالای کارت، بزرگ؛ آواتار روی لبهٔ بالا ─── */
#uc145.au401.vc238 .vcs238:not(.duo){ position:absolute; z-index:7; top:-84px; left:0; right:0; width:236px; height:auto; margin:0 auto; display:block }
#uc145.au401.vc238 .vcs238:not(.duo) .vca238.one{ width:236px }
#uc145.au401.vc238:not(.duo) .uc145-hero > .hd145{ display:none }
/* v406: سربرگ دونفره (CP با صمیمیت ۱۰۰٪ و روشن) — دو قاب بزرگ با قلب وسط، مثل تاج تک‌نفره بیرون‌زده از لبهٔ بالا */
#uc145.au401.vc238 .vcs238.duo{ position:absolute; z-index:7; top:-74px; left:0; right:0; height:auto; margin:0 auto; justify-content:center }
#uc145.au401.vc238 .vcs238.duo .vca238{ width:min(168px, 43vw) }
/* قاب صاحب کارت (.a) کاری ندارد و حالا روی قرص LIVE سربرگ است: لمس از آن رد شود (قاب همدم، .b، کارت او را باز می‌کند) */
#uc145.au401.vc238 .vcs238.duo .vca238.a{ pointer-events:none }
#uc145.au401.vc238.duo .uc145-s{ --hz:70px }
/* v404: زبانه‌های «دیوار هدیه/استودیو» در کارت لایو نیستند */
#uc145.au401.vc238 .vct238{ display:none }
#uc145.au401.vc238 .uc145-b{ position:static }

/* ─── ۳) بدنه: تنها ناحیهٔ اسکرول، ارتفاع کل کارت = حد نیم‌صفحه ─── */
/* v404: ناحیهٔ سربرگ (--hz) بیرون از اسکرول؛ برگه = --hz + بدنه ≤ همان حد نیم‌صفحه */
#uc145.au401.vc238 .uc145-b{ margin-top:var(--hz,72px); max-height:min(calc(100dvh - 120px - var(--hz,72px)), calc(max(50dvh, 280px) - var(--hz,72px)));
  overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; padding:4px 14px 0; scrollbar-width:none; box-sizing:border-box }
#uc145.au401.vc238 .uc145-b::-webkit-scrollbar{ display:none }
/* v404: نام و شناسه وسط، زیر تاج */
#uc145.au401.vc238 .nm145, #uc145.au401.vc238 .id145{ margin-inline-start:0; justify-content:center; text-align:center }
#uc145.au401.vc238 .nm145{ margin-top:0; flex-wrap:wrap; row-gap:2px }
#uc145.au401.vc238 .nm145 > b:not(.pn227){ color:#fff; -webkit-text-fill-color:#fff; background:none; text-shadow:0 2px 10px rgba(0,0,0,.45) }
#uc145.au401.vc238 .cp145{ color:#fff; background:var(--surf); box-shadow:inset 0 0 0 1px var(--edge) }
#uc145.au401.vc238 .on145{ color:#6EE7B7; background:rgba(16,185,129,.16); border:0 }
#uc145.au401.vc238 .off145{ color:var(--sub); background:var(--surf); border:0 }

/* ─── ۴) بخش‌های پایین: شیشهٔ تیره ─── */
#uc145.au401.vc238 .sts145, #uc145.au401.vc238 .li145, #uc145.au401.vc238 .cd145{ background:var(--surf); box-shadow:inset 0 0 0 1px var(--edge) }
#uc145.au401.vc238 .st145 + .st145::before{ background:var(--edge) }
#uc145.au401.vc238 .st145 b, #uc145.au401.vc238 .li145 b, #uc145.au401.vc238 .cd145-ag b{ color:#fff }
#uc145.au401.vc238 .st145 small, #uc145.au401.vc238 .li145 small, #uc145.au401.vc238 .cd145-t, #uc145.au401.vc238 .cd145-go{ color:var(--sub) }
#uc145.au401.vc238 .cd145.top{ background:linear-gradient(135deg,color-mix(in srgb,var(--vb,#FF3D7F) 34%,transparent),color-mix(in srgb,var(--va,#8B5CF6) 26%,transparent)); color:#fff }
#uc145.au401.vc238 .cd145.ag, #uc145.au401.vc238 .cd145.cb{ color:#3A1A02; background:linear-gradient(135deg,#FFE7A3,#F5B533 55%,#D98A0B); box-shadow:inset 0 1px 0 rgba(255,255,255,.5) }
#uc145.au401.vc238 .cd145.ag .cd145-t, #uc145.au401.vc238 .cd145.cb .cd145-t, #uc145.au401.vc238 .cd145.ag .cd145-ag b, #uc145.au401.vc238 .cd145.cb .cd145-ag b{ color:#3A1A02 }
#uc145.au401.vc238 .cd145.ag .cd145-ag svg, #uc145.au401.vc238 .cd145.cb .cd145-ag svg{ color:#7A3E00 }
#uc145.au401.vc238 .abs145{ background:linear-gradient(180deg,rgba(11,8,23,0),rgba(11,8,23,.94) 26%) }
#uc145.au401.vc238 .ab145.ic, #uc145.au401.vc238 .ab145.fol, #uc145.au401.vc238 .abs145 .ab145:not(.ic):not(.pri):not(.fol){ color:#fff; background:var(--surf); box-shadow:inset 0 0 0 1px var(--edge) }
#uc145.au401.vc238 .ab145.gf{ color:#3A1A02; background:linear-gradient(135deg,#FFE7A3,#F5B533) }

@media (max-width:340px){
  #uc145.au401.vc238 .vcs238:not(.duo), #uc145.au401.vc238 .vcs238:not(.duo) .vca238.one{ width:204px }
  #uc145.au401.vc238 .vcs238:not(.duo){ top:-72px }
  #uc145.au401.vc238:not(.duo) .uc145-s{ --hz:62px }
  #uc145.au401.vc238 .vcs238.duo{ top:-62px }
  #uc145.au401.vc238.duo .uc145-s{ --hz:60px }
}