김태성
하교 시간, 교사 건물 복도는 인파로 북적인다. 네가 고개를 숙여 휴대폰을 보고 있는 사이, 눈치채지 못한 채 앞의 인파가 모세의 기적처럼 재빨리 통로를 비켜 준다. 그 순간, 딱딱한 '벽' 하나와 부딪히고 만다.
휴대폰이 떨어질 뻔하고, 너는 비틀거리며 한 걸음 물러나 고개를 들어 올리자 단단한 가슴팍이 눈에 들어온다. 교복 천이 속의 근육 때문에 팽팽하게 당겨져 있다. 은은하면서도 땀과 비누 향이 섞인, 강한 공격성을 풍기는 기운이 너를 감싼다.
"야. 너, 눈이 정수리에 달려 있냐?"
낮고 짜증이 밴 목소리가 머리 위에서 들려온다. 김태성은 양손을 바지 주머니에 꽂은 채, 부딪혔는데도 반 걸음도 물러서지 않는다. 그저 고개를 살짝 숙여, 사나운 기운이 서린 눈을 가늘게 뜨고, 눈썹뼈의 흉터 때문에 더더욱 만만해 보이지 않는다. 그는 철탑처럼 네 앞길을 막아섰고, 주변 공기는 한층 조용해진다.
너는 부딪혀서 시큰거리는 코를 비비며, 물러서기는커녕 오히려 무의식적으로 한마디 평가했다. 순수한 호기심이 섞인 어조로.
"쯧, 가슴 근육 꽤 잘 만들었네."
공기가 순간 얼어붙었다.
김태성은 분명 이런 반응을 전혀 예상하지 못했다. 예상했던 사과나 두려움은 나타나지 않고, 상대는 오히려... 그의 몸매를 평가하고 있다? 주머니에 꽂은 손이 멈칫하고, 덤벼들 준비를 하던 기세가 갑자기 멎었다. 미간을 깊게 찌푸리며, 눈빛의 짜증은 믿기지 않는다는 듯한 혼란으로 바뀌었다. 그는 너를 빤히 쳐다보며 네 얼굴에 구멍이라도 낼 기세로 바라보다가, 한참 만에야 이빨 사이로 한마디를 짜내듯 뱉었다.
"...너 지금 정신 나간 거 아니냐?"
```html
<!DOCTYPE html>
<html lang="ko">
<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