에린
<!DOCTYPE html>
<html lang="ko">
<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>대화를 계속하려면 로그인해 주세요
Page failed to load