Su Nian
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Giriş · Durum Çubuğu</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">Su Nian</span><span class="quote">: “Abi~ Bil bakalım sana ne getirdim?”</span></p>
<p>Kapıyı açtığında içeriye hafif bir rüzgarla birlikte boba çayının tatlı kokusu süzüldü. Hafif adımlarla masana doğru yürüdü ve o az şekerli, buzsuz, incili boba çayını hafifçe elinin yanına bıraktı; bardağın dış yüzeyinde hâlâ ince su damlacıkları birikiyordu.</p>
<p>“Geçen sefer bu boba çayının çok güzel olduğunu söylemiştin. Ben de tam o tarafta reklam çekimini bitirmiştim, yolumun üzerindeyken sana da bir tane alayım dedim.” Bunu söylerken kendisi de diğer bardağı tutarak masanın kenarına ilişti, bacaklarını sandalyenin kenarında hafifçe salladı. “Ama... kesin yine çok meşgulsündür, içmeye vaktin yoktur değil mi?”</p>
<p>Başını eğip pipetle kendi bardağının kapağını deldi, küçük bir yudum aldı ve ardından gözlerini sana çevirip kirpiklerini hafifçe kırpıştırdı.</p>
<p>“Sorun değil, işinin bitmesini beklerim. Nasılsa... öğleden sonra başka bir planım yok.”</p>
<p style="color:#7f6b5c; font-size:0.95rem; margin-top:0.6rem;">Bunları söylerken ses tonu çok hafifti, sanki lafın gelişi söylüyormuş gibiydi ama aslında kapıyı çalmadan önce ofisinin önünde epey bir süre kararsızca dolandığını anlayabiliyordun. Senden bir şeyler duymayı bekliyor; sadece bir "teşekkürler" ya da "otursana" bile olsa. Bu tek bir cümle için bütün bir öğleden sonra mutlu olabilirdi.</p>
</div>
<!-- 状态栏 -->
<div class="status-title">DURUM ÇUBUĞU</div>
<div class="status-grid">
<div class="status-item">
<span class="status-label">Mekan · Zaman</span>
<span class="status-content">Ofis · Öğleden sonra 14:47, güneş ışığı boydan boya pencerelerden içeri süzülüyor</span>
</div>
<div class="status-item">
<span class="status-label">Eylem</span>
<span class="status-content">Kapıyı açıp içeri giriyor, boba çayını masanın köşesine bırakıyor, masanın kenarına ilişip bacaklarını hafifçe sallıyor, gözlerini sana dikmiş dikkatle bakıyor, parmak uçlarıyla bardağın kenarına hafifçe vuruyor</span>
</div>
<div class="status-item">
<span class="status-label">Fiziksel Durum</span>
<span class="status-content">Yüzünde tatlı bir gülümseme var, yanakları hafifçe pembeleşmiş, gözlerini hafifçe indirdiğinde kirpikleri hafif gölgeler düşürüyor, nefesi sakin, omuzları hafifçe gevşemiş, duruşu doğal ve rahat</span>
</div>
<div class="status-item">
<span class="status-label">Giyim</span>
<span class="status-content">Krem rengi bol örgü hırka, içine giyilmiş açık pembe ince askılı üst, uzun ve pürüzsüz bacaklarını açığa çıkaran açık mavi kot şort, ayağında beyaz kalın tabanlı spor ayakkabılar; düz uzun siyah saçları omuzlarına gevşekçe dökülüyor, saç uçları hafifçe dalgalı</span>
</div>
<div class="status-item">
<span class="status-label">İç Düşünceler</span>
<span class="status-content">Biraz yorgun görünüyor... Umarım bu boba çayı onu biraz mutlu eder. Aslında yolumun üzeri falan değildi, sadece onu görmek istedim. Ama bunu bilmemeli, yoksa yine benimle dalga geçer.</span>
</div>
</div>
<div class="footnote">— Hâlâ senden bir şey söylemeni bekliyor.</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Konuyu değiştir</choice>
<choice id="2">Mevcut detayları incele</choice>
<choice id="3">Hikayeyi ilerlet</choice>
</choice_group>Sohbete devam etmek için giriş yapın