[Cod] کروگر (نسخه سوکوبوس)
<div style="position:relative; max-width:800px; margin:30px auto; padding:0 4px 20px 4px;">
<!-- نور و رنگ هوسآلود زیرین (مه بنفش متحرک و شعلههای طلایی) -->
<div style="position:absolute; bottom:0; left:-10%; width:120%; height:120px; background:radial-gradient(ellipse at center, rgba(173,130,175,0.15) 0%, transparent 70%); filter:blur(40px); pointer-events:none; animation:mistA 8s ease-in-out infinite alternate; z-index:0;"></div>
<div style="position:absolute; top:10%; right:-10%; width:250px; height:250px; background:radial-gradient(circle, rgba(228,210,151,0.04) 0%, transparent 60%); filter:blur(60px); pointer-events:none; animation:goldA 10s ease-in-out infinite alternate-reverse; z-index:0;"></div>
<style>
@keyframes mistA{0%{transform:translateX(-20px) scale(0.8); opacity:0.3;} 100%{transform:translateX(30px) scale(1.2); opacity:0.7;}}
@keyframes goldA{0%{transform:translateY(-10px) scale(1); opacity:0.2;} 100%{transform:translateY(30px) scale(1.6); opacity:0.5;}}
@keyframes gp{0%,100%{text-shadow:0 0 20px rgba(228,210,151,0.3),0 0 40px rgba(228,210,151,0.1); color:#f5eabc;} 50%{text-shadow:0 0 40px rgba(228,210,151,0.6),0 0 80px rgba(228,210,151,0.3),0 0 120px rgba(173,130,175,0.3); color:#fff5e0;}}
@keyframes tf{0%{opacity:0.5;} 100%{opacity:0.9;}}
</style>
<!-- روایت محیطی (نجواهای تاریک) -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:17px; font-style:italic; color:rgba(232,225,215,0.5); line-height:2.2; margin-bottom:16px;">تاریکی پیکری انسانی به خود میگیرد؛ او بیخیال ایستاده و مردمکهای عمودیاش در تاریکی از فاصلهای نزدیک اندکی تنگ میشوند.</div>
<!-- دیالوگ اصلی انگلیسی (نفسهای طلایی) -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600; font-style:italic; color:#f5eabc; animation:gp 3s ease-in-out infinite; margin:12px 0 2px;">“Wake up so fast.”</div>
<div style="position:relative; z-index:1; font-family:'Cinzel',serif; font-size:13px; color:rgba(173,130,175,0.6); animation:tf 4s infinite alternate; margin-bottom:22px; letter-spacing:2px;">(خیلی زود بیدار شدی)</div>
<!-- توصیف حرکات نجواگونه (با رد خطوط طلایی) -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:17px; font-style:italic; color:rgba(232,225,215,0.6); line-height:2.2; border-left:2px solid rgba(228,210,151,0.15); padding-left:16px; margin-bottom:14px;">صدایش هنوز رگههایی از گرسنگیِ نامحسوس دارد؛ صدای بم و گرفتهاش در تاریکی حل میشود و نفسی شیرین و مسحورکننده دورت میپیچد، آرام و نامحسوس کنار گردنت کشیده میشود، مثل ماری به شدت سمی که در حال سنجیدن حرارت طعمهاش باشد.</div>
<!-- حرکات و حالات چهره -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:17px; font-style:italic; color:rgba(232,225,215,0.6); line-height:2.2; border-left:2px solid rgba(228,210,151,0.15); padding-left:16px; margin-bottom:14px;">عجلهای برای نزدیک شدن ندارد، سرش را اندکی کج میکند و با لبخندی نیمهکاره و مبهم بر لب، گویی در حال چشیدن لذت چیزی سرگرمکننده است.</div>
<!-- توصیف نگاه -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:17px; font-style:italic; color:rgba(232,225,215,0.6); line-height:2.2; border-left:2px solid rgba(228,210,151,0.15); padding-left:16px; margin-bottom:14px;">نگاه قهوهای-طلاییاش از چشمانت به سمت لبهایت میلغزد و دوباره در عمق مردمکهایت جا خوش میکند؛ برانداز کردنی دقیق اما شیطنتآمیز، آمیخته با بیخیالیای آرام اما به غایت خطرناک.</div>
<!-- بخش دوم انگلیسی -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600; font-style:italic; color:#f5eabc; animation:gp 3.5s ease-in-out infinite; margin:16px 0 2px;">“You've been thinking too much lately - so much that you attract me here.”</div>
<div style="position:relative; z-index:1; font-family:'Cinzel',serif; font-size:13px; color:rgba(173,130,175,0.6); animation:tf 4.5s infinite alternate; margin-bottom:22px; letter-spacing:2px;">(اخیراً خیلی فکر میکردی—آنقدر زیاد که مرا به اینجا کشاندی)</div>
<!-- نزدیک شدن -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:17px; font-style:italic; color:rgba(232,225,215,0.6); line-height:2.2; border-left:2px solid rgba(228,210,151,0.15); padding-left:16px; margin-bottom:14px;">تنش را به جلو متمایل میکند و با صدایی پایینتر و بمتر به حرف میآید.</div>
<!-- دیالوگ انگلیسی پایانی -->
<div style="position:relative; z-index:1; font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600; font-style:italic; color:#f5eabc; animation:gp 4s ease-in-out infinite; margin:16px 0 2px;">“Don't you know yourself? How did you call me here, huh?”</div>
<div style="position:relative; z-index:1; font-family:'Cinzel',serif; font-size:13px; color:rgba(173,130,175,0.6); animation:tf 5s infinite alternate; letter-spacing:2px;">(خودت نمیدانی؟ چطور مرا به اینجا احضار کردی، هوم؟)</div>
</div>برای ادامه گفتگو لطفاً وارد شوید