Эйлин
<!DOCTYPE html>
<html lang="ru">
<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>Войдите, чтобы продолжить диалог.