/* ═══════════════════════════════════════════════════════════════════════════
 *  v415 · «امضای شفق» — نوار قلب قوس‌دار لوکس زیر تب فعال لایو (به‌جای v413/v414)
 *
 *  بازخورد مالک روی v414: «یک طرح حرفه‌ای خاص، با قوس». بازنویسی کامل (لایهٔ 346 بازنشسته شد؛ ساختار همان
 *  196-v153: ‎.tbi154 ← ‎.in258 با svg خط لغزان و ‎.sk259 — این لایه فقط ظاهر را عوض می‌کند):
 *   ۱) ‎::before — امضای شفقی ۶۰×۲۲: خط ۲٫۶px با گرادیان صورتی←ارکیده←بنفش که دو سرش محو می‌شود، مغزِ روشنِ
 *      صورتی/یاسی (هرگز سفید — هدر مرواریدیِ روشن است) که در دو تیزی می‌میرد = خطِ باریک‌شونده؛ قوس اول پایین
 *      می‌آید، نیزهٔ R و افت S می‌زند، از گهوارهٔ قلب (x≈39) با قوس دوم تا نوک بالا می‌رود؛ دو ستارهٔ چهارپر ثابت
 *      روی دو سر؛ هالهٔ گرم زیر گهواره و زیر خط.
 *   ۲) ‎::after — قلب جواهری ۱۳px روی گهواره: تراش V، لبهٔ نورگیر، برق لبه و دو جرقه؛ تپش دوضربِ باعلت (bt415):
 *      ضرب۱ وقتی نور از نوک نیزه می‌گذرد، ضرب۲ وقتی نور به زیر قلب می‌رسد — با تاب ±۲–۳٫۵° مثل آویز.
 *   ۳) ‎.sk259 — با mask به شکل خود خط: گرادیان براقی ثابت (جلوهٔ لولهٔ شیشه‌ای) + دو فرزند:
 *      ‎::before نورِ داخل خط (لکهٔ ۱۲px که mask آن را به عدسی نور داخل مسیر تبدیل می‌کند؛ offset-path روی همان
 *      مسیر، خطی ولی با توقف‌های اضافه = شلاق از نیزه: ۴۰٪ مسیر در ۰٫۲ ثانیه) و ‎::after موج شفقِ مایل که بعد از
 *      ضرب۲ در طول خط جارو می‌شود (translateX ثابت‌skew؛ پارک بیرون کادر با layout، نه انیمیشن).
 *   ۴) سوئیچ تب (‎196 هر بار .dr259 را از نو می‌گذارد): روشن شدن نئونی — باز شدن از وسط با سوسوی ‎۰←٫۷←٫۲۵←۱
 *      (یک‌بارمصرف) و «پاپِ» قلب با تلنگر چرخشی؛ هر سه حلقهٔ بی‌پایان با نسخهٔ ‎-b (هم‌بایتِ نسخهٔ پایه) و تأخیر
 *      ‎۰٫۷۳s از نو شروع می‌شوند ← کرئوگرافی بعد از هر سوئیچ قفل‌فاز می‌ماند (رفع رانش v414).
 *  روانی: انیمیشن‌های بی‌پایان فقط offset/opacity/transform؛ clip-path فقط در ورود یک‌بارمصرف. پلکان افت: بدون
 *  offset-path ← موج+تپش؛ بدون mask ← خط+تپش (نور و موج پنهان)؛ reduced-motion ← امضای ثابت کامل. بی :has.
 * ═══════════════════════════════════════════════════════════════════════════ */

.hd256 .tbi154 .in258 svg{ display:none }
/* ─── ۱) امضای شفق (مسیر P در سه رسم svg، mask و offset-path باید نویسه‌به‌نویسه یکی باشد) ─── */
.hd256 .tbi154 .in258::before{ display:block; content:""; position:absolute; z-index:1; left:50%; top:-6px; width:60px; height:22px;
  margin-left:-30px; right:auto; bottom:auto; border-radius:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 22'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F' stop-opacity='0'/%3E%3Cstop offset='.08' stop-color='%23FF3D7F'/%3E%3Cstop offset='.3' stop-color='%23ED2CA6'/%3E%3Cstop offset='.52' stop-color='%23C026D3'/%3E%3Cstop offset='.74' stop-color='%239D45E8'/%3E%3Cstop offset='.93' stop-color='%238B5CF6'/%3E%3Cstop offset='1' stop-color='%237C3AED' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23FFC9E2' stop-opacity='0'/%3E%3Cstop offset='.18' stop-color='%23FFC9E2' stop-opacity='.95'/%3E%3Cstop offset='.5' stop-color='%23F5B8FA'/%3E%3Cstop offset='.82' stop-color='%23DDD0FF' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23CDBCFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5' fill='none' stroke='url%28%23a%29' stroke-opacity='.2' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5' fill='none' stroke='url%28%23a%29' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5' fill='none' stroke='url%28%23c%29' stroke-opacity='.9' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M57 1.2 57.7 2.9 59.4 3.6 57.7 4.3 57 6 56.3 4.3 54.6 3.6 56.3 2.9Z' fill='%23E4D4FF' fill-opacity='.9'/%3E%3Cpath d='M2.5 2.9 3 4 4.1 4.5 3 5 2.5 6.1 2 5 .9 4.5 2 4Z' fill='%23FFC9E0' fill-opacity='.85'/%3E%3C/svg%3E") center/100% 100% no-repeat,
    radial-gradient(closest-side, rgba(255,61,127,.22), rgba(192,38,211,.1) 55%, transparent) 31px 8px/16px 10px no-repeat,
    radial-gradient(closest-side, rgba(192,38,211,.15), rgba(139,92,246,.07) 60%, transparent) center 13px/48px 12px no-repeat;
  filter:drop-shadow(0 1px 4px rgba(192,38,211,.35)) }
.hd256 .tbi154 .in258.dr259::before{ animation:sw415 .55s ease-out both }
/* ─── ۲) قلب جواهری روی گهوارهٔ قوس ─── */
.hd256 .tbi154 .in258::after{ display:block; content:""; position:absolute; z-index:3; left:calc(50% + 9px); top:-2.6px; bottom:auto; right:auto; width:13px; height:12px;
  margin-left:-6.5px; opacity:1; border-radius:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FF3D7F'/%3E%3Cstop offset='.5' stop-color='%23C026D3'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.45' stop-color='%234C1D95' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234C1D95' stop-opacity='.42'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 21S2.2 15.4 1.1 9C.3 4.6 3.2 1.4 6.7 1.4c2.3 0 4.2 1.3 5.3 3.3 1.1-2 3-3.3 5.3-3.3 3.5 0 6.4 3.2 5.6 7.6C21.8 15.4 12 21 12 21z' fill='url%28%23g%29'/%3E%3Cpath d='M12 21S2.2 15.4 1.1 9C.3 4.6 3.2 1.4 6.7 1.4c2.3 0 4.2 1.3 5.3 3.3 1.1-2 3-3.3 5.3-3.3 3.5 0 6.4 3.2 5.6 7.6C21.8 15.4 12 21 12 21z' fill='url%28%23f%29'/%3E%3Cpath d='M12 5.2 8.6 10.6 12 20.4 15.4 10.2Z' fill='none' stroke='%23FFDFF0' stroke-opacity='.3' stroke-width='1'/%3E%3Cpath d='M12 21S2.2 15.4 1.1 9C.3 4.6 3.2 1.4 6.7 1.4c2.3 0 4.2 1.3 5.3 3.3 1.1-2 3-3.3 5.3-3.3 3.5 0 6.4 3.2 5.6 7.6C21.8 15.4 12 21 12 21z' fill='none' stroke='%23FFC9E2' stroke-opacity='.5' stroke-width='.9'/%3E%3Cpath d='M6.5 3.5C4.2 3.5 2.6 5.5 3 7.9c.1.8.9 1.1 1.5.5 1-1.1 2.3-1.9 3.7-2.3.9-.3 1-1.4.2-2-.5-.4-1.2-.6-1.9-.6z' fill='%23FFD9EC' fill-opacity='.85'/%3E%3Ccircle cx='17.7' cy='5.4' r='1.3' fill='%23EDE1FF' fill-opacity='.95'/%3E%3Ccircle cx='14.9' cy='8.6' r='.6' fill='%23FFD9EC' fill-opacity='.8'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter:drop-shadow(0 2px 3.5px rgba(192,38,211,.6)) drop-shadow(0 0 6px rgba(255,61,127,.35)); transform-origin:50% 60%;
  animation:bt415 2.2s ease-in-out infinite }
.hd256 .tbi154 .in258.dr259::after{ animation:pp415 .55s cubic-bezier(.3,1.6,.45,1) .18s both, bt415b 2.2s ease-in-out .73s infinite }
/* ─── ۳) کانال نور (جعبهٔ هم‌مختصات با mask به شکل خط؛ نور دونده ::before و موج شفق ::after آن) ─── */
.hd256 .tbi154 .in258 .sk259{ left:calc(50% - 30px); top:-6px; width:60px; height:22px; margin:0; border-radius:0; z-index:2;
  background:none; box-shadow:none; filter:none; opacity:1; animation:none; overflow:hidden }
.hd256 .tbi154 .in258.dr259 .sk259{ animation:fi415 .45s ease-out both }
@supports ((-webkit-mask-image:url("")) or (mask-image:url(""))){
  .hd256 .tbi154 .in258 .sk259{
    background:linear-gradient(to bottom, rgba(255,205,233,.3), rgba(221,214,254,.12) 45%, transparent 75%);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 22'%3E%3Cpath d='M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 22'%3E%3Cpath d='M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat }
  .hd256 .tbi154 .in258 .sk259::before{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,224,241,.95) 0 14%, rgba(255,109,160,.9) 32%, rgba(192,38,211,.55) 55%, rgba(139,92,246,0) 72%); opacity:0;
    offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 0%;
    animation:pd415 2.2s linear infinite }
  .hd256 .tbi154 .in258.dr259 .sk259::before{ animation:pd415b 2.2s linear .73s infinite }
  .hd256 .tbi154 .in258 .sk259::after{ content:""; position:absolute; left:-20px; top:-1px; width:14px; height:24px;
    background:linear-gradient(100deg, rgba(255,214,238,0), rgba(255,199,228,.9) 38%, rgba(246,205,255,.95) 50%, rgba(216,196,255,.85) 62%, rgba(216,196,255,0));
    transform:skewX(-18deg); animation:shn415 2.2s ease-in-out infinite }
  .hd256 .tbi154 .in258.dr259 .sk259::after{ animation:shn415b 2.2s ease-in-out .73s infinite }
}
@supports not (offset: path("M2 12H54") 0%){ .hd256 .tbi154 .in258 .sk259::before{ display:none } }
/* ─── حرکت (هر حلقه دو نسخهٔ هم‌بایت دارد: پایه + ‎-b برای شروع قفل‌فاز بعد از سوئیچ تب) ─── */
@keyframes pd415{ 0%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 0%; opacity:0 } 6%{ opacity:1 } 8%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 5.5% } 30%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 30% } 33%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 45% } 36%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 63% } 39%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 70% } 46%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 76% } 76%{ opacity:1 } 82%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 100%; opacity:0 } 100%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 100%; opacity:0 } }
@keyframes pd415b{ 0%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 0%; opacity:0 } 6%{ opacity:1 } 8%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 5.5% } 30%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 30% } 33%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 45% } 36%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 63% } 39%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 70% } 46%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 76% } 76%{ opacity:1 } 82%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 100%; opacity:0 } 100%{ offset:path("M2.5 4.5C10 8 16 13.5 22.5 15L25 15.3 28.2 3.2 31.6 18.6 34.2 13.8C40 15.8 47 12 57 3.5") 100%; opacity:0 } }
@keyframes bt415{ 0%, 26%, 62%, 80%, 100%{ transform:none } 33%{ transform:scale(1.16) rotate(-2deg) } 39%{ transform:scale(.95) rotate(1.5deg) } 46%{ transform:scale(1.3) rotate(-3.5deg) } 55%{ transform:scale(.92) rotate(2.5deg) } 72%{ transform:scale(1.09) rotate(-1.5deg) } }
@keyframes bt415b{ 0%, 26%, 62%, 80%, 100%{ transform:none } 33%{ transform:scale(1.16) rotate(-2deg) } 39%{ transform:scale(.95) rotate(1.5deg) } 46%{ transform:scale(1.3) rotate(-3.5deg) } 55%{ transform:scale(.92) rotate(2.5deg) } 72%{ transform:scale(1.09) rotate(-1.5deg) } }
@keyframes shn415{ 0%, 50%{ transform:translateX(0) skewX(-18deg) } 94%, 100%{ transform:translateX(104px) skewX(-18deg) } }
@keyframes shn415b{ 0%, 50%{ transform:translateX(0) skewX(-18deg) } 94%, 100%{ transform:translateX(104px) skewX(-18deg) } }
@keyframes fi415{ from{ opacity:0 } to{ opacity:1 } }
@keyframes sw415{ 0%{ opacity:0; transform:translateY(2.5px); clip-path:inset(-6px 29px) } 35%{ opacity:.7; clip-path:inset(-6px 9px) } 48%{ opacity:.25 } 62%{ opacity:1 } 100%{ opacity:1; transform:none; clip-path:inset(-6px -6px) } }
@keyframes pp415{ 0%{ opacity:0; transform:translateY(5px) scale(.2) rotate(-14deg) } 62%{ opacity:1; transform:translateY(-1.5px) scale(1.22) rotate(3deg) } 100%{ opacity:1; transform:none } }
@media (prefers-reduced-motion:reduce){ .hd256 .tbi154 .in258::before, .hd256 .tbi154 .in258::after, .hd256 .tbi154 .in258 .sk259, .hd256 .tbi154 .in258 .sk259::before, .hd256 .tbi154 .in258 .sk259::after{ animation:none !important } }