/* ═══════════════════════════════════════════════════════════════════════════
 *  v381 · سربرگ پروفایل افقی و رنگ‌های نرم — تب «من» (مرکز من)
 *  v382 · هم‌پوشانی عمدی: آواتار روی گوشهٔ کاور، کاور محو در سفید، ستون نام مرتب
 *  v383 · سربرگ تمام‌عرض (بی قاب کارت، مثل فیسبوک)، نشان تیم زیر چیپ‌ها، دکمهٔ فلش، بی ویترین مدال
 *  v384 · میانبرها و فهرست‌ها هم تمام‌عرض، بی قاب کارت
 *  v385 · نقطهٔ «آماده» روی میانبر قلمرو ماجرا (سه کاشی عرشه به میانبرها رفتند، 190)
 *  v386 · بی فاصلهٔ اضافهٔ ته صفحه (نوار کرم + سفید بالای نوار پایین)
 *  v387 · قرص موجودی سکه در ردیف دکمه‌ها (جای کارت بزرگ خزانه)
 *
 *  مشکل v381: چیدمان افقی و پالت کرم/آبی را آورد. v382 (بازخورد مالک روی گوشی، «بهم ریختگی»):
 *  آواتار به لبهٔ کارت چسبیده بود و نیمی روی کاور شلوغ (هم‌پوشانی تصادفی به چشم می‌آمد)، نام به لبهٔ کاور
 *  چسبیده، ستون باریک با فاصله‌های ناهمسان (۴/۷/۷/۱۰)، پلاک VIP تنها در ردیف خودش، جای خالی بزرگ زیر آواتار
 *  (شکل L)، گیومه‌های امضا مثل پانویس، ردیف آیدی فارسی برعکس، امضای لاتین در صفحهٔ فارسی سمت چپ، نام و آیدی
 *  هم‌وزن و تار (سه سایه)، رنگ‌های زیاد بی یک رنگ اصلی، و پشت اکانت (کاور) خام با برش صاف و رنگ سبز گل‌آلود.
 *  راه‌حل (همان DOM ساختهٔ 190-v148.js و گره‌های 326-v374؛ امضا و جای پلاک از 328):
 *   ۱) کارت سفید با خط موی دیدنی؛ کاور ۱۳۲px (۱۱۶ / ۱۰۴ روی گوشی باریک) که ۴۲٪ پایینش نرم در سفید کارت محو
 *      می‌شود (تصویر شلوغ زیر آواتار آرام می‌گیرد، بقیه با رنگ واقعی) و بالایش سایهٔ ملایم برای دکمهٔ کاور؛ بی رنگ سبز VIP.
 *   ۲) آواتار ۹۶px (۸۸ / ۷۲) با حلقهٔ سفید ۴px، خط ۳px کرم ← آبی دورش و سایهٔ نرم، ۱۸px (۱۶) از لبهٔ کارت = همان لبهٔ امضا و آمار و
 *      دکمه‌ها؛ مرکزش دقیقاً روی خط کرسی نام، پس یک‌پنجمش روی کاور می‌نشیند — هم‌پوشانی عمدی، نه تصادفی.
 *   ۳) ستون نام ۱۲px زیر لبهٔ کاور شروع می‌شود (نام هرگز به کاور نمی‌چسبد)؛ یک ریتم: نام ← آیدی ← ردیف چیپ‌ها
 *      با فاصلهٔ دیداری برابر (≈۹px جوهر)؛ پلاک VIP ته همان ردیف چیپ‌ها (328 جابه‌جایش می‌کند و عکسش را همین حالا
 *      می‌گذارد؛ پهنایش این‌جا رزرو است، پس ردیف با هر paint دوخطی نمی‌شود و سربرگ نمی‌پرد).
 *   ۴) سلسله‌مراتب: نام ۱۹px/900 تمیز (بی هاله)، آیدی ۱۳px/800؛ تیک بی درخشش و هم‌مرکز با نام؛ برچسب «ID» قاب
 *      پوشیدنی از رنگ تیرهٔ همان قاب (سفید روی آن ≥۴٫۵:۱)، آیکن کپی خاکستری؛ ردیف آیدی فارسی آینه‌ای درست.
 *   ۵) یک داستان رنگ: کاور محو، حلقهٔ سفید، رنگ VIP فقط روی نام و آیدی، آبی فقط روی دکمه‌ها؛ چیپ‌ها کم‌رنگ (زمینهٔ
 *      روشن همان رنگ سطح، متن تیرهٔ همان رنگ)، سایهٔ پلاک خنثی، گیومه‌ها کرم تیره و هم‌تراز با متن.
 *   ۶) امضا سمت شروع صفحه (فارسی راست، انگلیسی چپ) هر زبانی که باشد؛ گیومه‌ها کنار متن.
 *   ۷) قاب VIP / قاب رتبه (۱۵۵–۱۶۰٪ آواتار): آواتار کوچک‌تر (۷۶ / ۶۸ / ۵۶) و جای قاب از حاشیه، پس قاب نه از
 *      کارت بیرون می‌زند نه روی نام و امضا می‌افتد؛ همان مرکز روی خط کرسی نام.
 *   ۸) v383 (بازخورد مالک): سربرگ لبه‌به‌لبهٔ صفحه، بی گوشهٔ گرد و حاشیهٔ چپ/راست (همان margin منفی v374)؛
 *      نشان رسمی تیم (کپی 328 در .rl383) ردیف خودش زیر چیپ‌ها؛ «نمای عمومی» و «بازدید» ← یک دکمهٔ فلش کنار
 *      «ویرایش پروفایل»؛ ویترین مدال‌ها (.md233) در صفحهٔ اول نیست (همان مدال‌ها در نمای عمومی، 188).
 *  اولویت: همهٔ قاعده‌ها با «#s-profile #me148host» (دو id؛ میزبان فرزند مستقیم #s-profile است، 190) تا بدون
 *  بازنویسی 325 از زنجیره‌های تک‌idِ v374 (تا ۶ کلاس و :is/:has) جلو بزنند؛ !important فقط جایی که v374 داشت.
 *  حرکت: انیمیشن تازه‌ای نیست؛ حلقهٔ چرخان v374 خاموش (حلقهٔ سفید و خط کرم/آبی ثابت)؛ هیچ :has روی body/html.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ ۰) توکن‌ها و زمینهٔ صفحه ═══ */
#s-profile #me148host .me148{ --bg381:#FBFAF7; --card381:#FFFFFF; --cream381:#FFF8EE; --crm381:#F7F0E3; --sky381:#EAF2FF;
  --blue381:#3D7BF5; --blue2381:#2F63D8; --ink381:#1F2937; --mute381:#6B7280; --line381:#ECE6DA; --tan382:#C8B48C;
  --shd381:0 10px 28px -18px rgba(31,41,55,.30);
  /* توکن‌های v374 هم به پالت تازه (فهرست، میانبرها، عنوان‌ها از همین‌ها می‌خوانند) */
  --ink374:var(--ink381); --sub374:var(--mute381); --line374:var(--line381); --card374:var(--card381) }
html body #s-profile.me148on{ background:#FBFAF7 !important }
/* v386 · ته صفحه: ظرف اسکرول برنامه (pb-28 = ۱۱۲px) برای نوار پایین ثابت (۶۷px) جا می‌گذارد و .me148 (325) هم ۸px +
   safe-area؛ زیر آخرین فهرست ۵۰–۸۵px نوار کرم و سفید خالی می‌ماند. فقط در پروفایل: بی فاصلهٔ .me148 و ۳۶px کمتر از ظرف،
   پس آخرین ردیف ۹px بالای نوار پایین تمام می‌شود (نوار پایین خودش ثابت است و جای safe-area را دارد) */
html body #s-profile.me148on{ margin-bottom:-36px }
#s-profile #me148host .me148{ padding-bottom:0 }

/* هندسهٔ سربرگ (v382): کاور، آواتار، آواتار با قاب، حاشیهٔ کارت، فاصلهٔ ستون، نام و خط کرسی نام (از بالای خط نام).
   مرکز آواتار = بالای ستون + خط کرسی نام؛ بالای ستون = لبهٔ کاور + ۱۲px */
#s-profile #me148host .pc233{ --cv382:132px; --av382:96px; --avf382:76px; --pad382:18px; --gap382:16px; --nf382:19px; --nl382:24px; --bl382:16px }

/* ═══ ۱) کارت سربرگ: کاور + بدنه ═══ */
/* v383: لبه‌به‌لبهٔ صفحه (margin منفی به اندازهٔ حاشیهٔ صفحه، مثل v374)، بی گوشهٔ گرد و قاب؛ فقط خط موی پایین */
#s-profile #me148host .pc233{ margin:0 calc(-1 * var(--gut374,16px)); border-radius:0; overflow:hidden; animation:none;
  box-shadow:0 1px 0 rgba(31,41,55,.07), 0 16px 24px -24px rgba(31,41,55,.40) }
#s-profile #me148host .pc233:not(.vimg235){ background:linear-gradient(180deg,#FFFFFF 0,#FFFFFF 62%,#FFFCF7 100%) }
/* پس‌زمینهٔ تصویری VIP (vimg235، سطح ۹): زیر کاور هم سفید نیمه‌شفاف، پایین به کرم ویترین */
#s-profile #me148host .pc233.vimg235{ background:linear-gradient(180deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.86) 60%,#FFFCF7 100%), var(--vbi) center/cover no-repeat }
#s-profile #me148host .pc233 > .vfx235{ top:var(--cv382); border-radius:0 }
#s-profile #me148host .pc233 .vfx235 b{ background:linear-gradient(135deg,#FFFFFF,#9CC0FF); filter:drop-shadow(0 0 3px rgba(61,123,245,.55)) }

/* کاور («پشت اکانت»): بالای کارت، بی برش صاف — پایینش نرم در سفید کارت محو می‌شود تا تصویر شلوغ زیر آواتار و
   نام آرام بگیرد؛ بالایش سایهٔ ملایم برای دکمهٔ کاور و گوشه‌های گرد. رنگ سطح VIP دیگر روی کاور نمی‌ریزد */
#s-profile #me148host .pc233 .hr148.cv233{ height:var(--cv382); border-radius:0 }
#s-profile #me148host .pc233 .hr148.cv233::after{ content:none }
#s-profile #me148host .pc233 .cvs233, #s-profile #me148host .pc233.vip235 .cvs233{
  background:linear-gradient(180deg,rgba(17,24,39,.18) 0,rgba(17,24,39,0) 36%),
    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%) }
#s-profile #me148host .hr148 > .cb374{ background:rgba(17,24,39,.34); box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), 0 6px 14px -6px rgba(17,24,39,.55) }

/* ═══ ۲) بدنه: شبکهٔ افقی (آواتار | ستون نام)، ستون ۱۲px زیر کاور ═══ */
#s-profile #me148host .pb233{ display:grid; grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"av nm" "av id" "av lv" "av rl" "av vp" "bio bio" "st st" "ac ac";
  column-gap:var(--gap382); row-gap:0; align-items:start; align-content:start; justify-content:stretch; justify-items:stretch;
  margin-top:0; padding:12px var(--pad382) 16px; text-align:start }

/* آواتار سمت شروع: لبه‌اش همان لبهٔ امضا/آمار/دکمه‌ها؛ مرکزش روی خط کرسی نام (یک‌پنجم بالایی روی کاور) */
#s-profile #me148host .pb233 > .av233{ grid-area:av; display:block; position:relative; flex:none; align-self:start; justify-self:start;
  width:auto; height:auto; margin:calc(var(--bl382) - var(--av382) / 2) 0 0; padding:0 }
#s-profile #me148host .pb233 .hav148{ width:var(--av382); height:var(--av382) }
#s-profile #me148host .pb233 .hav148 > img:not(.afr146), #s-profile #me148host .pb233 .hav148 > em{ border:4px solid #fff; font-size:calc(var(--av382) * .36);
  box-shadow:0 0 0 1px rgba(31,41,55,.07), 0 2px 5px -1px rgba(31,41,55,.16), 0 12px 24px -12px rgba(31,41,55,.50) }
#s-profile #me148host .pb233 .hav148 > em{ color:#fff; background:linear-gradient(135deg,#8DB4FF,#2F63D8) }
/* حلقهٔ سفید ثابت، و دورش خط ۳px ثابت کرم ← آبی روشن ← آبی (پالت سربرگ) تا روی پایین محو کاور هم لبهٔ آواتار
   دیده شود؛ حلقهٔ رنگی چرخان v374 خاموش. با قاب (.fr / .fr226-on / .fw374) خود قاب دور آواتار است */
#s-profile #me148host .pb233 .hav148::before{ content:none; animation:none }
#s-profile #me148host .pb233 > .av233:not(.fw374) > .hav148:not(.fr):not(.fr226-on)::before{ content:""; inset:-3px; animation:none;
  background:linear-gradient(140deg,#EBD9B4 0%,#9CC0FF 46%,#3D7BF5 100%);
  -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)) }
/* قاب پوشیده (.fw374 از 326، هم‌زمان با paint) یا قاب رتبه/قاب 238 (۱۵۵–۱۶۰٪ آواتار، یعنی ۰٫۳ آواتار بیرون از هر طرف):
   آواتار کوچک‌تر و جای قاب از حاشیه — قاب ۱۰px از لبهٔ کارت، ۸px از ستون نام، و ۶px بالای امضا. همان مرکز
   روی خط کرسی نام، پس سربرگ با رسیدن قاب نمی‌پرد */
#s-profile #me148host .pb233 > .av233.fw374, #s-profile #me148host .pb233 > .av233:has(> .hav148.fr, > .hav148.fr226-on){ --av382:var(--avf382);
  margin-top:calc(var(--bl382) - var(--av382) / 2); margin-bottom:calc(var(--av382) * .3 - 6px);
  margin-inline-start:calc(var(--av382) * .3 + 10px - var(--pad382)); margin-inline-end:calc(var(--av382) * .3 + 8px - var(--gap382)) }
/* اگر 326 نرسید: دوربین قدیمی گوشهٔ آواتار */
#s-profile #me148host .pb233 > .av233 > .ca233{ inset-inline-end:-2px; bottom:0 }

/* نام: یک خط پررنگ با «…»؛ <b> به اندازهٔ متن خودش، پس تیک همیشه چسبیده به نام است (نام کوتاه یا بریده) و چون
   بیرون از برش است هرگز پنهان نمی‌شود. خط ۲۴px (۲۳ / ۲۲) تا دنبالهٔ حروف بریده نشود */
#s-profile #me148host .pb233 > .nm233{ grid-area:nm; display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:6px;
  min-width:0; max-width:none; height:var(--nl382); margin:0; padding:0; border-radius:0; background:none; box-shadow:none; overflow:visible;
  -webkit-line-clamp:none; text-align:start; font-size:var(--nf382); line-height:var(--nl382) }
#s-profile #me148host .pb233 > .nm233 > b{ display:block; flex:0 1 auto; min-width:0; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  text-align:start; font-size:var(--nf382); line-height:var(--nl382); font-weight:900; letter-spacing:-.1px; unicode-bidi:plaintext }
/* نام ساده = نه .pn374 (326، هم‌زمان با paint) و نه .pn227 (238)؛ وگرنه نام درخشان تا رسیدن 238 جوهر تیره می‌شد (چشمک) */
#s-profile #me148host .pb233 > .nm233:not(.pn374) > b:not(.pn227){ color:var(--ink381); -webkit-text-fill-color:currentColor; filter:none; text-shadow:none }
/* تیک: بی درخشش آبی (191)، ۱٫۵px بالاتر تا مرکزش با بدنهٔ حروف نام یکی شود (نه با پایین خط) */
#s-profile #me148host .pb233 > .nm233 > i, #s-profile #me148host .pb233 > .nm233 > span{ flex:none; display:inline-grid; position:relative; top:-1.5px; margin:0; vertical-align:baseline; filter:none }
#s-profile #me148host .pb233 > .nm233 > .pt227-tag:not(.tt){ display:none }      /* برچسب تاج کنار نام؛ پلاک VIP خودش در ردیف چیپ‌هاست */
#s-profile #me148host .pb233 > .nm233 .vf145 svg, #s-profile #me148host .pb233 > .nm233 .vt320 svg{ width:18px; height:18px }
/* نام درخشان VIP (.pn374 از 326 یا .pn227 از 238): بی‌برچسب تیره و بی هاله (v381 سه سایه داشت و لبه‌ها تار
   می‌شد). روی سفید گرادیان 241 (رنگ روشن سطح + سفید) محو می‌شد؛ این‌جا همهٔ ایستگاه‌ها از رنگ تیرهٔ همان سطح (--pb)
   با کمی --pa هستند (همان background-size و حرکت 241، فقط background-image). تا 238 برسد (.pn374 بی .pn227) همان
   پر کردن شفاف و برش متن */
#s-profile #me148host .pb233 > .nm233.pn374 > b:not(.pn227){ padding-inline-end:2px; color:transparent; -webkit-text-fill-color:transparent;
  background-size:220% 100%; -webkit-background-clip:text; background-clip:text }
#s-profile #me148host .pb233 > .nm233.pn374 > b, #s-profile #me148host .pb233 > .nm233 > b.pn227{ -webkit-text-stroke:0; filter:none; text-shadow:none;
  background-image:linear-gradient(90deg,var(--pb,#2F63D8),color-mix(in srgb,var(--pb,#2F63D8) 86%,var(--pa,#3D7BF5)) 36%,color-mix(in srgb,var(--pb,#2F63D8) 74%,var(--pa,#3D7BF5)) 50%,color-mix(in srgb,var(--pb,#2F63D8) 86%,var(--pa,#3D7BF5)) 64%,var(--pb,#2F63D8)) }

/* آیدی: پرچم · [ID] متن ⧉ — بی‌کپسول، یک پله کوچک‌تر و سبک‌تر از نام */
#s-profile #me148host .pb233 > .id233{ grid-area:id; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; gap:6px; min-width:0; height:20px; margin:2px 0 0 }
#s-profile #me148host .pb233 > .id233 > span{ flex:none; display:inline-flex; align-items:center; height:auto; margin:0; padding:0; border-radius:0; background:none; font-size:14px; line-height:1 }
#s-profile #me148host .pb233 > .id233 > button:not(.img){ display:inline-flex; flex-direction:row; align-items:center; gap:5px; min-width:0; max-width:100%; height:20px;
  padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; animation:none;
  font-size:13px; font-weight:800; letter-spacing:.2px; color:var(--ink381) !important }
/* دکمه خودش ltr است (191)؛ در صفحهٔ فارسی محتوایش آینه می‌شود تا برچسب ID سمت شروع (راست) و کپی ته ردیف بنشیند،
   هم‌خط با نام و چیپ‌ها (v381 با flex-direction:row دو-idی، row-reverse تک-idِ 325 را می‌پوشاند) */
#s-profile #me148host .me148[dir=rtl] .pb233 > .id233 > button:not(.img){ flex-direction:row-reverse }
#s-profile #me148host .pb233 > .id233 > button:not(.img)::before{ content:none }
/* جای لمس دکمهٔ کپی: خط ۲۰px + ۱۰px بالا و پایین = ۴۰px */
#s-profile #me148host .pb233 > .id233 > button:not(.img)::after{ inset:-10px -4px }
#s-profile #me148host .pb233 > .id233 .ik243{ flex:none; height:17px; padding:0 5px; border-radius:6px 2px 6px 2px; font-size:9px; letter-spacing:.8px }
/* «ID» سفید ۹px: زمینه از #3D7BF5 تا #2550C0 (پشت حروف حدود ۵:۱) */
#s-profile #me148host .pb233 > .id233 > button:not(.idf226) .ik243{ background:linear-gradient(135deg,#3D7BF5,#2550C0); box-shadow:inset 0 1px 0 rgba(255,255,255,.3) }
/* قاب شناسهٔ پوشیدنی: برچسب از رنگ تیرهٔ همان قاب (--b)، بی هالهٔ رنگی 255 (روی سفید ۱٫۴:۱ بود) */
#s-profile #me148host .pb233 > .id233 > button.idf226:not(.img) .ik243{ background:linear-gradient(135deg,var(--b,#6366F1),color-mix(in srgb,var(--b,#6366F1) 78%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28) }
#s-profile #me148host .pb233 > .id233 > button svg, #s-profile #me148host .pb233 > .id233 > button.idf226:not(.img) svg{ flex:none; width:14px; height:14px; color:var(--mute381); opacity:.8 }
/* متن قاب شناسهٔ پوشیدنی (گرادیان 255: --b → --a → --c) هم روی سفید محو می‌شد: همهٔ ایستگاه‌ها از --b با کمی --a
   (همان background-size و حرکت iv243، فقط background-image)؛ بی سایهٔ بنفش 255 */
#s-profile #me148host .pb233 > .id233 > button.idf226:not(.img) .iv243{ filter:none;
  background-image:linear-gradient(90deg,var(--b,#6366F1),color-mix(in srgb,var(--b,#6366F1) 86%,var(--a,#A78BFA)) 35%,color-mix(in srgb,var(--b,#6366F1) 74%,var(--a,#A78BFA)) 50%,color-mix(in srgb,var(--b,#6366F1) 86%,var(--a,#A78BFA)) 65%,var(--b,#6366F1)) }
/* قاب شناسهٔ عکس‌دار (idf226.img) همان عکس خودش را دارد؛ فقط در ستون جا شود */
#s-profile #me148host .pb233 > .id233 > button.img{ min-width:0; max-width:100% }

/* رنگ سطح و قاب از پنل دلخواه است (سطح ۱۰: --pb زرد #ffb800، که گرادیان‌های بالا را هم روی سفید محو می‌کند). با رنگ
   نسبی، روشنایی OKLCH هر ایستگاه سقف می‌گیرد (پایه ۰٫۵۰، موج ۰٫۵۲ و ۰٫۵۴) و فام و رنگ همان سطح می‌ماند: برای سطح‌های ۱
   تا ۱۰ و قاب‌های شناسه هر ایستگاه دست‌کم ۴٫۷:۱ روی سفید؛ برچسب «ID» قاب (۰٫۵۰ ← ۰٫۴۰) سفید رویش دست‌کم ۴٫۵:۱. مرورگر
   بی رنگ نسبی همان گرادیان‌های بالا را دارد (شرط @supports بی var سنجیده می‌شود، پس مقدار var دار این‌جا هرگز «نامعتبر»
   نمی‌شود و نام را بی‌رنگ نمی‌کند) */
@supports (color:oklch(from red min(l,.5) c h)){
  #s-profile #me148host .pb233 > .nm233.pn374 > b, #s-profile #me148host .pb233 > .nm233 > b.pn227{
    background-image:linear-gradient(90deg,oklch(from var(--pb,#2F63D8) min(l,.5) c h),
      oklch(from color-mix(in srgb,var(--pb,#2F63D8) 86%,var(--pa,#3D7BF5)) min(l,.52) c h) 36%,
      oklch(from color-mix(in srgb,var(--pb,#2F63D8) 74%,var(--pa,#3D7BF5)) min(l,.54) c h) 50%,
      oklch(from color-mix(in srgb,var(--pb,#2F63D8) 86%,var(--pa,#3D7BF5)) min(l,.52) c h) 64%,oklch(from var(--pb,#2F63D8) min(l,.5) c h)) }
  #s-profile #me148host .pb233 > .id233 > button.idf226:not(.img) .iv243{
    background-image:linear-gradient(90deg,oklch(from var(--b,#6366F1) min(l,.5) c h),
      oklch(from color-mix(in srgb,var(--b,#6366F1) 86%,var(--a,#A78BFA)) min(l,.52) c h) 35%,
      oklch(from color-mix(in srgb,var(--b,#6366F1) 74%,var(--a,#A78BFA)) min(l,.54) c h) 50%,
      oklch(from color-mix(in srgb,var(--b,#6366F1) 86%,var(--a,#A78BFA)) min(l,.52) c h) 65%,oklch(from var(--b,#6366F1) min(l,.5) c h)) }
  #s-profile #me148host .pb233 > .id233 > button.idf226:not(.img) .ik243{
    background:linear-gradient(135deg,oklch(from var(--b,#6366F1) min(l,.5) c h),oklch(from var(--b,#6366F1) min(l,.4) c h)) }
}

/* ردیف چیپ‌ها: جنسیت · ثروت · جذابیت · پلاک VIP (328 پلاک را ته همین ردیف می‌گذارد؛ اگر جا نشد، خط بعد همین ردیف) */
#s-profile #me148host .pb233 > .lv233{ grid-area:lv; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:4px; row-gap:6px;
  min-width:0; min-height:24px; margin:8px 0 0 }
/* چیپ‌های کم‌رنگ: زمینهٔ روشن و متن تیرهٔ همان رنگ (جای سه گرادیان پررنگ)؛ دایرهٔ نماد سطح رنگ خودش را نگه می‌دارد */
#s-profile #me148host .pb233 > .lv233 .gc145, #s-profile #me148host .pb233 > .lv233 .lc145{ height:22px; font-size:11.5px; box-shadow:inset 0 0 0 1px rgba(31,41,55,.05) }
#s-profile #me148host .pb233 > .lv233 .gc145{ gap:3px; padding:0 8px 0 6px; color:#2F63D8; background:#EAF2FF }
#s-profile #me148host .pb233 > .lv233 .gc145.f{ color:#BE185D; background:#FDEBF4 }
#s-profile #me148host .pb233 > .lv233 .gc145 b{ color:inherit }
#s-profile #me148host .pb233 > .lv233 .lc145{ padding:0 8px 0 2px; background:color-mix(in srgb,var(--c2) 13%,#FFFFFF) }
#s-profile #me148host .pb233 > .lv233 .lc145 i{ width:18px; height:18px; box-shadow:none }
#s-profile #me148host .pb233 > .lv233 .lc145 b{ color:var(--c3); text-shadow:none }
/* پلاک «عنوان VIP» (238 ← .vtt307) ته ردیف چیپ‌ها، هم‌قد چیپ‌ها، با سایهٔ خنثی (سایهٔ بنفش 293 برداشته شد) */
#s-profile #me148host .pb233 .lv233 > .vr243{ display:inline-flex; align-items:center; align-self:center; flex:none; margin:0; min-height:22px }
#s-profile #me148host .pb233 .lv233 > .vr243 .vt243{ height:22px }
/* پهنای پلاک پیش از بار شدن عکس رزرو (پلاک‌های سطح‌ها حدود ۱٫۶:۱؛ object-fit تا پلاک باریک‌تر کشیده نشود)، تا ردیف
   با هر paint یک لحظه باریک و بعد پهن نشود */
#s-profile #me148host .pb233 .lv233 > .vr243 .tt299{ height:22px; min-width:36px; object-fit:contain; filter:drop-shadow(0 1px 1.5px rgba(31,41,55,.28)) }
/* اگر 328 نرسید: پلاک ردیف خودش زیر چیپ‌ها، با همان فاصله */
#s-profile #me148host .pb233 > .vr243{ grid-area:vp; display:flex; justify-content:flex-start; justify-self:start; align-self:start; margin:6px 0 0 }

/* v383 · نشان رسمی تیم (306 ← i.st321، «خزانه‌دار»، «منیجر»…): کنار نام در ستون باریک بزرگ می‌شد و روی آیدی می‌افتاد.
   اصلی کنار نام پنهان؛ کپی 328 ردیف خودش زیر چیپ‌ها، هم‌قد چیپ‌ها. رنگ‌ها از پنل‌اند (--s1/--s2، گاهی زرد/سبز روشن):
   سفید رویشان با سقف روشنایی OKLCH (۰٫۵۲ / ۰٫۴۴) خوانا می‌ماند */
#s-profile #me148host .pb233 > .nm233 > .st321{ display:none }
#s-profile #me148host .pb233 > .rl383{ grid-area:rl; display:flex; justify-content:flex-start; min-width:0; margin:6px 0 0 }
#s-profile #me148host .pb233 > .rl383 > .st321{ display:inline-flex; align-items:center; gap:4px; max-width:100%; height:22px; margin:0; padding:0 9px 0 6px; border-radius:99px;
  font-style:normal; font-size:11.5px; font-weight:800; line-height:1; letter-spacing:.2px; color:#fff; -webkit-text-fill-color:#fff; text-shadow:none; filter:none; vertical-align:middle;
  background:linear-gradient(120deg,var(--s1,#8B5CF6),var(--s2,#FF3D7F)); box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 4px 10px -6px var(--s2,#FF3D7F) }
#s-profile #me148host .pb233 > .rl383 > .st321 svg{ flex:none; width:14px; height:14px; color:#fff }
#s-profile #me148host .pb233 > .rl383 > .st321 b{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:inherit; color:inherit; -webkit-text-fill-color:currentColor;
  background:none; -webkit-background-clip:border-box; background-clip:border-box; filter:none; text-shadow:none; padding:0 }
@supports (color:oklch(from red min(l,.5) c h)){
  #s-profile #me148host .pb233 > .rl383 > .st321{ background:linear-gradient(120deg,oklch(from var(--s1,#8B5CF6) min(l,.52) c h),oklch(from var(--s2,#FF3D7F) min(l,.44) c h)) }
}

/* امضا (328 ← .bio381): سمت شروع صفحه، گیومه‌های کرم تیره کنار متن و هم‌تراز با بدنهٔ حروف؛ تا دو خط */
#s-profile #me148host .pb233 > .bio381{ grid-area:bio; display:flex; align-items:flex-start; justify-content:flex-start; gap:3px; min-width:0; margin:14px 0 0; padding:0;
  font-size:13px; font-weight:600; line-height:20px; color:#4B5563; text-align:start }
#s-profile #me148host .pb233 > .bio381 > i{ flex:none; position:relative; top:1px; height:20px; font:normal 700 22px/20px Georgia,"Noto Serif","Times New Roman",serif; color:var(--tan382) }
/* گیومهٔ بسته کنار خط آخر (امضای دوخطی) */
#s-profile #me148host .pb233 > .bio381 > i:last-child{ align-self:flex-end }
#s-profile #me148host .pb233 > .bio381 > span{ min-width:0; unicode-bidi:plaintext; text-align:match-parent; overflow-wrap:anywhere;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }

/* نوار آمار: کرم، بی‌خط دور */
#s-profile #me148host .pb233 > .st233{ grid-area:st; margin:14px 0 0; padding:3px 2px !important; border:0 !important; border-radius:18px !important;
  background:#FBF7F0 !important; box-shadow:none !important }
#s-profile #me148host .pb233 > .st233 button + button::before{ background:#E9E1D3 }
#s-profile #me148host .pb233 > .st233 b{ color:var(--ink381) !important }
#s-profile #me148host .pb233 > .st233 small{ color:var(--mute381) }
#s-profile #me148host .pb233 > .st233 button:active{ background:rgba(61,123,245,.08) }

/* ردیف دکمه‌ها (326): ویرایش پروفایل آبی · نمای عمومی کرم با متن آبی · بازدید آبی روشن */
#s-profile #me148host .pb233 > .ac374{ grid-area:ac; margin:10px 0 0; grid-template-columns:minmax(0,1fr) }  /* v451: فقط «ویرایش پروفایل» */
/* v387: با قرص سکه سه ستون: ویرایش · قرص (به اندازهٔ عدد) · فلش */
#s-profile #me148host .pb233 > .ac374:has(> .cn387){ grid-template-columns:minmax(0,1fr) auto 68px }
/* v387 · قرص سکه (190 ← .cn387، data-a=wallet؛ «+» ← data-a=coins): کرم با خط موی طلایی، سکه، عدد، دایرهٔ طلایی + */
#s-profile #me148host .ac374 > .cn387{ gap:6px; padding:0 6px 0 10px; color:var(--ink381); background:var(--cream381);
  box-shadow:inset 0 0 0 1px rgba(214,163,58,.35), 0 8px 16px -14px rgba(180,120,20,.9) }
#s-profile #me148host .ac374 > .cn387 > svg{ width:20px; height:20px }
#s-profile #me148host .ac374 > .cn387 > b{ font-size:14px; font-weight:900; letter-spacing:.1px; font-variant-numeric:tabular-nums; direction:ltr }
#s-profile #me148host .ac374 > .cn387 > em{ display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#fff; font-style:normal;
  background:linear-gradient(135deg,#FFD45C,#F5A70B); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 3px 6px -3px rgba(180,110,10,.9) }
#s-profile #me148host .ac374 > .cn387 > em svg{ width:14px; height:14px }
/* «ویرایش پروفایل» سفید ۱۳٫۵px: وسط دکمه (پشت نوشته) #2F63D8 = ۵٫۴:۱ */
#s-profile #me148host .ac374 > .ca233{ 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) }
#s-profile #me148host .ac374 > .go252{ color:var(--blue2381); background:var(--crm381); box-shadow:none }
#s-profile #me148host .ac374 > .vs374{ display:none }      /* اگر 328 نرسید؛ بازدیدکنندگان در فهرست پایین صفحه */
/* v383 · دکمهٔ فلش «پشت اکانت» (328 ← .go252.pv383، data-a=profile): سرمه‌ای ← آبی با برق بالا، سه فلش سفید رو به
   پایان صفحه (در فارسی آینه‌ای)؛ بی انیمیشن همیشگی */
#s-profile #me148host .ac374 > .go252.pv383{ overflow:hidden; padding:0; color:#fff;
  background:linear-gradient(135deg,#1E2B4D 0%,#2650C8 52%,#4F8DFF 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -2px 0 rgba(17,24,39,.22), 0 10px 20px -10px rgba(38,80,200,.95) }
#s-profile #me148host .ac374 > .go252.pv383::before{ content:""; display:block; position:absolute; inset:0 0 50% 0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0)) }
#s-profile #me148host .ac374 > .go252.pv383 .ar383{ position:relative; display:block; line-height:0 }
#s-profile #me148host .ac374 > .go252.pv383 svg{ display:block; width:34px; height:24px; filter:drop-shadow(0 1px 2px rgba(17,24,39,.35)) }
#s-profile #me148host .me148[dir=rtl] .ac374 > .go252.pv383 svg{ transform:scaleX(-1) }

/* ═══ ۳) ویترین مدال‌ها: v383 در صفحهٔ اول نیست (همان مدال‌ها در نمای عمومی، 188) ═══ */
#s-profile #me148host .md233{ display:none }

/* ═══ ۴) بی کادر زرد: قاب طلایی درونی VIP، لبهٔ طلایی دروازه و خزانه ═══ */
#s-profile #me148host .pc233.vip235 > .pb233::before{ content:none }
/* دروازه: پیوسته با خزانه = بی سایه و بی لبه؛ جدا (بنر، خزانهٔ پنهان/بنر/جابه‌جا) = سایهٔ نرم */
/* v387: کارت خزانه (.pd371) دیگر زیر دروازه نیست؛ دروازه همیشه تنها: گوشهٔ گرد کامل و سایهٔ نرم (325 گوشهٔ پایین را
   برای چسبیدن به خزانه صاف می‌کرد) */
#s-profile #me148host .pg230, #s-profile #me148host .pg230:not(.bn319){ border-radius:22px; box-shadow:0 18px 30px -22px rgba(23,10,42,.9), inset 0 0 0 1px rgba(245,197,66,.30) }

/* ═══ ۵) میانبرها و فهرست: تمام‌عرض مثل سربرگ (v384)، خط موی کرم، جزئیات آبی ═══ */
/* v384 (بازخورد مالک): بی قاب کارت، گوشهٔ گرد و حاشیهٔ چپ/راست؛ لبه‌به‌لبهٔ صفحه (همان margin منفی سربرگ). هر بخش
   سفید با خط موی بالا و پایین، و نوار ۸px رنگ صفحه بینشان (مثل فیسبوک). محتوای داخل همان فاصلهٔ ۱۶px از لبه */
#s-profile #me148host .qk148, #s-profile #me148host .ls148{ margin-inline:calc(-1 * var(--gut374,16px)); margin-top:8px; border-radius:0;
  box-shadow:0 1px 0 rgba(31,41,55,.07), 0 -1px 0 rgba(31,41,55,.05) }
#s-profile #me148host .qk148{ padding-inline:calc(var(--gut374,16px) - 8px) }
#s-profile #me148host .ls148:not(.g374) > button:last-child, #s-profile #me148host .ls148.g374 > button.l374{ border-radius:0 }
#s-profile #me148host .hd374::before{ background:linear-gradient(180deg,#7FA9FF,#2F63D8) }
#s-profile #me148host .qk148 button > span{ background:linear-gradient(160deg,#FFFFFF 0%,#EEF4FF 100%); box-shadow:inset 0 0 0 1px rgba(61,123,245,.14), 0 10px 16px -12px rgba(47,99,216,.45) }
#s-profile #me148host .qk148 small{ color:#374151 }
/* v385 · نقطهٔ قرمز «آماده» (طلسم امروز یا جایزهٔ آماده؛ 190 ← i.dt385) گوشهٔ بالای آیکن «قلمرو ماجرا»، مثل کاشی قبلی */
#s-profile #me148host .qk148 > button[data-q=task]{ position:relative }
#s-profile #me148host .qk148 > button > .dt385{ position:absolute; top:2px; inset-inline-start:calc(50% + 15px); width:10px; height:10px; border-radius:50%;
  background:#EF4444; box-shadow:0 0 0 2px #fff; pointer-events:none }
#s-profile #me148host .ls148 button:active{ background:#F3F7FF }
#s-profile #me148host .ls148.g374 > button.dv374::after, #s-profile #me148host .ls148:not(.g374) > button + button::after{ background:var(--line381) }
#s-profile #me148host .ls148 .ch148{ color:#C4C9D2 }

/* ═══ ۶) گوشی باریک: ≤۳۸۰px کاور ۱۱۶ و آواتار ۸۸؛ ≤۳۴۰px کاور ۱۰۴، آواتار ۷۲ و چیپ‌های ۲۰px ═══ */
@media (max-width:380px){
  #s-profile #me148host .pc233{ --cv382:116px; --av382:88px; --avf382:68px; --pad382:16px; --gap382:14px; --nf382:18px; --nl382:23px; --bl382:15px }
  #s-profile #me148host .pb233 > .lv233 .gc145{ padding:0 7px 0 5px }
  #s-profile #me148host .pb233 > .lv233 .lc145{ padding:0 7px 0 2px }
  /* حاشیهٔ ۱۶px دکمه‌ها را در ۳۷۱–۳۸۰px دو پیکسل باریک‌تر از v381 کرد: همان اندازه‌های ≤۳۷۰px 325، تا «ویرایش پروفایل»
     فارسی با نماد کامل بماند (۶px جای خالی) */
  #s-profile #me148host .ac374 > button{ padding:0 8px; gap:6px; font-size:13px }
}
@media (max-width:340px){
  /* آواتار با قاب ۵۶px (قاب ≈۸۷px) تا با قاب هم چیپ‌ها و پلاک در یک ردیف بمانند (ستون ۱۷۲px) */
  #s-profile #me148host .pc233{ --cv382:104px; --av382:72px; --avf382:56px; --gap382:12px; --nf382:17px; --nl382:22px; --bl382:14px }
  #s-profile #me148host .pb233 > .id233 > button:not(.img){ font-size:12.5px; letter-spacing:.1px }
  /* ردیف چیپ‌ها ۲۰px تا پلاک هم کنار سه چیپ جا شود (ستون ۱۸۰px) */
  #s-profile #me148host .pb233 > .lv233{ min-height:22px; gap:3px }
  #s-profile #me148host .pb233 > .lv233 .gc145, #s-profile #me148host .pb233 > .lv233 .lc145, #s-profile #me148host .pb233 .lv233 > .vr243 .vt243{ height:20px }
  #s-profile #me148host .pb233 > .lv233 .gc145{ gap:2px; padding:0 6px 0 5px; font-size:11px }
  #s-profile #me148host .pb233 > .lv233 .gc145 svg{ width:12px; height:12px }
  #s-profile #me148host .pb233 > .lv233 .lc145{ gap:3px; padding:0 6px 0 2px }
  #s-profile #me148host .pb233 > .lv233 .lc145 i{ width:16px; height:16px }
  #s-profile #me148host .pb233 > .lv233 .lc145 i svg{ width:11px; height:11px }
  #s-profile #me148host .pb233 > .lv233 .lc145 b{ font-size:11px }
  #s-profile #me148host .pb233 .lv233 > .vr243{ min-height:20px }
  #s-profile #me148host .pb233 .lv233 > .vr243 .tt299{ height:20px; min-width:33px }
  #s-profile #me148host .pb233 > .st233{ margin-top:12px }
  /* «ویرایش پروفایل» با نماد (325 در ≤۳۴۰px نمادها را برمی‌داشت) و دکمهٔ فلش ۶۰px، فاصله و نوشتهٔ کمی کوچک‌تر */
  #s-profile #me148host .pb233 > .ac374{ margin-top:8px; grid-template-columns:minmax(0,1fr) 60px; gap:6px }
  #s-profile #me148host .pb233 > .ac374:has(> .cn387){ grid-template-columns:minmax(0,1fr) auto 56px }
  #s-profile #me148host .ac374 > .cn387{ gap:4px; padding:0 4px 0 7px }
  #s-profile #me148host .ac374 > .cn387 > b{ font-size:13px }
  #s-profile #me148host .ac374 > button{ padding:0 4px; gap:4px; font-size:12px }
  #s-profile #me148host .ac374 > .ca233 svg{ display:block; width:14px; height:14px }
}
