苏念
<!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>请先登录以继续对话