蘇念
<!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">辦公室 · 午後 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>請先登入以繼續對話
Page failed to load