/* ═══════════════════════════════════════════════════════════════════════════
 *  v374 · «سربرگ شاهانه» — چیدمان تازهٔ تب پروفایل (مرکز من)
 *
 *  مشکل: سربرگ تنگ (نام و آیدی در ستون ۱۹۲px کنار آواتار)، فلش سرگردان «نمای عمومی» و دوربین ۲۸px
 *  به‌جای دکمهٔ روشن، سه نوار هم‌شکل پشت هم (ویترین، دروازهٔ VIP، خزانه)، شبکه و فهرست بی‌وزن، فونت‌های
 *  ۱۰px، ورودی‌نداشتن بازدیدکنندگان و کاور، و چند باگ استودیوی آیکن (رنگ کاشی پنهان، جای خالی کاشی
 *  پنهان، بنر بادکرده، برچسب‌های NEW/HOT خاکستری در فهرست، بنر متن‌دار ناخوانای خزانه).
 *  حالا (روی همان DOM ساختهٔ 190-v148.js؛ هیچ کلاس یا data-* عوض نشده؛ گره‌های تازه از 326-v374-me-royal.js):
 *   ۱) سربرگ تمام‌عرض: کاور ۱۲۰px با «برگهٔ» گرد روی آن و دکمهٔ شیشه‌ای تغییر کاور، آواتار ۹۲px وسط با
 *      حلقهٔ رنگ رتبه، نام دوخطی وسط‌چین + تیک، آیدی و پرچم در یک کپسول، چیپ‌ها + VIP در یک ردیف،
 *      نوار آمار، ردیف دکمه «ویرایش پروفایل · نمای عمومی · بازدیدکنندگان» (.ac374)
 *   ۲) ویترین مدال‌ها چسبیده به پایین سربرگ با ارتفاع رزروشده (بی‌پرش وقتی 243 ردیف را دوباره می‌گذارد)
 *   ۳) «بلوک اقتصاد»: دروازهٔ VIP نوار بالایی و خزانه زیرش در یک کارت؛ عددهای درشت با «سکه/الماس»
 *      (اگر یکی پنهان، جابه‌جا یا بنر شود، هر دو گوشه‌های کامل خود را پس می‌گیرند)
 *   ۴) سه کاشی با رنگ روی خود کاشی (رنگ پنل دیده می‌شود) و چیدمان flex (کاشی پنهان جای خالی نمی‌گذارد)؛
 *      زیرنویس تا سه خط زیر جای رزرو نقش
 *   ۵) «میانبرها» با عنوان؛ فهرست تک‌ستونهٔ ۵۲px با گروه‌هایی که JS از ردیف‌های دیدنی می‌سازد
 *   ۶) VIP: نام درخشان روی برچسب نیمه‌شفاف تیره (نام بلند: فقط دورخط تیره)، قاب طلایی درونی دور برگه و
 *      ویترین؛ کارت پس‌زمینهٔ تصویری بی‌لبهٔ کرم. جای قاب، برچسب نام و پلاک عنوان به نشانه‌های هم‌زمان 326
 *      (.fw374/.pn374/.tt374) بسته است، نه کلاس‌هایی که 238 تا ۳۵۰ms بعد می‌گذارد (سربرگ با هر paint نمی‌پرد)
 *  حرکت: فقط transform/opacity؛ چرخه‌های رنگی قبلی (foil236، pg230، ad230d) این‌جا خاموش‌اند؛
 *  حالت سبک (html.lite366) و کاهش حرکت همه را می‌ایستانند.
 *  همهٔ قاعده‌ها با پیشوند #me148host (یک id بالاتر از زنجیره‌های .m230 قبلی).
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ ۰) توکن‌ها و صفحه ═══ */
#me148host .me148{ --ink374:#1C1035; --sub374:#746A90; --line374:rgba(124,58,237,.10); --sheet374:#FFFFFF;
  --card374:#FFFFFF; --r374:24px; --gap374:10px; --gut374:16px;
  padding:0 var(--gut374) calc(8px + env(safe-area-inset-bottom)); color:var(--ink374) }
html #s-profile.me148on{ background:linear-gradient(180deg,#F4F0FC 0,#F6F3FC 70%,#FFFFFF 100%) !important }

/* ═══ ۱) سربرگ تمام‌عرض ═══ */
#me148host .pc233{ margin:0 calc(-1 * var(--gut374)); border-radius:0; animation:none; box-shadow:none }
#me148host .pc233:not(.vimg235){ background:linear-gradient(180deg,#FFFFFF 0,#FFFFFF 240px,#FCFAFF 100%) }
#me148host .pc233.vip235:not(.vimg235){ --sheet374:#FFFCF4; background:linear-gradient(180deg,#FFFCF4 0,#FFFCF4 240px,#FFF7E8 100%); animation:none; box-shadow:none }
#me148host .pc233 > .vfx235{ top:104px; border-radius:0 }

/* کاور: تمام‌عرض، تیرگی ملایم، و لبهٔ گرد «برگه» که روی کاور می‌نشیند (عمق) */
#me148host .pc233 .hr148.cv233{ height:120px; border-radius:0 }
#me148host .pc233 .hr148.cv233::after{ content:""; display:block; position:absolute; inset:auto 0 -1px 0; height:24px; z-index:3; pointer-events:none;
  border-radius:24px 24px 0 0; background:var(--sheet374); box-shadow:0 -10px 22px -12px rgba(40,10,80,.45) }
#me148host .pc233 .cvs233{ background:linear-gradient(180deg,rgba(24,8,48,.26) 0%,transparent 45%,transparent 62%,rgba(24,8,48,.16) 100%) }
/* هنر پیش‌فرض کاور ثابت می‌ماند (حرکت‌های داخل SVG کل کاور را هر فریم دوباره می‌کشیدند) */
#me148host .art233 .cl233, #me148host .art233 .wv233, #me148host .art233 .sp233 > *, #me148host .art233 .ht233{ animation:none }
/* دکمهٔ شیشه‌ای «تغییر کاور» (326 · data-a=cover) */
#me148host .hr148 > .cb374{ position:absolute; top:10px; inset-inline-end:12px; z-index:5; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0;
  border-radius:50%; color:#fff; background:rgba(28,12,54,.40); box-shadow:inset 0 0 0 1px rgba(255,255,255,.42), 0 6px 14px -6px rgba(20,6,40,.6);
  cursor:pointer; -webkit-tap-highlight-color:transparent }
#me148host .hr148 > .cb374 svg{ width:18px; height:18px }
#me148host .hr148 > .cb374::after{ content:""; position:absolute; inset:-5px }
#me148host .hr148 > .cb374:active{ transform:scale(.92) }
#me148host .hr148.busy > .cb374{ opacity:.4; pointer-events:none }

/* بدنه: ستون وسط‌چین با flex (هر ردیف خط خودش) */
#me148host .pb233{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; position:relative; z-index:3;
  margin-top:-54px; padding:0 16px 10px; text-align:center; grid-template-areas:none; column-gap:0; row-gap:0 }
#me148host .pb233 > .av233{ flex:0 0 100%; display:flex; justify-content:center; position:relative; width:auto; height:auto; margin:0; padding:0 }
#me148host .pb233 > .av233::before{ content:none; display:none }

/* آواتار + حلقهٔ رنگ رتبه (--c1/--c2) */
#me148host .pb233 .hav148{ position:relative; z-index:4; flex:none; width:92px; height:92px; margin:0; cursor:pointer }
#me148host .pb233 .hav148 > img:not(.afr146), #me148host .pb233 .hav148 > em{ border:4px solid #fff; font-size:34px; font-weight:900;
  box-shadow:0 16px 28px -14px rgba(76,29,149,.65) }
#me148host .pb233 .hav148::before{ content:""; position:absolute; inset:-5px; z-index:0; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 210deg,var(--c1,#FFB36B),#FF5FA2,#A855F7,var(--c2,#6366F1),var(--c1,#FFB36B));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px)); mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));
  animation:ring374 10s linear infinite }
/* قاب: قاب رتبه (.fr از خود paint) یا قاب پوشیده (.fw374 از 326 در همان microtask؛ fr226-on دیرآمدهٔ 238 فقط اگر کش
   ظاهر هنوز نرسیده). فاصله به همین‌ها بسته است تا paint های پشت‌سرهم (پیش از رسیدن 238) سربرگ را جابه‌جا نکنند */
#me148host .pb233 .hav148.fr::before, #me148host .pb233 .hav148.fr226-on::before, #me148host .pb233 > .av233.fw374 > .hav148::before{ content:none }
#me148host .pb233 > .av233.fw374, #me148host .pb233 .av233:has(> .hav148.fr, > .hav148.fr226-on){ margin-bottom:16px }
#me148host .pb233 > .av233.fw374 > .hav148 > .afr146{ display:none }      /* تا 238 قاب پوشیده را بگذارد، قاب رتبه چشمک نزند (مثل .fr226-on) */
@keyframes ring374{ to{ transform:rotate(360deg) } }
/* اگر لایهٔ JS نرسید: دوربین قدیمی گوشهٔ پایین آواتار ۹۲px می‌ماند (.av233 حالا ردیف تمام‌عرض است، پس جایش را
   از وسط ردیف حساب می‌کنیم؛ 326 دوربین را از .av233 بیرون می‌برد) و فلش کنار می‌رود (آواتار نمای عمومی را باز می‌کند) */
#me148host .pb233 > .av233 > .ca233{ inset-inline-end:calc(50% - 46px) }
#me148host .pb233 > .go252{ display:none }

/* نام و تیک در یک جریان متنی: تا دو خط، وسط‌چین، تیک ته خط آخر */
#me148host .pb233 > .nm233{ flex:0 0 100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-width:0; margin:2px 0 -6px; padding:4px 10px;
  text-align:center; font-size:20px; line-height:1.3; font-weight:900; overflow-wrap:anywhere; text-wrap:balance }
#me148host .pb233 > .nm233 b{ display:inline; min-width:0; max-width:none; overflow:visible; white-space:normal; text-overflow:clip; font-size:20px; line-height:1.3; font-weight:900; unicode-bidi:plaintext }
#me148host .pb233 > .nm233 > i, #me148host .pb233 > .nm233 > span{ display:inline-grid; vertical-align:-3px; margin-inline-start:6px }
#me148host .pb233 > .nm233 b:not(.pn227){ color:var(--ink374); filter:none; text-shadow:none }
#me148host .pb233 > .nm233 .vf145 svg, #me148host .pb233 > .nm233 .vt320 svg{ width:20px; height:20px }

/* آیدی و پرچم در یک کپسول وسط‌چین (قاب شناسهٔ پوشیدنی idf226 دست نمی‌خورد) */
#me148host .pb233 > .id233{ flex:0 0 100%; justify-content:center; align-items:center; gap:0; margin:6px 0 0; flex-wrap:nowrap }
#me148host .pb233 > .id233 > span{ display:inline-flex; align-items:center; height:28px; padding:0 2px; padding-inline-start:10px; font-size:15px; line-height:1;
  background:#F1EBFF; border-start-start-radius:99px; border-end-start-radius:99px }
#me148host .pb233 > .id233 button{ position:relative; min-width:0; max-width:calc(100% - 40px) }
/* آیدی اختصاصی تا ۲۰ نویسه: روی ۳۲۰px با «…» کوتاه شود، نه بیرون زدن از لبه */
#me148host .pb233 > .id233 .iv243{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
#me148host .pb233 > .id233 button:not(.idf226):not(.img){ height:28px; gap:6px; padding:0 10px 0 4px !important; border-radius:99px !important; letter-spacing:.5px;
  font-size:13px; font-weight:900; color:#43207A !important; background:#F1EBFF !important; box-shadow:none !important }
/* دکمه خودش ltr است (191)؛ گوشهٔ چسبیده به پرچم با جهت صفحه */
#me148host .me148[dir=rtl] .pb233 > .id233 > span + button:not(.idf226):not(.img){ border-top-right-radius:0 !important; border-bottom-right-radius:0 !important }
#me148host .me148[dir=ltr] .pb233 > .id233 > span + button:not(.idf226):not(.img){ border-top-left-radius:0 !important; border-bottom-left-radius:0 !important }
/* راست‌به‌چپ: محتوای دکمه آینه می‌شود تا دکمهٔ کپی ته کپسول بنشیند (پرچم · ID · نام · کپی، مثل en) */
#me148host .me148[dir=rtl] .pb233 > .id233 button:not(.idf226):not(.img){ flex-direction:row-reverse; padding:0 4px 0 10px !important }
#me148host .pc233 .pb233 > .id233:has(> button:is(.idf226,.img)) > span{ margin-inline-end:6px; padding:0; background:none }
/* قاب شناسهٔ پوشیدنی بی‌عکس: متن گرادیانی رنگ قاب روی کپسول تیره (روی کرم و سفید محو می‌شد) */
#me148host .pb233 > .id233 button.idf226:not(.img){ height:28px; padding:0 11px 0 4px !important; border-radius:99px !important;
  background:radial-gradient(120% 160% at 50% 0%,#3A1B5E 0%,#1E0F33 75%) !important; box-shadow:0 6px 14px -8px rgba(30,15,51,.9), inset 0 0 0 1px color-mix(in srgb,var(--a,#C084FC) 55%,transparent) !important }
#me148host .me148[dir=rtl] .pb233 > .id233 button.idf226:not(.img){ flex-direction:row-reverse; padding:0 4px 0 11px !important }
#me148host .pb233 > .id233 button::after{ content:""; position:absolute; inset:-7px -2px }
#me148host .pb233 > .id233 .ik243{ height:20px; padding:0 6px; border-radius:99px; font-size:10px }
#me148host .pb233 > .id233 button svg{ width:14px; height:14px; opacity:.55 }
#me148host .pc233.vip235 .pb233 > .id233 > span{ background:#FFF4D6 }
#me148host .pc233.vip235 .pb233 > .id233 button:not(.idf226):not(.img){ color:#8A5A00 !important; background:#FFF4D6 !important }

/* چیپ‌ها و VIP در یک ردیف وسط */
#me148host .pb233 > .lv233{ flex:0 1 auto; justify-content:center; gap:6px; margin:8px 0 0; flex-wrap:wrap; row-gap:6px }
#me148host .pb233 > .lv233 .gc145, #me148host .pb233 > .lv233 .lc145{ height:22px; font-size:12px }
#me148host .pb233 > .vr243{ flex:0 0 auto; margin:8px 0 0; margin-inline-start:6px }
#me148host .pb233 > .vr243 .vt243{ height:22px }
#me148host .pb233 > .vr243.tt374{ min-height:30px; align-items:center }      /* جای پلاک ۳۰px «عنوان VIP» پیش از رسیدن 238 (326) */

/* نوار آمار */
#me148host .pb233 > .st233{ flex:0 0 100%; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); margin:12px 0 0; padding:3px 2px !important;
  border:0 !important; border-radius:18px !important; background:linear-gradient(180deg,#FBF9FF,#F3EDFF) !important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.10), 0 12px 22px -20px rgba(91,33,182,.7) !important; -webkit-backdrop-filter:none; backdrop-filter:none }
#me148host .pc233.vip235 .pb233 > .st233{ background:linear-gradient(180deg,#FFFDF7,#FFF4DE) !important; box-shadow:inset 0 0 0 1px rgba(214,154,31,.22), 0 12px 22px -20px rgba(180,120,20,.7) !important }
#me148host .pb233 > .st233 button{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; min-width:0; min-height:44px; padding:0 2px; border-radius:14px }
#me148host .pb233 > .st233 button + button::before{ content:""; display:block; position:absolute; inset-inline-start:0; top:26%; bottom:26%; width:1px; background:rgba(124,58,237,.14) }
#me148host .pb233 > .st233 b{ font-size:17px; line-height:1.15; font-weight:900; color:var(--ink374) !important; font-variant-numeric:tabular-nums }
#me148host .pb233 > .st233 small{ max-width:100%; font-size:11px; font-weight:700; color:var(--sub374); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#me148host .pb233 > .st233 button:active{ transform:scale(.95); background:rgba(124,58,237,.06) }

/* ردیف دکمه (326): ویرایش پروفایل (اصلی) · نمای عمومی · بازدیدکنندگان ۴۲px */
#me148host .pb233 > .ac374{ flex:0 0 100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px; gap:8px; margin:10px 0 0 }
#me148host .ac374 > button{ position:relative; inset:auto; transform:none; z-index:auto; display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-width:0; width:auto; height:42px; margin:0; padding:0 10px; border:0; border-radius:14px; cursor:pointer; opacity:1;
  font:inherit; font-size:13.5px; font-weight:800; line-height:1; white-space:nowrap; -webkit-tap-highlight-color:transparent; transition:transform .12s; animation:none }
#me148host .ac374 > button::before, #me148host .ac374 > button::after{ content:none; display:none }
#me148host .ac374 > button svg{ flex:none; width:17px; height:17px }
#me148host .ac374 > button b{ min-width:0; overflow:hidden; text-overflow:ellipsis; font:inherit; line-height:1.45 }      /* نقطه‌های زیر «پ/ی» بریده نشوند */
#me148host .ac374 > button:active{ transform:scale(.97) }
#me148host .ac374 > .ca233{ color:#fff; background:linear-gradient(135deg,#FF5FA2 0%,#B04CF7 55%,#7C3AED 100%);
  box-shadow:0 12px 22px -12px rgba(168,85,247,.95), inset 0 1px 0 rgba(255,255,255,.35) }
#me148host .ac374 > .go252{ color:#5B21B6; background:#fff; box-shadow:inset 0 0 0 1.5px #E2D5FF, 0 8px 18px -16px rgba(91,33,182,.8) }
#me148host .ac374 > .vs374{ flex-direction:column; gap:2px; padding:0 2px; color:#7C3AED; background:#F3EEFF; box-shadow:inset 0 0 0 1.5px #E2D5FF; overflow:visible }
#me148host .ac374 > .vs374 svg{ width:16px; height:16px }
#me148host .ac374 > .vs374 small{ max-width:100%; overflow:hidden; font-size:11px; font-weight:800; line-height:1.3; letter-spacing:-.1px }
#me148host .ac374 > .vs374 em{ position:absolute; top:-6px; inset-inline-end:-5px; min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:99px;
  font:900 10.5px/18px system-ui,sans-serif; font-style:normal; color:#fff; background:#FF3D7F; box-shadow:0 0 0 2px #fff; direction:ltr }
#me148host .pc233.vip235 .ac374 > .go252{ color:#8A5A00; background:#FFFDF6; box-shadow:inset 0 0 0 1.5px #F1D38A }
#me148host .pc233.vip235 .ac374 > .vs374{ color:#A16207; background:#FFF4D6; box-shadow:inset 0 0 0 1.5px #F1D38A }
#me148host .pc233.vip235 .ac374 > .vs374 em{ box-shadow:0 0 0 2px #FFFCF4 }

/* ═══ ۲) ویترین مدال‌ها: ادامهٔ برگهٔ سربرگ، ارتفاع رزرو (243 ردیف مدال را ۶۰ تا ۳۸۰ms بعد از هر paint دوباره می‌گذارد) ═══ */
#me148host .md233{ position:relative; box-sizing:border-box; min-height:90px; margin:0 calc(-1 * var(--gut374)); padding:0 20px 10px; border-radius:0 0 30px 30px;
  background:linear-gradient(180deg,#FCFAFF,#F8F3FF); box-shadow:0 24px 36px -30px rgba(76,29,149,.6), 0 1px 0 rgba(124,58,237,.08) }
#me148host .md233::before{ content:""; position:absolute; top:0; inset-inline:20px; height:1px; background:linear-gradient(90deg,transparent,rgba(124,58,237,.16),transparent) }
#me148host .pc233.vip235 + .md233{ background:linear-gradient(180deg,#FFF7E8,#FFF1DA); box-shadow:0 24px 36px -30px rgba(180,120,20,.7) }
#me148host .md233-h{ min-height:40px; gap:10px; padding:2px 0 0 }
#me148host .md233-h > i{ width:30px; height:30px; border-radius:10px; background:linear-gradient(135deg,#FFD978,#F59E0B); box-shadow:0 8px 14px -8px #D97706, inset 0 1px 0 rgba(255,255,255,.5) }
#me148host .md233-h > i svg{ width:17px; height:17px }
#me148host .md233-h span{ flex-direction:row; align-items:baseline; gap:8px; flex-wrap:nowrap; min-width:0 }
#me148host .md233-h b{ flex:none; font-size:14.5px; font-weight:900; color:var(--ink374) }
#me148host .md233-h small{ font-size:11.5px; font-weight:600; color:#9A7B4F; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0 }
#me148host .md233-h em{ color:#B98A3A }
#me148host .md233 .hon-row{ justify-content:center; gap:8px; margin:2px 0 0; min-height:38px; align-items:center }
#me148host .md233 .hon-row .hr-add{ height:32px; padding:0 14px 0 12px; font-size:12px; color:#B45309; background:#fff; border:1px dashed #F3C77B }

/* ═══ ۳) بلوک اقتصاد: دروازهٔ VIP (نوار بالا) + خزانه (بدنه) در یک کارت ═══ */
#me148host .pg230{ margin-top:12px; min-height:52px; gap:10px; padding:7px 12px; border-radius:22px; color:#FDE68A;
  background:radial-gradient(90% 160% at 0% 0%,rgba(245,197,66,.20),transparent 55%),radial-gradient(70% 140% at 100% 100%,rgba(255,95,162,.20),transparent 60%),linear-gradient(110deg,#170A2A 0%,#2A1145 55%,#3A1360 100%);
  box-shadow:0 18px 30px -22px rgba(23,10,42,.95), inset 0 0 0 1px rgba(245,197,66,.36) }
#me148host .pg230::before{ background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 9px,transparent 9px 18px) }
#me148host .pg230-sh{ left:0; width:34%; transform:translateX(-140%) skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,236,170,.22),transparent); animation:sh374 6s ease-in-out infinite }
#me148host .pg230 .gt230{ width:40px; height:40px; filter:drop-shadow(0 0 10px rgba(245,197,66,.45)) drop-shadow(0 4px 6px rgba(0,0,0,.5)) }
#me148host .pg230-t b{ font-size:15px; line-height:1.3 }
#me148host .pg230-t small{ margin-top:1px; font-size:11px; font-weight:600; line-height:1.45; color:#E7DBF7; white-space:normal; text-wrap:balance; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
#me148host .pg230-go{ display:inline-flex; align-items:center; min-height:34px; padding:0 15px; font-size:13px; font-weight:900; color:#3B1D00;
  background:linear-gradient(180deg,#FFF3C4,#F5C542 60%,#E0A82A); box-shadow:0 8px 16px -8px rgba(245,197,66,.9), inset 0 1px 0 rgba(255,255,255,.7) }
#me148host .pg230 em.bd319{ top:4px; inset-inline-end:auto; inset-inline-start:6px }
@keyframes sh374{ 0%,50%{ transform:translateX(-140%) skewX(-18deg) } 100%{ transform:translateX(420%) skewX(-18deg) } }
/* پیوند: دروازه گوشه‌های پایین را می‌دهد، خزانه گوشه‌های بالا را */
#me148host .pg230 + .pd371{ margin-top:0 }
#me148host .pg230:not(.bn319){ border-radius:24px 24px 0 0; box-shadow:inset 0 0 0 1px rgba(245,197,66,.30) }
#me148host .pg230 + .pd371 > .pw371:not(.bn319){ border-radius:0 0 24px 24px; box-shadow:0 24px 36px -24px rgba(124,58,237,.95), inset 0 1px 0 rgba(255,232,160,.55), inset 0 0 0 1px rgba(255,255,255,.10) }
/* جدا شدن (هر دو گوشه‌های کامل): دروازهٔ پنهان یا بنر، خزانهٔ پنهان، بنر یا جابه‌جا شده از پنل */
#me148host .pg230.bn319 + .pd371, #me148host .pg230[style*="display: none"] + .pd371,
#me148host .pg230:has(+ .pd371 > .pw371:is(.bn319,[style*="display: none"],[style*="order"])) + .pd371{ margin-top:var(--gap374) }
#me148host .pg230.bn319 + .pd371 > .pw371, #me148host .pg230[style*="display: none"] + .pd371 > .pw371, #me148host .pd371 > .pw371:is(.bn319,[style*="order"]){ border-radius:24px }
#me148host .pg230:has(+ .pd371 > .pw371:is(.bn319,[style*="display: none"],[style*="order"])){ border-radius:22px; box-shadow:0 18px 30px -22px rgba(23,10,42,.95), inset 0 0 0 1px rgba(245,197,66,.36) }

/* ═══ ۴) عرشه: خزانه + سه کاشی (flex: کاشی پنهان جای خالی نمی‌گذارد) ═══ */
#me148host .pd371{ display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin-top:var(--gap374) }
#me148host .pd371 > button{ isolation:isolate }

/* خزانه */
#me148host .pd371 > .pw371{ flex:1 0 100%; display:grid; grid-template-columns:44px minmax(0,1fr) auto; grid-template-rows:auto auto;
  grid-template-areas:"art head plus" "vals vals vals"; column-gap:10px; row-gap:9px; align-items:center; min-height:0; padding:11px 12px 12px; border-radius:24px;
  background:radial-gradient(70% 110% at 100% 0%,rgba(255,221,120,.40),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(255,79,155,.55),transparent 60%),linear-gradient(125deg,#FF4E9B 0%,#B14BFF 52%,#6A3CF7 100%);
  box-shadow:0 24px 36px -24px rgba(124,58,237,.95), inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 1px rgba(255,255,255,.10) }
#me148host .pd371 > .pw371::before{ background:radial-gradient(circle at 110% -30%,rgba(255,255,255,.22) 0 34%,transparent 35%),radial-gradient(circle at -10% 130%,rgba(255,255,255,.10) 0 30%,transparent 31%) }
#me148host .pd371 > .pw371::after{ content:""; position:absolute; top:-20%; bottom:-20%; left:0; width:28%; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); transform:translateX(-160%) skewX(-18deg); animation:sh374 7s ease-in-out 1.5s infinite }
#me148host .pd371 > .pw371 .pwa371{ grid-area:art; width:44px; height:44px; border-radius:15px; background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.34),rgba(255,255,255,.08) 72%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.26) }
#me148host .pd371 > .pw371 .pwa371 .art150{ width:40px }
#me148host .pd371 > .pw371 .du230-h{ grid-area:head; flex-direction:column; align-items:flex-start; gap:0; min-width:0 }
#me148host .pd371 > .pw371 .du230-h b{ font-size:15.5px; font-weight:900; color:#fff; text-shadow:0 1px 6px rgba(80,10,90,.3) }
#me148host .pd371 > .pw371 .du230-h small{ max-width:100%; font-size:11.5px; font-weight:600; color:rgba(255,255,255,.84); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#me148host .pd371 > .pw371 .du230-v{ grid-area:vals; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 }
/* هر موجودی: نماد | عدد درشت / «سکه»·«الماس» (326) */
#me148host .pd371 > .pw371 .du230-v > span{ display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; justify-content:center; align-content:center; align-items:center;
  column-gap:8px; height:50px; padding:0 10px; border-radius:16px; background:rgba(255,255,255,.16); box-shadow:inset 0 0 0 1px rgba(255,255,255,.24), inset 0 1px 0 rgba(255,255,255,.18) }
#me148host .pd371 > .pw371 .du230-v svg{ grid-row:1 / 3; width:26px; height:26px; filter:drop-shadow(0 2px 3px rgba(60,0,80,.35)) }
#me148host .pd371 > .pw371 .du230-v b, #me148host .pd371 > .pw371 .du230-v > span:first-child b, #me148host .pd371 > .pw371 .du230-v > span:last-child b{
  grid-row:1; justify-self:start; font-size:19px; line-height:1.15; font-weight:900; letter-spacing:.2px; color:#fff; text-shadow:0 1px 6px rgba(70,0,90,.3); direction:ltr; unicode-bidi:isolate }
#me148host .pd371 > .pw371 .du230-v .cp374{ grid-row:2; grid-column:2; justify-self:start; font-size:11px; font-weight:800; line-height:1.3; color:rgba(255,255,255,.8) }
/* راست‌به‌چپ: کپسول آینه می‌شود (نماد راست، عدد و «سکه/الماس» راست‌چین زیر هم؛ 323 کپسول را ltr کرده بود) */
#me148host .me148[dir=rtl] .pd371 > .pw371 .du230-v > span{ direction:rtl }
#me148host .pd371 > .pw371 .du230-p{ position:relative; grid-area:plus; width:auto; height:38px; padding:0 14px 0 12px; gap:5px; display:inline-flex; align-items:center; border-radius:99px;
  font-size:13px; font-weight:900; font-style:normal; color:#3B1D00; background:linear-gradient(180deg,#FFF3C4,#F5C542 60%,#E0A82A); box-shadow:0 10px 18px -10px rgba(120,60,0,.8), inset 0 1px 0 rgba(255,255,255,.7) }
#me148host .pd371 > .pw371 .du230-p svg{ width:15px; height:15px }
#me148host .pd371 > .pw371 .du230-p .tu374{ font:inherit; color:inherit }
#me148host .pd371 > .pw371 .du230-p::after{ content:""; position:absolute; inset:-4px }      /* فقط دور خود دکمه (position:relative بالا) */
#me148host .pd371 > .pw371.bn319{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"head plus" "vals vals" }
#me148host .pd371 > .pw371.bn319 .pwa371{ display:none }
#me148host .pd371 > .pw371 em.bd319{ top:-6px; inset-inline-end:14px }

/* سه کاشی: رنگ روی خود کاشی (رنگ پنل با !important رویش می‌نشیند) */
/* بالای ۵۱px جای نقش است: زیرنویس سه‌خطی (Frames, entrances & new looks در ۳۶۰ و ۳۷۵) کاشی‌های ردیف را با هم بلند می‌کند، نه روی نقش */
#me148host .pd371 > .pt371{ flex:1 1 0; min-width:0; min-height:116px; display:flex; flex-direction:column; justify-content:flex-end; gap:2px; padding:51px 10px 10px; border-radius:22px;
  box-shadow:0 16px 26px -18px var(--g2), inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.14) }
#me148host .pd371 > .pt371::before{ content:none; display:none }
#me148host .pd371 > .du230-m{ background:radial-gradient(90% 60% at 100% 0%,rgba(255,255,255,.34),transparent 62%),linear-gradient(160deg,#FF8BC4 0%,#C26BF5 55%,#8B5CF6 100%) }
#me148host .pd371 > .ad230-q{ background:radial-gradient(90% 60% at 100% 0%,rgba(255,255,255,.34),transparent 62%),linear-gradient(160deg,#FFBE5C 0%,#FF7A59 55%,#F43F5E 100%) }
#me148host .pd371 > .ad230-i{ background:radial-gradient(90% 60% at 100% 0%,rgba(255,255,255,.34),transparent 62%),linear-gradient(160deg,#3EE6C3 0%,#33B4EE 55%,#3B82F6 100%) }
#me148host .pd371 > .pt371 > span:not(.bn319-l){ position:relative; z-index:1; display:block; min-width:0 }
#me148host .pd371 > .pt371 b{ font-size:13.5px; line-height:1.4; font-weight:900; color:#fff }
#me148host .pd371 > .pt371 small{ font-size:11px; font-weight:700; line-height:1.5; color:#fff; opacity:.96; text-shadow:0 1px 2px rgba(0,0,0,.16); text-wrap:balance;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden }
#me148host .pd371 > .pt371 .art150, #me148host .pd371 > .pt371 .art230{ top:7px; inset-inline-end:auto; inset-inline-start:8px; width:50px; z-index:1 }
#me148host .pd371 > .pt371::after{ content:""; position:absolute; inset:0; z-index:0; border-radius:inherit; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0) 42%) }
#me148host .pd371 > .pt371 .ad230-dot{ top:12px; inset-inline-start:auto; inset-inline-end:12px; animation:dot374 1.6s ease-in-out infinite }
@keyframes dot374{ 50%{ transform:scale(1.35); opacity:.75 } }
/* بنر کامل پنل روی کاشی: لایهٔ عکس همیشه absolute و تمام‌کاشی (باگ v371: بادکردن کاشی) */
#me148host .pd371 > .pt371 > span.bn319-l{ position:absolute; inset:0; display:block; z-index:0 }
#me148host .pd371 > .pt371.bn319{ aspect-ratio:auto !important; height:auto !important; min-height:116px !important }
#me148host .pd371 > .pw371.bn319:not(.bn319t){ aspect-ratio:var(--bn-ar,3) !important; height:auto !important; min-height:0 !important }
#me148host .pd371 > .pw371.bn319.bn319h{ aspect-ratio:auto !important; height:var(--bn-h) !important }
#me148host .pd371 > .pt371.bn319.bn319t{ display:flex !important; padding:10px !important }
/* بنر متن‌دار خزانه: سایهٔ موضعی پشت عنوان (سمت شروع) و زیر کپسول‌ها، وسط عکس روشن می‌ماند؛ کپسول‌های شیشهٔ تیرهٔ نیمه‌شفاف */
#me148host .pd371 > .pw371.bn319.bn319t{ display:grid !important; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"head plus" "vals vals"; align-items:center;
  padding:12px !important; min-height:0 !important; aspect-ratio:auto !important; height:auto !important }
#me148host .pd371 > .pw371.bn319t .bn319-l::before{ background:linear-gradient(90deg,rgba(18,6,38,.58),rgba(18,6,38,0) 58%),linear-gradient(0deg,rgba(18,6,38,.40),rgba(18,6,38,0) 46%) }
#me148host .me148[dir=rtl] .pd371 > .pw371.bn319t .bn319-l::before{ background:linear-gradient(270deg,rgba(18,6,38,.58),rgba(18,6,38,0) 58%),linear-gradient(0deg,rgba(18,6,38,.40),rgba(18,6,38,0) 46%) }
/* عکس شفاف بی‌رنگ زمینه (--bn-bg پنل transparent): گرادیان خود خزانه پشت تزئین، نه صفحهٔ یاسی (تختهٔ خاکستری می‌شد) */
#me148host .pd371 > .pw371.bn319t[style*="--bn-bg: transparent"] > .bn319-l{
  background:radial-gradient(70% 110% at 100% 0%,rgba(255,221,120,.40),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(255,79,155,.55),transparent 60%),linear-gradient(125deg,#FF4E9B 0%,#B14BFF 52%,#6A3CF7 100%) }
#me148host .pd371 > .pw371.bn319t .du230-h b{ text-shadow:0 1px 3px rgba(0,0,0,.55) }
#me148host .pd371 > .pw371.bn319t .du230-h small{ color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.55) }
#me148host .pd371 > .pw371.bn319t .du230-v > span{ height:48px; background:rgba(20,10,40,.34); box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px) }
#me148host .pd371 > .pw371.bn319t .du230-v b, #me148host .pd371 > .pw371.bn319t .du230-v .cp374{ color:#fff; text-shadow:0 1px 2px rgba(10,4,24,.75), 0 0 8px rgba(10,4,24,.45) }

/* ═══ ۵) میانبرها (عنوان .hd374 از 326) ═══ */
#me148host .qk148{ margin-top:var(--gap374); padding:11px 8px 8px; gap:8px 2px; border-radius:var(--r374); background:var(--card374);
  box-shadow:0 16px 30px -26px rgba(76,29,149,.55), inset 0 0 0 1px rgba(124,58,237,.07) }
#me148host .hd374{ display:flex; align-items:center; gap:8px; margin:0; text-align:start; font-size:15px; font-weight:900; line-height:1.4; color:var(--ink374) }
#me148host .hd374::before{ content:""; flex:none; width:4px; height:15px; border-radius:2px; background:linear-gradient(180deg,#FF5FA2,#8B5CF6) }
#me148host .qk148 > .hd374{ grid-column:1 / -1; order:-9999; padding:0 8px; margin-bottom:-2px }
#me148host .qk148 button{ gap:5px; min-width:0; min-height:72px; justify-content:flex-start }
#me148host .qk148 button > span{ width:52px; height:52px; border-radius:17px; background:linear-gradient(160deg,#FFFFFF 0%,#F3ECFF 100%);
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.13), 0 10px 16px -12px rgba(91,33,182,.55) }
#me148host .qk148 button > span svg{ width:34px; height:34px }
#me148host .qk148 [data-q=live] > span{ background:linear-gradient(145deg,#FF6FAE 0%,#B04CF7 60%,#7C3AED 100%); box-shadow:0 12px 20px -10px rgba(176,76,247,.9), inset 0 1px 0 rgba(255,255,255,.45) }
#me148host .qk148 small{ max-width:100%; padding:0 2px; box-sizing:border-box; font-size:11.5px; font-weight:700; color:#3A2D5C; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#me148host .qk148 span > img.ic319{ width:calc(34px * var(--s,1)); height:calc(34px * var(--s,1)) }
#me148host .qk148 span > img.ic319.full{ width:calc(52px * var(--s,1)); height:calc(52px * var(--s,1)) }

/* ═══ ۶) فهرست تک‌ستونهٔ گروهی (عنوان گروه‌ها .hd374 از 326، فقط بالای اولین ردیف دیدنی هر گروه) ═══ */
#me148host .ls148{ display:flex !important; flex-direction:column; gap:0; margin-top:var(--gap374); padding:2px 0; border-radius:var(--r374); background:var(--card374);
  box-shadow:0 16px 30px -26px rgba(76,29,149,.55), inset 0 0 0 1px rgba(124,58,237,.07) }
#me148host .ls148::before, #me148host .ls148::after{ content:none; display:none }
#me148host .ls148 > .hd374{ padding:10px 16px 0 }
#me148host .ls148 > .hd374.g2{ margin:2px 16px 0; padding:10px 0 0; border-top:1px solid var(--line374) }
#me148host .ls148 button{ position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto 16px; grid-template-rows:auto auto; column-gap:12px; row-gap:0; align-items:center;
  width:100%; min-width:0; min-height:52px; padding:6px 16px; border:0 !important; border-radius:0; background:transparent; box-shadow:none; text-align:start; cursor:pointer }
#me148host .ls148:not(.g374) > button:last-child, #me148host .ls148.g374 > button.l374{ border-radius:0 0 var(--r374) var(--r374) }
#me148host .ls148 button:active{ background:#F6F2FD }
/* خط جداکننده به ترتیب «دیدنی» (order استودیو)، نه همسایگی DOM: 326 روی هر ردیف دیدنیِ غیرِ اولِ گروه .dv374
   می‌گذارد (و .g374 روی فهرست)؛ بی 326 همان همسایگی DOM */
#me148host .ls148.g374 > button.dv374::after, #me148host .ls148:not(.g374) > button + button::after{ content:""; position:absolute; top:0; inset-inline-start:62px; inset-inline-end:16px; height:1px; background:rgba(124,58,237,.09) }
#me148host .ls148 i{ grid-column:1; grid-row:1 / 3; width:34px; height:34px; border-radius:11px; box-shadow:0 8px 14px -8px var(--c), inset 0 1px 0 rgba(255,255,255,.35) }
#me148host .ls148 i svg{ width:18px; height:18px }
#me148host .ls148 b{ grid-column:2; grid-row:1; align-self:end; min-width:0; font-size:14px; font-weight:800; line-height:1.4; color:var(--ink374); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#me148host .ls148 small{ grid-column:2; grid-row:2; align-self:start; min-width:0; font-size:11.5px; font-weight:600; line-height:1.4; color:var(--sub374); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#me148host .ls148 button > em{ grid-column:3; grid-row:1 / 3; justify-self:end; max-width:120px; padding:3px 10px; font-size:11.5px; font-weight:800; line-height:1.5 }
#me148host .ls148 button:not(:has(> small)) > b{ grid-row:1 / 3; align-self:center }
#me148host .ls148 .ch148{ display:block; grid-column:4; grid-row:1 / 3; width:16px; height:16px; color:#C3B8DA }
#me148host .ls148 [data-l=settings] i{ box-shadow:0 8px 14px -8px #A855F7, inset 0 1px 0 rgba(255,255,255,.35) }
#me148host .ls148 i > img.ic319{ width:calc(20px * var(--s,1)); height:calc(20px * var(--s,1)) }
#me148host .ls148 i > img.ic319.full{ width:calc(34px * var(--s,1)); height:calc(34px * var(--s,1)); border-radius:11px }
/* برچسب پنل داخل نام ردیف (رنگ خودش را نگه می‌دارد؛ قاعدهٔ em فهرست v371 رنگش را می‌پوشاند) */
#me148host .ls148 [data-l] > b em.bd319{ position:relative; inset:auto; top:-1px; display:inline-block; vertical-align:middle; margin-inline-start:6px; max-width:none;
  padding:3px 5px; border-radius:99px; font:900 8.5px/1 system-ui,sans-serif; letter-spacing:.3px; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 0 0 1.5px #fff, 0 3px 8px -2px rgba(255,61,127,.6) }
#me148host .ls148 [data-l] > b em.bd319.hot{ background:linear-gradient(135deg,#FFB020,#FF4D2E) }
#me148host .ls148 [data-l] > b em.bd319.star{ padding:2px 4px; font-size:10px; color:#7A4300; background:linear-gradient(135deg,#FFE58A,#F5B53D) }
#me148host .ls148 [data-l] > b em.bd319.dot{ width:8px; height:8px; padding:0; background:#FF3D7F }

/* ═══ ۷) VIP: نام خوانا، قاب طلایی درونی، کارت پس‌زمینهٔ تصویری ═══ */
/* نام درخشان VIP (گرادیان هر سطح با سفید) روی کرم. پایه (و نام بلند، 326 ← .lg374): بی‌زمینه، دورخط تیرهٔ
   بادمجانی از سایه‌های فشرده — نام دوخطی نوار تیرهٔ تمام‌عرض نمی‌سازد.
   حالت «نام درخشان» = .pn374 (326، هم‌زمان با paint) یا b.pn227 (238، تا ۳۵۰ms بعد؛ فقط اگر کش ظاهر هنوز نرسیده):
   جا و برچسب از همان لحظهٔ اول، پس paint های پشت‌سرهم ارتفاع نام را عوض نمی‌کنند */
#me148host .pc233.vip235 .pb233 > .nm233:is(.pn374,:has(> b.pn227)){ margin:6px 0 -6px }      /* روبان پایین قاب VIP به نام نچسبد */
#me148host .pc233.vip235 .pb233 > .nm233:is(.pn374,:has(> b.pn227)) > b{ -webkit-text-stroke:0;
  filter:drop-shadow(0 0 .6px #1E0E33) drop-shadow(0 0 .8px #1E0E33) drop-shadow(0 1px 1px rgba(30,14,51,.6)) }
/* تا 238 برسد: همان گرادیان .pn227 (241) با رنگ‌های سطح که vipBody هم‌زمان روی .pc233 گذاشته (بی‌چشمک جوهر تیره) */
#me148host .pc233.vip235 .pb233 > .nm233.pn374 > b:not(.pn227){ padding-inline-end:2px; color:transparent; -webkit-text-fill-color:transparent;
  background:linear-gradient(90deg,var(--pc),var(--pa) 45%,#fff 60%,var(--pa) 75%,var(--pc)); background-size:220% 100%; -webkit-background-clip:text; background-clip:text }
/* نام کوتاه (یک خط): برچسب نیمه‌شفاف بادمجانی به اندازهٔ خود نام، بی‌حاشیه و بی‌سایه (برچسب، نه دکمه) */
#me148host .pc233.vip235 .pb233 > .nm233:not(.lg374):is(.pn374,:has(> b.pn227)){ flex:0 1 auto; max-width:min(100%,300px); margin:6px 0 -4px; padding:0 11px 1px; border-radius:11px;
  background:linear-gradient(135deg,#2B0F52 0%,#4A1D8C 55%,color-mix(in srgb,var(--pb,#7C3AED) 45%,#2B0F52) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px color-mix(in srgb,#F1D38A 70%,transparent), 0 4px 12px -6px rgba(43,15,82,.7) }   /* پلاک شاهانه، نه چیپ خاکستری */
#me148host .pc233.vip235 .pb233 > .nm233:not(.lg374):is(.pn374,:has(> b.pn227)) > b{ filter:drop-shadow(0 0 4px color-mix(in srgb,var(--pa,#F5C542) 50%,transparent)) }
/* قاب طلایی درونی ۸px: بالا و دو پهلو از .pb233::before (زیر آواتار و محتوا، روی برگه)، پایین و دو پهلو از
   ::after ویترین؛ روی صفحهٔ تمام‌عرض قاب دیده می‌شود، نه دو خط لبهٔ نمایشگر */
#me148host .pc233.vip235 .hr148.cv233::after{ box-shadow:0 -10px 22px -12px rgba(120,70,0,.45) }
#me148host .pc233.vip235 > .pb233::before{ content:""; position:absolute; z-index:-1; top:38px; bottom:0; inset-inline:8px; pointer-events:none;
  border:1.5px solid #F1D38A; border-bottom:0; border-radius:18px 18px 0 0 }
#me148host .pc233.vip235 + .md233::after{ content:""; position:absolute; top:0; bottom:8px; inset-inline:8px; pointer-events:none;
  border:1.5px solid #F1D38A; border-top:0; border-radius:0 0 22px 22px }
/* هالهٔ رنگ سطح روی کاور (هر سطح VIP رنگ خودش) */
#me148host .pc233.vip235 .cvs233{ background:linear-gradient(180deg,rgba(24,8,48,.22) 0%,transparent 45%),linear-gradient(0deg,color-mix(in srgb,var(--pb,#B45309) 38%,transparent),transparent 60%) }
/* پس‌زمینهٔ تصویری VIP (vimg235): کاور در عکس محو می‌شود، بی‌لبهٔ کرم؛ ویترین با رنگ پایین همان کارت */
#me148host .pc233.vimg235{ --sheet374:transparent; box-shadow:none; animation:none;
  background:linear-gradient(180deg,rgba(255,251,240,.16) 0,rgba(255,251,240,.42) 150px,rgba(255,247,232,.84) 72%,#FFF4E0 100%), var(--vbi) center/cover no-repeat }
#me148host .pc233.vimg235 .hr148.cv233{ -webkit-mask:linear-gradient(180deg,#000 52%,transparent 100%); mask:linear-gradient(180deg,#000 52%,transparent 100%) }
#me148host .pc233.vimg235 .hr148.cv233::after{ content:none }
#me148host .pc233.vimg235 + .md233{ background:linear-gradient(180deg,#FFF4E0,#FFEFD6) }
#me148host .pc233.vimg235 + .md233::before{ background:linear-gradient(90deg,transparent,rgba(180,120,20,.22),transparent) }
#me148host .pc233.vip235.vimg235 > .pb233::before{ top:-58px }      /* بی‌برگه: قاب از بالای کارت (۸px) */

/* ═══ ۸) رنگ پنل روی کاشی، دروازه و خزانه: متن سفید؛ جوهر تیره وقتی کنتراست بیشتری دارد (326 ← .lt374 از c1/c2) ═══ */
#me148host .pg230[style*="background"] .pg230-t b, #me148host .pg230[style*="background"] .pg230-t small,
#me148host .pd371 > [style*="background"] b, #me148host .pd371 > [style*="background"] small, #me148host .pd371 > [style*="background"] .cp374{ color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.35) }
#me148host .pd371 > .pw371[style*="background"] .du230-p, #me148host .pd371 > .pw371[style*="background"] .du230-p b{ color:#3B1D00 !important; text-shadow:none }
#me148host .pg230.lt374[style*="background"] .pg230-t b, #me148host .pd371 > .lt374[style*="background"] b{ color:#2A1840 !important; text-shadow:none }
/* زیرنویس‌ها هم همان جوهر (رنگ‌های میانه مثل فیروزه‌ای و نارنجی با جوهر کم‌رنگ‌تر زیر ۳:۱ می‌افتادند)؛ سلسله‌مراتب از وزن و اندازه */
#me148host .pg230.lt374[style*="background"] .pg230-t small, #me148host .pd371 > .lt374[style*="background"] small,
#me148host .pd371 > .lt374[style*="background"] .cp374{ color:#2A1840 !important; text-shadow:none; opacity:1 }
#me148host .pd371 > .pw371.lt374[style*="background"] .du230-v > span{ background:rgba(255,255,255,.55); box-shadow:inset 0 0 0 1px rgba(42,24,64,.12) }
#me148host .pd371 > .pw371.lt374[style*="background"] .du230-v svg{ filter:none }
#me148host .pd371 > .pw371.lt374[style*="background"] .pwa371{ background:rgba(255,255,255,.5); box-shadow:inset 0 0 0 1px rgba(42,24,64,.10) }
#me148host .pg230.lt374[style*="background"]{ box-shadow:inset 0 0 0 1px rgba(42,24,64,.10) }
#me148host .pg230.lt374[style*="background"]::before{ opacity:0 }

/* ═══ ۹) گوشی باریک: حاشیهٔ ۱۲px، کاور ۱۰۸ و آواتار ۸۴ (موجودی‌ها در ۳۶۰×۸۰۰ بالای نوار پایین) ═══ */
@media (max-width:370px){
  #me148host .me148{ --gut374:12px }
  #me148host .pc233 .hr148.cv233{ height:108px }
  #me148host .pc233 > .vfx235{ top:92px }
  #me148host .pb233{ margin-top:-50px; padding-inline:12px; padding-bottom:8px }
  #me148host .pb233 .hav148{ width:84px; height:84px }
  #me148host .pb233 > .av233 > .ca233{ inset-inline-end:calc(50% - 42px) }
  #me148host .pc233.vip235 > .pb233::before{ top:34px }
  #me148host .pc233.vip235.vimg235 > .pb233::before{ top:-50px }
  #me148host .pb233 > .lv233, #me148host .pb233 > .vr243{ margin-top:6px }
  #me148host .pb233 > .st233{ margin-top:10px }
  #me148host .pb233 > .ac374{ margin-top:8px }
  #me148host .md233{ min-height:86px; padding-inline:14px }
  #me148host .md233-h{ min-height:36px }
  #me148host .ac374 > button{ padding:0 8px; gap:6px; font-size:13px }
  #me148host .pd371 > .pw371 .du230-v b, #me148host .pd371 > .pw371 .du230-v > span:first-child b, #me148host .pd371 > .pw371 .du230-v > span:last-child b{ font-size:18px }
}
/* ۳۲۰–۳۴۰px: نام کاشی‌ها تا دو خط (به‌جای «Quest Re…»)، دکمه‌های اصلی بی‌نماد تا نامشان کامل بماند */
@media (max-width:340px){
  #me148host .pd371 > .pt371{ padding-top:58px }
  #me148host .pd371 > .pt371 b{ font-size:12.5px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden }
  #me148host .ac374 > .ca233 svg, #me148host .ac374 > .go252 svg{ display:none }
}

/* ═══ ۱۰) حرکت کمتر: حالت سبک و کاهش حرکت ═══ */
html.lite366 #me148host .me148 *, html.lite366 #me148host .me148 *::before, html.lite366 #me148host .me148 *::after{ animation-iteration-count:1 !important }
html.lite366 #me148host .pb233 .hav148::before, html.lite366 #me148host .pg230-sh, html.lite366 #me148host .pd371 > .pw371::after, html.lite366 #me148host .pt371 .ad230-dot{ animation:none !important }
@media (prefers-reduced-motion:reduce){
  #me148host .me148 *, #me148host .me148 *::before, #me148host .me148 *::after{ animation:none !important; transition:none !important }
}