/* ═══════════════════════════════════════════════════════════════════════════
 *  v230 · «آسمان من» — صفحهٔ اول پروفایل، روشن و پاستلی
 *  سربرگ آسمانی (هلویی/صورتی/یاسی/آبی)، دروازهٔ پرستیژ مخملی، خزانه و آتلیه،
 *  قلمرو ماجرا و سفیران، شبکهٔ ۸تایی با نام‌های تازه، جعبه‌ابزار.
 * ═══════════════════════════════════════════════════════════════════════════ */
.me148.m230{ --ink:#2A1B47; --sub:#8B7FA6 }
#s-profile.me148on{ background:radial-gradient(90% 30% at 100% 0%,rgba(255,196,170,.35),transparent 70%),radial-gradient(80% 30% at 0% 12%,rgba(196,181,253,.35),transparent 70%),linear-gradient(180deg,#fff7f2,#faf5ff 45%,#f2f9ff) !important }

/* ─── سربرگ آسمانی ─── */
.m230 .hr148{ color:var(--ink); padding:18px 14px 12px; border-radius:30px;
  background:linear-gradient(155deg,#FFE1EC 0%,#FFD9C2 32%,#E9DCFF 66%,#D5EBFF 100%);
  box-shadow:0 18px 36px -22px rgba(168,85,247,.55), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.6) }
.m230 .hr148::after{ content:""; position:absolute; inset:auto -10% -40% -10%; height:70%; z-index:-1; background:radial-gradient(60% 60% at 50% 0%,color-mix(in srgb,var(--c1) 30%,transparent),transparent 70%); pointer-events:none }
.sky230{ position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none }
.au230{ animation:au230 9s ease-in-out infinite }
.au230.b{ animation-duration:12s; animation-direction:reverse }
@keyframes au230{ 50%{ transform:translateX(-18px) translateY(6px) } }
.cl230{ animation:cl230 14s linear infinite }
@keyframes cl230{ 50%{ transform:translateX(-24px) } }
.st230 > *{ animation:st230 2.6s ease-in-out infinite }
.st230 > :nth-child(2){ animation-delay:.7s } .st230 > :nth-child(3){ animation-delay:1.4s } .st230 > :nth-child(4){ animation-delay:1.9s }
@keyframes st230{ 50%{ opacity:.15 } }
.m230 .hav148{ width:78px; height:78px }
.m230 .hav148 > img:not(.afr146), .m230 .hav148 > em{ border:3px solid #fff; box-shadow:0 10px 22px -10px rgba(124,58,237,.7); background:linear-gradient(135deg,#FF8FB8,#8B5CF6); color:#fff }
.m230 .hnm148 b{ font-size:20px; text-shadow:none; color:var(--ink) }
.m230 .hid148 button{ color:#6D28D9 !important; background:rgba(255,255,255,.75); box-shadow:0 2px 6px rgba(124,58,237,.12) }
.m230 .hgo148{ color:#A78BFA }
.m230 .hst148{ color:#7C3AED; background:rgba(255,255,255,.7); box-shadow:0 4px 12px -6px rgba(124,58,237,.6) }
.m230 .gv150{ background:rgba(255,255,255,.7) !important; color:#2563EB !important }
.m230 .hsg148{ color:#6B5B8C !important; background:rgba(255,255,255,.62); box-shadow:inset 0 0 0 1px rgba(255,255,255,.8) }
.m230 .hss148{ margin-top:12px; padding:8px 0; border-radius:18px; background:rgba(255,255,255,.66); box-shadow:inset 0 0 0 1px rgba(255,255,255,.85) }
.m230 .hss148 button{ color:var(--ink) !important }
.m230 .hss148 b{ background:linear-gradient(90deg,#F97316,#EC4899 60%,#8B5CF6); -webkit-background-clip:text; background-clip:text; color:transparent }
.m230 .hss148 small{ color:var(--sub); opacity:1 }
.m230 .hss148 button + button::before{ background:rgba(139,92,246,.18) }

/* ─── دروازهٔ پرستیژ ─── */
.pg230{ position:relative; display:flex; align-items:center; gap:10px; width:100%; margin-top:12px; padding:10px 14px 10px 10px; border:0; border-radius:22px; cursor:pointer; overflow:hidden; text-align:start; font:inherit;
  color:#FDE68A; background:linear-gradient(115deg,#2E1065 0%,#4C1D95 45%,#7E22CE 100%); box-shadow:0 14px 26px -16px rgba(76,29,149,.95), inset 0 0 0 1px rgba(253,230,138,.28) }
[dir=rtl] .pg230{ padding:10px 10px 10px 14px }
.pg230::before{ content:""; position:absolute; inset:0; background:radial-gradient(40% 90% at 90% 50%,rgba(253,230,138,.22),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 8px,transparent 8px 16px); pointer-events:none }
.pg230-sh{ position:absolute; top:0; bottom:0; width:40%; left:-50%; background:linear-gradient(100deg,transparent,rgba(255,244,199,.35),transparent); animation:pg230 3.8s ease-in-out infinite }
@keyframes pg230{ 0%,55%{ left:-50% } 100%{ left:130% } }
.gt230{ position:relative; flex:none; width:46px; height:46px; filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) }
.pg230-t{ position:relative; flex:1; min-width:0 }
.pg230-t b{ display:block; font-size:15px; font-weight:900; background:linear-gradient(90deg,#FFF6C8,#F5C542); -webkit-background-clip:text; background-clip:text; color:transparent }
.pg230-t small{ display:block; margin-top:2px; font-size:11px; font-weight:700; color:#E9D5FF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pg230-go{ position:relative; flex:none; padding:8px 16px; border-radius:99px; font-size:12.5px; font-weight:900; color:#3B0764; background:linear-gradient(180deg,#FFF6C8,#F5C542); box-shadow:0 6px 14px -6px rgba(245,197,66,.9) }

/* ─── خزانه و آتلیه ─── */
.du230{ display:grid; grid-template-columns:1.15fr 1fr; gap:10px; margin-top:12px }
.du230 > button{ position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:118px; padding:12px 12px 10px; border:0; border-radius:24px; overflow:hidden; cursor:pointer; text-align:start; font:inherit; color:#fff; isolation:isolate }
.du230 > button::before{ content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(60% 60% at 100% 100%,rgba(255,255,255,.28),transparent 70%),repeating-linear-gradient(125deg,rgba(255,255,255,.06) 0 10px,transparent 10px 20px) }
.du230-w{ background:linear-gradient(145deg,#56CCF2 0%,#5B7CFA 60%,#7C5CFF 100%); box-shadow:0 14px 26px -16px rgba(91,124,250,.95) }
.du230-m{ background:linear-gradient(145deg,#FF9AC6 0%,#F36BC0 50%,#B06BFF 100%); box-shadow:0 14px 26px -16px rgba(243,107,192,.95) }
.du230-h{ display:flex; align-items:center; justify-content:space-between; width:100%; gap:6px }
.du230-h b{ font-size:16px; font-weight:900; text-shadow:0 2px 6px rgba(0,0,0,.15) }
.du230-p{ display:grid; place-items:center; width:28px; height:28px; border-radius:50%; font-style:normal; color:#5B7CFA; background:#fff; box-shadow:0 4px 10px -4px rgba(0,0,0,.35) }
.du230-p svg{ width:15px; height:15px }
.du230-v{ display:flex; flex-direction:column; gap:4px; margin-top:8px; position:relative; z-index:1 }
.du230-v span{ display:inline-flex; align-items:center; gap:5px; width:max-content; padding:3px 10px 3px 4px; border-radius:99px; background:rgba(255,255,255,.22); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px) }
[dir=rtl] .du230-v span{ padding:3px 4px 3px 10px }
.du230-v svg{ width:18px; height:18px }
.du230-v b{ font-size:14px; font-weight:900; direction:ltr }
.du230-m small{ display:block; margin-top:4px; max-width:70%; font-size:11px; font-weight:700; opacity:.95; line-height:1.6 }
.du230 .art150{ position:absolute; bottom:-4px; inset-inline-end:-2px; width:84px; height:auto; z-index:0; filter:drop-shadow(0 8px 10px rgba(0,0,0,.25)) }
.du230-w .art150.chest{ width:96px; bottom:-8px }
.du230 > button:active{ transform:scale(.98) }

/* ─── قلمرو ماجرا و سفیران ─── */
.ad230{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px }
.ad230 > button{ position:relative; display:flex; align-items:flex-end; min-height:92px; padding:12px; border:0; border-radius:22px; overflow:hidden; cursor:pointer; text-align:start; font:inherit; color:#fff; isolation:isolate }
.ad230 > button > span{ position:relative; z-index:1; max-width:68% }
.ad230 b{ display:block; font-size:14.5px; font-weight:900; text-shadow:0 2px 6px rgba(0,0,0,.18) }
.ad230 small{ display:block; margin-top:3px; font-size:10.5px; font-weight:800; line-height:1.6; opacity:.96 }
.ad230-q{ background:linear-gradient(150deg,#FFB36B 0%,#FF7A7A 55%,#F4589B 100%); box-shadow:0 12px 24px -16px rgba(255,122,122,.95) }
.ad230-i{ background:linear-gradient(150deg,#4FE3C1 0%,#26B7E8 55%,#5B7CFA 100%); box-shadow:0 12px 24px -16px rgba(38,183,232,.95) }
.ad230 .art230{ position:absolute; top:6px; inset-inline-end:4px; width:74px; height:auto; z-index:0; filter:drop-shadow(0 6px 8px rgba(0,0,0,.18)) }
.ad230-i .art230{ animation:ad230f 3s ease-in-out infinite }
@keyframes ad230f{ 50%{ transform:translateY(-4px) } }
.wl230{ transform-origin:28px 36px; animation:wl230 1.4s ease-in-out infinite } .wr230{ transform-origin:62px 36px; animation:wr230 1.4s ease-in-out infinite }
@keyframes wl230{ 50%{ transform:rotate(10deg) } } @keyframes wr230{ 50%{ transform:rotate(-10deg) } }
.ad230-dot{ position:absolute; top:10px; inset-inline-start:12px; width:10px; height:10px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.35); z-index:2; animation:ad230d 1.3s ease-in-out infinite }
@keyframes ad230d{ 50%{ transform:scale(1.5); box-shadow:0 0 0 6px rgba(255,255,255,.15) } }

/* ─── شبکهٔ ۸تایی ─── */
.m230 .qk148{ margin-top:12px; border-radius:26px; background:rgba(255,255,255,.92); box-shadow:0 14px 30px -22px rgba(124,58,237,.6) }
.m230 .qk148 span{ width:54px; height:54px; border-radius:19px; background:radial-gradient(circle at 50% 30%,#fff,#F5EEFF 75%); box-shadow:inset 0 0 0 1px #EBDDFE, 0 8px 14px -12px rgba(124,58,237,.8) }
.m230 .qk148 button:nth-child(4n+2) span{ background:radial-gradient(circle at 50% 30%,#fff,#FFF1E6 75%); box-shadow:inset 0 0 0 1px #FED7AA, 0 8px 14px -12px rgba(234,88,12,.7) }
.m230 .qk148 button:nth-child(4n+3) span{ background:radial-gradient(circle at 50% 30%,#fff,#E8F6FF 75%); box-shadow:inset 0 0 0 1px #BAE6FD, 0 8px 14px -12px rgba(2,132,199,.7) }
.m230 .qk148 button:nth-child(4n) span{ background:radial-gradient(circle at 50% 30%,#fff,#FFEAF3 75%); box-shadow:inset 0 0 0 1px #FBCFE8, 0 8px 14px -12px rgba(219,39,119,.7) }
.m230 .qk148 small{ font-size:11px; color:#4B3F6B }

/* ─── جعبه‌ابزار ─── */
.m230 .ls148{ border-radius:26px; background:rgba(255,255,255,.92); box-shadow:0 14px 30px -22px rgba(124,58,237,.6) }
.m230 .ls148 button + button{ border-top-color:#F4EEFB }
/* نام با رنگ پرستیژ روی زمینهٔ روشن هم خوانا بماند */
.m230 .hnm148 b{ filter:drop-shadow(0 1px 0 rgba(42,27,71,.55)) drop-shadow(0 0 3px rgba(42,27,71,.25)) }