/* ═══════════════════════════════════════════════════════════════════════════
 *  v401 · کارت کاربر داخل لایو (#uc145.au401، رفتار: 339-v401-aura-pass.js)
 *  v402 · ساده و نیم‌صفحه (بازخورد مالک: «طرحش را دوست ندارم؛ ساده‌تر، بی بیوگرافی و Showroom، تا نصف صفحه باز شود،
 *        در هر دستگاه و مرورگر رایانه»)
 *
 *  ۱) ارتفاع: کارت حداکثر نصف صفحه (۵۰dvh؛ روی صفحهٔ خیلی کوتاه مثل گوشیِ افقی حداقل ۲۸۰px و هرگز بیشتر از صفحه منهای
 *     ۲۴px). باقی محتوا داخل خود کارت اسکرول می‌شود و نوار دکمه‌ها همیشه پایین می‌چسبد. VIP/CP (#uc145.vc238، صحنهٔ
 *     257) هم: صحنهٔ تاج کوچک‌تر و داخل کارت، نه بیرون‌زده بالای آن (پیش‌تر پوشش کل صفحه را اسکرول می‌کرد).
 *     رایانه: همان، و 290 کارت را کنار ستون لایو می‌نشاند.
 *  ۲) ساده: نوار بالا فقط کاور خود کاربر یا گرادیان رنگ‌های پنل (بی برق و خط ضربان)، آواتار وسط با حلقهٔ نازک رنگ ردهٔ
 *     ثروت، نام/شناسه/نشان‌ها/مدال‌ها وسط، بی بیوگرافی، آمار در یک نوار، «هویت سطح» یک ردیف قرص کوچک بی عنوان،
 *     کارت‌های باریک، بی «ویترین آیتم‌ها».
 *  اولویت: «#uc145.au401» (یک id + دو کلاس) از 187/291 («#uc145 …») و 258 («#uc145.vc238 …») جلو می‌زند؛ کلاس‌ها و
 *  ترتیب گره‌های 186 همان‌اند. پنهان‌سازی بخش‌ها از پنل (.h-*) همان کار می‌کند.
 *  روانی: بی انیمیشن تازه، بی :has روی body/html.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── برگه: نیم‌صفحه، اسکرول داخلی ─── */
#uc145.au401 .uc145-s{ --ink:#1A1033; --sub:#7C7396; --line:#EEE9F6; border-radius:24px 24px 0 0;
  max-height:min(calc(100dvh - 24px), max(50dvh, 280px)); overflow-x:hidden; overflow-y:auto; padding-bottom:0 }
#uc145.au401:not(.vc238) .uc145-s{ background:#FFFFFF }

/* ─── نوار بالا: کاور یا گرادیان ساده ─── */
/* ارتفاع از پنل (--phh، 290): پیش‌فرض ۸۸ ← ۷۶px. الگو/ستاره/موج سربرگ در این طرح ساده نیستند */
#uc145.au401:not(.vc238) .uc145-hero{ height:calc(var(--phh,88px) - 12px); border-radius:24px 24px 0 0;
  background:linear-gradient(120deg,var(--pa0) 0%,var(--pb0) 60%,var(--pc0) 100%) }
#uc145.au401:not(.vc238) .uc145-hero > .bl145, #uc145.au401:not(.vc238) .uc145-hero > .gr145,
#uc145.au401:not(.vc238) .uc145-hero > .sp282, #uc145.au401:not(.vc238) .uc145-hero > .wv282{ display:none }
#uc145.au401:not(.vc238) .uc145-hero > .hd145{ z-index:3; background:rgba(255,255,255,.85) }
#uc145.au401 .cv401{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none }
#uc145.au401 .cvi401{ position:absolute; inset:0; background:center/cover no-repeat }
#uc145.au401.img282:not(.cov401) .cvi401{ background-image:var(--phi) }
#uc145.au401.cov401 .cv401::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,8,40,.18),rgba(20,8,40,0) 60%) }
#uc145.au401 .uc145-hero > .lv145, #uc145.au401 .uc145-hero > .fm145{ z-index:4 }
/* v401 کهنه (اگر روی صفحهٔ باز مانده) */
#uc145.au401 .cvs401, #uc145.au401 .hb401, #uc145.au401 .cl401{ display:none }

/* ─── آواتار وسط با حلقهٔ نازک ─── */
#uc145.au401:not(.vc238) .uc145-av{ width:72px; height:72px; margin:-40px auto 0; z-index:4 }
#uc145.au401:not(.vc238) .uc145-av > .rg145{ display:none }
#uc145.au401:not(.vc238) .uc145-av img, #uc145.au401:not(.vc238) .uc145-av > em{ border:3px solid #fff; font-size:26px; box-shadow:0 8px 18px -10px rgba(30,10,60,.5) }
#uc145.au401 .lr401{ position:absolute; inset:-4px; z-index:1; border-radius:50%; pointer-events:none;
  background:conic-gradient(var(--r1,#FFB547),var(--r2,#FF3D7F),var(--r3,#8B5CF6),var(--r1,#FFB547));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px)); mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px)) }
#uc145.au401:not(.vc238) .dt145{ z-index:3; border-color:#fff }

/* ─── نام، شناسه، نشان‌ها، مدال‌ها (وسط) ─── */
#uc145.au401 .uc145-b{ padding:0 14px; position:relative; z-index:2 }
#uc145.au401 .nm145{ margin-top:6px }
#uc145.au401 .nm145 > b, #uc145.au401 .nm145 > b:not(.pn227){ font-size:18px }
#uc145.au401 .nm145 .st321 b{ font-size:inherit; max-width:none; color:#fff; -webkit-text-fill-color:#fff; background:none }
#uc145.au401 .id145{ margin-top:4px }
#uc145.au401 .cp145{ height:22px; padding:0 8px; font-size:11px; color:#5B21B6; background:#F4F0FF; border:0 }
#uc145.au401 .on145, #uc145.au401 .off145{ height:22px; font-size:11px }
#uc145.au401 .ch145{ margin-top:8px; gap:5px }
#uc145.au401 .uc145-b > .hon-row{ margin-top:8px }
#uc145.au401 .bio145{ display:none }

/* ─── آمار: یک نوار ساده ─── */
#uc145.au401 .sts145{ gap:0; margin-top:12px; padding:9px 2px; border-radius:16px; background:#F7F5FC; box-shadow:none; border:0 }
#uc145.au401 .st145{ padding:0 2px; border-radius:0; background:none; border:0; box-shadow:none; overflow:visible }
#uc145.au401 .st145::after{ display:none }
#uc145.au401 .st145 + .st145::before{ display:block; top:18%; bottom:18%; background:#E7E2F1 }
#uc145.au401 .st145 b{ font-size:15.5px; color:var(--ink) }
#uc145.au401 .st145 small{ font-size:10px; color:var(--sub) }

/* ─── هویت سطح: یک ردیف چهار کاشی کوچک (آیکن رنگی، Lv، نام)، بی عنوان ─── */
#uc145.au401 .h145{ display:none }
#uc145.au401 .lis145{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:8px }
#uc145.au401 .li145{ display:grid; justify-items:center; gap:2px; padding:6px 2px 5px; border-radius:14px; text-align:center;
  background:#F7F5FC; box-shadow:none; border:0; overflow:hidden }
#uc145.au401 .li145::before, #uc145.au401 .li145::after{ display:none }
#uc145.au401 .li145 i{ order:1; position:static; transform:none; width:22px; height:22px; padding:5px; box-sizing:border-box; border-radius:50%;
  opacity:1; color:#fff; background:linear-gradient(135deg,var(--c1),var(--c2) 60%,var(--c3)) }
#uc145.au401 .li145 i::before{ content:none }
#uc145.au401 .li145 i svg{ width:100%; height:100% }
#uc145.au401 .li145 b{ order:2; font-size:12px; line-height:1.2; color:var(--ink); text-shadow:none; white-space:nowrap }
#uc145.au401 .li145 small{ order:3; max-width:100%; font-size:9px; line-height:1.2; color:var(--sub); text-shadow:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#uc145.au401 .uc145-b.ld .li145 b{ background:#EFEAF8 }

/* ─── کارت‌ها: باریک و ساده ─── */
#uc145.au401 .cds145{ margin-top:8px; gap:6px }
#uc145.au401 .cd145{ min-height:48px; padding:7px 10px; border-radius:14px; gap:3px; color:var(--ink); border:0;
  background:#F7F5FC; box-shadow:none }
#uc145.au401 .cd145::before, #uc145.au401 .cd145::after{ display:none }
#uc145.au401 .cd145-t{ color:var(--sub); font-size:10px }
#uc145.au401 .ta145{ width:22px; height:22px }
#uc145.au401 .cd145-ag b{ color:var(--ink); font-size:12px }
#uc145.au401 .cd145-ag svg{ width:20px; height:20px; color:#F59E0B }
#uc145.au401 .cd145-go{ color:var(--sub) }
#uc145.au401 .cd145.stc229{ color:#fff; box-shadow:none }

/* ─── دکمه‌ها: همیشه پایین کارت ─── */
#uc145.au401 .abs145{ position:sticky; bottom:0; z-index:6; gap:8px; margin:10px -14px 0; padding:8px 14px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%) }
#uc145.au401 .ab145{ height:44px; border-radius:22px; font-size:14px; font-weight:900 }
#uc145.au401 .ab145.ic{ width:44px; border-radius:50%; color:#5B21B6; background:#F4F0FF; border:0; box-shadow:none }
#uc145.au401 .ab145.gf{ color:#fff; background:linear-gradient(135deg,#FFD54A,#F59E0B); box-shadow:none }
#uc145.au401 .ab145.pri{ background:linear-gradient(100deg,var(--k1),var(--k2)); box-shadow:0 8px 16px -10px color-mix(in srgb,var(--k1) 80%,transparent) }
#uc145.au401 .ab145.fol, #uc145.au401 .abs145 .ab145:not(.ic):not(.pri):not(.fol){ color:#5B21B6; background:#F4F0FF; border:0; box-shadow:none }

/* ─── VIP / CP: صحنهٔ تاج داخل کارت نیم‌صفحه ─── */
#uc145.au401.vc238, #uc145.au401.vc238.duo{ padding-top:0; overflow:hidden; align-items:flex-end }
#uc145.au401.vc238 .uc145-s{ margin-top:0 }
#uc145.au401.vc238 .vcs238:not(.duo){ margin-top:0; height:126px }
#uc145.au401.vc238 .vca238.one{ width:168px }
#uc145.au401.vc238 .vcs238.duo{ margin-top:0; height:104px }
#uc145.au401.vc238 .vcs238.duo .vca238{ width:122px }
#uc145.au401.vc238 .vct238{ top:-118px }
#uc145.au401.vc238 .vct238 button{ height:26px; font-size:10.5px }
#uc145.au401.vc238 .uc145-b{ margin-top:0 }
#uc145.au401.vc238 .abs145{ background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%) }

@media (max-width:340px){
  #uc145.au401 .lis145{ gap:4px }
  #uc145.au401 .li145 i{ width:20px; height:20px; padding:4px }
  #uc145.au401 .li145 b{ font-size:11px }
}