151.md
الفصل المئة والواحد والخمسون: هدوء عابر
اقتربت ري، التي كانت تجلس بجواري، مني فجأة مقلصة المسافة بيننا. ثم همست بصوت خفيض لا يسمعه سوانا: “أريد أن أتحدث معك على انفراد.”
—————————————-
وبينما كنت أراقبها حائرًا لا أفهم سبب ردة فعلها، نفخت خديها بامتعاض وقالت: “أ-أيها النبيل رين! أن تقول شيئًا كهذا فجأة… هذا غش! أنا متأكدة أنك تقول الكلام نفسه لري وهانا!”
شرعنا نتجول بين المتاجر بلا وجهة محددة، سائرين في الاتجاه الذي خمنّا أن هانا ومن معها قد سلكنه.
تهلل وجه يوي فرحًا وهي تومئ برأسها مؤكدة كلامي. بدا واضحًا أنها تعتز بأختها أشد الاعتزاز، وهو شعور أفهمه حق الفهم. ومجرد رؤيتي ليوي وهي تتحدث عن أختها بكل هذا الفخر كان كافيًا ليملأ قلبي بالسكينة والدفء.
وفي طريقنا، توقفنا عند أحد متاجر الأزياء لنجرّب بعض النظارات الأنيقة والقلائد، وقد غمرتنا أجواء من المرح الخفيف. وفي إحدى المرات، ظنتنا عاملة المتجر حبيبين، وما إن سارعتُ لنفي ذلك حتى رمقتني يوي بنظرة عتاب حادة لسبب أجهله. لكن على الرغم من ذلك، كنا نقضي وقتًا ممتعًا بحق.
‘حسنًا، هذا لا يهم الآن.’ وفي اللحظة التي بدأ فيها جو غريب ومحرج يسود بيني وبين يوي، حدث ما لم يكن في الحسبان.
وبينما كنا نسير في الممر، بدأت يوي تحدثني عن عائلتها.
‘… آه!’
“إذن، لديكِ أخت صغرى.”
“… هاه!؟”
“أجل، نحن أختان فحسب.”
—————————————-
عندما قالت ذلك، بدا الأمر منطقيًا للغاية. فرغم أنها تبدو غافلة بعض الشيء في بعض الأحيان، إلا أنها تملك بالفعل هالة الأخت الكبرى الحنون التي تعتني بمن حولها.
عندها فقط، أدركت أخيرًا سبب احمرار وجه يوي. ‘فطريقتي في التعبير كانت بمثابة اعتراف مني بأن يوي نفسها جميلة.’
“وكيف هي أختكِ تلك؟”
‘للحظة، فكرت في إنكار الأمر، لكن شعرت أن ذلك لن يكون صادقًا تمامًا. ففي النهاية، أنا أرى يوي جميلة بالفعل، وهذه حقيقة لا يمكن إنكارها. وكلماتي تلك لم تكن سوى تعبير صادق عما يجول في خاطري.’
“إنها فتاة هادئة الطبع، وجسدها ضعيف منذ الصغر. كثيرًا ما تعتل صحتها عند تغير الفصول فتضطر للتغيب عن المدرسة، ولعل ذلك هو سبب انطوائها. لكنها على الرغم من ذلك، فتاة وديعة ولطيفة للغاية! وهي فاتنة الجمال أيضًا!”
.shola-widget, .shola-lb-wrap, .shola-pb-wrap { background: var(--bg-color, #fff); border: 1px solid var(--border-color, #e5e2e2); border-radius: 4px; padding: 15px; color: var(--text-color, #333); font-family: inherit; direction: rtl; box-sizing: border-box; margin-bottom: 20px; } .nightmode .shola-widget, .nightmode .shola-lb-wrap, .nightmode .shola-pb-wrap { background: #222; border-color: #333; color: #ddd; } .shola-progress-wrap { margin-bottom: 20px; } .shola-progress-header, .shola-pb-header { display: flex; justify-content: space-between; align-items: center; font-size: .95em; margin-bottom: 6px; font-weight: bold; } .shola-days-left, .shola-pb-days { color: #f5a623; font-size: .85em; font-weight: normal; } .shola-numbers, .shola-pb-numbers { display: flex; justify-content: space-between; font-size: .85em; color: inherit; margin-bottom: 8px; opacity: 0.8; } .shola-bar-bg, .shola-pb-bg { background: rgba(150,150,150,0.2); border-radius: 20px; height: 25px; overflow: hidden; } .shola-bar-fill, .shola-pb-fill { background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: flex-end; padding-left: 10px; min-width: 4px; transition: width 1s ease; font-size: .8em; font-weight: bold; color:#fff; } .shola-completed, .shola-pb-done { text-align: center; color: #2ecc71; font-weight: bold; margin-top: 10px; font-size: 1.05em; } .shola-pre-goal, .shola-pb-pre { text-align: center; color: inherit; font-weight: bold; margin-top: 10px; font-size: 1.05em; opacity: 0.9; } .shola-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid rgba(150,150,150,0.2); padding-bottom: 10px; flex-wrap: wrap; } .shola-tab { background: rgba(150,150,150,0.1); border: 1px solid rgba(150,150,150,0.2); color: inherit; padding: 5px 12px; border-radius: 3px; cursor: pointer; font-family: inherit; font-size: .85em; transition: all .3s; } .shola-tab.active { background: #366ad3; border-color: #366ad3; color: #fff; } .shola-tab:hover:not(.active) { background: rgba(150,150,150,0.2); } .shola-row, .shola-lb-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 4px; margin-bottom: 6px; background: rgba(150,150,150,0.05); transition: background .2s; border:1px solid rgba(150,150,150,0.1); } .shola-top3, .shola-lb-top3 { background: rgba(54,106,211,0.08); border-color:rgba(54,106,211,0.2); } .shola-row:hover, .shola-lb-row:hover { background: rgba(150,150,150,0.1); } .shola-rank, .shola-lb-rank { min-width: 30px; text-align: center; font-size: 1.1em; } .shola-num, .shola-lb-num { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; background: rgba(150,150,150,0.2); border-radius: 50%; font-size: .8em; color: inherit; opacity:0.8; } .shola-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(150,150,150,0.3); flex-shrink: 0; } .shola-uname, .shola-lb-uname { flex: 1; font-size: .95em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:600;} .shola-score, .shola-lb-score { color: #f5a623; font-weight: bold; font-size: .9em; white-space: nowrap; } .shola-empty, .shola-lb-empty { text-align: center; color: inherit; opacity:0.7; padding: 20px 0; font-size: .9em; } .shola-btn-support { display: block; width: 100%; background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); color: #fff; text-align: center; padding: 10px; border-radius: 4px; font-weight: bold; cursor: pointer; border: none; margin-top: 15px; font-family: inherit; font-size: 1.05em; transition: opacity 0.3s; } .shola-btn-support:hover { opacity: 0.9; color: #fff; } .shola-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); } .shola-modal-box { background: var(--bg-color, #fff); color: var(--text-color, #333); padding: 25px; border-radius: 8px; width: 90%; max-width: 400px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .nightmode .shola-modal-box { background: #222; color: #ddd; } .shola-modal-close { position: absolute; top: 10px; left: 15px; font-size: 24px; cursor: pointer; color: inherit; opacity: 0.7; font-weight: bold; line-height: 1; } .shola-modal-close:hover { opacity: 1; } function sholaTab(btn, id) { var widget = btn.closest(".shola-widget"); widget.querySelectorAll(".shola-tab").forEach(function(b){ b.classList.remove("active"); }); widget.querySelectorAll(".shola-board").forEach(function(b){ b.style.display = "none"; }); btn.classList.add("active"); document.getElementById("shola-" + id).style.display = "block"; } function sholaOpenModal(modalId) { document.getElementById(modalId).style.display = "flex"; } function sholaCloseModal(modalId) { document.getElementById(modalId).style.display = "none"; } 🔥 تحدي يوليو 2026 ⏳ 17 يوم متبقي 10,000 شعلة الهدف: 66,666 15% 🔥 ادعم الموقع لضمان استمراريته وبدون ظهور إعلانات مزعجة للجميع! إدعمنا × شراء عملة الشعلة 🏆 أكبر الداعمين هذا الشهر 💎 أكبر الداعمين كل الأوقات 🥇M. K🔥 10,000 🥇M. K💎 10,000🥈ibrahim shazly💎 500🥉الخال!💎 100
“إذن هي أخت تفخرين بها كثيرًا.”
ما الذي دهاها يا ترى؟ لقد أطلقت صوتًا غريبًا مكتومًا وقفزت في مكانها فجأة، وكان وجهها قد اشتعل حمرة.
“أجل!”
عندها فقط، أدركت أخيرًا سبب احمرار وجه يوي. ‘فطريقتي في التعبير كانت بمثابة اعتراف مني بأن يوي نفسها جميلة.’
تهلل وجه يوي فرحًا وهي تومئ برأسها مؤكدة كلامي. بدا واضحًا أنها تعتز بأختها أشد الاعتزاز، وهو شعور أفهمه حق الفهم. ومجرد رؤيتي ليوي وهي تتحدث عن أختها بكل هذا الفخر كان كافيًا ليملأ قلبي بالسكينة والدفء.
وبينما كنا نسير في الممر، بدأت يوي تحدثني عن عائلتها.
وبينما كنت أغوص في أفكاري تلك، هتفت يوي فجأة: “آه!” “لدي صورة لأختي، هل تود رؤيتها؟” “هل أنتِ متأكدة؟” “أجل.”
“نعم؟”
على شاشة الهاتف التي ناولتني إياها يوي، ظهرت صورة فتاة تجلس بجانبها. كانت فتاة لطيفة ذات هالة هادئة، وشعرها متوسط الطول منسدل على كتفيها بقصة متساوية ومميزة.
“نعم؟”
“إنها الآن في السنة الثالثة من المرحلة الإعدادية، واسمها ساي. أليست جميلة؟” “أجل، إنها جميلة حقًا… تليق بأن تكون أختًا ليوي.”
“حسنًا.”
“… هاه!؟”
“رين.”
“ماذا؟”
.shola-widget, .shola-lb-wrap, .shola-pb-wrap { background: var(--bg-color, #fff); border: 1px solid var(--border-color, #e5e2e2); border-radius: 4px; padding: 15px; color: var(--text-color, #333); font-family: inherit; direction: rtl; box-sizing: border-box; margin-bottom: 20px; } .nightmode .shola-widget, .nightmode .shola-lb-wrap, .nightmode .shola-pb-wrap { background: #222; border-color: #333; color: #ddd; } .shola-progress-wrap { margin-bottom: 20px; } .shola-progress-header, .shola-pb-header { display: flex; justify-content: space-between; align-items: center; font-size: .95em; margin-bottom: 6px; font-weight: bold; } .shola-days-left, .shola-pb-days { color: #f5a623; font-size: .85em; font-weight: normal; } .shola-numbers, .shola-pb-numbers { display: flex; justify-content: space-between; font-size: .85em; color: inherit; margin-bottom: 8px; opacity: 0.8; } .shola-bar-bg, .shola-pb-bg { background: rgba(150,150,150,0.2); border-radius: 20px; height: 25px; overflow: hidden; } .shola-bar-fill, .shola-pb-fill { background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: flex-end; padding-left: 10px; min-width: 4px; transition: width 1s ease; font-size: .8em; font-weight: bold; color:#fff; } .shola-completed, .shola-pb-done { text-align: center; color: #2ecc71; font-weight: bold; margin-top: 10px; font-size: 1.05em; } .shola-pre-goal, .shola-pb-pre { text-align: center; color: inherit; font-weight: bold; margin-top: 10px; font-size: 1.05em; opacity: 0.9; } .shola-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid rgba(150,150,150,0.2); padding-bottom: 10px; flex-wrap: wrap; } .shola-tab { background: rgba(150,150,150,0.1); border: 1px solid rgba(150,150,150,0.2); color: inherit; padding: 5px 12px; border-radius: 3px; cursor: pointer; font-family: inherit; font-size: .85em; transition: all .3s; } .shola-tab.active { background: #366ad3; border-color: #366ad3; color: #fff; } .shola-tab:hover:not(.active) { background: rgba(150,150,150,0.2); } .shola-row, .shola-lb-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 4px; margin-bottom: 6px; background: rgba(150,150,150,0.05); transition: background .2s; border:1px solid rgba(150,150,150,0.1); } .shola-top3, .shola-lb-top3 { background: rgba(54,106,211,0.08); border-color:rgba(54,106,211,0.2); } .shola-row:hover, .shola-lb-row:hover { background: rgba(150,150,150,0.1); } .shola-rank, .shola-lb-rank { min-width: 30px; text-align: center; font-size: 1.1em; } .shola-num, .shola-lb-num { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; background: rgba(150,150,150,0.2); border-radius: 50%; font-size: .8em; color: inherit; opacity:0.8; } .shola-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(150,150,150,0.3); flex-shrink: 0; } .shola-uname, .shola-lb-uname { flex: 1; font-size: .95em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:600;} .shola-score, .shola-lb-score { color: #f5a623; font-weight: bold; font-size: .9em; white-space: nowrap; } .shola-empty, .shola-lb-empty { text-align: center; color: inherit; opacity:0.7; padding: 20px 0; font-size: .9em; } .shola-btn-support { display: block; width: 100%; background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); color: #fff; text-align: center; padding: 10px; border-radius: 4px; font-weight: bold; cursor: pointer; border: none; margin-top: 15px; font-family: inherit; font-size: 1.05em; transition: opacity 0.3s; } .shola-btn-support:hover { opacity: 0.9; color: #fff; } .shola-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); } .shola-modal-box { background: var(--bg-color, #fff); color: var(--text-color, #333); padding: 25px; border-radius: 8px; width: 90%; max-width: 400px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .nightmode .shola-modal-box { background: #222; color: #ddd; } .shola-modal-close { position: absolute; top: 10px; left: 15px; font-size: 24px; cursor: pointer; color: inherit; opacity: 0.7; font-weight: bold; line-height: 1; } .shola-modal-close:hover { opacity: 1; } function sholaTab(btn, id) { var widget = btn.closest(".shola-widget"); widget.querySelectorAll(".shola-tab").forEach(function(b){ b.classList.remove("active"); }); widget.querySelectorAll(".shola-board").forEach(function(b){ b.style.display = "none"; }); btn.classList.add("active"); document.getElementById("shola-" + id).style.display = "block"; } function sholaOpenModal(modalId) { document.getElementById(modalId).style.display = "flex"; } function sholaCloseModal(modalId) { document.getElementById(modalId).style.display = "none"; } 🔥 تحدي يوليو 2026 ⏳ 17 يوم متبقي 10,000 شعلة الهدف: 66,666 15% 🔥 ادعم الموقع لضمان استمراريته وبدون ظهور إعلانات مزعجة للجميع! إدعمنا × شراء عملة الشعلة 🏆 أكبر الداعمين هذا الشهر 💎 أكبر الداعمين كل الأوقات 🥇M. K🔥 10,000 🥇M. K💎 10,000🥈ibrahim shazly💎 500🥉الخال!💎 100
ما الذي دهاها يا ترى؟ لقد أطلقت صوتًا غريبًا مكتومًا وقفزت في مكانها فجأة، وكان وجهها قد اشتعل حمرة.
“إذن هي أخت تفخرين بها كثيرًا.”
وبينما كنت أراقبها حائرًا لا أفهم سبب ردة فعلها، نفخت خديها بامتعاض وقالت: “أ-أيها النبيل رين! أن تقول شيئًا كهذا فجأة… هذا غش! أنا متأكدة أنك تقول الكلام نفسه لري وهانا!”
وبعد أن التأم شملنا، واصلنا جولتنا في المركز التجاري، ولكن هذه المرة كنا نحن الأربعة معًا. وعندما تجاوزت الساعة الحادية عشرة، قررنا تناول طعام الغداء مبكرًا بعض الشيء، فتوجهنا إلى ردهة الطعام في المركز.
“ما الذي تتحدثين عنه فجأة؟ لا أفهم سياق كلامك.”
وبينما كنت أراقبها حائرًا لا أفهم سبب ردة فعلها، نفخت خديها بامتعاض وقالت: “أ-أيها النبيل رين! أن تقول شيئًا كهذا فجأة… هذا غش! أنا متأكدة أنك تقول الكلام نفسه لري وهانا!”
“فقط تذكر كلماتك التي قلتها قبل قليل!”
“حسنًا.”
“حسنًا.”
“ما إن غبنا عنكما قليلًا حتى… همم.”
امتثالًا لأمر يوي التي بدت يائسة، استرجعتُ في ذهني مجرى حديثنا. لقد أرَتني صورة أختها ساي، ثم سألتني إن كانت جميلة، فأجبتها بالموافقة، وقلتُ بالفعل… إن جمالها يليق بكونها أختًا ليوي.
وبعد أن حجزنا طاولة، ذهبت هانا ويوي أولًا لإحضار الطعام، فبقيت أنا وري وحدنا. وحينها…
‘… آه!’
“ما الذي تتحدثين عنه فجأة؟ لا أفهم سياق كلامك.”
عندها فقط، أدركت أخيرًا سبب احمرار وجه يوي. ‘فطريقتي في التعبير كانت بمثابة اعتراف مني بأن يوي نفسها جميلة.’
‘إذا كانت ري تمثل نموذج الجمال المنيع، تلك الزهرة السامقة بعيدة المنال، فيمكن القول إن يوي هي من ذلك النوع الذي يغرق كل فتى في صفها في وهم حبها بلطفها الفطري، ثم تتركهم يتخبطون في يأسهم. يا له من تصنيف غريب.’
“لا، لم يكن هذا ما قصدته… أو بالأحرى، ليس الأمر وكأنني لم أقصده.” ازدادت حمرة وجهها أكثر.
انتفضنا أنا ويوي في مكاننا بذعر. كانت ري وهانا قد وصلتا دون أن نشعر بهما، ووقفتا تحدقان فينا وقد نفختا خديهما بامتعاض. سارعنا أنا ويوي إلى تبرير الموقف لهما بارتباك شديد. وفي خضم ذلك، كنت أحمد ري وهانا في سري لأنهما أنقذتانا من ذلك الجو المحرج.
‘للحظة، فكرت في إنكار الأمر، لكن شعرت أن ذلك لن يكون صادقًا تمامًا. ففي النهاية، أنا أرى يوي جميلة بالفعل، وهذه حقيقة لا يمكن إنكارها. وكلماتي تلك لم تكن سوى تعبير صادق عما يجول في خاطري.’
“أجل، نحن أختان فحسب.”
‘إذا كانت ري تمثل نموذج الجمال المنيع، تلك الزهرة السامقة بعيدة المنال، فيمكن القول إن يوي هي من ذلك النوع الذي يغرق كل فتى في صفها في وهم حبها بلطفها الفطري، ثم تتركهم يتخبطون في يأسهم. يا له من تصنيف غريب.’
“فقط تذكر كلماتك التي قلتها قبل قليل!”
‘حسنًا، هذا لا يهم الآن.’ وفي اللحظة التي بدأ فيها جو غريب ومحرج يسود بيني وبين يوي، حدث ما لم يكن في الحسبان.
“إذن، لديكِ أخت صغرى.”
“… ألمح في الأجواء بوادر قصة حب لطيفة.”
وبعد أن التأم شملنا، واصلنا جولتنا في المركز التجاري، ولكن هذه المرة كنا نحن الأربعة معًا. وعندما تجاوزت الساعة الحادية عشرة، قررنا تناول طعام الغداء مبكرًا بعض الشيء، فتوجهنا إلى ردهة الطعام في المركز.
“ما إن غبنا عنكما قليلًا حتى… همم.”
“أجل، نحن أختان فحسب.”
انتفضنا أنا ويوي في مكاننا بذعر. كانت ري وهانا قد وصلتا دون أن نشعر بهما، ووقفتا تحدقان فينا وقد نفختا خديهما بامتعاض. سارعنا أنا ويوي إلى تبرير الموقف لهما بارتباك شديد. وفي خضم ذلك، كنت أحمد ري وهانا في سري لأنهما أنقذتانا من ذلك الجو المحرج.
‘للحظة، فكرت في إنكار الأمر، لكن شعرت أن ذلك لن يكون صادقًا تمامًا. ففي النهاية، أنا أرى يوي جميلة بالفعل، وهذه حقيقة لا يمكن إنكارها. وكلماتي تلك لم تكن سوى تعبير صادق عما يجول في خاطري.’
وبعد أن التأم شملنا، واصلنا جولتنا في المركز التجاري، ولكن هذه المرة كنا نحن الأربعة معًا. وعندما تجاوزت الساعة الحادية عشرة، قررنا تناول طعام الغداء مبكرًا بعض الشيء، فتوجهنا إلى ردهة الطعام في المركز.
“ما إن غبنا عنكما قليلًا حتى… همم.”
وبعد أن حجزنا طاولة، ذهبت هانا ويوي أولًا لإحضار الطعام، فبقيت أنا وري وحدنا. وحينها…
“أجل، نحن أختان فحسب.”
“رين.”
“رين.”
“نعم؟”
‘للحظة، فكرت في إنكار الأمر، لكن شعرت أن ذلك لن يكون صادقًا تمامًا. ففي النهاية، أنا أرى يوي جميلة بالفعل، وهذه حقيقة لا يمكن إنكارها. وكلماتي تلك لم تكن سوى تعبير صادق عما يجول في خاطري.’
اقتربت ري، التي كانت تجلس بجواري، مني فجأة مقلصة المسافة بيننا. ثم همست بصوت خفيض لا يسمعه سوانا: “أريد أن أتحدث معك على انفراد.”
وبينما كنا نسير في الممر، بدأت يوي تحدثني عن عائلتها.
.shola-widget, .shola-lb-wrap, .shola-pb-wrap { background: var(--bg-color, #fff); border: 1px solid var(--border-color, #e5e2e2); border-radius: 4px; padding: 15px; color: var(--text-color, #333); font-family: inherit; direction: rtl; box-sizing: border-box; margin-bottom: 20px; } .nightmode .shola-widget, .nightmode .shola-lb-wrap, .nightmode .shola-pb-wrap { background: #222; border-color: #333; color: #ddd; } .shola-progress-wrap { margin-bottom: 20px; } .shola-progress-header, .shola-pb-header { display: flex; justify-content: space-between; align-items: center; font-size: .95em; margin-bottom: 6px; font-weight: bold; } .shola-days-left, .shola-pb-days { color: #f5a623; font-size: .85em; font-weight: normal; } .shola-numbers, .shola-pb-numbers { display: flex; justify-content: space-between; font-size: .85em; color: inherit; margin-bottom: 8px; opacity: 0.8; } .shola-bar-bg, .shola-pb-bg { background: rgba(150,150,150,0.2); border-radius: 20px; height: 25px; overflow: hidden; } .shola-bar-fill, .shola-pb-fill { background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: flex-end; padding-left: 10px; min-width: 4px; transition: width 1s ease; font-size: .8em; font-weight: bold; color:#fff; } .shola-completed, .shola-pb-done { text-align: center; color: #2ecc71; font-weight: bold; margin-top: 10px; font-size: 1.05em; } .shola-pre-goal, .shola-pb-pre { text-align: center; color: inherit; font-weight: bold; margin-top: 10px; font-size: 1.05em; opacity: 0.9; } .shola-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid rgba(150,150,150,0.2); padding-bottom: 10px; flex-wrap: wrap; } .shola-tab { background: rgba(150,150,150,0.1); border: 1px solid rgba(150,150,150,0.2); color: inherit; padding: 5px 12px; border-radius: 3px; cursor: pointer; font-family: inherit; font-size: .85em; transition: all .3s; } .shola-tab.active { background: #366ad3; border-color: #366ad3; color: #fff; } .shola-tab:hover:not(.active) { background: rgba(150,150,150,0.2); } .shola-row, .shola-lb-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 4px; margin-bottom: 6px; background: rgba(150,150,150,0.05); transition: background .2s; border:1px solid rgba(150,150,150,0.1); } .shola-top3, .shola-lb-top3 { background: rgba(54,106,211,0.08); border-color:rgba(54,106,211,0.2); } .shola-row:hover, .shola-lb-row:hover { background: rgba(150,150,150,0.1); } .shola-rank, .shola-lb-rank { min-width: 30px; text-align: center; font-size: 1.1em; } .shola-num, .shola-lb-num { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; background: rgba(150,150,150,0.2); border-radius: 50%; font-size: .8em; color: inherit; opacity:0.8; } .shola-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(150,150,150,0.3); flex-shrink: 0; } .shola-uname, .shola-lb-uname { flex: 1; font-size: .95em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:600;} .shola-score, .shola-lb-score { color: #f5a623; font-weight: bold; font-size: .9em; white-space: nowrap; } .shola-empty, .shola-lb-empty { text-align: center; color: inherit; opacity:0.7; padding: 20px 0; font-size: .9em; } .shola-btn-support { display: block; width: 100%; background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); color: #fff; text-align: center; padding: 10px; border-radius: 4px; font-weight: bold; cursor: pointer; border: none; margin-top: 15px; font-family: inherit; font-size: 1.05em; transition: opacity 0.3s; } .shola-btn-support:hover { opacity: 0.9; color: #fff; } .shola-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); } .shola-modal-box { background: var(--bg-color, #fff); color: var(--text-color, #333); padding: 25px; border-radius: 8px; width: 90%; max-width: 400px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .nightmode .shola-modal-box { background: #222; color: #ddd; } .shola-modal-close { position: absolute; top: 10px; left: 15px; font-size: 24px; cursor: pointer; color: inherit; opacity: 0.7; font-weight: bold; line-height: 1; } .shola-modal-close:hover { opacity: 1; } function sholaTab(btn, id) { var widget = btn.closest(".shola-widget"); widget.querySelectorAll(".shola-tab").forEach(function(b){ b.classList.remove("active"); }); widget.querySelectorAll(".shola-board").forEach(function(b){ b.style.display = "none"; }); btn.classList.add("active"); document.getElementById("shola-" + id).style.display = "block"; } function sholaOpenModal(modalId) { document.getElementById(modalId).style.display = "flex"; } function sholaCloseModal(modalId) { document.getElementById(modalId).style.display = "none"; } 🔥 تحدي يوليو 2026 ⏳ 17 يوم متبقي 10,000 شعلة الهدف: 66,666 15% 🔥 ادعم الموقع لضمان استمراريته وبدون ظهور إعلانات مزعجة للجميع! إدعمنا × شراء عملة الشعلة 🏆 أكبر الداعمين هذا الشهر 💎 أكبر الداعمين كل الأوقات 🥇M. K🔥 10,000 🥇M. K💎 10,000🥈ibrahim shazly💎 500🥉الخال!💎 100
