/* ═══════════════════════════════════════════════════════════════════════════
 *  v470 · هویت روی افکت ورود — ظاهر (منطق: 238 ?v=470، تنظیم: پنل مادر)
 *
 *  درخواست مالک: ورودی‌ها «خالی» می‌آمدند و می‌رفتند — نه عکس کاربر رویشان بود و
 *  نه نامش می‌ماند. حالا: ۱) اگر پنل برای ورودی «جای پروفایل» تعریف کند (view.av)،
 *  عکس کاربر داخل همان دایرهٔ طرح می‌نشیند (av470، درصدی نسبت به جعبهٔ ورود)؛
 *  ۲) نوار نام تا پایان پخش می‌ماند (kp470 — قبلاً با cap226 بعد از ~۴ ثانیه محو
 *  می‌شد در حالی که SVGA تا ۹ ثانیه ادامه داشت) و کمی پررنگ‌تر و خواناتر شد.
 *  انیمیشن‌ها یک‌باره و فقط transform/opacity.
 * ═══════════════════════════════════════════════════════════════════════════ */

/*  نوار نام: تا پایان پخش بماند + خوانا و برند  */
.fx226 .pv-cap.kp470{
  animation:kpIn470 .5s cubic-bezier(.2,.9,.3,1.15) both;
  padding:5px 14px 5px 5px; font-size:12px;
  background:linear-gradient(120deg,rgba(24,10,48,.78),rgba(60,20,96,.78));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 8px 22px -8px rgba(0,0,0,.7);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.fx226 .pv-cap.kp470 b{
  font-size:13px; font-weight:900;
  background:linear-gradient(90deg,#FDE68A,#FF9ECD); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
@keyframes kpIn470{ from{ opacity:0; transform:translate(-50%,10px) scale(.92) } to{ opacity:1; transform:translate(-50%,0) scale(1) } }

/*  جعبهٔ همزاد برای جای عکس — پیش‌فرض همان جعبهٔ .fx226-c؛ با view پنل همان entBox  */
.avw470{ position:absolute; left:0; right:0; top:10%; bottom:24%; pointer-events:none }
.av470{
  position:absolute; transform:translate(-50%,-50%); aspect-ratio:1; border-radius:50%;
  display:block; overflow:hidden; background:linear-gradient(135deg,#2a1050,#140a28);
  box-shadow:0 0 0 2px rgba(255,255,255,.85), 0 0 0 4.5px rgba(253,230,138,.55), 0 10px 24px -8px rgba(0,0,0,.75);
  animation:avIn470 .5s cubic-bezier(.2,.9,.3,1.2) both;
}
.av470 img{ width:100%; height:100%; object-fit:cover; display:block }
.av470 em{ display:grid; place-items:center; width:100%; height:100%; font-style:normal; font-weight:900; font-size:160%; color:#fff }
@keyframes avIn470{ from{ opacity:0; transform:translate(-50%,-50%) scale(.6) } to{ opacity:1; transform:translate(-50%,-50%) scale(1) } }

/* ─── روانی ─── */
html.lite366 .fx226 .pv-cap.kp470, html.lite366 .av470{ animation:none }
@media (prefers-reduced-motion: reduce){ .fx226 .pv-cap.kp470, .av470{ animation:none } }