/* ═══════════════════════════════════════════════════════════════════════════
 *  v388 · صفحهٔ دوم پروفایل (نمای عمومی) بی قاب، مثل صفحهٔ اول — تمام‌عرض، کاور محو، هم‌پوشانی آواتار
 *
 *  مشکل (بازخورد مالک): صفحهٔ اول از v383–v386 لبه‌به‌لبه و بی قاب است، ولی نمای عمومی (188-v146 ← #pv146o .pp146.pz234)
 *  هنوز کارت‌های گرد با سایه و قاب داشت: سربرگ (.hd146.hz234، گوشهٔ ۳۰px، قاب بنفش/طلایی و نوار بالای ::before)،
 *  «ویترین افتخار» (.sc234)، نوار تب‌ها در کپسول (.tbi146 با نشانگر صورتی)، کارت بخش‌ها (.pc234، .jn235)، زمینهٔ یاسی
 *  و دکمهٔ بنفش.
 *  راه‌حل (فقط CSS، همان DOM 188 و رنگ‌های 254/255):
 *   ۱) زمینهٔ صفحه کرم روشن مثل صفحهٔ اول؛ کاور تمام‌عرض که ۴۲٪ پایینش نرم در سفید محو می‌شود (مثل 327).
 *   ۲) سربرگ سفید لبه‌به‌لبه درست زیر کاور (نه روی آن)، بی گوشهٔ گرد، قاب و نوار بالا؛ آواتار ۲۰px روی پایین محو کاور
 *      (هم‌پوشانی حساب‌شده) و ستون نام ۱۲px زیر لبهٔ کاور. نشان سطح (.lvb146) همان گوشهٔ بالای سربرگ.
 *   ۳) «حامیان برتر» (.sg241) قرص کرم بی قاب (مثل نوار آمار صفحهٔ اول)، «ویرایش پروفایل» آبی (همان 327).
 *   ۴) ویترین، نوار تب‌ها و پنل: بخش‌های سفید لبه‌به‌لبه با خط موی بالا و پایین و نوار ۸px رنگ صفحه بینشان؛ تب فعال
 *      آبی با خط زیر ۳px (نشانگر 189 همان جابه‌جایی JS را دارد، فقط شکلش).
 *   ۵) کارت‌های داخل پنل (.pc234، .jn235) بی گوشه و سایه، لبه‌به‌لبه با خط موی بالا؛ کاشی‌های رنگی (.ids235) همان‌اند.
 *  اولویت: همه با «#pv146o» (یک id) تا بی !important از زنجیره‌های کلاسی 254/255 جلو بزنند.
 *   ۶) v390: نمای عمومی خودِ کاربر بی «ویرایش پروفایل» (188 دیگر نمی‌سازد؛ .abs146 خالی پنهان)؛ مدال‌های ویترین بزرگ‌تر
 *      (۳۰×۳۳ ← ۴۲×۴۶، VIP ۳۸ ← ۵۰). انیمیشن و افکت مدال‌ها (hon-bob، hm-fx) و برچسب استودیو/ایجنسی دست نخورده.
 *   ۷) v392: کاشی‌های «شناسنامه» (.ids235) به‌جای ردیف افقی که لبهٔ صفحه می‌بریدشان، شبکهٔ مرتب سه‌تایی؛ ردیف آخر دوتایی یا
 *      تکی پهن می‌شود تا جای خالی نماند، و چهار کاشی ۲×۲ (فقط با :nth-child، بی :has). رنگ، برق و افکت کاشی‌ها همان 255.
 *   ۸) v393: تب «مدال‌ها» (پیش‌تر «افتخارات») — «تالار افتخار» شبکهٔ مرتب سه‌تایی؛ هر مدال قاب هم‌اندازهٔ ۷۲px و نام دوخطی،
 *      و دکمه‌ای که برگهٔ همان مدال را باز می‌کند (188). افکت svga مدال‌ها را 188 بعد از نقاشی پخش می‌کند.
 *  روانی: بی انیمیشن تازه، بی :has، بی JS.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ۱) زمینه و کاور */
#pv146o .pp146.pz234{ background:#FBFAF7 }
#pv146o .pz234 .cvg146{ background:linear-gradient(180deg,rgba(17,24,39,.22) 0,rgba(17,24,39,0) 34%),
  linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(255,255,255,.16) 70%,rgba(255,255,255,.55) 84%,rgba(255,255,255,.88) 94%,#FFFFFF 100%) }

/* ۲) سربرگ: سفید، لبه‌به‌لبه، زیر کاور؛ آواتار ۲۰px روی پایین کاور */
#pv146o .pz234 .hd146.hz234, #pv146o .pz234 .hd146.hz234.vip235{ margin:0; padding:12px 18px 16px; border-radius:0; background:#FFFFFF;
  box-shadow:0 1px 0 rgba(31,41,55,.07), 0 16px 24px -24px rgba(31,41,55,.40) }
#pv146o .pz234 .hz234::before, #pv146o .pz234 .hz234.vip235::before{ content:none }
#pv146o .pz234 .hz234 > .av146{ align-self:start; margin-top:-32px }

/* ۳) حامیان برتر و دکمه */
#pv146o .pz234 .sg241, #pv146o .pz234 .vip235 .sg241{ border-radius:16px; background:#FBF7F0; box-shadow:none }
#pv146o .pz234 .ab146.pri, #pv146o .pz234 .vip235 .ab146.pri{ color:#fff; background:linear-gradient(135deg,#4A86FA 0%,#2F63D8 50%,#2A57C6 100%);
  box-shadow:0 10px 20px -12px rgba(47,99,216,.9), inset 0 1px 0 rgba(255,255,255,.30) }

/* ۴) ویترین، نوار تب‌ها و پنل: بخش‌های سفید لبه‌به‌لبه */
#pv146o .pz234 .sc234{ margin:8px 0 0; padding:12px 18px; border-radius:0; background:#FFFFFF;
  box-shadow:0 1px 0 rgba(31,41,55,.07), 0 -1px 0 rgba(31,41,55,.05) }
#pv146o .pz234 .tbs146{ margin-top:8px; padding:0; background:#FFFFFF; box-shadow:0 -1px 0 rgba(31,41,55,.05) }
#pv146o .pz234 .tbi146{ padding:0 8px; border-radius:0; background:#FFFFFF; box-shadow:none; border-bottom:1px solid #ECE6DA }
#pv146o .pz234 .tbi146 button{ height:46px; color:#6B7280 }
#pv146o .pz234 .tbi146 button.on{ color:#2F63D8 }
#pv146o .pz234 .tbi146 i{ top:auto; bottom:-1px; height:3px; border-radius:3px; background:linear-gradient(90deg,#4A86FA,#2F63D8); box-shadow:none }
#pv146o .pz234 .pn146{ background:#FFFFFF }

/* ۵) کارت‌های پنل: بی گوشه و سایه، لبه‌به‌لبه (پنل ۱۲px حاشیه دارد) با خط موی بالا */
#pv146o .pz234 .pc234, #pv146o .pz234 .jn235{ margin-inline:-12px; border-radius:0; background:#FFFFFF; box-shadow:0 -1px 0 rgba(31,41,55,.07) }

/* ۶) v390: بی دکمهٔ ویرایش در نمای عمومی خود کاربر؛ مدال‌های ویترین بزرگ‌تر (فقط اندازه — انیمیشن و افکت 244 همان) */
#pv146o .pz234 .abs146:empty{ display:none }
#pv146o .pz234 .sc234 .hon-row{ gap:10px }
#pv146o .pz234 .sc234 .hon-row .hr-m{ width:42px; height:46px }
#pv146o .pz234 .sc234 .hon-row .hr-m.hr-vip{ width:50px; height:50px }
@media (max-width:360px){
  #pv146o .pz234 .sc234 .hon-row{ gap:8px }
  #pv146o .pz234 .sc234 .hon-row .hr-m{ width:38px; height:42px }
  #pv146o .pz234 .sc234 .hon-row .hr-m.hr-vip{ width:46px; height:46px }
}

/* ۷) v392: کاشی‌های شناسنامه در شبکهٔ ۶ستونه (هر کاشی ۲ ستون = سه‌تایی) */
#pv146o .pz234 .ids235{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; overflow:visible; margin:0; padding:2px 0 6px; scroll-snap-type:none }
#pv146o .pz234 .ids235 > .idt235{ grid-column:span 2; width:auto; min-width:0; min-height:104px; border-radius:20px }
/* ردیف آخر دوتایی: هر کدام نیمی از ردیف؛ ردیف آخر تکی: تمام‌عرض */
#pv146o .pz234 .ids235 > .idt235:nth-child(3n+1):nth-last-child(2), #pv146o .pz234 .ids235 > .idt235:nth-child(3n+1):nth-last-child(2) + .idt235{ grid-column:span 3 }
#pv146o .pz234 .ids235 > .idt235:nth-child(3n+1):last-child{ grid-column:span 6 }
/* چهار کاشی: ۲×۲ */
#pv146o .pz234 .ids235 > .idt235:first-child:nth-last-child(4), #pv146o .pz234 .ids235 > .idt235:first-child:nth-last-child(4) ~ .idt235{ grid-column:span 3 }
@media (max-width:340px){ #pv146o .pz234 .ids235{ gap:8px } #pv146o .pz234 .ids235 > .idt235{ min-height:96px } }

/* ۸) v393: «تالار افتخار» در تب مدال‌ها — شبکهٔ سه‌تایی، قاب هم‌اندازه، زدنی */
#pv146o .pz234 .hn234{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 8px; padding:4px 0 }
#pv146o .pz234 .hni234{ width:auto; min-width:0; display:flex; flex-direction:column; align-items:center; gap:6px; padding:8px 4px 6px; border:0; border-radius:16px;
  background:none; cursor:pointer; font:inherit; color:inherit; -webkit-tap-highlight-color:transparent }
#pv146o .pz234 .hni234:active{ background:#F3F7FF }
#pv146o .pz234 .hni234 > .hna393{ display:grid; place-items:center; width:72px; height:72px; margin:0; transform:none; font-style:normal }
#pv146o .pz234 .hni234 > .hna393 > *{ width:72px; height:72px; max-width:100%; max-height:100%; margin:0; transform:none; object-fit:contain }
#pv146o .pz234 .hni234 small{ max-width:100%; font-size:11px; font-weight:800; line-height:1.35; color:#4B5563; text-align:center; white-space:normal;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }