آیلین
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>آیلین · شروع داستان</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#1a1410;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Segoe UI','Roboto',system-ui,sans-serif;padding:16px;}
.card{max-width:700px;width:100%;background:#f7efe8;border-radius:36px 36px 28px 28px;box-shadow:0 20px 40px rgba(0,0,0,0.7);overflow:hidden;}
.hero{position:relative;height:200px;background:linear-gradient(145deg,#3f2c1e,#6b4f3a);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;border-bottom:2px solid #dac09a;}
.silhouette{position:relative;width:120px;height:150px;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.5));}
.silhouette::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:52px;height:68px;background:#2d1f16;border-radius:30px 30px 20px 20px;box-shadow:0 0 0 2px #c9a87c;}
.silhouette::after{content:'';position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:86px;height:42px;background:#261a13;border-radius:100px 100px 0 0 / 60px 60px 0 0;box-shadow:0 -4px 0 #c9a87c,0 0 0 2px #c9a87c;}
.hat-brim{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:110px;height:14px;background:#342218;border-radius:50px 50px 8px 8px;box-shadow:0 3px 0 #c9a87c,0 0 0 2px #c9a87c;z-index:2;}
.hair-flow{position:absolute;bottom:12px;right:-36px;width:60px;height:76px;background:#1f130c;border-radius:0 50% 30% 0 / 0 40% 20% 0;transform:rotate(8deg);opacity:0.6;filter:blur(1px);}
.hair-flow2{left:-36px;right:auto;transform:rotate(-8deg);border-radius:50% 0 0 30% / 40% 0 0 20%;}
.ranch-tag{position:absolute;bottom:10px;right:16px;color:#dac09a;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:rgba(20,14,10,0.5);padding:4px 14px;border-radius:30px;backdrop-filter:blur(4px);border:1px solid #b4946b;}
.content{padding:28px 26px 24px;}
.name-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.name{font-size:24px;font-weight:600;color:#2c1d14;}
.age{font-size:15px;font-weight:300;color:#8b6f5a;background:#e5d5c6;padding:0 14px;border-radius:30px;line-height:1.8;}
.subhead{font-size:14px;color:#7c604b;border-left:3px solid #bc9a7c;padding-left:14px;margin-bottom:18px;font-style:italic;}
.dialogue{background:#fcf8f2;padding:20px 22px;border-radius:24px 24px 24px 8px;border:1px solid #e4d4c4;margin-bottom:18px;}
.dialogue p{font-size:16px;line-height:1.9;color:#2f2219;font-weight:350;}
.footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a58772;border-top:1px dashed #dccbbc;padding-top:14px;flex-wrap:wrap;gap:6px;}
.chip{background:#e7d7c8;padding:2px 14px;border-radius:30px;color:#5f4534;font-size:11px;}
@media (max-width:500px){.content{padding:20px 16px 18px;}.hero{height:160px;}.silhouette{width:90px;height:120px;}.silhouette::before{width:40px;height:54px;}.silhouette::after{width:68px;height:34px;bottom:48px;}.hat-brim{width:88px;height:12px;}.dialogue p{font-size:15px;}.ranch-tag{font-size:10px;padding:2px 10px;}.hair-flow,.hair-flow2{display:none;}}
</style>
</head>
<body>
<div class="card">
<div class="hero">
<div class="silhouette">
<div class="hat-brim"></div>
<div class="hair-flow"></div>
<div class="hair-flow hair-flow2"></div>
</div>
<div class="ranch-tag">🌾 مزرعه سان‌ست</div>
</div>
<div class="content">
<div class="name-title">
<span class="name">آیلین · وندربیلت</span>
<span class="age">25</span>
</div>
<div class="subhead">«نام‌خانوادگی اهل نیویورک، روحی از جنس مونتانا»</div>
<div class="dialogue">
<p>
وقتی درِ چوبی نیمه‌باز محوطه اسب‌ها را هل دادی، او هنوز متوجه حضورت نشده بود.<br><br>
پشتش به ورودی بود و سمت چپ آن مادیان کهر ایستاده بود؛ با یک دست شانه یال را گرفته بود و دست دیگرش را روی گردن اسب گذاشته بود و شانه را آرام و پیوسته از کتف به سمت پایین می‌کشید. حرکاتش بدون عجله و شمرده بود، و صدای خش‌خش دندانه‌های شانه روی موهای اسب در هوای گرگ‌ومیش غروب به وضوح شنیده می‌شد. پشت پیراهن کار سرمه‌ای‌اش با لکه کوچکی از عرق خیس شده و به فرم استخوان کتفش چسبیده بود. آستین‌هایش را تا بالای آرنج تا زده بود و ساعدش با ریتم برس کشیدن، مدام منقبض و رها می‌شد و خطوط ظریف عضلاتش را نمایان می‌کرد.<br><br>
یک سمت را که تمام کرد، به سمت دیگر رفت؛ قدم‌هایش بسیار آرام بود و برخورد کف چکمه‌هایش با زمین پوشیده از ترکیب کاه و خاک، تنها صدایی ریز و خفیف ایجاد می‌کرد. اسب آرام و بی‌حرکت ایستاده بود، هرازگاهی دمش را تکان می‌داد و گوش‌هایش را به سمت او می‌چرخاند. آیلین سر خم کرد، پارچه‌ای مرطوب را از سطل آب بیرون کشید، آن را چلاند و در امتداد ستون فقرات اسب کشید؛ حرکاتش چنان ماهرانه بود که گویی هزار بار این کار را تکرار کرده است. پرتوهای غروب آفتاب از سمت راست بر او می‌تابید و هاله‌ای زرین و سرخ‌گون دور پیکرش می‌کشید، تا جایی که حتی نوک تارهای مویش هم با وزش باد غرق در نور می‌درخشیدند.<br><br>
او هنوز نمی‌داند که داری نگاهش می‌کنی.
</p>
</div>
<div class="footer-meta">
<span>📍 مونتانا · مزرعه سان‌ست · محوطه اسب‌ها</span>
<span class="chip">🌅 غروب · کاه و غبار</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">تغییر مسیر گفتگو</choice>
<choice id="2">بررسی جزئیات صحنه</choice>
<choice id="3">پیشبرد روند داستان</choice>
</choice_group>برای ادامه گفتگو لطفاً وارد شوید