@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap'); /* ═══════════════════════════════════════════════════════════════════════ path-skin.css — تصميم صفحات الـ path (النطاقات الفرعية) يُحمّل فقط عندما يحمل الكلاس "path-skin". المبدأ: نفس الفكرة والبنية والوظائف والألوان (ألوان النطاق تبقى كما هي من لوحة التحكم). نغيّر الأشكال الهندسية والتأثيرات فقط (نصف القطر، الحدود المحايدة، الظلال الخفيفة، القصّ clip-path، التحويلات، التخطيط) ليبدو مختلفاً عن الصفحة الرئيسية — بلا أي لون خلفية/نص ثابت. كل القواعد محصورة تحت html.path-skin حتى لا تمسّ الرئيسية أو لوحة التحكم. ═══════════════════════════════════════════════════════════════════════ */ /* ── حدود محايدة عامة (رمادي خفيف — لا لون هوية) ── */ html.path-skin #upro .border { border: 1px solid #bfbfbf; } html.path-skin #upro .modal-header.label-primary { border: 1px solid #ecdce4; } html.path-skin #d0 { border: 1px solid #ecdce41c; background-size: cover; } html.path-skin #rooms .label-primary { border: 1px solid #efefef !important; } html.path-skin #d0 .label-primary { border: 1px solid #e9e9e952 !important; } html.path-skin #settings .label-primary { border: 1px solid #ecdce4; } html.path-skin #settings .btn-primary { border: 1px solid #ecdce4; } html.path-skin #room .btn-primary { border: 1px solid #ecdce447; } html.path-skin #room .tablebox.d-flex.footer.fl.light { border: 1px solid #ecdce447; } html.path-skin .modal-header.label-primary { border: 1px solid #ecdce4; } html.path-skin .btn.btn-primary.u-nickc.fr.fa.fa-save { border: 1px solid #e7e7e7; } html.path-skin .label.fl.label-primary { border: 1px solid #e7e7e7; } html.path-skin input { border: 1px solid #ecdce4; } html.path-skin .tc { border: 1px solid #ecdce4; } html.path-skin .fl.borderg { border: 1px solid #bfbfbf; } /* ── الحواف المميّزة (0 10px 0 10px) للفقاعات والأزرار ── */ html.path-skin .uhtml { border-radius: 0 10px 0 10px; } html.path-skin button.blike.corner.btn.minix.btn-danger.fa.fa-heart { border-radius: 0 10px 0 10px; } html.path-skin button.border.btn.label.label-success.fl.fa.fa-plus { border-radius: 0 10px 0 10px; } html.path-skin button.rsave.btn.btn-primary.fl { background-size: cover; border-radius: 0 10px 0 10px; } html.path-skin .btn-primary.fa.fa-comments { border-radius: 0 10px 0 10px !important; border: 1px solid #ecdce447; } /* ── حواف مستديرة عامة للعناصر ── */ html.path-skin #rooms .corner.fa.fa-user.label.uc.fa-microphone.label-danger { border-radius: 5px !important; } html.path-skin #room #mic { border-radius: 5px !important; } html.path-skin div { border-radius: 3px; } /* ── محاذاة النصوص ── */ html.path-skin span.flex-grow-1.dots { text-align: center; } html.path-skin .dots { white-space: normal !important; } html.path-skin .mini.u-msg { max-height: 100% !important; } html.path-skin #users .mini.u-msg { text-align: center; } html.path-skin #des22 { text-align: center !important; font-size: 100% !important; } html.path-skin div#tlogins .u-topic.dots { width: 800px; } /* ── تحويلات موضعية (transform) لبعض الأيقونات ── */ html.path-skin span.btn.fr.fa.fa-eye { transform: matrix(1, 0, 0, 1, -40, -3); } html.path-skin .fa.fa-user.label.badgex.label-success { transform: matrix(1, 0, 0, 1, -55, 0); } html.path-skin #users img.co { transform: rotate(-55deg); margin-top: 2px !important; } /* ── تخطيط شاشة تسجيل الدخول (l1 / l2 / l3) ── */ html.path-skin div#l1 input#u1, html.path-skin div#l3 button { width: 98% !important; margin-left: 3px; } html.path-skin div#l2 button, html.path-skin div#l3 button { margin-left: 3px; height: 23px !important; padding: 0 5px; } html.path-skin div#l1 input#u1 { height: 25px !important; border-radius: 2px; border: 1px solid #e1e0e0; margin-top: 3px !important; text-align: center; } html.path-skin div#l2 input#pass1, html.path-skin div#l2 input#u2, html.path-skin div#l3 input#pass2, html.path-skin div#l3 input#u3 { height: 23px !important; width: 49% !important; padding: 0 !important; float: right; margin: 2px 5px 2px 0; } html.path-skin div#l2 input#u2, html.path-skin div#l3 input#u3 { margin-left: -6px; border-radius: 3px; border: 1px solid #e1e0e0; text-align: center; } html.path-skin div#l2 input#pass1, html.path-skin div#l3 input#pass2 { border-radius: 3px; border: 1px solid #e1e0e0; text-align: center; } html.path-skin div#l2, html.path-skin div#l3 { padding: 4px !important; } html.path-skin div#l1 { margin: 0 1px -18px; padding: 4px !important; } html.path-skin div#l1, html.path-skin div#l2, html.path-skin div#l3 { margin-bottom: 2px; margin-top: 3px; border-color: #2c4666; border-radius: 3px; height: 69px; } html.path-skin div#l1 button { border: 1px solid #2c4666 !important; width: 98%; height: 23px; margin-left: 3px; padding: 0 5px; } html.path-skin div#l2 button { width: 60%; } /* ── تبويبات (nav-tabs) — شكل وتخطيط بلا لون ── */ html.path-skin ul.nav.nav-tabs > li > a { border: none; text-align: center; border-radius: 3px; padding: 0 !important; margin-right: 20px !important; background-size: 300% 300%; } html.path-skin ul.nav.nav-tabs > li.active > a { border: none; border-radius: 3px; } html.path-skin ul.nav.nav-tabs > li { width: 32%; margin: 0 5px 0 0; } html.path-skin ul.nav.nav-tabs > li > .fa-user-plus:before, html.path-skin ul.nav.nav-tabs > li > .fa-user:before { float: right; margin-right: -25%; padding: 0 2px 1px; border-radius: 3px; width: 21px; text-align: center; background-size: 300% 300%; margin-top: 2px; } html.path-skin ul.nav.nav-tabs { margin-top: 2px; float: right; width: 100%; padding: 4px 1px; height: 30px !important; border-radius: 3px; background-size: 300% 300%; } /* ── سجلّ الدخول (tlogins) — أشكال وسكرول بلا ألوان هوية ── */ html.path-skin div#tlogins { border-radius: 3px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 1px 8px rgba(0,0,0,0.12); border: 1px solid #fff; max-width: 394px !important; } html.path-skin div#tlogins .fl.mini.u-msg { margin-top: 3px !important; border-radius: 3px !important; } html.path-skin div#tlogins .fl.hand.nosel.uzr { border-radius: 3px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 1px 8px rgba(0,0,0,0.10); margin: 1px 0; } html.path-skin div#tlogins .fitimg.u-pic { height: 52px !important; border: 1px solid #fff; margin-top: 2px; box-shadow: inset 0 0 0 rgba(0,0,0,.08), 0 0 2px rgba(0,0,0,0.25); } html.path-skin div#tlogins a.label.bg.d-flex.fl img.fl { margin-top: -1px; } html.path-skin div#tlogins::-webkit-scrollbar { width: 5px; height: 10px; } html.path-skin div#tlogins::-webkit-scrollbar-button { width: 5px; height: 5px; } html.path-skin div#tlogins::-webkit-scrollbar-thumb { border-radius: 31px; } html.path-skin div#tlogins::-webkit-scrollbar-track { border-radius: 34px; } /* ── صور المستخدمين وبطاقاتهم — أشكال وظلال محايدة ── */ html.path-skin .fitimg.u-pic { border: 1px solid #fff; box-shadow: inset 0 0 0 rgba(0,0,0,.08), 0 0 2px rgba(0,0,0,0.25); } /* ── شكل المايك (clip-path مميّز + حواف) ── */ html.path-skin #mic #muteall { margin-top: 1px; border: 1px solid; border-image: linear-gradient(45deg, gold, #ffd400) 5; clip-path: inset(0 round 15px 0 15px 0); box-shadow: 0 0 0 rgb(0 0 0), inset 0 0 4px rgb(0 0 0), 0 0 0 0 #000; } html.path-skin #mic .mic { text-align: center; width: 56px; background-image: none; border: 2px solid #afbfc2 !important; border-radius: 30% 1% !important; margin: 1px !important; height: 47px !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover; } /* ── تفاصيل صغيرة ── */ html.path-skin .corner.border.label.label-primary { border: 1px solid #ecdce4; background-size: cover; } html.path-skin .head.d-flex.nosel.bg.fl, html.path-skin .rsave.btn.btn-primary.fr, html.path-skin .fa.fa-send.sndpm.fl.btn.btn-primary, html.path-skin .fr.fa.fa-share-alt.sndfile.fl.btn.btn-primary, html.path-skin .fr.fa.fa-share-alt.sndfilebc.fl.btn.btn-primary, html.path-skin .btn-primary.fa.fa-comments, html.path-skin .bdel.corner.btn.minix.btn-primary.fa.fa-times, html.path-skin .fa.fa-send.sndbc.fl.btn.btn-primary { border: 1px solid #ecdce447; } html.path-skin span.s1.fa.fa-user.label.badgex.label-as-badge.label-success { padding: 0 3px 2px; margin-right: 5px; } html.path-skin label.label.label-primary.mini.fl { padding: 1px; border-radius: 3px !important; } html.path-skin a.label.bg.d-flex.fl { margin: 1px 0; padding: 1px !important; margin-bottom: 2px; text-align: right !important; } html.path-skin .bg.mini.fl { margin-bottom: 5px; } html.path-skin a.label.label-primary.fl { height: 26px; margin: 2px -155px; padding: 2px !important; margin-bottom: 2px; text-align: right !important; } html.path-skin a.label.label-primary.fl img.fl, html.path-skin button.btn.fr.btn-success.fa.fa-refresh, html.path-skin span.btn.fr.btn-success.fa.fa-refresh, html.path-skin div#l2 br, html.path-skin div#l3 br { display: none; } html.path-skin label.label.label-danger.border.nosel.fa.fa-close.fr { width: 30px; height: 30px; padding: 2px 8px !important; } html.path-skin .fr.borderg.minix { margin-top: 6px !important; } html.path-skin .fr.borderg, html.path-skin .fr.borderg a { font-size: 10px !important; padding: 0 5px !important; position: relative; } html.path-skin .fr.borderg { border: 0; margin-top: 0; height: 0; } /* ── أنيميشن (بلا ألوان هوية) ── */ @keyframes grad { 0% { background-position: 14% 0; } 50% { background-position: 87% 100%; } 100% { background-position: 14% 0; } } /* ── بطاقات أحدث الصفحات (path cards) — تأثير التحويم ── */ html.path-skin .path-card:hover { transform: translateY(-2px); filter: brightness(1.06); } html.path-skin .path-card:active { transform: scale(0.98); } /* ═══════════════ تنسيق محتوى النطاق المخصّص (#path-content) ═══════════════ يجعل أي محتوى تضعه (نص/HTML) يظهر منسّقاً وأنيقاً تلقائياً. يستخدم currentColor حيث أمكن ليتبع لون النطاق. */ html.path-skin #path-content { padding: 16px 14px !important; line-height: 1.9; font-size: 14.5px; color: #2b2b2b; text-align: right; direction: rtl; word-wrap: break-word; } html.path-skin #path-content > *:first-child { margin-top: 0; } html.path-skin #path-content > *:last-child { margin-bottom: 0; } /* العناوين — بلون النطاق (currentColor يأتي من لون النص الافتراضي، لكن نبرزها) */ html.path-skin #path-content h1, html.path-skin #path-content h2, html.path-skin #path-content h3, html.path-skin #path-content h4 { margin: 14px 0 8px; font-weight: 800; line-height: 1.4; color: #7a1220; /* بديل محايد داكن؛ يمكن للنطاق تجاوزه عبر head مخصّص */ } html.path-skin #path-content h1 { font-size: 22px; } html.path-skin #path-content h2 { font-size: 19px; } html.path-skin #path-content h3 { font-size: 17px; } html.path-skin #path-content h4 { font-size: 15px; } /* الفقرات والقوائم */ html.path-skin #path-content p { margin: 0 0 12px; } html.path-skin #path-content ul, html.path-skin #path-content ol { margin: 0 0 12px; padding-right: 22px; padding-left: 0; } html.path-skin #path-content li { margin-bottom: 6px; } /* الروابط */ html.path-skin #path-content a { color: #1d6fb8; text-decoration: none; font-weight: bold; border-bottom: 1px dashed rgba(29, 111, 184, 0.4); } html.path-skin #path-content a:hover { border-bottom-style: solid; } /* الصور */ html.path-skin #path-content img { max-width: 100%; height: auto; border-radius: 10px; margin: 8px 0; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } /* اقتباس */ html.path-skin #path-content blockquote { margin: 12px 0; padding: 8px 14px; border-right: 4px solid rgba(127, 127, 127, 0.35); background: rgba(127, 127, 127, 0.06); border-radius: 8px; color: #444; } /* فاصل */ html.path-skin #path-content hr { border: 0; border-top: 1px solid rgba(127, 127, 127, 0.25); margin: 16px 0; } /* جداول */ html.path-skin #path-content table { width: 100%; border-collapse: collapse; margin: 12px 0; } html.path-skin #path-content th, html.path-skin #path-content td { border: 1px solid rgba(127, 127, 127, 0.25); padding: 8px; text-align: right; } html.path-skin #path-content th { background: rgba(127, 127, 127, 0.08); font-weight: bold; } /* ═══════════════ تمييز الأيقونات في صفحات الـ path (بصري فقط) ═══════════════ نستبدل رموز FontAwesome في شريط التنقّل والأزرار البارزة برموز/إيموجي مختلفة، ليختلف الشكل البصري عن الصفحة الرئيسية. لا يمسّ الوظائف. نعيد ضبط الخط إلى خط الرموز حتى تظهر الإيموجي بدل محرف FontAwesome. */ /* شريط التنقّل السفلي — نستخدم !important لتجاوز تعريفات FontAwesome المضمّنة */ html.path-skin #d0 .ae.fa-user::before { content: "👥" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } html.path-skin #d0 .ae.fa-comment::before { content: "✉️" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } html.path-skin #d0 .ae.fa-users::before { content: "🏠" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } html.path-skin #d0 .ae.fa-comments::before { content: "📰" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } html.path-skin #d0 .ae.fa-gear::before { content: "⚙️" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } /* ملاحظة: نقتصر على أيقونات شريط التنقّل (specificity عالٍ عبر #d0) لتفادي التعارض مع أيقونات FontAwesome الأخرى وتحوّلها لمربّعات. */ /* ═══════════════ أيقونات شاشة الدخول (#tlogins) — يراها الزائر وجوجل ═══════════════ نستبدلها بإيموجي بخطّها الخاص + !important، ونستثنيها من قاعدة FontAwesome العامة عبر تحديد أعلى (داخل #tlogins) حتى لا تتحوّل لمربّعات. */ html.path-skin #tlogins .nav-tabs .fa-user::before { content: "👤" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } html.path-skin #tlogins .nav-tabs .fa-user-plus::before { content: "📝" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } /* العدّاد (شارة عدد المتصلين) */ html.path-skin #tlogins #s1.fa-user::before, html.path-skin #s1.fa.fa-user::before { content: "👥" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } /* زر إظهار كلمة المرور (العين) */ html.path-skin #tlogins .fa-eye::before, html.path-skin #tlogins .fa-eye { font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; } html.path-skin #tlogins .fa-eye::before { content: "👁️" !important; font-weight: normal !important; } /* زر التحديث */ html.path-skin #tlogins .fa-refresh::before { content: "🔄" !important; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif !important; font-weight: normal !important; } /* ═══════════════ خط مختلف لصفحات الـ path ═══════════════ خط عربي مختلف يغيّر الإحساس البصري (يُحمّل من Google Fonts). مهم: لا نطبّقه على عناصر الأيقونات (.fa) حتى لا تتحوّل لمربّعات فارغة. */ html.path-skin, html.path-skin body, html.path-skin .u-topic, html.path-skin .u-msg, html.path-skin #path-content, html.path-skin .pnhead { font-family: "Tajawal", "Cairo", "Segoe UI", Tahoma, sans-serif; } /* ضمان بقاء خط الأيقونات (FontAwesome) على كل عناصر .fa وأزرارها */ html.path-skin .fa, html.path-skin .fa::before { font-family: "FontAwesome" !important; } /* ═══════════════ تلوين شريط الحالة (الأخضر → أزرق) + مسافة العدّاد ═══════════════ في صفحات الـ path نغيّر خلفية العناصر الخضراء (متصل + العدّاد) إلى أزرق. */ html.path-skin .label-success, html.path-skin .btn-success, html.path-skin #s1.label-success, html.path-skin #tlogins #s1 { background-color: #2563eb !important; background-image: linear-gradient(135deg, #3b82f6, #1d4ed8) !important; color: #fff !important; border-color: #1d4ed8 !important; } /* مسافة حول العدّاد (بين الأيقونة والرقم وأطراف الشارة) */ html.path-skin #tlogins #s1 { padding: 3px 10px !important; letter-spacing: 1px; border-radius: 8px !important; } html.path-skin #tlogins #s1.fa-user::before, html.path-skin #s1.fa.fa-user::before { margin-left: 6px; /* مسافة بين الأيقونة والرقم */ } /* ═══════════════ رأس صفحة الـ path (اللوجو + الاسم) ═══════════════ نغيّر شكل عرض الرأس فقط (بلا لمس الصورة أو النص). */ html.path-skin #tlogins > div > .label.bg.d-flex.fl:first-child, html.path-skin #tlogins .label.bg.d-flex.fl { border-radius: 0 0 14px 14px !important; /* زوايا سفلية مستديرة */ padding: 10px 12px !important; box-shadow: 0 3px 10px rgba(0,0,0,0.18); position: relative; } /* خط سفلي مميّز يتبع لون النطاق */ html.path-skin #tlogins .label.bg.d-flex.fl::after { content: ""; position: absolute; bottom: 0; left: 18%; right: 18%; height: 3px; border-radius: 999px; background: currentColor; opacity: 0.5; } /* اللوجو: إطار دائري أنيق حوله */ html.path-skin #site_logo_prv1 { width: 40px !important; height: 40px !important; border-radius: 50% !important; padding: 2px; background: rgba(255,255,255,0.9); box-shadow: 0 2px 6px rgba(0,0,0,0.3); border: 2px solid rgba(255,255,255,0.6); } html.path-skin #site_logo_prv1_img { width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover; } /* اسم الموقع في الرأس: محاذاة وخط أثقل */ html.path-skin #tlogins .label.bg.d-flex.fl .flex-grow-1.dots { font-weight: 800; letter-spacing: 0.5px; font-size: 16px; padding-right: 8px; } /* ═══════════════ شريط الحقوق (footer) بتصميم مميّز لصفحات الـ path ═══════════════ */ html.path-skin #tlogins .cop, html.path-skin .borderg.minix.cop { height: auto !important; min-height: 30px; padding: 9px 12px !important; text-align: center !important; font-size: 11.5px !important; line-height: 1.6; color: #334155 !important; /* نص داكن واضح على الخلفية الفاتحة */ background: #eef2f7 !important; /* خلفية فاتحة موحّدة */ border-top: 2px solid #1d4ed8; /* خط علوي أزرق واضح */ border-radius: 12px 12px 0 0 !important; box-shadow: 0 -3px 10px rgba(0,0,0,0.10); letter-spacing: 0.2px; font-weight: 600; } html.path-skin #tlogins .cop a, html.path-skin .borderg.minix.cop a { color: #1d4ed8 !important; /* رابط أزرق غامق واضح */ font-weight: bold; text-decoration: none; border-bottom: 1px dashed rgba(29,78,216,0.5); } html.path-skin #tlogins .cop a:hover, html.path-skin .borderg.minix.cop a:hover { border-bottom-style: solid; } /* ═══════════════ خلفية صفحة الـ path + إطار نموذج الدخول (CSS مظهري فقط) ═══════════════ */ /* خلفية المنطقة الخارجية (خلف لوحة الشات) — نمط خفيف يغيّر الانطباع الأول. لا نمسّ .bg (لون النطاق) — نغيّر فقط منطقة #site_main الخلفية. */ html.path-skin #site_main { background-color: #1f2733; background-image: radial-gradient(circle at 18% 22%, rgba(59,130,246,0.16), transparent 42%), radial-gradient(circle at 82% 78%, rgba(29,78,216,0.14), transparent 45%), linear-gradient(135deg, #1f2733 0%, #263243 100%); background-attachment: fixed; } /* إطار/بطاقة حول نموذج الدخول (التبويبات + الحقول) — بصري فقط، لا يمسّ الوظائف */ html.path-skin #tlogins .tab-content.fl { background: rgba(255,255,255,0.55); border: 1px solid rgba(29,78,216,0.18); border-radius: 0 0 14px 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.10), inset 0 1px 0 rgba(255,255,255,0.6); margin: 0 8px 6px; padding: 4px !important; box-sizing: border-box; } /* حقول الإدخال داخل الإطار — لمسة أنعم */ html.path-skin #tlogins .tab-content .border.corner { border: 1px solid rgba(29,78,216,0.25) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.06); } /* ═══════════════ لمسات بصرية إضافية لصفحات الـ path (CSS فقط) ═══════════════ */ /* زر الدخول: تدرّج، حواف، أيقونة، وتأثير تحويم — بصري فقط */ html.path-skin #tlogins .tab-content .btn-primary { border-radius: 10px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.2) !important; transition: transform .12s ease, box-shadow .12s ease, filter .12s ease; letter-spacing: 0.5px; } html.path-skin #tlogins .tab-content .btn-primary::before { content: "🚪 "; font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif; } html.path-skin #tlogins .tab-content .btn-primary:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 6px 16px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.25) !important; } html.path-skin #tlogins .tab-content .btn-primary:active { transform: scale(0.98); } /* أنيميشن ظهور تدريجي خفيف لعناصر شاشة الدخول */ @keyframes pkFadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } html.path-skin #tlogins > div > .label.bg.d-flex.fl, html.path-skin #tlogins .nav-tabs, html.path-skin #tlogins .tab-content, html.path-skin #path-cards, html.path-skin #path-content { animation: pkFadeUp .45s ease both; } /* تأخير متدرّج ليظهروا بالتتابع */ html.path-skin #tlogins .nav-tabs { animation-delay: .06s; } html.path-skin #tlogins .tab-content { animation-delay: .12s; } html.path-skin #path-cards { animation-delay: .18s; } html.path-skin #path-content { animation-delay: .24s; } /* نمط خلفية بديل: موجات ناعمة فوق التدرّج (تعزّز تميّز الخلفية) */ html.path-skin #site_main::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: 0.5; background-image: radial-gradient(circle at 12% 88%, rgba(96,165,250,0.10), transparent 30%), radial-gradient(circle at 88% 12%, rgba(147,197,253,0.10), transparent 30%); }