@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0}

html[data-theme="dark"]{
  --text:#fff;--muted:#a8afbf;--line:rgba(255,255,255,.12);
  --purple:#8b5cf6;--cyan:#22d3ee;--heart:#ff2d55;
  --bg:#05060a;
  --bg-grad:linear-gradient(120deg,#030409,#101322 48%,#04050a);
  --card-bg:linear-gradient(110deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  --chip-bg:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  --btn-neutral:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  --icon-shadow:
     0 6px 14px rgba(0,0,0,.35),
     inset 0 1px 1px rgba(255,255,255,.25),
     inset 0 -3px 6px rgba(0,0,0,.35);
  --aurora-opacity:1;
  --fade-color:#05060a;
}
html[data-theme="light"]{
  --text:#0f1420;--muted:#5a6273;--line:rgba(15,20,32,.12);
  --purple:#7c3aed;--cyan:#0891b2;--heart:#e11d48;
  --bg:#eef1f7;
  --bg-grad:linear-gradient(120deg,#e6ebf5,#f7f9fd 48%,#e3e9f3);
  --card-bg:linear-gradient(110deg,rgba(255,255,255,.85),rgba(255,255,255,.55));
  --chip-bg:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.6));
  --btn-neutral:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.5));
  --icon-shadow:
     0 6px 14px rgba(15,20,32,.12),
     inset 0 1px 1px rgba(255,255,255,.9),
     inset 0 -3px 6px rgba(15,20,32,.08);
  --aurora-opacity:.55;
  --fade-color:#eef1f7;
}

html,body{
  height:100vh;
  overflow:hidden;
  overscroll-behavior:none;
  font-family:Vazirmatn,Tahoma,sans-serif;
  color:var(--text);
}
body{
  min-height:100vh;
  background:var(--bg);
  transition:background .45s cubic-bezier(.4,0,.2,1),color .35s ease;
}
body:before,body:after{
 content:"";position:fixed;inset:-20%;z-index:-3;pointer-events:none;
 transition:opacity .45s ease,background .45s ease;
}
body:before{
 background:
  radial-gradient(circle at 20% 20%,rgba(139,92,246,.28),transparent 24%),
  radial-gradient(circle at 80% 25%,rgba(34,211,238,.18),transparent 23%),
  radial-gradient(circle at 55% 85%,rgba(99,102,241,.20),transparent 27%);
 filter:blur(30px);
 animation:aurora 12s ease-in-out infinite alternate;
 opacity:var(--aurora-opacity);
}
html[data-theme="light"] body:before{
 background:
  radial-gradient(circle at 20% 20%,rgba(139,92,246,.18),transparent 24%),
  radial-gradient(circle at 80% 25%,rgba(34,211,238,.16),transparent 23%),
  radial-gradient(circle at 55% 85%,rgba(99,102,241,.14),transparent 27%);
}
body:after{background:var(--bg-grad);opacity:.7}
html[data-theme="light"] body:after{opacity:.55}

/* لایه‌ی تجمعی پایین: برف یا آب */
#ground{
  position:fixed;left:0;right:0;bottom:0;height:80px;
  z-index:-1;pointer-events:none;transition:opacity .6s ease;
}
#ground svg{width:100%;height:100%;display:block}
#ground .snow-pile,
#ground .water-pile{
  position:absolute;inset:0;transition:opacity .6s ease;
}
html[data-theme="dark"] #ground .snow-pile{opacity:1}
html[data-theme="dark"] #ground .water-pile{opacity:0}
html[data-theme="light"] #ground .snow-pile{opacity:0}
html[data-theme="light"] #ground .water-pile{opacity:1}

#theme-ripple{
 position:fixed;left:0;top:0;width:0;height:0;border-radius:50%;
 pointer-events:none;z-index:2;transform:translate(-50%,-50%);
 background:radial-gradient(circle,rgba(255,255,255,.32),transparent 65%);
 opacity:0;will-change:width,height,opacity;
}
html[data-theme="light"] #theme-ripple{
 background:radial-gradient(circle,rgba(120,80,220,.22),transparent 65%);
}
#theme-ripple.run{animation:ripple .65s cubic-bezier(.25,.8,.35,1)}
@keyframes ripple{
 0%{width:0;height:0;opacity:.85}
 70%{opacity:.35}
 100%{width:220vmax;height:220vmax;opacity:0}
}

#snow{position:fixed;inset:0;z-index:-1;pointer-events:none}

#theme-toggle{
 position:fixed;top:14px;left:14px;z-index:6;
 width:44px;height:44px;border-radius:50%;cursor:pointer;
 border:1px solid var(--line);
 background:var(--card-bg);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 color:var(--text);display:grid;place-items:center;font-size:19px;
 box-shadow:var(--icon-shadow);
 transition:transform .45s cubic-bezier(.25,.8,.35,1),
            background .45s ease,color .35s ease,border-color .35s ease;
}
#theme-toggle:hover{transform:scale(1.1) rotate(-15deg)}
#theme-toggle .icon-sun,
#theme-toggle .icon-moon{position:absolute;transition:transform .45s cubic-bezier(.25,.8,.35,1),opacity .35s ease}
html[data-theme="dark"] #theme-toggle .icon-sun{opacity:0;transform:rotate(180deg) scale(.4)}
html[data-theme="dark"] #theme-toggle .icon-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="light"] #theme-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="light"] #theme-toggle .icon-moon{opacity:0;transform:rotate(-180deg) scale(.4)}

/* ============ ساختار اصلی صفحه (فیک، بدون اسکرول) ============ */
.wrap{
  width:min(500px,92%);
  margin:auto;
  padding:42px 0 14px;
  position:relative;
  z-index:3;
  height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.profile{text-align:center;animation:fadeUp .8s ease both;flex-shrink:0}

.avatar{
 position:relative;width:112px;height:112px;margin:auto;border-radius:50%;
 box-shadow:0 0 0 7px rgba(255,190,25,.025),0 0 24px rgba(255,116,2,.34),0 0 50px rgba(255,231,0,.18);
}
.avatar:before{
 content:"";position:absolute;inset:0;border-radius:50%;padding:3px;
 background:conic-gradient(from 0deg,#ff7402 0%,#ffe700 50%,#fff55e 100%,#ff7402);
 filter:drop-shadow(0 0 7px rgba(255,145,0,.65));
 animation:spinRing .5s linear infinite;
}
html[data-theme="light"] .avatar{
 box-shadow:0 0 0 7px rgba(255,190,25,.06),0 0 24px rgba(255,116,2,.28),0 0 50px rgba(255,231,0,.16);
}
.avatar img{
 position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:50%;
 display:block;background:#111522;border:2px solid #090b12;
}
html[data-theme="light"] .avatar img{border-color:#fff;background:#e6ebf5}

.name{
 font-size:27px;font-weight:800;margin-top:17px;letter-spacing:-.7px;
 text-shadow:0 0 25px rgba(255,255,255,.12);
}
.verified-badge{display:inline-grid;place-items:center;width:17px;height:17px;margin-inline-start:4px;border-radius:50%;background:#2787ff;color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:middle}
.verified-badge[hidden]{display:none}
html[data-theme="light"] .name{text-shadow:none}
.handle{direction:ltr;color:var(--muted);font-size:13px;margin-top:4px}
.bio{
 font-size:13.5px;line-height:2;color:var(--text);opacity:.88;
 margin:12px auto 18px;max-width:390px;
}

.info-chips{
 display:flex;justify-content:center;flex-wrap:wrap;gap:8px;
 margin:0 auto 20px;max-width:390px;
}
.chip{
 display:inline-flex;align-items:center;gap:6px;
 padding:6px 12px;border-radius:30px;
 border:1px solid var(--line);
 background:var(--chip-bg);
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 font-size:11.5px;font-weight:600;color:var(--text);
 box-shadow:0 4px 12px rgba(0,0,0,.18),inset 0 1px 1px rgba(255,255,255,.15);
 transition:transform .3s cubic-bezier(.25,.8,.35,1),box-shadow .3s ease;
 cursor:default;
}
.chip:hover{
 transform:translateY(-2px) scale(1.05);
 box-shadow:0 8px 18px rgba(0,0,0,.22),0 0 14px rgba(139,92,246,.18),
            inset 0 1px 1px rgba(255,255,255,.2);
}
.chip svg{width:14px;height:14px;flex:none}
.chip.age svg{fill:#f59e0b}
.chip.gender svg{fill:#ec4899}
.chip.city svg{fill:#22d3ee}

.action-row{
  display:flex;justify-content:center;gap:10px;
  margin-bottom:4px;flex-wrap:wrap;
}
.like-main,.follow-btn{
 display:inline-flex;align-items:center;gap:7px;
 padding:3px 15px;border-radius:16px;cursor:pointer;
 border:1px solid var(--line);
 background:var(--btn-neutral);
 box-shadow:0 6px 16px rgba(0,0,0,.18),inset 0 1px 1px rgba(255,255,255,.14);
 transition:transform .3s cubic-bezier(.25,.8,.35,1),
            background .35s ease,box-shadow .35s ease,border-color .35s ease;
 color:var(--text);font-family:inherit;
}
.like-main:hover,.follow-btn:hover{transform:translateY(-3px) scale(1.04)}

.like-main .heart{
 font-size:18px;filter:grayscale(1) brightness(.85);
 transition:filter .25s ease,color .25s ease,transform .25s ease;
 display:inline-block;
}
html[data-theme="dark"] .like-main .heart{filter:grayscale(1) brightness(1.3)}
.like-main.active{
 border-color:rgba(255,45,85,.6);
 background:linear-gradient(145deg,rgba(255,45,85,.14),rgba(255,45,85,.04));
 box-shadow:0 8px 20px rgba(255,45,85,.22),0 0 20px rgba(255,45,85,.18),
            inset 0 1px 1px rgba(255,255,255,.2),inset 0 -3px 6px rgba(0,0,0,.25);
}
.like-main.active .heart{
 filter:none;color:var(--heart);transform:scale(1.2);
 text-shadow:0 0 10px rgba(255,45,85,.7),0 0 20px rgba(255,45,85,.4);
}
.like-main.bump .heart{animation:heartBump .45s ease}
.like-main .like-count{font-size:13px;direction:ltr;font-weight:600}
.like-main .like-label{font-size:12.5px;opacity:.85}

.follow-btn .follow-icon{
 font-size:18px;color:var(--cyan);display:inline-flex;
 transition:transform .25s ease,color .25s ease;
}
.follow-btn .follow-label{font-size:12.5px;font-weight:600}
.follow-btn .follow-count{font-size:13px;direction:ltr;font-weight:600}
.follow-btn.active{
 border-color:rgba(34,211,238,.55);
 background:linear-gradient(145deg,rgba(34,211,238,.16),rgba(34,211,238,.04));
 box-shadow:0 8px 20px rgba(34,211,238,.22),0 0 20px rgba(34,211,238,.18),
            inset 0 1px 1px rgba(255,255,255,.2),inset 0 -3px 6px rgba(0,0,0,.25);
}
.follow-btn.active .follow-icon{color:var(--cyan);transform:scale(1.15);
 text-shadow:0 0 10px rgba(34,211,238,.7);}
.follow-btn.active .follow-label{color:var(--cyan)}
.follow-btn.bump .follow-icon{animation:followBump .45s ease}
@keyframes followBump{
  0%{transform:scale(1)}40%{transform:scale(1.5)}
  70%{transform:scale(.9)}100%{transform:scale(1.15)}
}

/* ============ لیست لینک‌ها (فقط این بخش اسکرول میشه) ============ */
.links-wrap{
  position:relative;
  margin-top:24px;
  margin-bottom:28px;       /* فاصله از فوتر */
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.links{
  display:grid;
  gap:13px;
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 4px 24px 2px;  /* فاصله داخلی پایین برای فلش */
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 60px),transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 60px),transparent 100%);
}
.links::-webkit-scrollbar{display:none;width:0;height:0}

/* گرادیان محو پایین برای نشان دادن ادامه */
.links-wrap::after{display:none}

/* فلش چشمک‌زن پایین */
.scroll-hint{
  position:relative;
  width:100%;height:12px;margin:2px auto 0;
  transform:none;
  color:var(--text);
  opacity:.75;
  font-size:16px;
  pointer-events:none;
  animation:hintBounce 1.6s ease-in-out infinite;
  transition:opacity .4s ease;
  z-index:2;
  text-shadow:0 0 12px rgba(139,92,246,.7);
}
.links-wrap.scrolled-end .scroll-hint{opacity:0}
@keyframes hintBounce{
  0%,100%{transform:translateY(0);opacity:.55}
  50%{transform:translateY(4px);opacity:1}
}

.link{
 position:relative;min-height:70px;display:flex;align-items:center;gap:13px;
 padding:10px 14px;border:1px solid var(--line);border-radius:21px;
 background:var(--card-bg);
 box-shadow:0 12px 35px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.05);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 color:var(--text);text-decoration:none;overflow:hidden;
 animation:fadeUp .7s ease both;
 transition:transform .3s cubic-bezier(.25,.8,.35,1),box-shadow .3s ease,border-color .3s ease;
 cursor:pointer;
}
html[data-theme="light"] .link{
 box-shadow:0 12px 30px rgba(15,20,32,.08),inset 0 1px rgba(255,255,255,.6);
}
.link:before{
 content:"";position:absolute;top:0;bottom:0;right:-100%;width:55%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
 transform:skewX(-20deg);transition:.55s;
}
html[data-theme="dark"] .link:before{
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
}
.link:hover{
 transform:translateY(-4px) scale(1.012);
 border-color:rgba(139,92,246,.52);
 box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 25px rgba(139,92,246,.08);
}
html[data-theme="light"] .link:hover{
 box-shadow:0 18px 36px rgba(139,92,246,.15),0 0 25px rgba(139,92,246,.10);
}
.link:hover:before{right:140%}
.link.liked{animation:likePop .5s ease}
.anon-link{border-color:rgba(34,197,94,.5);background:linear-gradient(110deg,rgba(34,197,94,.13),rgba(255,255,255,.035))}
.anon-link:hover{border-color:rgba(34,197,94,.78)}
html[data-theme="light"] .anon-link{border-color:rgba(22,163,74,.42);background:linear-gradient(110deg,rgba(34,197,94,.11),rgba(255,255,255,.72))}

/* آیکن‌ها */
.icon{
 width:47px;height:47px;flex:none;border-radius:15px;display:grid;place-items:center;
 border:1px solid var(--line);
 box-shadow:var(--icon-shadow);
 transition:.3s;
}
.icon svg{width:24px;height:24px;display:block}
.icon img{width:24px;height:24px;object-fit:contain;display:block}

.icon.ig{background:linear-gradient(145deg,rgba(225,48,108,.30),rgba(253,203,110,.10))}
.icon.ig svg{fill:url(#igGrad)}
.icon.tg{background:linear-gradient(145deg,rgba(41,182,246,.32),rgba(34,211,238,.10))}
.icon.tg svg{fill:#29b6f6}
.icon.wa{background:linear-gradient(145deg,rgba(37,211,102,.32),rgba(34,211,238,.10))}
.icon.wa svg{fill:#25d366}
.icon.rb{background:linear-gradient(145deg,rgba(0,198,255,.32),rgba(0,114,255,.12))}
.icon.rb svg{fill:url(#rbGrad)}
.icon.tw{background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(0,0,0,.20))}
.icon.tw svg{fill:#ffffff}
html[data-theme="light"] .icon.tw{background:linear-gradient(145deg,rgba(15,20,32,.15),rgba(0,0,0,.05))}
html[data-theme="light"] .icon.tw svg{fill:#0f1420}
.icon.yt{background:linear-gradient(145deg,rgba(255,0,0,.32),rgba(255,0,0,.10))}
.icon.yt svg{fill:#ff0033}
.icon.fb{background:linear-gradient(145deg,rgba(24,119,242,.32),rgba(24,119,242,.10))}
.icon.fb svg{fill:#1877f2}
.icon.li{background:linear-gradient(145deg,rgba(10,102,194,.32),rgba(10,102,194,.10))}
.icon.li svg{fill:#0a66c2}
.icon.gh{background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(0,0,0,.15))}
.icon.gh svg{fill:#ffffff}
html[data-theme="light"] .icon.gh{background:linear-gradient(145deg,rgba(15,20,32,.12),rgba(0,0,0,.04))}
html[data-theme="light"] .icon.gh svg{fill:#0f1420}
.icon.dc{background:linear-gradient(145deg,rgba(88,101,242,.32),rgba(88,101,242,.10))}
.icon.dc svg{fill:#5865f2}
.icon.tt{background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(254,44,85,.20))}
.icon.tt svg{fill:#ffffff}
html[data-theme="light"] .icon.tt{background:linear-gradient(145deg,rgba(15,20,32,.12),rgba(254,44,85,.10))}
html[data-theme="light"] .icon.tt svg{fill:#0f1420}
.icon.sp{background:linear-gradient(145deg,rgba(30,215,96,.32),rgba(30,215,96,.10))}
.icon.sp svg{fill:#1ed760}
.icon.rd{background:linear-gradient(145deg,rgba(255,69,0,.32),rgba(255,69,0,.10))}
.icon.rd svg{fill:#ff4500}
.icon.chn{background:linear-gradient(145deg,rgba(34,211,238,.30),rgba(34,211,238,.08))}
.icon.chn svg{fill:#22d3ee}
html[data-theme="light"] .icon.chn svg{fill:#0891b2}
.icon.grp{background:linear-gradient(145deg,rgba(139,92,246,.30),rgba(139,92,246,.08))}
.icon.grp svg{fill:#a78bfa}
html[data-theme="light"] .icon.grp svg{fill:#7c3aed}
.icon.shop{background:linear-gradient(145deg,rgba(245,158,11,.32),rgba(245,158,11,.10))}
.icon.shop svg{fill:#f59e0b}
.icon.site{background:linear-gradient(145deg,rgba(139,92,246,.32),rgba(34,211,238,.12))}
.icon.site svg{fill:#c4b5fd}
html[data-theme="light"] .icon.site svg{fill:#7c3aed}
.icon.anon{background:linear-gradient(145deg,rgba(139,92,246,.32),rgba(34,211,238,.12))}
.icon.anon svg{fill:#c4b5fd}
html[data-theme="light"] .icon.anon svg{fill:#7c3aed}

.link:hover .icon{
 transform:translateY(-2px) scale(1.06);
 box-shadow:0 10px 22px rgba(0,0,0,.45),0 0 18px rgba(139,92,246,.25),
            inset 0 1px 1px rgba(255,255,255,.3),inset 0 -3px 6px rgba(0,0,0,.4);
}
html[data-theme="light"] .link:hover .icon{
 box-shadow:0 10px 22px rgba(139,92,246,.18),0 0 18px rgba(139,92,246,.20),
            inset 0 1px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(15,20,32,.08);
}

.txt{flex:1;text-align:right}
.title{display:block;font-size:15px;font-weight:700}
.desc{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.arrow{font-size:20px;color:var(--muted);transition:.3s}
.link:hover .arrow{transform:translateX(-5px);color:var(--text)}

.footer{
  text-align:center;
  color:var(--muted);
  font-size:11px;
  margin-top:auto;
  padding-top:6px;
  padding-bottom:4px;
  letter-spacing:.3px;
  position:relative;
  z-index:3;
  flex-shrink:0;
}
.footer a{color:var(--cyan);font-weight:800;text-decoration:none}

#toast{
 position:fixed;bottom:24px;left:50%;opacity:0;
 transform:translate(-50%,20px);padding:10px 17px;border-radius:13px;
 background:var(--card-bg);border:1px solid var(--line);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 font-size:12px;transition:.3s;z-index:5;color:var(--text);
}
#toast.show{opacity:1;transform:translate(-50%,0)}

@keyframes aurora{to{transform:translate(5%,3%) scale(1.08) rotate(3deg)}}
@keyframes spinRing{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes likePop{0%{transform:scale(1)}45%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes heartBump{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.9)}100%{transform:scale(1.15)}}

/* پاپ‌آپ */
#ad-overlay{
  position:fixed;inset:0;z-index:100;
  display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;
  transition:opacity .5s ease,visibility 0s linear .5s;
}
#ad-overlay.show{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s}
.ad-card{
  position:relative;width:min(380px,92vw);
  border-radius:26px;padding:26px 22px 22px;
  border:1px solid var(--line);
  background:var(--card-bg);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 40px rgba(139,92,246,.25),
             inset 0 1px 1px rgba(255,255,255,.15);
  text-align:center;
  transform:translateY(30px) scale(.9);opacity:0;
  transition:transform .55s cubic-bezier(.2,.9,.3,1.2),opacity .5s ease;
  overflow:hidden;
}
#ad-overlay.show .ad-card{transform:translateY(0) scale(1);opacity:1}
.ad-card::before{
  content:"";position:absolute;top:-40%;left:-10%;right:-10%;height:70%;
  background:radial-gradient(ellipse at center,rgba(139,92,246,.35),transparent 70%);
  filter:blur(30px);pointer-events:none;
}
.ad-card::after{
  content:"";position:absolute;top:-2px;left:20%;right:20%;height:3px;
  border-radius:3px;
  background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);
  filter:blur(1px);animation:adLine 3s linear infinite;
}
@keyframes adLine{
  0%{opacity:.6;transform:scaleX(.6)}
  50%{opacity:1;transform:scaleX(1)}
  100%{opacity:.6;transform:scaleX(.6)}
}
.ad-close{
  position:absolute;top:12px;left:12px;
  width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line);
  background:var(--btn-neutral);
  color:var(--text);
  cursor:pointer;font-size:18px;line-height:1;
  display:grid;place-items:center;
  transition:transform .3s ease,background .3s ease;
  z-index:3;
}
.ad-close:hover{transform:scale(1.12) rotate(90deg);
  background:linear-gradient(145deg,rgba(255,45,85,.3),rgba(255,45,85,.1));}
.ad-img-wrap{
  position:relative;width:96px;height:96px;
  margin:4px auto 16px;border-radius:50%;
  box-shadow:0 0 30px rgba(139,92,246,.45);
}
.ad-img-wrap:before{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--cyan),var(--purple),#ec4899,var(--cyan));animation:spinRing 6s linear infinite}
.ad-img-wrap img{
  position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;object-fit:cover;
  display:block;background:#111522;border:2px solid #090b12;
}
html[data-theme="light"] .ad-img-wrap img{border-color:#fff;background:#e6ebf5}
.ad-tag{
  display:inline-block;font-size:9.5px;font-weight:700;
  padding:3px 10px;border-radius:20px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  color:#fff;letter-spacing:.5px;margin-bottom:8px;
  box-shadow:0 0 16px rgba(139,92,246,.4);
}
.ad-name{
  font-size:20px;font-weight:800;margin:2px 0 8px;letter-spacing:-.4px;
  text-shadow:0 0 20px rgba(255,255,255,.1);
}
.ad-bio{
  font-size:12.5px;line-height:1.9;color:var(--muted);
  margin:0 auto 18px;max-width:290px;
}
.ad-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 22px;border-radius:16px;border:none;cursor:pointer;
  font-family:inherit;font-size:13.5px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--cyan));
  box-shadow:0 10px 25px rgba(139,92,246,.4),0 0 25px rgba(34,211,238,.25),
             inset 0 1px 1px rgba(255,255,255,.3);
  transition:transform .3s cubic-bezier(.25,.8,.35,1),box-shadow .3s ease;
}
.ad-cta:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 14px 30px rgba(139,92,246,.5),0 0 35px rgba(34,211,238,.35),
             inset 0 1px 1px rgba(255,255,255,.35);
}
.ad-cta:active{transform:translateY(-1px) scale(1.02)}

/* ================= محدودیت تعداد لینک در هر سایز ================= */

/* موبایل کوچک (زیر 430px): 4 لینک */
@media(max-width:430px){
 .wrap{padding-top:28px;padding-bottom:10px}
 .avatar{width:102px;height:102px}
 .name{font-size:24px}
 .link{min-height:66px}
 #theme-toggle{width:40px;height:40px}
 .chip{font-size:11px;padding:5px 10px}
 .links{max-height:calc(4 * 66px + 3 * 13px + 20px);}
 .links-wrap{margin-bottom:26px}
 .scroll-hint{bottom:0}
 .footer{padding-top:6px;padding-bottom:6px}
}

/* تبلت (431px تا 768px): 5 لینک */
@media(min-width:431px) and (max-width:768px){
 .links{max-height:calc(5 * 70px + 4 * 13px + 20px);}
 .links-wrap{margin-bottom:30px}
 .scroll-hint{bottom:2px}
}

/* دسکتاپ و لپ‌تاپ (769px و بالاتر): 6 لینک */
@media(min-width:769px){
 .links{max-height:calc(6 * 70px + 5 * 13px + 20px);}
 .links-wrap{margin-bottom:32px}
 .scroll-hint{bottom:4px}
}

/* ============ موبایل‌های کوتاه (ارتفاع کم) ============ */
@media(max-height:700px){
 .wrap{padding-top:22px;padding-bottom:8px}
 .avatar{width:88px;height:88px}
 .name{font-size:22px;margin-top:12px}
 .bio{font-size:12.5px;line-height:1.8;margin:8px auto 12px}
 .info-chips{margin-bottom:14px}
 .links-wrap{margin-top:16px;margin-bottom:22px}
 .links{max-height:calc(3 * 62px + 2 * 12px + 20px);gap:12px}
 .link{min-height:62px}
}

@media(max-height:600px){
 .avatar{width:76px;height:76px}
 .name{font-size:20px}
 .bio{font-size:12px;margin:6px auto 10px}
 .action-row{margin-bottom:2px}
 .links-wrap{margin-top:12px;margin-bottom:20px}
 .links{max-height:calc(3 * 58px + 2 * 10px + 18px);gap:10px}
 .link{min-height:58px}
 .chip{font-size:10.5px;padding:4px 9px}
}

.like-main,.follow-btn{
 position:relative;display:flex;align-items:center;flex:none;
 width:136px;height:48px;padding:0;border:1px solid rgba(255,255,255,.13);
 border-radius:16px;background:#1d1d1d;color:#fcfcfc;overflow:visible;
 box-shadow:inset -2px -2px 5px rgba(255,255,255,.12),inset 2px 2px 5px rgba(0,0,0,.22),4px 4px 10px rgba(0,0,0,.28);
 cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease;
}
.like-main:hover,.follow-btn:hover{transform:translateY(-2px)}
.like-main:focus-visible,.follow-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.action-main{width:70%;height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:4px}
.like-main .heart,.follow-btn .follow-icon{width:26px;height:26px;flex:none;fill:#656565;transition:fill .2s ease,transform .2s ease,filter .2s ease}
.like-main .like-label,.follow-btn .follow-label{max-width:64px;color:#fcfcfc;font-size:12px;font-weight:700;white-space:nowrap}
.follow-btn .follow-icon{fill:#7f8a98}
.like-main .like-count,.follow-btn .follow-count{
 position:absolute;right:0;width:30%;height:100%;display:grid;place-items:center;
 border-left:2px solid #4e4e4e;color:#aaa;font-size:13px;font-weight:700;direction:ltr;
}
.like-main.active .heart{fill:#fc4e4e;filter:drop-shadow(0 0 5px rgba(252,78,78,.55));transform:scale(1.12)}
.follow-btn.active .follow-icon{fill:#ffd45a;filter:drop-shadow(0 0 5px rgba(255,212,90,.55));transform:scale(1.1)}
.follow-btn.active .follow-count,.like-main.active .like-count{color:#fff}
.like-main::after,.follow-btn::after{position:absolute;left:50%;top:44%;z-index:3;opacity:0;pointer-events:none;white-space:nowrap;font-size:16px}
.like-main.pop::after{content:"♥  ✦  ♥";color:#ff5577;animation:heartBurst .65s ease-out}
.follow-btn.pop::after{content:"✦  ✧  ✦";color:#ffd45a;animation:starBurst .65s ease-out}
.follow-btn.pop .follow-icon{animation:starPulse .45s ease-out}
@keyframes heartBurst{0%{opacity:0;transform:translate(-50%,4px) scale(.45)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-38px) scale(1.25)}}
@keyframes starBurst{0%{opacity:0;transform:translate(-50%,4px) scale(.45) rotate(-20deg)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-38px) scale(1.25) rotate(20deg)}}
@keyframes starPulse{50%{transform:scale(1.35) rotate(12deg)}}
html[data-theme="light"] .like-main,html[data-theme="light"] .follow-btn{background:#f1f4fa;color:#202633;border-color:rgba(15,20,32,.13)}
html[data-theme="light"] .like-main .like-label,html[data-theme="light"] .follow-btn .follow-label{color:#202633}
html[data-theme="light"] .like-main .like-count,html[data-theme="light"] .follow-btn .follow-count{color:#626b79;border-color:rgba(15,20,32,.2)}
.like-main,.follow-btn{
 display:grid;grid-template-columns:minmax(0,1fr) 36px;direction:ltr;
 width:124px;height:42px;background:var(--card-bg);color:var(--text);
 border-color:var(--line);box-shadow:var(--icon-shadow);
}
.action-main{grid-column:1;justify-self:center;width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;direction:rtl}
.like-main .heart,.follow-btn .follow-icon{width:20px;height:20px}
.like-main .like-label,.follow-btn .follow-label{max-width:54px;font-size:10px;text-align:center;line-height:1.2;flex:0 1 auto}
.like-main.active .heart{fill:#ff234f;color:#ff234f;filter:drop-shadow(0 0 6px rgba(255,35,79,.65));transform:scale(1.14)}
html[data-theme="dark"] .like-main.active .heart{filter:drop-shadow(0 0 6px rgba(255,35,79,.65))}
.like-main .like-count,.follow-btn .follow-count{
 position:static;grid-column:2;width:auto;height:100%;border-left:1px solid var(--line);
 color:var(--muted);font-size:12px;direction:ltr;
}
html[data-theme="light"] .like-main,html[data-theme="light"] .follow-btn{background:var(--card-bg);color:var(--text);border-color:var(--line)}
html[data-theme="light"] .like-main .like-label,html[data-theme="light"] .follow-btn .follow-label{color:var(--text)}
html[data-theme="light"] .like-main .like-count,html[data-theme="light"] .follow-btn .follow-count{color:var(--muted);border-color:var(--line)}
.follow-btn .action-main{gap:4px}
.follow-btn .follow-label{display:block;flex:0 1 58px;min-width:0;max-width:58px;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.links-wrap{flex:0 1 auto;margin-top:14px;margin-bottom:4px}
.links{flex:0 1 auto}
.links{padding-bottom:12px}
.scroll-hint{height:12px;display:grid;place-items:center;text-align:center}
.footer{margin-top:4px}
@media(max-width:430px){.links-wrap{margin-bottom:8px}.links{padding-bottom:8px}.footer{padding-top:4px;padding-bottom:4px}}
@media(min-width:431px) and (max-width:768px){.links-wrap{margin-bottom:10px}}
@media(min-width:769px){.links-wrap{margin-bottom:10px}}
@media(max-height:700px){.links-wrap{margin-top:12px;margin-bottom:8px}.links{max-height:calc(3 * 62px + 2 * 12px + 8px);padding-bottom:4px}}
@media(max-height:600px){.links-wrap{margin-top:10px;margin-bottom:6px}.links{max-height:calc(3 * 58px + 2 * 10px + 8px);padding-bottom:4px}}