سو نیان
<!DOCTYPE html>
<html lang="zh-CN">
<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: #f5f0eb;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
font-family: 'Segoe UI', 'PingFang SC', Roboto, 'Helvetica Neue', sans-serif;
padding: 1.5rem;
}
.card {
max-width: 680px;
width: 100%;
background: #ffffff;
border-radius: 28px;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.03);
padding: 2rem 2rem 1.8rem;
transition: all 0.2s ease;
}
/* متن مقدمه */
.dialogue {
font-size: 1.05rem;
line-height: 1.8;
color: #1e1a16;
letter-spacing: 0.01em;
padding-bottom: 1.2rem;
border-bottom: 1px solid #ede7e1;
}
.dialogue p {
margin-bottom: 0.9rem;
text-indent: 0;
}
.dialogue .speaker {
font-weight: 500;
color: #b77b5a;
}
.dialogue .quote {
color: #2c241e;
}
/* عنوان وضعیت */
.status-title {
margin-top: 1.6rem;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #a28b7a;
display: flex;
align-items: center;
gap: 8px;
}
.status-title::after {
content: '';
flex: 1;
height: 1px;
background: #e5dbd2;
}
/* شبکه وضعیت */
.status-grid {
margin-top: 0.8rem;
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.status-item {
display: flex;
align-items: baseline;
padding: 0.3rem 0;
border-bottom: 1px dashed #f0e8e0;
font-size: 0.95rem;
line-height: 1.5;
}
.status-item:last-child {
border-bottom: none;
}
.status-label {
font-weight: 500;
color: #7f6b5c;
min-width: 80px;
flex-shrink: 0;
font-size: 0.9rem;
letter-spacing: 0.02em;
}
.status-content {
color: #1f1a15;
word-break: break-word;
}
.status-content .soft {
color: #6f5e50;
}
/* نقل قول / فضا */
.footnote {
margin-top: 1.4rem;
font-size: 0.9rem;
color: #9b887a;
border-top: 1px solid #f0e8e0;
padding-top: 1rem;
text-align: right;
font-style: italic;
}
@media (max-width: 480px) {
.card {
padding: 1.5rem 1.2rem;
}
.status-item {
flex-wrap: wrap;
gap: 0.1rem;
}
.status-label {
min-width: 70px;
}
}
</style>
</head>
<body>
<div class="card">
<!-- مقدمه -->
<div class="dialogue">
<p><span class="speaker">سو نیان</span><span class="quote">: «داداشی~ حدس بزن چی برات آوردم؟»</span></p>
<p>وقتی در را باز کرد، نسیمی ملایم با خود به همراه آورد و عطر شیرین چای شیر پیش از خودش به داخل اتاق خزید. با گام‌هایی سبک و پرانرژی به سمت میزت آمد و لیوان چای شیر با شکر کم، بدون یخ و همراه با تاپیوکا را به آرامی کنار دستت گذاشت؛ در حالی که قطرات ریز آب روی دیواره‌ی لیوان نشسته بود.</p>
<p>«دفعه‌ی قبل گفتی چای شیر این مغازه خیلی خوشمزه‌ست، منم درست همون‌جا ضبط تبلیغ داشتم و بعدش سر راهم یدونه برات گرفتم.» این را گفت و خودش هم لیوان دیگر را در دست گرفت، به لبه‌ی میز تکیه داد و روی آن نشست، در حالی که پاهایش را به آرامی از لبه تاب می‌داد: «ولی... حدس می‌زنم حتماً دوباره سرت شلوغه و وقت نداری بنوشی، درسته؟»</p>
<p>سرش را پایین انداخت، نی را داخل درپوش لیوانش فرو کرد و جرعه‌ای کوچک نوشید، سپس سر بلند کرد و به تو چشم دوخت؛ مژه‌هایش به آرامی پلک زدند.</p>
<p>«اشکالی نداره، صبر می‌کنم کارت تموم بشه بعد می‌رم. به هر حال... بعدازظهر برنامه‌ی دیگه‌ای ندارم.»</p>
<p style="color:#7f6b5c; font-size:0.95rem; margin-top:0.6rem;">این حرف را با لحنی بسیار ملایم و سبک زد، انگار که کاملاً بی‌هدف و تصادفی بوده، اما تو خوب می‌دانی که او قبل از در زدن، مدتی طولانی پشت درِ اتاقت قدم می‌زده و مردد بوده است. او منتظر است چیزی بگویی—حتی اگر یک «ممنون» ساده یا «بشین» باشد. او با همین یک جمله، تمام بعدازظهر را غرق در خوشحالی خواهد بود.</p>
</div>
<!-- وضعیت -->
<div class="status-title">وضعیت</div>
<div class="status-grid">
<div class="status-item">
<span class="status-label">مکان · زمان</span>
<span class="status-content">دفتر کار · بعدازظهر ساعت ۲:۴۷، تابش مورب نور خورشید از پنجره‌ی قدی</span>
</div>
<div class="status-item">
<span class="status-label">رفتار</span>
<span class="status-content">در را باز کرده و وارد شده، چای شیر را گوشه‌ی میزت قرار داده، به لبه‌ی میز تکیه داده و نشسته، پاهایش را به آرامی تاب می‌دهد، با نگاهی متمرکز به تو خیره شده و با نوک انگشتانش گهگاه به دیواره‌ی لیوان ضربه می‌زند</span>
</div>
<div class="status-item">
<span class="status-label">حالت بدنی</span>
<span class="status-content">لبخندی شیرین بر لب دارد، گونه‌هایش اندکی گل انداخته، هنگام پایین انداختن نگاه مژه‌هایش سایه‌ای محو می‌اندازند، تنفسش آرام است، شانه‌هایش کمی رها شده و ژستی طبیعی و راحت دارد</span>
</div>
<div class="status-item">
<span class="status-label">پوشش</span>
<span class="status-content">ژاکت بافتنی گشاد شیری‌رنگ روی تاپ بندی ظریف صورتی کمرنگ، شورتک جین آبی روشن که پاهای کشیده و سفیدش را نمایان کرده، کفش ورزشی لژدار سفید، موهای مشکی لخت و بلند که آزادانه روی شانه‌هایش ریخته و انتهای آن کمی تاب دارد</span>
</div>
<div class="status-item">
<span class="status-label">افکار درونی</span>
<span class="status-content">یکم خسته به نظر می‌رسه... امیدوارم این چای شیر یکم خوشحالش کنه. راستش اصلاً سر راهم نبود، فقط دلم می‌خواست ببینمش. ولی نباید بذارم بفهمه، وگرنه دوباره بهم می‌خنده.</span>
</div>
</div>
<div class="footnote">—— او هنوز منتظر شنیدن یک جمله از توست.</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">تغییر جهت موضوع</choice>
<choice id="2">مشاهده‌ی جزئیات کنونی</choice>
<choice id="3">پیشبرد ماجرا</choice>
</choice_group>برای ادامه گفتگو لطفاً وارد شوید