شاهد.. أهداف مباراة منتخب مصر الثاني والكويت في كأس العرب 2025

تعادل منتخب مصر الثاني مع نظيره الكويتي بهدف لمثله،في المباراة التي جمعت بينهما اليوم الثلاثاء على ستاد لوسيل ضمن منافسات الجولة الأولى للمجموعة الثالثة ببطولة كأس العرب 2025 المقامة حاليا في قطر.. وسجل فهد الهاجري لاعب الكويت هدف التقدم لبلاده أمام مصر، بالدقيقة 63 من ضربة رأسية. وتعادل محمد مجدي أفشة، لمنتخب مصر أمام الكويت في الدقيقة 86 من علامة الجزاء. بينما شهدت المباراة إهدار عمرو السولية لاعب منتخب مصر ركلة جزاء في الدقيقة 37 أمام الكويت بعدما سدد الكرة خارج المرمى.

أهداف مباراة منتخب مصر الثاني والكويت </div><astro-island uid="Z2lBP1T" component-url="/_assets/ArticleReactions.Bq9aSCkj.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"82584"]}" 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-island><astro-island uid="fbUm3" component-url="/_assets/CommentsSection.BLovkJIP.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"82584"]}" 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-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="/رياضة/كريستيانو-رونالدو-يحسم-مستقبله-مع-منتخب-البرتغال-بعد-أزمته-مع-خورخي-خيسوس" 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/imago-sport-1083822508-1.webp" srcset="https://alkhabrlive.com/storage/imago-sport-1083822508-1.webp 300w, https://alkhabrlive.com/storage/imago-sport-1083822508-1.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-09-30T21:14:05.000000Z">منذ 4 ساعات</time> </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="/رياضة/التحقيق-في-مخالفات-مالية-بنادي-الزمالك-بقيمة-تتجاوز-16-مليار-جنيه" 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/34-3.webp" srcset="https://alkhabrlive.com/storage/34-3.webp 300w, https://alkhabrlive.com/storage/34-3.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="التحقيق في مخالفات مالية بنادي الزمالك بقيمة تتجاوز 1.6 مليار جنيه" 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"> التحقيق في مخالفات مالية بنادي الزمالك بقيمة تتجاوز 1.6 مليار جنيه </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-09-30T19:11:24.000000Z">منذ 6 ساعات</time> </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-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/./17515665411789120246.webp" srcset="https://alkhabrlive.com/storage/./17515665411789120246.webp 300w, https://alkhabrlive.com/storage/./17515665411789120246.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-09-30T15:23:07.000000Z">منذ 10 ساعات</time> </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-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/./fb-img-1719165969152-660x330.webp" srcset="https://alkhabrlive.com/storage/./fb-img-1719165969152-660x330.webp 300w, https://alkhabrlive.com/storage/./fb-img-1719165969152-660x330.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-09-30T15:18:33.000000Z">منذ 10 ساعات</time> </span> </div> </div> </a> </article></div></section><div id="swipe-data" class="hidden" data-next-title="كريستيانو رونالدو يحسم مستقبله مع منتخب البرتغال بعد أزمته مع خورخي خيسوس" data-next-url="/رياضة/كريستيانو-رونالدو-يحسم-مستقبله-مع-منتخب-البرتغال-بعد-أزمته-مع-خورخي-خيسوس" data-prev-title="التحقيق في مخالفات مالية بنادي الزمالك بقيمة تتجاوز 1.6 مليار جنيه" data-prev-url="/رياضة/التحقيق-في-مخالفات-مالية-بنادي-الزمالك-بقيمة-تتجاوز-16-مليار-جنيه"></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="S2TEI" component-url="/_assets/ViewTracker.ODxiWKjy.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"82584"]}" ssr client="idle" opts="{"name":"ViewTracker","value":true}"></astro-island><astro-island uid="Z19vFN" component-url="/_assets/ReadingHistoryTracker.BwEZvsO2.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"82584"],"title":[0,"شاهد.. أهداف مباراة منتخب مصر الثاني والكويت في كأس العرب 2025"],"slug":[0,"شاهد-أهداف-مباراة-منتخب-مصر-الثاني-وال"],"categorySlug":[0,"رياضة"],"image":[0,"https://alkhabrlive.com/wp-content/uploads/2025/12/٢٠٢٥١٢٠٢_١٨٢٣٣٠.jpg"]}" ssr client="idle" opts="{"name":"ReadingHistoryTracker","value":true}"></astro-island><div id="next-article-bar" class="next-article-bar" data-url="/رياضة/كريستيانو-رونالدو-يحسم-مستقبله-مع-منتخب-البرتغال-بعد-أزمته-مع-خورخي-خيسوس"><div class="container-main"><a href="/رياضة/كريستيانو-رونالدو-يحسم-مستقبله-مع-منتخب-البرتغال-بعد-أزمته-مع-خورخي-خيسوس" 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"> <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="/التعليم/هجمات-11-سبتمبر-كتاريخ-لا-كذكرى-جيل-كامل-سمع-ولم-يشاهد-1" 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"> نتيجة تنسيق المرحلة الثالثة 2026.. اعرف كليتك بالاسم ورقم الجلوس </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>11 سبتمبر 2026</span> </div> </div> </a><a href="/اقتصاد/حقيقة-تبكير-صرف-مرتبات-سبتمبر-2026-وموعد-الصرف-الرسمي-للعاملين-بالدولة" 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>17 سبتمبر 2026</span> </div> </div> </a><a href="/الحوادث/جريمة-أسرية-مروعة-ضبط-سيدة-مغربية-بتهمة-ذبح-ابنتها-في-بني-مزار" 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"> «جريمة أسرية مروعة».. ضبط سيدة مغربية بتهمة ذبح ابنتها في بني مزار </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>10 سبتمبر 2026</span> </div> </div> </a><a href="/أخبار-المحافظات/المياه-هتقطع-6-ساعات-تعرف-على-مناطق-الجيزة-المتأثرة-وموعد-عودتها" 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"> المياه هتقطع 6 ساعات.. تعرف على مناطق الجيزة المتأثرة وموعد عودتها </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>17 سبتمبر 2026</span> </div> </div> </a><a href="/الحوادث/اتعرف-عليها-في-ملهى-ليلي-القصة-الكاملة-لواقعة-الاعتداء-على-فتاة-قاصر-داخل-منزلها-بالجونة" 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>14 سبتمبر 2026</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/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/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/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/mgls-alnoab" 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/alty" 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/dakhl" 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/albhyr-1" 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="1DtIfc" 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]">01: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-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-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-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-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">(2625)</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">(965)</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">(769)</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">(697)</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">(590)</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">(522)</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">(428)</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">(417)</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">(408)</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">(377)</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">(365)</span> </a><a href="/tag/dakhl" 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">(356)</span> </a><a href="/tag/albhyr-1" 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">(348)</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">(345)</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">(338)</span> </a><a href="/tag/asaaar" 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">(335)</span> </a><a href="/tag/mntkhb-msr" 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> </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>