تردد قناة الرابعة العراقية الجديد 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/./1000833376.webp" srcset="https://alkhabrlive.com/storage/./1000833376.webp 300w, https://alkhabrlive.com/storage/./1000833376.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-08-29T21:17:48.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="/منوعات/تسريبات-iphone-20-هيكل-زجاجي-منحني-بالكامل-وشريط-كاميرا-أفقي-للذكرى-العشرين" 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/./611209224825520260828050239239.webp" srcset="https://alkhabrlive.com/storage/./611209224825520260828050239239.webp 300w, https://alkhabrlive.com/storage/./611209224825520260828050239239.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="تسريبات "iPhone 20".. هيكل زجاجي منحني بالكامل وشريط كاميرا أفقي للذكرى العشرين" 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"> تسريبات "iPhone 20".. هيكل زجاجي منحني بالكامل وشريط كاميرا أفقي للذكرى العشرين </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-08-29T06:25:49.000000Z">منذ 19 ساعات</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/202411050140394039.webp" srcset="https://alkhabrlive.com/storage/202411050140394039.webp 300w, https://alkhabrlive.com/storage/202411050140394039.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-08-27T20:12:37.000000Z">منذ يومين</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="/منوعات/دم-جديد-تركي-آل-الشيخ-يروج-لـ-عمل-جديد-من-قصته-في-2027" 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/./f25d86a2-213a-48d8-a42c-e5dc4ced47e9-16x9-1200x676.webp" srcset="https://alkhabrlive.com/storage/./f25d86a2-213a-48d8-a42c-e5dc4ced47e9-16x9-1200x676.webp 300w, https://alkhabrlive.com/storage/./f25d86a2-213a-48d8-a42c-e5dc4ced47e9-16x9-1200x676.webp 600w" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw" alt="دم جديد.. تركي آل الشيخ يروج لـ عمل جديد من قصته في 2027" 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"> دم جديد.. تركي آل الشيخ يروج لـ عمل جديد من قصته في 2027 </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-08-27T12:17:41.000000Z">منذ يومين</time> </span> </div> </div> </a> </article></div></section><div id="swipe-data" class="hidden" data-next-title="عائلة نجم شهير تقرر التبرع بدماغه بعد وفاته.. اعرف السبب؟" data-next-url="/منوعات/عائلة-نجم-شهير-تقرر-التبرع-بدماغه-بعد-وفاته-اعرف-السبب" data-prev-title="تسريبات "iPhone 20".. هيكل زجاجي منحني بالكامل وشريط كاميرا أفقي للذكرى العشرين" data-prev-url="/منوعات/تسريبات-iphone-20-هيكل-زجاجي-منحني-بالكامل-وشريط-كاميرا-أفقي-للذكرى-العشرين"></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="/منوعات/غدا-بدء-تطبيق-منظومة-الخصم-المباشر-للخبز" 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"> غدًا.. بدء تطبيق منظومة الخصم المباشر للخبز </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>31 يوليو 2026</span> </div> </div> </a><a href="/اقتصاد/سعر-الدولار-اليوم-بمصر-بعد-سحب-المركزي-2325-مليار-دولار-من-البنوك" 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"> سعر الدولار اليوم بمصر بعد سحب المركزي 23.25 مليار دولار من البنوك </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>5 أغسطس 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>منذ 6 أيام</span> </div> </div> </a><a href="/رياضة/الأهلي-يحسم-4-ملفات-بعد-غلق-باب-الانتقالات-الصيفية" 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"> الأهلي يحسم 4 ملفات بعد غلق باب الانتقالات الصيفية </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="/التعليم/انطلاق-تنسيق-المرحلة-الأولى-للقبول-بالجامعات-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"> 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"> انطلاق تنسيق المرحلة الأولى للقبول بالجامعات 2026.. ومؤشرات استرشادية للحدود الدنيا بالكليات </h4> <div class="flex items-center gap-2 mt-1 text-[11px] text-[var(--text-tertiary)]"> <span>6 أغسطس 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/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/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/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/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/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/ryys" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> رئيس </a><a href="/tag/ozyr" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> وزير </a><a href="/tag/null" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-surface-1 text-[var(--text-secondary)] hover:bg-brand hover:text-white transition-colors"> <span class="text-[var(--text-tertiary)]">#</span> الدوري المصري </a><a href="/tag/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> </div> </div> </aside> <astro-island uid="Z1NPVbR" 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:34 ص</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">(2308)</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">(890)</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">(712)</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">(613)</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">(513)</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">(479)</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">(402)</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">(382)</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">(354)</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">(351)</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">(346)</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">(314)</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">(312)</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">(305)</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">(301)</span> </a><a href="/tag/mhmd-slah" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-medium bg-slate-800 text-slate-300 hover:bg-brand hover:text-white transition-colors"> <span class="text-slate-500">#</span> محمد صلاح <span class="text-[10px] opacity-50">(296)</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">(287)</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>