<p data-path-to-node="5يدخل الزمالك المباراة وعينه على الحفاظ على لقبه الذي توج به في النسخة الماضية ويدرك الجهاز الفني للأبيض أن مباريات الكؤوس "لا أمان لها"، لذا شدد على لاعبيه ضرورة التركيز وحسم اللقاء مبكراً لتجنب سيناريوهات المفاجآت الصادمة التي غالباً ما تظهر في هذا الدور.</p> <p data-path-to-node="5ويعول الزمالك على خبرة نجومه الدوليين وقدرتهم على حسم التفاصيل الصغيرة داخل المستطيل الأخضر.</p> <h3 data-path-to-node="6طموح "البلدية" والمفاجأة المدوية</h3> <p data-path-to-node="7في المقابل، يدخل فريق بلدية المحلة اللقاء بروح قتالية عالية، معتمداً على استراتيجية التنظيم الدفاعي المحكم والتحول السريع في الهجمات المرتدة.</p> <p data-path-to-node="7ويأمل "أبناء المحلة" في استغلال الضغوط الملقاة على عاتق حامل اللقب لإحراجه وخطف بطاقة التأهل إلى دور الـ16 في واحدة من أكبر مفاجآت البطولة.</p> <h3 data-path-to-node="8بطاقة المباراة وموعد الانطلاق</h3> <ul data-path-to-node="9 <li> <p data-path-to-node="9,0,0المناسبة: دور الـ32 – كأس مصر.</p> </li> <li> <p data-path-to-node="9,1,0التوقيت: تنطلق صافرة البداية في تمام الساعة 2:30 ظهراً بتوقيت القاهرة.</p> </li> <li> <p data-path-to-node="9,2,0الملعب: استاد المقاولون العرب.</p> </li> <li> <p data-path-to-node="9,3,0القنوات الناقلة: تُبث المباراة حصرياً عبر شبكة قنوات أون تايم سبورتس (OnTime Sports)، الناقل الرسمي والوحيد للمسابقات المحلية المصرية.</p> </li> </ul></div><div class="my-5"></div><astro-island uid="1LGXPp" component-url="/_assets/ArticleReactions.Bq9aSCkj.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"86393"]}" 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="ZGFozz" component-url="/_assets/CommentsSection.BLovkJIP.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"86393"]}" 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-107903" 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-green-500 to-green-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">sports_soccer</span> </div> <img src="https://alkhabrlive.com/storage/./475544785-547544098331802-3353771187757565391-n.webp" srcset="https://alkhabrlive.com/storage/./475544785-547544098331802-3353771187757565391-n.webp 300w, https://alkhabrlive.com/storage/./475544785-547544098331802-3353771187757565391-n.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-green-600" 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-18T10:27:43.000000Z">منذ 41 دقائق</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 3 </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-107901" 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-green-500 to-green-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">sports_soccer</span> </div> <img src="https://alkhabrlive.com/storage/./1000698380.webp" srcset="https://alkhabrlive.com/storage/./1000698380.webp 300w, https://alkhabrlive.com/storage/./1000698380.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="كأس العالم 2026.. 75 هدفًا في الجولة الأولى وألمانيا تحقق أكبر فوز في الافتتاح" 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-green-600" 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.. 75 هدفًا في الجولة الأولى وألمانيا تحقق أكبر فوز في الافتتاح </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-18T10:21:29.000000Z">منذ 47 دقائق</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 1 </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-107900" 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-green-500 to-green-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">sports_soccer</span> </div> <img src="https://alkhabrlive.com/storage/./6a31733942360446ed666f8b.webp" srcset="https://alkhabrlive.com/storage/./6a31733942360446ed666f8b.webp 300w, https://alkhabrlive.com/storage/./6a31733942360446ed666f8b.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-green-600" 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-18T10:21:05.000000Z">منذ 48 دقائق</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 1 </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-107893" 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-green-500 to-green-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">sports_soccer</span> </div> <img src="https://alkhabrlive.com/storage/./19-2024-638448037456013406-601.webp" srcset="https://alkhabrlive.com/storage/./19-2024-638448037456013406-601.webp 300w, https://alkhabrlive.com/storage/./19-2024-638448037456013406-601.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-green-600" 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-18T09:31:13.000000Z">منذ ساعة</time> </span> <span class="flex items-center gap-1"> <span class="material-symbols-rounded text-[13px]" aria-hidden="true">visibility</span> 3 </span> </div> </div> </a> </article></div></section><div id="swipe-data" class="hidden" data-next-title="مهاجم مولودية الجزائر على رادار الأهلي.. تفاصيل" data-next-url="/رياضة/post-107903" data-prev-title="كأس العالم 2026.. 75 هدفًا في الجولة الأولى وألمانيا تحقق أكبر فوز في الافتتاح" data-prev-url="/رياضة/post-107901"></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="Z3OpgT" component-url="/_assets/ViewTracker.ODxiWKjy.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"86393"]}" ssr client="idle" opts="{"name":"ViewTracker","value":true}"></astro-island><astro-island uid="22GCT0" component-url="/_assets/ReadingHistoryTracker.BwEZvsO2.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"86393"],"title":[0,"يلا شوت.. مشاهدة مباراة الزمالك وبلدية المحلة بث مباشر في كأس مصر"],"slug":[0,"يلا-شوت-مشاهدة-مباراة-الزمالك-وبلدية-ا"],"categorySlug":[0,"رياضة"],"image":[0,"https://alkhabrlive.com/wp-content/uploads/2025/12/elaosboa82376.webp"]}" ssr client="idle" opts="{"name":"ReadingHistoryTracker","value":true}"></astro-island><div id="next-article-bar" class="next-article-bar" data-url="/رياضة/post-107903"><div class="container-main"><a href="/رياضة/post-107903" 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.1 ألف مشاهدة</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>10 ألف مشاهدة</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="Z1k7f60" 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]">11:09 ص</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">(1502)</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">(660)</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">(406)</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">(399)</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">(364)</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">(236)</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">(200)</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">(198)</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/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">(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/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">(195)</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>
