/* ═══════════════════════════════════════════════════════════════════════════
 *  v233 · سربرگ ترکیبی «ویترین من» — کاور قابل‌تعویض (مثل فیسبوک)، آواتار روی
 *  لبهٔ کاور، نام + تیک آبی، آیدی، سطح‌ها، امضا، آمار چهارتایی، دکمه‌ها
 *  و ویترین جدای مدال‌ها
 * ═══════════════════════════════════════════════════════════════════════════ */
.pc233{ position:relative; border-radius:30px; background:#fff; overflow:hidden;
  box-shadow:0 20px 40px -26px rgba(124,58,237,.75), 0 0 0 1px #F1EAFE }

/* ─── کاور ─── */
.m230 .hr148.cv233{ height:170px; padding:0; border-radius:0; cursor:default; color:#fff;
  background:linear-gradient(135deg,#FFB36B,#FF6FA3 40%,#A56BFF 75%,#5E8BFF); box-shadow:none }
.m230 .hr148.cv233::after{ display:none }
.art233, .cvp233{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block }
.cv233.th226:not(.has) .art233{ display:none }
.cvp233{ z-index:1; animation:cvin233 .5s ease both }
@keyframes cvin233{ from{ opacity:0; transform:scale(1.04) } }
.cvs233{ position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,rgba(20,8,40,.28) 0%,transparent 34%,transparent 62%,rgba(20,8,40,.32) 100%) }
.cv233.busy::before{ content:""; position:absolute; inset:0; z-index:4; background:rgba(255,255,255,.35) linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent) 0 0/50% 100% no-repeat; animation:cvsh233 1s linear infinite }
@keyframes cvsh233{ from{ background-position:-100% 0 } to{ background-position:200% 0 } }
.wv233{ animation:wv233 11s ease-in-out infinite } .wv233.b{ animation-duration:14s; animation-direction:reverse }
@keyframes wv233{ 50%{ transform:translateX(-22px) } }
.cl233{ animation:cl233 18s linear infinite } @keyframes cl233{ 50%{ transform:translateX(26px) } }
.sp233 > *{ animation:hxtw233 2.6s ease-in-out infinite } .sp233 > :nth-child(2n){ animation-delay:1s } .sp233 > :nth-child(3n){ animation-delay:1.7s }
@keyframes hxtw233{ 50%{ opacity:.15 } }
.ht233{ transform-box:fill-box; transform-origin:center; animation:ht233 3s ease-in-out infinite } .ht233.b{ animation-delay:1.3s }
@keyframes ht233{ 50%{ transform:translateY(-6px) scale(1.12) } }

.cvt233{ position:absolute; top:12px; inset-inline:12px; z-index:3; display:flex; justify-content:space-between; align-items:center }
.gl233{ display:inline-flex; align-items:center; gap:5px; height:32px; padding:0 11px; border:0; border-radius:99px; cursor:pointer; color:#fff; font:inherit; font-size:12px; font-weight:900;
  background:rgba(22,10,44,.34); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.gl233 svg{ width:16px; height:16px; flex:none }
.gl233 b{ direction:ltr; font-weight:900 }
.gl233 i{ font-style:normal; font-size:10px; font-weight:900; line-height:16px; padding:0 6px; border-radius:99px; background:#F43F5E; direction:ltr }
.gl233.ic{ width:32px; padding:0; justify-content:center }
.cvb233{ position:absolute; bottom:12px; inset-inline-end:12px; z-index:3; height:30px; font-size:11.5px }

/* ─── بدنه ─── */
.pb233{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 16px 16px; margin-top:-56px; z-index:3 }
.av233{ position:relative; width:108px; height:108px; display:grid; place-items:center }
.av233::before{ content:""; position:absolute; inset:-5px; border-radius:50%; background:conic-gradient(from 0deg,#FFB36B,#FF6FA3,#A56BFF,#5E8BFF,#6EE7F9,#FFB36B); animation:sp233 7s linear infinite;
  -webkit-mask:radial-gradient(circle,transparent 55px,#000 56px); mask:radial-gradient(circle,transparent 55px,#000 56px) }
@keyframes sp233{ to{ transform:rotate(360deg) } }
.m230 .av233 .hav148{ width:104px; height:104px; cursor:pointer }
.m230 .av233 .hav148 > img:not(.afr146), .m230 .av233 .hav148 > em{ border:4px solid #fff; box-shadow:0 14px 28px -12px rgba(76,29,149,.75); font-size:38px; font-weight:900 }
.ca233{ position:absolute; bottom:4px; inset-inline-end:0; z-index:4; width:32px; height:32px; border-radius:50%; border:3px solid #fff; display:grid; place-items:center; cursor:pointer; color:#fff;
  background:linear-gradient(135deg,#FF6FA3,#8B5CF6); box-shadow:0 6px 12px -6px rgba(124,58,237,.9) }
.ca233 svg{ width:15px; height:15px }
.av233 .hx-vip{ position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); z-index:4; display:inline-flex; align-items:center; gap:3px; padding:2px 9px 2px 7px; border-radius:99px;
  color:#5B2A00; background:linear-gradient(180deg,#FFF3C4,#F5C542); box-shadow:0 4px 10px -4px rgba(0,0,0,.4), 0 0 0 2px #fff; font-size:11px; font-weight:900; white-space:nowrap }
.av233 .hx-vip svg{ width:12px; height:12px }

.m230 .nm233{ justify-content:center; max-width:100%; margin-top:14px }
.m230 .nm233 b{ font-size:22px; color:#1E1537; text-shadow:none; filter:drop-shadow(0 1px 0 rgba(42,27,71,.6)) drop-shadow(0 0 3px rgba(42,27,71,.3)) }
.m230 .nm233 .vf145 svg{ width:20px; height:20px; cursor:pointer }
.m230 .id233{ justify-content:center; margin-top:6px }
.m230 .id233 button{ color:#6D28D9 !important; background:#F4EEFF; box-shadow:inset 0 0 0 1px #E7DCFD; height:24px; font-size:12px; font-weight:800 }
.m230 .lv233{ justify-content:center; margin-top:9px; gap:5px; flex-wrap:wrap }
.m230 .lv233 .gc145, .m230 .lv233 .lc145{ height:21px; font-size:11px }

.bio233{ max-width:100%; margin-top:10px; padding:0; border:0; background:none; cursor:pointer; font:inherit; font-size:13px; font-weight:600; line-height:1.6; color:#5B4F74 }
.bio233 span{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; unicode-bidi:plaintext }
.bio233 .ph{ display:inline-flex; align-items:center; gap:5px; color:#A78BFA; font-weight:700 }
.bio233 .ph svg{ width:14px; height:14px }

/* آمار چهارتایی */
.m230 .st233{ display:grid; grid-template-columns:repeat(4,1fr); width:100%; margin-top:14px; padding:10px 0; border-radius:20px;
  background:linear-gradient(180deg,#FBF8FF,#F5EFFF); box-shadow:inset 0 0 0 1px #EFE6FD }
.m230 .st233 button{ position:relative; display:flex; flex-direction:column; align-items:center; gap:1px; padding:2px 0; border:0; background:none; cursor:pointer; font:inherit }
.m230 .st233 button + button::before{ content:""; position:absolute; inset-inline-start:0; top:16%; bottom:16%; width:1px; background:#E6DAFB }
.m230 .st233 b{ font-size:18px; font-weight:900; direction:ltr; color:#1E1537; background:none }
.m230 .st233 small{ font-size:11px; font-weight:700; color:#8B7FA6 }
.m230 .st233 button:active{ transform:scale(.95) }

/* دکمه‌ها */
.ac233{ display:grid; grid-template-columns:1.25fr 1fr; gap:8px; width:100%; margin-top:12px }
.ac233 button{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:42px; border:0; border-radius:14px; cursor:pointer; font:inherit; font-size:13px; font-weight:900;
  color:#6D28D9; background:#F1EAFE }
.ac233 button.p{ color:#fff; background:linear-gradient(135deg,#FF6FA3,#8B5CF6 60%,#5E8BFF); box-shadow:0 10px 18px -10px rgba(139,92,246,.95) }
.ac233 svg{ width:16px; height:16px }
.ac233 button:active{ transform:scale(.97) }

/* ─── ویترین مدال‌ها (جدا) ─── */
.md233{ margin-top:12px; padding:12px 12px 12px; border-radius:24px; background:linear-gradient(135deg,#FFF8E6,#FFEFF6 55%,#F3EDFF); box-shadow:0 12px 26px -22px rgba(217,119,6,.9), inset 0 0 0 1px #FCE9C4 }
.md233-h{ display:flex; align-items:center; gap:10px; width:100%; padding:0; border:0; background:none; cursor:pointer; font:inherit; text-align:start }
.md233-h > i{ width:36px; height:36px; flex:none; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#FFD166,#F59E0B); box-shadow:0 6px 12px -6px #D97706 }
.md233-h > i svg{ width:20px; height:20px }
.md233-h span{ flex:1; min-width:0; display:flex; flex-direction:column }
.md233-h b{ font-size:14px; font-weight:900; color:#3B2A12 }
.md233-h small{ font-size:11px; font-weight:600; color:#9A7B4F }
.md233-h em{ color:#C08A2D; display:grid }
.md233-h em svg{ width:18px; height:18px }
[dir=rtl] .md233-h em svg{ transform:scaleX(-1) }
.md233-a{ display:none }
.m230 .md233 .hon-row{ justify-content:flex-start; flex-wrap:wrap; gap:8px; margin-top:10px }
.m230 .md233 .hon-row .hr-add{ color:#B45309; background:rgba(255,255,255,.75) }

/* شیت کاور */
.cs233-c{ padding-bottom:18px }
.cs233-p{ height:130px; margin:6px 0 12px; border-radius:18px; background:center/cover no-repeat #eee }
.cs233-c button{ display:flex; align-items:center; gap:12px; width:100%; padding:10px 4px; border:0; background:none; cursor:pointer; font:inherit; font-size:14px; font-weight:800; color:var(--ink) }
.cs233-c button i{ width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#fff }
.cs233-c button i svg{ width:19px; height:19px }
.cs233-c i.a{ background:linear-gradient(135deg,#A78BFA,#7C3AED) } .cs233-c i.d{ background:linear-gradient(135deg,#FDA4AF,#F43F5E) }

/* کاور روی صفحهٔ عمومی پروفایل */
.pp146 .cv146 .cvi146.cvu233{ inset:0; width:100%; height:100%; filter:none; transform:none; opacity:1; z-index:0 }
.pp146 .cv146.cvu233 .bl145{ display:none }
.pp146 .cv146.cvu233 .cva146{ opacity:.18 }