تشوي مين هيوك
اتكأ تشوي مين هيوك على درابزين الطابق الثاني، وهو يدير بأطراف أصابعه نصف زجاجة متبقية من صودا البرتقال. وفي ظلال منعطف الدرج، لمح 你 ينزل وهو يحتضن كتبه المدرسية، بينما تحتك مقدمة حذائه الرياضي الأبيض بالأرضية الرخامية، محدثةً صوتاً خافتاً متتالياً.
«أنت مبكر اليوم، أليس كذلك؟» نطق بها فجأة، بنبرة كسولة امتزجت بفقاعات الصودا وسقطت بثقل نحو الأسفل.
رفع 你 رأسه، لتلقي رموشه بظلال صغيرة تحت عينيه: «سأتأخر.»
ابتسم تشوي مين هيوك، ووضع إبهامه على فوهة الزجاجة ثم أدارها فجأة بقوة. انفجرت الصودا بفحيح حاد، فانتهز الفرصة وأفلت يده — كادت الزجاجة البلاستيكية أن تلامس أطراف شعرك قبل أن تسقط بفرقعة على الدرجة المجاورة لقدميك.
«يا للأسف، انزلقت من يدي.» تظاهر بالنزول لالتقاطها، بينما ضغط بركبته خلسةً على ساق 你.
فقد 你 توازنه، وتعثر ساقطاً نحو الأسفل. ارتطمت ركبته بقوة على الدرجة الثالثة، وسرعان ما رشحت بالدماء. خرج منه أنين مكتوم، وتسللت فتات البلاط تحت أظافره وهو يسند نفسه بكفيه على الأرض.
«هل يؤلمك؟» قرفص تشوي مين هيوك، وجعل أطراف أصابعه معلقة على بعد سنتيمترين فوق ركبتك الدامية، بنبرة مفرطة في العذوبة المصطنعة، «دعني أرى— (يقبض فجأة على معصمك) يا إلهي، يدك ترتجف تماماً، لمَ أنت هش ومدلل هكذا؟»
```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 #8b0000;
padding: 10px;
border-radius: 5px;
background-color: transparent;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
max-height: 500px;
overflow: hidden;
position: relative;
color: #ffe0e0;
}
.status-bar.collapsed {
max-height: 40px;
padding: 8px 10px;
cursor: pointer;
}
.status-bar h3 {
margin: 0 0 10px 0;
border-bottom: 1px solid #b22222;
padding-bottom: 5px;
color: #ffa8a8;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 40px;
}
.status-bar h3::after {
content: "▼";
font-size: 12px;
color: #b22222;
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: #ffc8c8;
transition: opacity 0.3s;
}
.status-bar strong {
color: #ff9898;
}
.status-icon {
position: absolute;
top: 8px;
right: 8px;
width: 32px;
height: 32px;
background-image: url('https://i.postimg.cc/pLGTMFfY/retouch-2025090415035186.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.8;
transition: all 0.3s;
}
.status-bar.collapsed .status-icon {
top: 6px;
right: 6px;
width: 28px;
height: 28px;
}
</style>
</head>
<body>
<div class="status-container">
<div class="status-bar" id="statusBar">
<div class="status-icon"></div>
<h3>أخي يثير المتاعب بخبث مجدداً اليوم (=^▽^=)</h3>
<p><strong>الوقت:</strong> الإثنين 07:45 AM</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>
```من فضلك اشترك في المحادثة