/* ═══════════════════════════════════════════════════════════════════════════
 *  v407 · سربرگ دونفرهٔ CP با قاب اختصاصی و پس‌زمینهٔ اختصاصی CP (کارت کاربر داخل لایو)
 *
 *  درخواست مالک (با دو تصویر): «برای CP از هدور خاص و بگراند روم خاص استفاده بشه». در v406 سربرگ دونفره (صمیمیت ۱۰۰٪
 *  و روشن) برای هر نفر تاج VIP خودش یا تاج بال‌دار صورتی و یک قلب کوچک وسط داشت، روی پوستهٔ VIP.
 *  راه‌حل (257 ← #uc145.cpf407 و گره .cpfr407؛ دارایی‌ها در assets/cp/):
 *   ۱) یک قاب اختصاصی روی هر دو (cp-duo-frame.webp: دو حلقهٔ طلایی-صورتی با قلب یاقوتی وسط)، آواتار هر نفر دقیقاً
 *      داخل حلقهٔ خودش (مرکز حلقه‌ها ۲۴٫۸٪ و ۷۵٫۱٪ عرض، ۴۴٫۳٪ ارتفاع تصویر). تاج‌های جدا و SVGA تزئین VIP کارت
 *      در این حالت نیستند (257 اصلاً نمی‌سازدشان). شمار روزها زیر قلب یاقوتی.
 *   ۲) پس‌زمینهٔ کارت cp-card-bg.webp (رز و مخمل)، بالا روشن پشت قاب، پایین تیره‌تر تا نوشته‌های سفید خوانا بمانند.
 *   اندازه‌ها نسبت به عرض قاب (min(380px, 96vw))، پس در هر گوشی و رایانه یکی است: ۴۳٪ ارتفاع قاب بیرون از لبهٔ بالا،
 *   ناحیهٔ سربرگ بدنه (--hz) تا زیر قرص روزها.
 *  اولویت: «#uc145.au401.vc238.cpf407» از 258/340 جلو می‌زند. روانی: بی انیمیشن تازه؛ قلب تپندهٔ 258 پنهان.
 *  v410: قاب و پس‌زمینه از پنل مادر (--cpf / --cpbg از 257، پیش‌فرض همین assets/cp)؛ جای عکس‌ها از جای حلقه‌های قاب
 *  (--ca* / --cb*)؛ عکس‌ها بیضیِ هم‌اندازهٔ حلقه، بی نام روی عکس. جای صحنه، قرص LIVE و --hz نسبت به ارتفاع قاب
 *  (عرض ÷ --car)، تا قاب پنل با هر نسبتی (۰٫۸ تا ۵) همان چیدمان را بدهد: ۴۳٪ بیرون از لبه، بدنه زیر قرص روزها (۸۰٪).
 * ═══════════════════════════════════════════════════════════════════════════ */

#uc145.au401.vc238.cpf407 .uc145-s{ --cw407:min(380px, 96vw); --hz:calc(var(--cw407) / var(--car, 2) * .37 + 24px);
  --ov407:max(96px, calc(var(--cw407) / var(--car, 2) * .43 + 44px)); margin-top:var(--ov407);
  background:linear-gradient(180deg, rgba(70,8,30,0) 0%, rgba(70,8,30,.3) 26%, rgba(48,6,22,.76) 58%, rgba(36,5,18,.92) 100%),
    var(--cpbg, url("../assets/cp/cp-card-bg.webp")) center top/cover no-repeat, #4A0C22 }

/* ─── ۱) قاب دونفره ─── */
#uc145.au401.vc238.cpf407 .vcs238.duo{ position:absolute; z-index:7; top:calc(var(--cw407) / var(--car, 2) * -.43); left:0; right:0; margin:0 auto;
  width:var(--cw407); height:auto; aspect-ratio:var(--car, 2); display:block; gap:0; pointer-events:none }
#uc145.au401.vc238.cpf407 .vcs238.duo > .cpfr407{ position:absolute; inset:0; z-index:3; pointer-events:none;
  background:var(--cpf, url("../assets/cp/cp-duo-frame.webp")) center/100% 100% no-repeat; filter:drop-shadow(0 10px 16px rgba(60,6,24,.45)) }
/* v410: عکس هر نفر بیضی‌ای به اندازهٔ حفرهٔ حلقهٔ خودش (+۱٫۵٪ تا زیر لبهٔ داخلی برود، بیرون نزند)؛ اندازه‌ها از 257
   (--ca* / --cb*، از جای حلقه‌های قاب پنل یا قاب پیش‌فرض)، پیش‌فرض‌های این‌جا همان قاب assets/cp */
#uc145.au401.vc238.cpf407 .vcs238.duo .vca238{ position:absolute; z-index:1; aspect-ratio:auto; margin:0 }
#uc145.au401.vc238.cpf407 .vcs238.duo .vca238.a{ inset-inline-start:var(--cal, 10.29%); top:var(--cat, 18.18%); width:var(--caw, 29.09%); height:var(--cah, 52.14%); pointer-events:none }
#uc145.au401.vc238.cpf407 .vcs238.duo .vca238.b{ inset-inline-start:var(--cbl, 60.63%); top:var(--cbt, 18.18%); width:var(--cbw, 29.03%); height:var(--cbh, 52.14%); pointer-events:auto }
#uc145.au401.vc238.cpf407 .vcs238.duo .vcc238{ display:none }
#uc145.au401.vc238.cpf407 .vcs238.duo .vcv238, #uc145.au401.novip.cpf407 .vcs238.duo .vca238 .vcv238{ left:0; top:0; width:100%; height:100%; aspect-ratio:auto;
  border-radius:50%; transform:none; box-shadow:none; background:linear-gradient(135deg,#FFB3CB,#E11D48) }
#uc145.au401.vc238.cpf407 .vcs238.duo .vcv238 img{ width:100%; height:100%; object-fit:cover; border-radius:50% }
#uc145.au401.vc238.cpf407 .vcs238.duo .vcv238 em{ font-size:calc(var(--cw407) * .1) }
/* شمار روزها زیر قلب یاقوتی */
#uc145.au401.vc238.cpf407 .vcs238.duo .vch238{ position:absolute; z-index:4; top:80%; left:50%; width:auto; height:auto; margin:0; transform:translateX(-50%);
  flex-direction:row; gap:3px; padding:3px 10px; border-radius:99px; white-space:nowrap;
  background:linear-gradient(120deg,#FF6B95,#E11D48 60%,#B3123A); box-shadow:0 6px 14px -6px rgba(120,10,40,.8), inset 0 0 0 1px rgba(255,255,255,.35) }
#uc145.au401.vc238.cpf407 .vcs238.duo .vch238 svg{ display:none }
#uc145.au401.vc238.cpf407 .vcs238.duo .vch238 b{ margin:0; font-size:12px }
#uc145.au401.vc238.cpf407 .vcs238.duo .vch238 small{ font-size:10px }

/* ─── v409 · رفع‌های بازبینی ─── */
/* قرص LIVE (186 ← .lv145، وقتی کاربر در اتاق دیگری لایو است) زیر حلقه و آواتار صاحب کارت پنهان می‌شد و لمس لبهٔ عکس
   بی‌خبر به آن اتاق می‌برد: سربرگ (صفرارتفاع، isolation:isolate در 291) بالای صحنه، قرص در جای خالی بالای قاب؛
   دستگیرهٔ کشیدن زیر قلب یاقوتی بود */
#uc145.au401.vc238.cpf407 .uc145-hero{ z-index:8 }
#uc145.au401.vc238.cpf407 .uc145-hero > .lv145{ top:calc(var(--cw407) / var(--car, 2) * -.43 - 34px) }
#uc145.au401.vc238.cpf407 .uc145-hero > .hd145{ display:none }
/* لمس حلقه و تزئین دور عکس همدم (نه فقط خود عکس) کارت او را باز کند، مثل تاج v406؛ وگرنه لمس به پوشش می‌رسید و کارت بسته می‌شد */
#uc145.au401.vc238.cpf407 .vcs238.duo .vca238.b::before{ content:""; position:absolute; inset-block:-30% -35%; inset-inline:-3% -27% }
/* v410 (بازخورد مالک: «هدور و پروفایل کاربر فیکس‌تر، اضافی نداشته باشد»): روی عکس‌ها هیچ نوشته‌ای نیست، نام همدم هم نه */
#uc145.au401.vc238.cpf407 .vcs238.duo .vca238 > em{ display:none }
/* v410: برگه به اندازهٔ بیرون‌زدگی قاب (و قرص LIVE بالایش) فاصله از بالا دارد، تا قاب بلند پنل در صفحهٔ کوتاه بریده نشود */
#uc145.au401.vc238.cpf407 .uc145-b{ max-height:min(calc(100dvh - var(--ov407) - 24px - var(--hz)), calc(max(50dvh, 280px) - var(--hz))) }