4 أعمال مستحبة لإحياء ذكرى الإسراء والمعراج</span></h2> <p data-path-to-node="6أوضح الشيخ محمد كمال، عبر برنامج "فتاوى الناس" المذاع على قناة الناس، أن إحياء هذه الليلة لا يتطلب مشقة، بل يمكن تحقيق فضلها عبر أربعة أعمال يسيرة وعظيمة الأثر:</p> <ul> <li data-path-to-node="7تعد الصلاة أعظم هدية أُنزلت في هذه الليلة، ويُستحب الإكثار من قيام الليل ولو بركعتين، واعتبر أمين الفتوى أن الصلاة هي "معراج المؤمن اليومي" التي يرتقي بها بروحه إلى الله، مذكراً بحديث النبي ﷺ: «أقرب ما يكون العبد من ربه وهو ساجد فأكثروا الدعاء».</li> <li data-path-to-node="7يُنصح بتخصيص وقت لقراءة القرآن، ولو صفحة واحدة بتدبر، خاصة سورة "الإسراء"، فالحرف بحسنة والحسنة بعشر أمثالها، وهو وسيلة لنيل "حياة القلوب" ورفعة الدرجات.</li> <li data-path-to-node="7الإكثار من "الباقيات الصالحات" (سبحان الله، والحمد لله، ولا إله إلا الله، والله أكبر)، مع التضرع بالدعاء في هذه الليلة التي يُرجى فيها القبول، اقتداءً بمناجاة النبي ﷺ لربه في تلك الرحلة الخالدة.</li> <li data-path-to-node="7إحياء السنة النبوية لا يقتصر على العبادة الفردية، بل يمتد لصلة الأرحام وتهنئة الأهل وإظهار الفرح بالذكرى، وتعريف الأبناء بفضل ليلة فرض الصلاة.</li> </ul> <h2 data-path-to-node="12<span style="color: #ff6600;"> "فتاوى الناس" بلغة الإشارة</span></h2> <p data-path-to-node="13في خطوة لتعزيز التواصل مع كافة فئات المجتمع، خصصت قناة الناس حلقة يوم الخميس من برنامج "فتاوى الناس" لتقدم بلغة الإشارة، وذلك للرد على تساؤلات ذوي الهمم من الصم والبكم.</p> <ul> <li data-path-to-node="13يُذاع البرنامج يومياً في تمام الساعة 5:00 مساءً.</li> <li data-path-to-node="13يمكن إرسال الأسئلة عبر "واتساب" البرنامج على رقم 01031581662 أو صفحة القناة الرسمية على فيسبوك.</li> </ul> <h2 data-path-to-node="1<span style="color: #ff6600;"><b data-path-to-node="1" data-index-in-node="0تردد قناة الناس (2026)</b></span></h2> إليك التردد الصحيح والجديد لقناة الناس (Al Nas) على القمر الصناعي نايل سات لعام 2026، لتتمكن من متابعة حلقات البرنامج (بما فيها حلقات لغة الإشارة) بجودة عالية: <table data-path-to-node="2 <thead> <tr> <td>البيان</td> <td>القيمة</td> </tr> </thead> <tbody> <tr> <td>القمر الصناعي</td> <td>نايل سات (Nilesat)</td> </tr> <tr> <td>التردد</td> <td>12054</td> </tr> <tr> <td>الاستقطاب</td> <td>رأسي (V)</td> </tr> <tr> <td>معدل الترميز</td> <td>27500</td> </tr> <tr> <td>معامل تصحيح الخطأ</td> <td>5/6</td> </tr> <tr> <td>الجودة</td> <td>HD / SD</td> </tr> </tbody> </table> <h2 data-path-to-node="4<span style="color: #ff6600;"><b data-path-to-node="4" data-index-in-node="0خطوات ضبط تردد قناة الناس على جهازك</b></span></h2> <ol start="1" data-path-to-node="5 <li> <p data-path-to-node="5,0,0اضغط على زر Menu في الريموت كنترول.</p> </li> <li> <p data-path-to-node="5,1,0اختر التركيب (Installation) أو ضبط الهوائي.</p> </li> <li> <p data-path-to-node="5,2,0اختر البحث اليدوي (Manual Scan).</p> </li> <li> <p data-path-to-node="5,3,0أدخل التردد 12054، والقطبية V (رأسي).</p> </li> <li> <p data-path-to-node="5,4,0تأكد من أن معدل الترميز هو 27500.</p> </li> <li> <p data-path-to-node="5,5,0اضغط على بحث (Search)، وستظهر لك القناة ضمن قائمة القنوات باسم "Al Nas".</p> </li> </ol></div><div class="my-5"></div><astro-island uid="Z12xMGT" component-url="/_assets/ArticleReactions.Bq9aSCkj.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"88805"]}" ssr client="visible" opts="{"name":"ArticleReactions","value":true}" await-children><div class="reactions-box"><p class="text-sm font-bold text-[var(--text-secondary)] mb-3 text-center">ما رأيك في هذا الخبر؟</p><div class="flex items-center justify-center gap-3 sm:gap-5"><button class="reaction-btn " title="حزين" type="button"><span class="reaction-emoji">😢</span><span class="reaction-label">حزين</span></button><button class="reaction-btn " title="غاضب" type="button"><span class="reaction-emoji">😡</span><span class="reaction-label">غاضب</span></button><button class="reaction-btn " title="مفاجئ" type="button"><span class="reaction-emoji">😮</span><span class="reaction-label">مفاجئ</span></button><button class="reaction-btn " title="سعيد" type="button"><span class="reaction-emoji">😊</span><span class="reaction-label">سعيد</span></button><button class="reaction-btn " title="مهم" type="button"><span class="reaction-emoji">⚡</span><span class="reaction-label">مهم</span></button></div></div><!--astro:end--></astro-island><astro-island uid="1yfWG3" component-url="/_assets/CommentsSection.BLovkJIP.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"88805"]}" ssr client="visible" opts="{"name":"CommentsSection","value":true}" await-children><div class="bg-[var(--surface-0)] rounded-xl p-6 border border-[var(--surface-2)]"><div class="flex items-center justify-between mb-6"><div class="flex items-center gap-3"><span class="material-symbols-rounded text-brand text-2xl">forum</span><h3 class="text-xl font-bold text-[var(--text-primary)]">التعليقات</h3></div><button class="flex items-center gap-2 px-4 py-2 bg-brand text-white rounded-lg hover:bg-brand-dark transition-colors text-sm font-bold"><span class="material-symbols-rounded text-sm">add_comment</span>أضف تعليقاً</button></div><div class="flex justify-center py-8"><div class="w-8 h-8 border-4 border-brand border-t-transparent rounded-full animate-spin"></div></div></div><!--astro:end--></astro-island><section class="mt-10 pt-8 border-t border-surface-2"><h2 class="flex items-center gap-2 text-lg font-extrabold text-[var(--text-primary)] mb-6"><span class="w-8 h-8 rounded-lg bg-brand/10 flex items-center justify-center"><span class="material-symbols-rounded text-brand text-[18px]">recommend</span></span>مقالات ذات صلة</h2><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"><article class="group rounded-xl overflow-hidden bg-surface-0 border border-surface-2 hover:border-surface-3 hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300"> <a href="/الدين-والحياة/post-107687" class="block"> <div class="aspect-[16/10] overflow-hidden relative bg-surface-2"> <div class="absolute inset-0 bg-gradient-to-br flex flex-col items-center justify-center gap-2 from-emerald-500 to-emerald-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">mosque</span> </div> <img src="https://alkhabrlive.com/storage/202506301140454045.webp" srcset="https://alkhabrlive.com/storage/202506301140454045.webp 300w, https://alkhabrlive.com/storage/202506301140454045.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="الإفتاء تحسم الجدل حول صيام أول أيام العام الهجري الجديد" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async" onerror="this.remove()"> <span class="absolute top-2.5 right-2.5 badge text-white text-[10px] shadow-md bg-brand" aria-hidden="true"> الدين والحياة </span> </div> <div class="p-3.5"> <h3 class="text-sm md:text-[15px] font-bold text-[var(--text-primary)] mb-2 line-clamp-2 leading-[1.7] group-hover:text-brand transition-colors duration-200"> الإفتاء تحسم الجدل حول صيام أول أيام العام الهجري الجديد </h3> <div class="flex items-center gap-3 text-[11px] text-[var(--text-tertiary)]"> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">schedule</span> <time datetime="2026-06-16T09:14:52.000000Z">أمس</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 4 </span> </div> </div> </a> </article><article class="group rounded-xl overflow-hidden bg-surface-0 border border-surface-2 hover:border-surface-3 hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300"> <a href="/الدين-والحياة/الأزهر والإفتاء: الهجرة النبوية محطة ملهمة لبناء الوعي وتعزيز الاستقرار" class="block"> <div class="aspect-[16/10] overflow-hidden relative bg-surface-2"> <div class="absolute inset-0 bg-gradient-to-br flex flex-col items-center justify-center gap-2 from-emerald-500 to-emerald-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">mosque</span> </div> <img src="https://alkhabrlive.com/storage/alamam-alakbr-ad-ahmd-altybpng-cd97dc2c87fee574fd10056dbc2270e6.webp" srcset="https://alkhabrlive.com/storage/alamam-alakbr-ad-ahmd-altybpng-cd97dc2c87fee574fd10056dbc2270e6.webp 300w, https://alkhabrlive.com/storage/alamam-alakbr-ad-ahmd-altybpng-cd97dc2c87fee574fd10056dbc2270e6.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="الأزهر والإفتاء: الهجرة النبوية محطة ملهمة لبناء الوعي وتعزيز الاستقرار" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async" onerror="this.remove()"> <span class="absolute top-2.5 right-2.5 badge text-white text-[10px] shadow-md bg-brand" aria-hidden="true"> الدين والحياة </span> </div> <div class="p-3.5"> <h3 class="text-sm md:text-[15px] font-bold text-[var(--text-primary)] mb-2 line-clamp-2 leading-[1.7] group-hover:text-brand transition-colors duration-200"> الأزهر والإفتاء: الهجرة النبوية محطة ملهمة لبناء الوعي وتعزيز الاستقرار </h3> <div class="flex items-center gap-3 text-[11px] text-[var(--text-tertiary)]"> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">schedule</span> <time datetime="2026-06-15T20:39:56.000000Z">أمس</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 9 </span> </div> </div> </a> </article><article class="group rounded-xl overflow-hidden bg-surface-0 border border-surface-2 hover:border-surface-3 hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300"> <a href="/الدين-والحياة/post-107605" class="block"> <div class="aspect-[16/10] overflow-hidden relative bg-surface-2"> <div class="absolute inset-0 bg-gradient-to-br flex flex-col items-center justify-center gap-2 from-emerald-500 to-emerald-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">mosque</span> </div> <img src="https://alkhabrlive.com/storage/20260615020153153-493.webp" srcset="https://alkhabrlive.com/storage/20260615020153153-493.webp 300w, https://alkhabrlive.com/storage/20260615020153153-493.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="الأزهر يتحمل نفقات أسرة طالب تايلاندي ويؤكد استمرار دعمه الإنساني للطلاب الوافدين" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async" onerror="this.remove()"> <span class="absolute top-2.5 right-2.5 badge text-white text-[10px] shadow-md bg-brand" aria-hidden="true"> الدين والحياة </span> </div> <div class="p-3.5"> <h3 class="text-sm md:text-[15px] font-bold text-[var(--text-primary)] mb-2 line-clamp-2 leading-[1.7] group-hover:text-brand transition-colors duration-200"> الأزهر يتحمل نفقات أسرة طالب تايلاندي ويؤكد استمرار دعمه الإنساني للطلاب الوافدين </h3> <div class="flex items-center gap-3 text-[11px] text-[var(--text-tertiary)]"> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">schedule</span> <time datetime="2026-06-15T12:42:27.000000Z">منذ يومين</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 6 </span> </div> </div> </a> </article><article class="group rounded-xl overflow-hidden bg-surface-0 border border-surface-2 hover:border-surface-3 hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300"> <a href="/الدين-والحياة/post-107600" class="block"> <div class="aspect-[16/10] overflow-hidden relative bg-surface-2"> <div class="absolute inset-0 bg-gradient-to-br flex flex-col items-center justify-center gap-2 from-emerald-500 to-emerald-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">mosque</span> </div> <img src="https://alkhabrlive.com/storage/./1000694427.webp" srcset="https://alkhabrlive.com/storage/./1000694427.webp 300w, https://alkhabrlive.com/storage/./1000694427.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="ننشر أسماء أوائل الابتدائية الأزهرية بسوهاج 2026" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async" onerror="this.remove()"> <span class="absolute top-2.5 right-2.5 badge text-white text-[10px] shadow-md bg-brand" aria-hidden="true"> الدين والحياة </span> </div> <div class="p-3.5"> <h3 class="text-sm md:text-[15px] font-bold text-[var(--text-primary)] mb-2 line-clamp-2 leading-[1.7] group-hover:text-brand transition-colors duration-200"> ننشر أسماء أوائل الابتدائية الأزهرية بسوهاج 2026 </h3> <div class="flex items-center gap-3 text-[11px] text-[var(--text-tertiary)]"> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">schedule</span> <time datetime="2026-06-15T12:03:59.000000Z">منذ يومين</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 7 </span> </div> </div> </a> </article></div></section><div id="swipe-data" class="hidden" data-next-title="الإفتاء تحسم الجدل حول صيام أول أيام العام الهجري الجديد" data-next-url="/الدين-والحياة/post-107687" data-prev-title="الأزهر والإفتاء: الهجرة النبوية محطة ملهمة لبناء الوعي وتعزيز الاستقرار" data-prev-url="/الدين-والحياة/الأزهر والإفتاء: الهجرة النبوية محطة ملهمة لبناء الوعي وتعزيز الاستقرار"></div><div id="swipe-hint" class="swipe-hint"><span class="material-symbols-rounded text-[16px]">swipe</span><span id="swipe-hint-text"></span></div><astro-island uid="2c6VYI" component-url="/_assets/ViewTracker.ODxiWKjy.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"88805"]}" ssr client="idle" opts="{"name":"ViewTracker","value":true}"></astro-island><astro-island uid="1r4A35" component-url="/_assets/ReadingHistoryTracker.BwEZvsO2.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"88805"],"title":[0,"كيف تحيي ليلة الإسراء والمعراج؟ أمين الفتوى يشرح الأعمال الأربعة المباركة"],"slug":[0,"كيف-تحيي-ليلة-الإسراء-والمعراج؟-أمين-ا"],"categorySlug":[0,"الدين-والحياة"],"image":[0,"https://alkhabrlive.com/wp-content/uploads/2026/01/images-4-1.jpg"]}" ssr client="idle" opts="{"name":"ReadingHistoryTracker","value":true}"></astro-island><div id="next-article-bar" class="next-article-bar" data-url="/الدين-والحياة/post-107687"><div class="container-main"><a href="/الدين-والحياة/post-107687" class="flex items-center gap-3 py-3"><span class="text-[10px] font-bold text-brand bg-brand/10 px-2 py-1 rounded-lg flex-shrink-0">التالي</span><span class="text-sm font-bold text-[var(--text-primary)] line-clamp-1 flex-1">الإفتاء تحسم الجدل حول صيام أول أيام العام الهجري الجديد</span><span class="material-symbols-rounded text-[18px] text-brand flex-shrink-0 animate-bounce-x">arrow_back</span></a></div></div><button id="focus-mode-btn" class="focus-mode-btn" type="button" title="وضع القراءة المركزة"><span class="material-symbols-rounded text-[20px]">auto_stories</span></button><script> (function() { var data = document.getElementById('swipe-data'); if (!data) return; var nextUrl = data.getAttribute('data-next-url'); var nextTitle = data.getAttribute('data-next-title'); var prevUrl = data.getAttribute('data-prev-url'); var hint = document.getElementById('swipe-hint'); var hintText = document.getElementById('swipe-hint-text'); var startX = 0, startY = 0, swiping = false; var MIN = 80; document.addEventListener('touchstart', function(e) { startX = e.touches[0].clientX; startY = e.touches[0].clientY; swiping = true; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!swiping) return; var dx = e.touches[0].clientX - startX; var dy = e.touches[0].clientY - startY; if (Math.abs(dy) > Math.abs(dx)) { swiping = false; return; } if (Math.abs(dx) > 40 && hint && hintText) { if (dx > 0 && nextUrl) { hintText.textContent = nextTitle ? nextTitle.substring(0, 40) + '...' : 'المقال التالي'; hint.classList.add('show'); } else if (dx < 0 && prevUrl) { hintText.textContent = 'المقال السابق'; hint.classList.add('show'); } } }, { passive: true }); document.addEventListener('touchend', function(e) { if (!swiping) return; swiping = false; hint && hint.classList.remove('show'); var dx = e.changedTouches[0].clientX - startX; if (Math.abs(dx) < MIN) return; if (dx > 0 && nextUrl) { window.location.href = nextUrl; } else if (dx < 0 && prevUrl) { window.location.href = prevUrl; } }, { passive: true }); })(); </script><script> document.addEventListener('DOMContentLoaded', function() { var nextBar = document.getElementById('next-article-bar'); var article = document.querySelector('.article-content'); if (nextBar && article) { window.addEventListener('scroll', function() { var rect = article.getBoundingClientRect(); var articleEnd = rect.bottom < window.innerHeight + 200; var pastHalf = window.scrollY > 400; if (articleEnd && pastHalf) { nextBar.classList.add('visible'); } else { nextBar.classList.remove('visible'); } }, { passive: true }); } var focusBtn = document.getElementById('focus-mode-btn'); if (focusBtn && article) { window.addEventListener('scroll', function() { if (window.scrollY > 300) { focusBtn.classList.add('visible'); } else { focusBtn.classList.remove('visible'); } }, { passive: true }); focusBtn.addEventListener('click', function() { var isActive = document.body.classList.toggle('focus-mode'); focusBtn.classList.toggle('active', isActive); if (window.__toast) { window.__toast(isActive ? 'وضع القراءة المركزة' : 'الوضع العادي', 'auto_stories'); } }); } }); </script><style> .preview-banner { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; text-align: center; padding: 10px 16px; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); } .font-size-btn { -webkit-tap-highlight-color: transparent; cursor: pointer; } .font-size-btn:active { transform: scale(0.9); } </style> </div> <aside class="space-y-5 lg:sticky lg:top-24 lg:self-start"> <a href="/newspaper" class="np-banner np-banner--sidebar" title="تصفح جريدة الخبر — عدد يونيو 2026" data-astro-cid-r6wh7obs><div class="np-banner__bg" aria-hidden="true" data-astro-cid-r6wh7obs></div><div class="np-banner__inner" data-astro-cid-r6wh7obs><div class="np-banner__cover-wrap" data-astro-cid-r6wh7obs><img src="/newspaper/cover.jpg" alt="غلاف جريدة الخبر — يونيو 2026" width="600" height="849" class="np-banner__cover" loading="lazy" data-astro-cid-r6wh7obs></div><div class="np-banner__info" data-astro-cid-r6wh7obs><div class="np-banner__title" data-astro-cid-r6wh7obs><span class="np-banner__title-main" data-astro-cid-r6wh7obs>الخبر الإلكتروني</span><span class="np-banner__title-sub" data-astro-cid-r6wh7obs>نافذة جديدة لقارئ يستحق</span></div><div class="np-banner__footer" data-astro-cid-r6wh7obs><span class="np-banner__badge" data-astro-cid-r6wh7obs><span class="material-symbols-rounded text-[12px]" data-astro-cid-r6wh7obs>auto_stories</span> العدد التجريبي </span><span class="np-banner__cta" data-astro-cid-r6wh7obs> تصفح الجريدة <span class="material-symbols-rounded text-[14px]" data-astro-cid-r6wh7obs>arrow_back</span></span></div></div></div></a> <aside class="space-y-6"> <div class="card p-4"> <h3 class="flex items-center gap-2 text-sm font-extrabold text-[var(--text-primary)] mb-4"> <span class="material-symbols-rounded text-brand text-[20px]">local_fire_department</span> الأكثر قراءة </h3> <div class="space-y-3"> <a href="/اقتصاد/asaaar-aldoagn-alyom-alsbt-30-mayo-2026-ankhfad-tfyf-llfrakh" class="flex items-start gap-3 group"> <span class="flex-shrink-0 w-7 h-7 rounded-lg bg-gradient-to-br from-brand to-brand-light text-white flex items-center justify-center text-xs font-extrabold mt-0.5"> 1 </span> <div class="flex-1 min-w-0"> <h4 class="text-sm font-bold text-[var(--text-primary)] line-clamp-2 group-hover:text-brand transition-colors"> أسعار الدواجن اليوم السبت 30 مايو 2026: انخفاض طفيف للفراخ البيضاء الحية يبعث الأمل في نفوس المستهلكين </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>30 مايو 2026</span> <span>·</span> <span>10 ألف مشاهدة</span> </div> </div> </a><a href="/رياضة/mstkbl-mhmd-slah-slah-yogl-hsm-mstkblh-alandy-alkbr-ttnafs-a" class="flex items-start gap-3 group"> <span class="flex-shrink-0 w-7 h-7 rounded-lg bg-gradient-to-br from-brand to-brand-light text-white flex items-center justify-center text-xs font-extrabold mt-0.5"> 2 </span> <div class="flex-1 min-w-0"> <h4 class="text-sm font-bold text-[var(--text-primary)] line-clamp-2 group-hover:text-brand transition-colors"> مستقبل محمد صلاح: صلاح يؤجل حسم مستقبله.. الأندية الكبرى تتنافس على "الفرعون" قبل كأس العالم 2026 </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>1 يونيو 2026</span> <span>·</span> <span>9.9 ألف مشاهدة</span> </div> </div> </a><a href="/uncategorized/asaaar-alslaa-alryysy-fy-msr-astkrar-althhb-oaldolar-otragaa" class="flex items-start gap-3 group"> <span class="flex-shrink-0 w-7 h-7 rounded-lg bg-gradient-to-br from-brand to-brand-light text-white flex items-center justify-center text-xs font-extrabold mt-0.5"> 3 </span> <div class="flex-1 min-w-0"> <h4 class="text-sm font-bold text-[var(--text-primary)] line-clamp-2 group-hover:text-brand transition-colors"> أسعار السلع الرئيسية في مصر: استقرار الذهب والدولار وتراجع النفط عالمياً (31 مايو 2026) </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>31 مايو 2026</span> <span>·</span> <span>9.8 ألف مشاهدة</span> </div> </div> </a><a href="/urgents/واشنطن-تفكك-شبكة-معقدة-لنقل-تقنيات-دفاعية-لإيران" class="flex items-start gap-3 group"> <span class="flex-shrink-0 w-7 h-7 rounded-lg bg-gradient-to-br from-brand to-brand-light text-white flex items-center justify-center text-xs font-extrabold mt-0.5"> 4 </span> <div class="flex-1 min-w-0"> <h4 class="text-sm font-bold text-[var(--text-primary)] line-clamp-2 group-hover:text-brand transition-colors"> واشنطن تفكك شبكة معقدة لنقل تقنيات دفاعية لإيران </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>30 مايو 2026</span> <span>·</span> <span>9.8 ألف مشاهدة</span> </div> </div> </a><a href="/urgents/إدانة-إماراتية-حازمة-لاقتحام-الأقصى-ورفع-العلم-الإسرائيلي-استفزاز-خطير-يهدد-الاستقرار" class="flex items-start gap-3 group"> <span class="flex-shrink-0 w-7 h-7 rounded-lg bg-gradient-to-br from-brand to-brand-light text-white flex items-center justify-center text-xs font-extrabold mt-0.5"> 5 </span> <div class="flex-1 min-w-0"> <h4 class="text-sm font-bold text-[var(--text-primary)] line-clamp-2 group-hover:text-brand transition-colors"> إدانة إماراتية حازمة لاقتحام الأقصى ورفع العلم الإسرائيلي: استفزاز خطير يهدد الاستقرار </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>31 مايو 2026</span> <span>·</span> <span>9.7 ألف مشاهدة</span> </div> </div> </a> </div> </div> <div class="card p-4"> <h3 class="flex items-center gap-2 text-sm font-extrabold text-[var(--text-primary)] mb-4"> <span class="material-symbols-rounded text-pink-500 text-[20px]">trending_up</span> الأكثر رواجاً </h3> <div class="flex flex-wrap gap-2"> <a href="/tag/alkhbr-layf" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> الخبر لايف </a><a href="/tag/alahly" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> الأهلي </a><a href="/tag/alzmalk" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> الزمالك </a><a href="/tag/alyom" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> اليوم </a><a href="/tag/khlal" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> خلال </a><a href="/tag/ayran" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> إيران </a><a href="/tag/mhafth" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> محافظ </a><a href="/tag/ryys" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> رئيس </a><a href="/tag/ozyr" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> وزير </a><a href="/tag/null" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> الدوري المصري </a><a href="/tag/gnyh" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> جنيه </a><a href="/tag/mhmd-slah" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> محمد صلاح </a><a href="/tag/mhmd" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> محمد </a><a href="/tag/althhb" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> الذهب </a> </div> </div> </aside> <astro-island uid="1lpRoC" component-url="/_assets/PricesWidget.CvdNrQ9R.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{}" ssr client="visible" opts="{"name":"PricesWidgetIsland","value":true}" await-children><div class="rounded-xl overflow-hidden shadow-md"><div class="bg-gradient-to-r from-yellow-600 to-orange-600 p-3 flex items-center justify-between"><h3 class="text-white font-bold text-sm flex items-center gap-2"><span class="material-symbols-rounded text-[20px]" style="font-variation-settings:"FILL" 1;">monetization_on</span>أسعار الذهب والعملات</h3><span class="text-white/70 text-[10px]">07:36 م</span></div><div class="flex bg-gradient-to-r from-yellow-700 to-orange-700 px-2"><button class="flex-1 py-2 text-xs font-bold rounded-t-lg transition-colors bg-white dark:bg-slate-800 text-yellow-700 dark:text-yellow-400">الذهب</button><button class="flex-1 py-2 text-xs font-bold rounded-t-lg transition-colors text-white/80 hover:text-white">العملات</button></div><div class="bg-white dark:bg-slate-800 p-3"><div class="space-y-3"><div class="flex justify-between items-center py-2"><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div><div class="flex justify-between items-center py-2"><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div><div class="flex justify-between items-center py-2"><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div><div class="flex justify-between items-center py-2"><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div><div class="flex justify-between items-center py-2"><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div></div></div></div><!--astro:end--></astro-island> <astro-island uid="1tKOIl" component-url="/_assets/WeatherWidget.B6lYUQ3m.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{}" ssr client="visible" opts="{"name":"WeatherWidgetIsland","value":true}" await-children><div class="rounded-xl overflow-hidden shadow-md"><div class="bg-gradient-to-r from-cyan-600 to-sky-600 p-3"><h3 class="text-white font-bold text-sm flex items-center gap-2"><span class="material-symbols-rounded text-[20px]" style="font-variation-settings:"FILL" 1;">wb_sunny</span>حالة الطقس<span class="text-white/70 text-[10px] font-normal mr-auto">القاهرة</span></h3></div><div class="bg-white dark:bg-slate-800"><div class="p-4 text-center"><div class="h-12 w-12 bg-slate-200 dark:bg-slate-700 rounded-full mx-auto animate-pulse mb-3"></div><div class="h-3 w-24 bg-slate-200 dark:bg-slate-700 rounded mx-auto animate-pulse"></div></div></div></div><!--astro:end--></astro-island> <astro-island uid="Z262IC5" component-url="/_assets/LeagueWidget.BXfSZuJT.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{}" ssr client="visible" opts="{"name":"LeagueWidgetIsland","value":true}" await-children><div class="rounded-xl overflow-hidden shadow-md"><div class="bg-gradient-to-r from-blue-700 to-indigo-700 p-3"><h3 class="text-white font-bold text-sm flex items-center gap-2"><span class="material-symbols-rounded text-[20px]" style="font-variation-settings:"FILL" 1;">sports_soccer</span>الدوري المصري</h3></div><div class="bg-white dark:bg-slate-800"><div class="p-3 space-y-2"><div class="flex gap-2 items-center py-2"><div class="h-3 w-4 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-8 bg-slate-200 dark:bg-slate-700 rounded animate-pulse mr-auto"></div></div><div class="flex gap-2 items-center py-2"><div class="h-3 w-4 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-8 bg-slate-200 dark:bg-slate-700 rounded animate-pulse mr-auto"></div></div><div class="flex gap-2 items-center py-2"><div class="h-3 w-4 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-8 bg-slate-200 dark:bg-slate-700 rounded animate-pulse mr-auto"></div></div><div class="flex gap-2 items-center py-2"><div class="h-3 w-4 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-8 bg-slate-200 dark:bg-slate-700 rounded animate-pulse mr-auto"></div></div><div class="flex gap-2 items-center py-2"><div class="h-3 w-4 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-20 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-8 bg-slate-200 dark:bg-slate-700 rounded animate-pulse mr-auto"></div></div></div></div></div><!--astro:end--></astro-island> <astro-island uid="1YMEaE" component-url="/_assets/PoultryWidget.DLWrTIYQ.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{}" ssr client="visible" opts="{"name":"PoultryWidgetIsland","value":true}" await-children><div class="rounded-xl overflow-hidden shadow-md"><div class="bg-gradient-to-r from-amber-600 to-yellow-600 p-3 flex items-center justify-between"><h3 class="text-white font-bold text-sm flex items-center gap-2"><span class="text-lg">🐔</span>بورصة الدواجن</h3></div><div class="flex bg-gradient-to-r from-amber-700 to-yellow-700 px-1 gap-0.5"></div><div class="bg-white dark:bg-slate-800 p-3"><div class="space-y-3"><div class="flex justify-between items-center py-2"><div class="h-3 w-24 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div><div class="flex justify-between items-center py-2"><div class="h-3 w-24 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div><div class="flex justify-between items-center py-2"><div class="h-3 w-24 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div><div class="h-3 w-16 bg-slate-200 dark:bg-slate-700 rounded animate-pulse"></div></div></div></div></div><!--astro:end--></astro-island> </aside> </div> </div> </main> <footer class="bg-slate-900 dark:bg-black text-slate-300 mt-auto"> <div class="border-b border-slate-800"> <div class="container-main py-6"> <h3 class="flex items-center gap-2 text-white font-bold text-sm mb-4"> <span class="material-symbols-rounded text-pink-500 text-[20px]">trending_up</span> الأكثر رواجاً </h3> <div class="flex flex-wrap gap-2"> <a href="/tag/alkhbr-layf" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> الخبر لايف <span class="text-[10px] opacity-50">(1490)</span> </a><a href="/tag/alahly" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> الأهلي <span class="text-[10px] opacity-50">(659)</span> </a><a href="/tag/alzmalk" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> الزمالك <span class="text-[10px] opacity-50">(541)</span> </a><a href="/tag/alyom" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> اليوم <span class="text-[10px] opacity-50">(405)</span> </a><a href="/tag/khlal" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> خلال <span class="text-[10px] opacity-50">(395)</span> </a><a href="/tag/ayran" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> إيران <span class="text-[10px] opacity-50">(363)</span> </a><a href="/tag/mhafth" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> محافظ <span class="text-[10px] opacity-50">(336)</span> </a><a href="/tag/ryys" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> رئيس <span class="text-[10px] opacity-50">(321)</span> </a><a href="/tag/ozyr" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> وزير <span class="text-[10px] opacity-50">(318)</span> </a><a href="/tag/gnyh" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> جنيه <span class="text-[10px] opacity-50">(235)</span> </a><a href="/tag/mhmd-slah" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> محمد صلاح <span class="text-[10px] opacity-50">(228)</span> </a><a href="/tag/mhmd" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> محمد <span class="text-[10px] opacity-50">(205)</span> </a><a href="/tag/althhb" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> الذهب <span class="text-[10px] opacity-50">(199)</span> </a><a href="/tag/alshrk-alaost" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> الشرق الأوسط <span class="text-[10px] opacity-50">(197)</span> </a><a href="/tag/alty" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> التي <span class="text-[10px] opacity-50">(196)</span> </a><a href="/tag/alryys" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> الرئيس <span class="text-[10px] opacity-50">(196)</span> </a><a href="/tag/tramb" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> ترامب <span class="text-[10px] opacity-50">(193)</span> </a><a href="/tag/mgls-alnoab" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> مجلس النواب <span class="text-[10px] opacity-50">(192)</span> </a> </div> </div> </div> <div class="container-main py-6 md:py-10"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 md:gap-8"> <div class="lg:col-span-2"> <div class="mb-4"> <img src="https://alkhabrlive.com/storage/screenshot-2026-01-18-at-32751-pm.webp" alt="الخبر لايف" width="200" height="60" class="h-12 w-auto object-contain brightness-0 invert" loading="lazy"> </div> <p class="text-sm leading-relaxed text-slate-400 mb-5 max-w-md hidden md:block"> منصة إخبارية شاملة تقدم أحدث الأخبار المحلية والعالمية بمصداقية وسرعة. نسعى لتقديم تغطية إخبارية متكاملة على مدار الساعة. </p> <div class="flex items-center gap-2"> <a href="https://facebook.com/alkhabrlive" target="_blank" rel="noopener" class="w-9 h-9 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-blue-600 transition-colors" aria-label="Facebook"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> </a> <a href="https://t.me/alkhabrlive" target="_blank" rel="noopener" class="w-9 h-9 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-sky-500 transition-colors" aria-label="Telegram"> <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M21.2 4.4L2.4 11.1c-1.3.5-1.2 1.2-.2 1.5l4.8 1.5L18.5 7c.5-.3.9-.1.6.2l-8.6 7.8-.3 4.7c.5 0 .7-.2.9-.4l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.7-1.3z"></path></svg> </a> <a href="https://youtube.com/@alkhabrlive" target="_blank" rel="noopener" class="w-9 h-9 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-red-600 transition-colors" aria-label="YouTube"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.5 6.4a2.8 2.8 0 0 0-2-2C18.9 4 12 4 12 4s-6.9 0-8.5.5a2.8 2.8 0 0 0-2 2A29.4 29.4 0 0 0 1 12a29.4 29.4 0 0 0 .5 5.6 2.8 2.8 0 0 0 2 2c1.6.4 8.5.4 8.5.4s6.9 0 8.5-.5a2.8 2.8 0 0 0 2-2A29.4 29.4 0 0 0 23 12a29.4 29.4 0 0 0-.5-5.6zM9.8 15.5V8.5l5.6 3.5-5.6 3.5z"></path></svg> </a> <a href="https://wa.me/201002079714" target="_blank" rel="noopener" class="w-9 h-9 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-green-600 transition-colors" aria-label="WhatsApp"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M17.5 14.4l-2-1c-.3-.1-.5-.2-.7.2l-1 1.2c-.2.2-.3.3-.6.1-.3-.1-1.2-.4-2.2-1.4-.8-.7-1.4-1.6-1.5-1.9-.2-.3 0-.4.1-.6l.4-.4c.1-.1.2-.3.3-.5s0-.3 0-.4l-1-2.3c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.6-.7 1.9-1.3.2-.6.2-1.2.2-1.3 0-.2-.2-.3-.4-.4z"></path><path d="M20.5 3.5C18.3 1.3 15.2 0 12 0 5.4 0 0 5.4 0 12c0 2.1.6 4.2 1.6 6L0 24l6.2-1.6c1.8.9 3.7 1.5 5.8 1.5 6.6 0 12-5.4 12-12 0-3.2-1.2-6.2-3.5-8.4zM12 22c-1.8 0-3.6-.5-5.1-1.4l-.4-.2-3.6.9.9-3.5-.3-.4A9.9 9.9 0 0 1 2 12C2 6.5 6.5 2 12 2c2.6 0 5.1 1 6.9 2.9A9.8 9.8 0 0 1 22 12c0 5.5-4.5 10-10 10z"></path></svg> </a> <a href="https://instagram.com/alkhabrlive" target="_blank" rel="noopener" class="w-9 h-9 rounded-lg bg-slate-800 flex items-center justify-center hover:bg-pink-600 transition-colors" aria-label="Instagram"> <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg> </a> </div> </div> <div class="hidden md:block"> <h4 class="text-white font-bold mb-4 text-sm flex items-center gap-2"> <span class="w-1 h-5 bg-brand rounded-full"></span> أقسام الموقع </h4> <nav class="flex flex-col gap-2.5"> <a href="/" class="text-sm hover:text-white transition-colors">الرئيسية</a> <a href="/category" class="text-sm hover:text-white transition-colors">جميع الأقسام</a> <a href="/search" class="text-sm hover:text-white transition-colors">البحث</a> <a href="/saved" class="text-sm hover:text-white transition-colors">المحفوظات</a> <a href="/tag" class="text-sm hover:text-white transition-colors">الوسوم</a> </nav> </div> <div class="hidden md:block"> <h4 class="text-white font-bold mb-4 text-sm flex items-center gap-2"> <span class="w-1 h-5 bg-brand rounded-full"></span> روابط مهمة </h4> <nav class="flex flex-col gap-2.5"> <a href="/about" class="text-sm hover:text-white transition-colors">عن الموقع</a> <a href="/privacy" class="text-sm hover:text-white transition-colors">سياسة الخصوصية</a> <a href="/terms" class="text-sm hover:text-white transition-colors">شروط الاستخدام</a> <a href="/contact" class="text-sm hover:text-white transition-colors">اتصل بنا</a> </nav> </div> <div class="md:hidden flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-xs text-slate-400 pt-2 border-t border-slate-800"> <a href="/about" class="hover:text-white transition-colors">عن الموقع</a> <a href="/privacy" class="hover:text-white transition-colors">الخصوصية</a> <a href="/terms" class="hover:text-white transition-colors">الشروط</a> <a href="/contact" class="hover:text-white transition-colors">اتصل بنا</a> </div> </div> </div> <div class="border-t border-slate-800"> <div class="container-main py-3 md:py-4 flex items-center justify-center md:justify-between gap-2 text-[11px] md:text-xs text-slate-500"> <span>© 2026 الخبر لايف. جميع الحقوق محفوظة.</span> <span class="hidden md:inline">صُنع بـ ❤️ في مصر</span> </div> </div> </footer> <nav class="fixed bottom-0 inset-x-0 z-50 md:hidden pb-safe" aria-label="التنقل الرئيسي" id="bottom-nav" data-astro-cid-kgur2xo3> <div class="mx-3 mb-2" data-astro-cid-kgur2xo3> <div class="btm-pill rounded-2xl border border-white/10 dark:border-slate-700/50 shadow-2xl shadow-black/30" data-astro-cid-kgur2xo3> <div class="grid grid-cols-5 h-[60px]" data-astro-cid-kgur2xo3> <a href="/" class="btm-item" data-page="home" data-astro-cid-kgur2xo3> <span class="btm-icon material-symbols-rounded" data-astro-cid-kgur2xo3>home</span> <span class="btm-label" data-astro-cid-kgur2xo3>الرئيسية</span> </a> <a href="/category" class="btm-item" data-page="categories" data-astro-cid-kgur2xo3> <span class="btm-icon material-symbols-rounded" data-astro-cid-kgur2xo3>explore</span> <span class="btm-label" data-astro-cid-kgur2xo3>استكشف</span> </a> <a href="/history" class="btm-item" data-page="history" data-astro-cid-kgur2xo3> <span class="btm-icon material-symbols-rounded" data-astro-cid-kgur2xo3>history</span> <span class="btm-label" data-astro-cid-kgur2xo3>قرأت</span> </a> <a href="/saved" class="btm-item" data-page="saved" data-astro-cid-kgur2xo3> <span class="btm-icon material-symbols-rounded" data-astro-cid-kgur2xo3>bookmark</span> <span class="btm-label" data-astro-cid-kgur2xo3>المحفوظات</span> </a> <a href="/search" class="btm-item" data-page="search" data-astro-cid-kgur2xo3> <span class="btm-icon material-symbols-rounded" data-astro-cid-kgur2xo3>search</span> <span class="btm-label" data-astro-cid-kgur2xo3>بحث</span> </a> </div> </div> </div> </nav> <div class="h-[76px] md:hidden" aria-hidden="true" data-astro-cid-kgur2xo3></div> <script type="module">const s=window.location.pathname||"/";document.querySelectorAll(".btm-item").forEach(t=>{const e=t.getAttribute("data-page");(e==="home"&&s==="/"||e==="categories"&&s.startsWith("/category")||e==="history"&&s==="/history"||e==="search"&&s==="/search"||e==="saved"&&s==="/saved")&&t.classList.add("active")});let i=0,a=!1;const o=document.getElementById("bottom-nav");window.addEventListener("scroll",()=>{a||(requestAnimationFrame(()=>{const t=window.scrollY;t>i&&t>200?o?.classList.add("nav-hidden"):o?.classList.remove("nav-hidden"),i=t,a=!1}),a=!0)},{passive:!0});</script> <button id="scroll-top" class="fixed bottom-20 md:bottom-8 left-4 z-40 h-11 w-11 rounded-full bg-slate-800 dark:bg-slate-700 text-white shadow-md hover:shadow-lg transition-all duration-300 flex items-center justify-center hover:bg-brand -translate-x-20 opacity-0 pointer-events-none" aria-label="العودة لأعلى"> <span class="material-symbols-rounded text-xl">arrow_upward</span> </button> <script> (function(){ var btn = document.getElementById('scroll-top'); if (!btn) return; window.addEventListener('scroll', function() { if (window.scrollY > 300) { btn.classList.remove('-translate-x-20','opacity-0','pointer-events-none'); btn.classList.add('translate-x-0','opacity-90'); } else { btn.classList.add('-translate-x-20','opacity-0','pointer-events-none'); btn.classList.remove('translate-x-0','opacity-90'); } }, { passive: true }); btn.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); })(); </script> <button id="scroll-top" class="scroll-top-btn" aria-label="العودة للأعلى" type="button" data-astro-cid-37fxchfa> <span class="material-symbols-rounded text-[20px]" data-astro-cid-37fxchfa>keyboard_arrow_up</span> </button> <div id="cookie-consent" class="cookie-consent" role="dialog" aria-label="موافقة ملفات تعريف الارتباط" style="display:none" data-astro-cid-37fxchfa> <div class="cookie-content" data-astro-cid-37fxchfa> <p data-astro-cid-37fxchfa>نستخدم ملفات تعريف الارتباط (الكوكيز) لتحسين تجربتك وتقديم محتوى مخصص. باستمرارك في التصفح، فإنك توافق على <a href="/privacy" data-astro-cid-37fxchfa>سياسة الخصوصية</a> الخاصة بنا.</p> <div class="cookie-actions" data-astro-cid-37fxchfa> <button id="cookie-accept" class="cookie-btn accept" type="button" data-astro-cid-37fxchfa>موافق</button> <a href="/privacy" class="cookie-btn details" data-astro-cid-37fxchfa>التفاصيل</a> </div> </div> </div> <div id="toast-container" class="toast-container" aria-live="polite" data-astro-cid-37fxchfa></div> <div id="lightbox" class="lightbox" aria-hidden="true" data-astro-cid-37fxchfa> <button class="lightbox-close" aria-label="إغلاق" type="button" data-astro-cid-37fxchfa> <span class="material-symbols-rounded text-[28px]" data-astro-cid-37fxchfa>close</span> </button> <img id="lightbox-img" class="lightbox-img" alt="" data-astro-cid-37fxchfa> </div> <script> (function() { var loader = document.getElementById('nav-loader'); document.addEventListener('click', function(e) { var a = e.target.closest('a[href]'); if (!a) return; var h = a.getAttribute('href'); if (!h || h.charAt(0) === '#' || a.target === '_blank') return; if (h.charAt(0) === '/') { loader.classList.add('active'); var card = a.closest('article') || a; card.style.opacity = '0.5'; card.style.transition = 'opacity 0.15s'; } }); window.addEventListener('pageshow', function(e) { if (e.persisted) { loader.classList.remove('active'); document.querySelectorAll('[style*="opacity"]').forEach(function(el) { el.style.opacity = ''; }); } }); })(); </script> <script> (function() { var stb = document.getElementById('scroll-top'); var rpb = document.getElementById('reading-progress'); var article = document.querySelector('.article-content'); var rafId = 0; function onScroll() { var y = window.scrollY; // Scroll-to-top visibility if (y > 600) { stb.classList.add('visible'); } else { stb.classList.remove('visible'); } // Reading progress if (article && rpb) { var rect = article.getBoundingClientRect(); var start = article.offsetTop - 200; var end = start + article.offsetHeight; var progress = Math.min(Math.max((y - start) / (end - start - window.innerHeight), 0), 1); rpb.style.transform = 'scaleX(' + progress + ')'; if (progress > 0 && progress < 1) { rpb.style.opacity = '1'; } else { rpb.style.opacity = '0'; } } } window.addEventListener('scroll', function() { if (!rafId) { rafId = requestAnimationFrame(function() { onScroll(); rafId = 0; }); } }, { passive: true }); stb.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // ── Toast System ── var tc = document.getElementById('toast-container'); window.__toast = function(msg, icon) { var t = document.createElement('div'); t.className = 'toast'; if (icon) t.innerHTML = '<span class="material-symbols-rounded text-[16px]">' + icon + '</span>' + msg; else t.textContent = msg; tc.appendChild(t); setTimeout(function() { t.remove(); }, 3200); }; // ── Cookie Consent ── var cc = document.getElementById('cookie-consent'); var ca = document.getElementById('cookie-accept'); if (cc && !localStorage.getItem('cookie-consent')) { cc.style.display = ''; } if (ca) { ca.addEventListener('click', function() { localStorage.setItem('cookie-consent', '1'); cc.style.display = 'none'; }); } // ── Image Lightbox ── var lb = document.getElementById('lightbox'); var lbImg = document.getElementById('lightbox-img'); var lbClose = lb.querySelector('.lightbox-close'); document.addEventListener('click', function(e) { var img = e.target.closest('.article-content img'); if (!img || img.closest('a')) return; e.preventDefault(); lbImg.src = img.src; lbImg.alt = img.alt || ''; lb.classList.add('open'); lb.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; }); function closeLb() { lb.classList.remove('open'); lb.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; } lb.addEventListener('click', function(e) { if (e.target === lb || e.target === lbClose || lbClose.contains(e.target)) closeLb(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && lb.classList.contains('open')) closeLb(); }); })(); </script> </body> </html>
