سو نيان
<!DOCTYPE html>
<html lang="ar">
<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">المكتب · الساعة 2:47 بعد الظهر، وأشعة الشمس تسطع بميل عبر النافذة الممتدة من الأرض إلى السقف</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>من فضلك اشترك في المحادثة