تردد قناة الرابعة العراقية الجديد 2025 على النايل سات لمشاهدة مباراة العراق والإمارات

قناة الرابعة الرياضية تقديم تغطية رياضية متميزة، وهو ما ساهم في زيادة شعبيتها خلال الفترة الأخيرة، حيث تعرض القناة أبرز البطولات والمباريات على المستويين المحلي والدولي، مع استوديوهات تحليلية ضخمة تسلط الضوء على أهم الأحداث والتفاصيل الرياضية.
تردد قناة الرابعة العراقية الجديد

قناة الرابعة الرياضية العراقية بثًا عالي الجودة (HD) على الأقمار الصناعية نايل سات وعرب سات، ويمكن استقبالها على الترددات التالية:

خطوات تنزيل تردد قناة الرابعة العراقية الجديد
قناة الرابعة العراقية على أجهزة الرسيفر، يجب الدخول إلى قائمة الإعدادات، ثم اختيار "التركيب" وتحديد القمر الصناعي، ثم إضافة التردد ومعدل الترميز والاستقطاب، والضغط على "بحث التردد" ومن ثم "موافق" لاستقبال القناة.
موعد مباراة الإمارات والعراق في ملحق تصفيات كأس العالم 2026</span></h2> <ul> <li>تقام مباراة الإمارات والعراق في ملحق تصفيات كأس العالم 2026، يوم الخميس الموافق 13 نوفمبر 2025.</li> <li>وتنطلق صافرة بداية المباراة في تمام الساعة 08:00 مساءً بتوقيت أبوظبي. والساعة 07:00 مساءً بتوقيت مكة المكرمة.</li> </ul></div><div class="my-5"></div><astro-island uid="Z25gmCy" component-url="/_assets/ArticleReactions.Bq9aSCkj.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"79722"]}" 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="vxnKo" component-url="/_assets/CommentsSection.BLovkJIP.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"79722"]}" 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-purple-500 to-purple-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">interests</span> </div> <img src="https://alkhabrlive.com/storage/201907240720422042-1.webp" srcset="https://alkhabrlive.com/storage/201907240720422042-1.webp 300w, https://alkhabrlive.com/storage/201907240720422042-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-purple-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-29T18:18:50.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-purple-500 to-purple-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">interests</span> </div> <img src="https://alkhabrlive.com/storage/./2028362.webp" srcset="https://alkhabrlive.com/storage/./2028362.webp 300w, https://alkhabrlive.com/storage/./2028362.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-purple-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-29T18:10:08.000000Z">منذ 18 دقائق</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-purple-500 to-purple-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">interests</span> </div> <img src="https://alkhabrlive.com/storage/202305210116281628.webp" srcset="https://alkhabrlive.com/storage/202305210116281628.webp 300w, https://alkhabrlive.com/storage/202305210116281628.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-purple-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-29T17:31:20.000000Z">منذ 57 دقائق</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-purple-500 to-purple-700" aria-hidden="true"> <span class="material-symbols-rounded text-white/30 text-[52px]">interests</span> </div> <img src="https://alkhabrlive.com/storage/elaosboa27940-1-90x90-2.webp" srcset="https://alkhabrlive.com/storage/elaosboa27940-1-90x90-2.webp 300w, https://alkhabrlive.com/storage/elaosboa27940-1-90x90-2.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-purple-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-29T16:37:10.000000Z">منذ ساعة</time> </span> </div> </div> </a> </article></div></section><div id="swipe-data" class="hidden" data-next-title="جهاز قابل للارتداء يجمع قياس السكر وضخ الأنسولين تلقائيًا" data-next-url="/منوعات/جهاز-قابل-للارتداء-يجمع-قياس-السكر-وضخ-الأنسولين-تلقائيا" data-prev-title="هتلمعي بعد الشاور.. مرطب ومعطر طبيعي للجسم بالبيت" data-prev-url="/منوعات/هتلمعي-بعد-الشاور-مرطب-ومعطر-طبيعي-للجسم-بالبيت"></div><div id="swipe-hint" class="swipe-hint"><span class="material-symbols-rounded text-[16px]">swipe</span><span id="swipe-hint-text"></span></div><astro-island uid="19on44" component-url="/_assets/ViewTracker.ODxiWKjy.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"79722"]}" ssr client="idle" opts="{"name":"ViewTracker","value":true}"></astro-island><astro-island uid="ZJoXVw" component-url="/_assets/ReadingHistoryTracker.BwEZvsO2.js" component-export="default" renderer-url="/_assets/client.CoVSrhxm.js" props="{"postId":[0,"79722"],"title":[0,"تردد قناة الرابعة العراقية الجديد 2025 على النايل سات لمشاهدة مباراة العراق والإمارات"],"slug":[0,"تردد-قناة-الرابعة-العراقية-الجديد-2025-عل"],"categorySlug":[0,"منوعات"],"image":[0,"https://alkhabrlive.com/wp-content/uploads/2025/11/2025_10_17_11_41_42_163.png"]}" 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/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> </div> </div> </aside> <astro-island uid="ocSaO" 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]">06:28 م</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">(2608)</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">(766)</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">(690)</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">(573)</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">(426)</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">(416)</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">(406)</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">(375)</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">(363)</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">(353)</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">(347)</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">(340)</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">(336)</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">(334)</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">(316)</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>