/* ============================================================ الأرض الجديدة — الغشاء الموحّد (New Earth unified shell) §153: روحُ الرواق مُعمَّمةٌ على كلّ الصفحات. ذهبٌ على ليلٍ عميق. لا أبيض. خطوطٌ مستضافةٌ محليًّا. كلُّ الأصناف مسبوقةٌ بـ ne- حتّى لا تصطدم بأنماط الصفحات. ============================================================ */ @import url("/fonts/newearth-fonts.css"); :root{ --ne-ink:#05060d; --ne-ink-2:#0a0c18; --ne-ink-3:#10131f; --ne-gold:#d8b25e; --ne-gold-soft:#ecd9a6; --ne-gold-deep:#a87c36; --ne-star:#f6efdd; --ne-parch:#e9ddc0; --ne-parch-ink:#4a3a22; --ne-seal:#8a3b2e; --ne-muted:#9a917e; --ne-edge:1px solid rgba(216,178,94,.22); --ne-shadow:0 30px 80px rgba(0,0,0,.6); --ne-font-ar:"Amiri",serif; --ne-font-ar-display:"Aref Ruqaa","Amiri",serif; --ne-font-en:"EB Garamond",Georgia,serif; --ne-font-en-display:"Cormorant Garamond",serif; --ne-bar-h:64px; --ne-z-atmos:-1; --ne-z-letters:2147478000; --ne-z-clock:2147478500; --ne-z-pulse:2147479000; --ne-z-scrim:2147479900; --ne-z-bar:2147480000; --ne-z-panel:2147480100; --ne-z-loader:2147481000; --ne-z-ctx:2147481100; } /* ---------- الأرضيّة: ليلُ الأرض الجديدة تحت كلّ صفحة ---------- */ html[data-ne-shell="on"]{background:var(--ne-ink)} html[data-ne-shell="on"] body{ font-family:var(--ne-font-ar); padding-block-start:var(--ne-bar-h); } html[data-ne-shell="on"][lang="en"] body{font-family:var(--ne-font-en)} /* الصفحاتُ الليليّة فقط تُفتَح على السماء؛ الصفحةُ الفاتحةُ تبقى كما هي (حمايةً للقراءة) */ html[data-ne-shell="on"][data-ne-ground="sky"] body{ background-color:transparent;background-image:none;color:var(--ne-gold-soft); } html[data-ne-shell="on"][data-ne-ground="sky"] body>main, html[data-ne-shell="on"][data-ne-ground="sky"] body>.foundation-shell, html[data-ne-shell="on"][data-ne-ground="sky"] body>.page-shell, html[data-ne-shell="on"][data-ne-ground="sky"] body>.shell, html[data-ne-shell="on"][data-ne-ground="sky"] body>#app, html[data-ne-shell="on"][data-ne-ground="sky"] body>.app{ background-color:transparent;background-image:none; } html[data-ne-shell="on"] .ne-shell, html[data-ne-shell="on"] .ne-shell *{box-sizing:border-box} html[data-ne-shell="on"] .ne-shell button{font:inherit;cursor:pointer} /* ---------- الغلافُ الحيّ (خلف المحتوى) ---------- */ .ne-atmos{position:fixed;inset:0;z-index:var(--ne-z-atmos);pointer-events:none;overflow:hidden} html[data-ne-ground="page"] .ne-atmos{display:none} .ne-sky{position:absolute;inset:0} .ne-timetint{position:absolute;inset:0;mix-blend-mode:soft-light;opacity:.55; transition:background 5s ease,opacity 5s ease;background:transparent} .ne-beam{position:absolute;inset:0;transform-origin:50% 40%; background: radial-gradient(60% 80% at 50% 42%, rgba(168,124,54,.14), transparent 60%), radial-gradient(40% 55% at 50% 30%, rgba(236,217,166,.10), transparent 65%); animation:ne-beambreath 10s ease-in-out infinite} @keyframes ne-beambreath{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.12)}} .ne-worldbreath{position:absolute;inset:0; background:radial-gradient(circle at 50% 44%, transparent 38%, rgba(0,0,0,.55));animation:ne-wbreath 6.5s ease-in-out infinite} @keyframes ne-wbreath{0%,100%{opacity:.34}50%{opacity:.72}} /* النجمةُ الواحدةُ المشعّة */ .ne-northstar{position:absolute;inset-block-start:13%;inset-inline-start:50%;width:clamp(120px,16vw,196px);height:auto; filter:drop-shadow(0 0 22px rgba(236,217,166,.55));animation:ne-nspulse 4s ease-in-out infinite} @keyframes ne-nspulse{0%,100%{opacity:.62;transform:translateX(-50%) scale(.93)}50%{opacity:.92;transform:translateX(-50%) scale(1.07)}} @media (prefers-reduced-motion: reduce){ .ne-beam,.ne-worldbreath{animation:none} .ne-northstar{animation:none;transform:translateX(-50%);opacity:.75} } /* ---------- نبضُ الدقيقة والساعة (فوق كلّ شيء، بلا لمس) ---------- */ .ne-pulse{position:fixed;inset:0;z-index:var(--ne-z-pulse);pointer-events:none;opacity:0; box-shadow:inset 0 0 0 rgba(216,178,94,0)} .ne-pulse.ne-min{animation:ne-pmin 2.4s ease-out} .ne-pulse.ne-hour{animation:ne-phour 3.6s ease-out} @keyframes ne-pmin{0%{opacity:0;box-shadow:inset 0 0 0px rgba(216,178,94,0)} 30%{opacity:1;box-shadow:inset 0 0 90px rgba(216,178,94,.10)} 100%{opacity:0;box-shadow:inset 0 0 200px rgba(216,178,94,0)}} @keyframes ne-phour{0%{opacity:0;box-shadow:inset 0 0 0px rgba(216,178,94,0)} 28%{opacity:1;box-shadow:inset 0 0 160px rgba(236,217,166,.20)} 100%{opacity:0;box-shadow:inset 0 0 360px rgba(216,178,94,0)}} @media (prefers-reduced-motion: reduce){.ne-pulse.ne-min,.ne-pulse.ne-hour{animation:none}} /* ---------- شريطُ الأدوات الثابت ---------- */ .ne-bar{position:fixed;inset-block-start:0;inset-inline:0;height:var(--ne-bar-h);z-index:var(--ne-z-bar); display:flex;align-items:center;gap:6px;padding:0 clamp(10px,2vw,20px); background:linear-gradient(180deg,rgba(5,6,13,.94),rgba(5,6,13,.66) 70%,transparent); backdrop-filter:blur(6px);font-family:var(--ne-font-ar)} html[lang="en"] .ne-bar{font-family:var(--ne-font-en)} .ne-brand{display:flex;align-items:center;gap:9px;margin-inline-end:6px;text-decoration:none;background:transparent;border:0;padding:0} .ne-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 12px rgba(216,178,94,.5))} .ne-brand b{font-family:var(--ne-font-ar-display);color:var(--ne-gold-soft);font-size:1.05rem;font-weight:400;white-space:nowrap} html[lang="en"] .ne-brand b{font-family:var(--ne-font-en-display);font-weight:500} .ne-tools{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none} .ne-tools::-webkit-scrollbar{display:none} /* 265: زرُّ الأصدقاءِ وحدَه والبقيّةُ