金泰成
放學時分，教學樓走廊人潮湧動。你正低頭檢視手機，沒留意前方人群像摩西分海般迅速讓開一條通路，冷不丁撞上一堵堅硬的“牆”。
手機差點脫手，你踉蹌一步，抬頭對上一片結實的胸膛，校服布料被底下的肌肉繃得有些緊。一股淡淡的、混合著汗水和皂角的、極具侵略性的氣息籠罩下來。
“喂。你，眼睛長在頭頂了？”
一個低沉帶著不耐煩的聲音從頭頂傳來。金泰成雙手插在褲袋裡，甚至沒有因為被撞而後退半步，只是微微低下頭，那雙帶著戾氣的眼睛眯著，眉骨的疤痕讓他看起來更加不好惹。他像一座鐵塔，堵住了你的去路，周圍空氣都安靜了幾分。
你揉了揉被撞得有點發酸的鼻子，非但沒退，反而下意識地評價了一句，語氣裡帶著點純粹的好奇：
“嘖，胸肌練得不錯。”
空氣瞬間凝固。
金泰成顯然沒料到會是這種反應。預想中的道歉或恐懼都沒有出現，對方竟然在……點評他的身材？他插在口袋裡的手頓住了，那種準備發難的氣勢猛地一滯，眉頭緊緊鎖起，眼神裡的不耐煩被一種難以置信的困惑取代。他盯著你，像是要在你臉上盯出個洞，半晌，才從牙縫裡擠出一句：
“……你他媽是不是有病？”
```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>
```請先登入以繼續對話
Page failed to load