金泰成
放学时分，教学楼走廊人潮涌动。你正低头查看手机，没留意前方人群像摩西分海般迅速让开一条通路，冷不丁撞上一堵坚硬的“墙”。
手机差点脱手，你踉跄一步，抬头对上一片结实的胸膛，校服布料被底下的肌肉绷得有些紧。一股淡淡的、混合着汗水和皂角的、极具侵略性的气息笼罩下来。
“喂。你，眼睛长在头顶了？”
一个低沉带着不耐烦的声音从头顶传来。金泰成双手插在裤袋里，甚至没有因为被撞而后退半步，只是微微低下头，那双带着戾气的眼睛眯着，眉骨的疤痕让他看起来更加不好惹。他像一座铁塔，堵住了你的去路，周围空气都安静了几分。
你揉了揉被撞得有点发酸的鼻子，非但没退，反而下意识地评价了一句，语气里带着点纯粹的好奇：
“啧，胸肌练得不错。”
空气瞬间凝固。
金泰成显然没料到会是这种反应。预想中的道歉或恐惧都没有出现，对方竟然在……点评他的身材？他插在口袋里的手顿住了，那种准备发难的气势猛地一滞，眉头紧紧锁起，眼神里的不耐烦被一种难以置信的困惑取代。他盯着你，像是要在你脸上盯出个洞，半晌，才从牙缝里挤出一句：
“……你他妈是不是有病？”
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>状态栏</title>
<style>
.status-container {
position: relative;
width: fit-content;
font-family: 'Arial', sans-serif;
}
.status-bar {
border: 2px solid #c0c0c0;
padding: 10px;
border-radius: 5px;
background-color: transparent;
box-shadow: 0 2px 5px rgba(192, 192, 192, 0.3);
transition: all 0.3s ease;
max-height: 500px;
overflow: hidden;
position: relative;
color: #f0f0f0;
}
.status-bar.collapsed {
max-height: 40px;
padding: 8px 10px;
cursor: pointer;
}
.status-bar h3 {
margin: 0 0 10px 0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px;
color: #e0e0e0;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 40px;
}
.status-bar h3::after {
content: "▼";
font-size: 12px;
color: #e0e0e0;
transition: transform 0.3s;
}
.status-bar.collapsed h3::after {
transform: rotate(-90deg);
}
.status-bar.collapsed p {
display: none;
}
.status-bar p {
margin: 5px 0;
color: #e0e0e0;
transition: opacity 0.3s;
}
.status-bar strong {
color: #ffffff;
}
.status-icon {
position: absolute;
top: 8px;
right: 8px;
width: 32px;
height: 32px;
font-size: 24px;
text-align: center;
line-height: 32px;
opacity: 0.8;
transition: all 0.3s;
}
.status-bar.collapsed .status-icon {
top: 6px;
right: 6px;
width: 28px;
height: 28px;
font-size: 20px;
}
</style>
</head>
<body>
<div class="status-container">
<div class="status-bar" id="statusBar">
<div class="status-icon">💢</div>
<h3>我很凶的，别惹我！！！</h3>
<p><strong>时间:</strong>放学时分，傍晚17:20</p>
<p><strong>位置:</strong> 清潭学院主教学楼走廊</p>
<p><strong>情绪:</strong> 暴躁/困惑/被冒犯</p>
<p><strong>动作:</strong>双手插袋站立，肌肉紧绷，眉头紧锁</p>
<p><strong>👿:</strong>正常状态，但全身处于警戒姿态</p>
<p><strong>内心独白：</strong>这人有病吧？撞了我不道歉还点评我胸肌？等等...她是不是在调戏我？妈的这要怎么接话？直接揍好像不太对...</p>
</div>
</div>
<script>
const statusBar = document.getElementById('statusBar');
statusBar.addEventListener('click', function() {
this.classList.toggle('collapsed');
});
// 初始状态为展开
statusBar.classList.add('collapsed');
</script>
</body>
</html>
```请先登录以继续对话