/* ============================================================================ PersonalVault.TOP — CSS КОНФИГ ОФОРМЛЕНИЯ (pv-config.css) ---------------------------------------------------------------------------- Единая точка настройки стилистики сайта. Правьте ЗНАЧЕНИЯ справа — они применяются ко всем блокам, которые ссылаются на переменные. Подключается ДО инлайновых стилей index.html и /css/pv-hero.css. Разделы: [1] Базовые цвета и фон страницы [2] Текст [3] Шрифты [4] Рамки / борды [5] Скругления (радиусы) [6] Прозрачность и блюр блоков [7] Свечения и тени [8] Фоновые слои (canvas «бесконечная цепь Монеро», свечение) [9] Кнопки, чипы, переключатель языков [10] HERO v2 — цифровая чёрная дыра Монеро + орбитальное меню ============================================================================ */ :root { /* ------------------------------------------------------------------ [1] БАЗОВЫЕ ЦВЕТА И ФОН СТРАНИЦЫ ------------------------------------------------------------------ */ --xmr-orange: #f26822; /* главный оранжевый Монеро */ --xmr-orange-soft: #ff8c42; /* мягкий оранжевый (акценты, ховеры) */ --xmr-orange-dim: rgba(242, 104, 34, 0.25); /* приглушённый оранжевый (борды) */ --bg-0: #0a0a0c; /* фон страницы (почти чёрный) */ --bg-1: #121216; /* фон второй ступени (панели, селекты) */ --surface: rgba(255, 255, 255, 0.03); /* фон карточек (полупрозрачная плёнка) */ --surface-2: rgba(255, 255, 255, 0.05);/* фон заметок (kit-note) */ --block-alpha: 0.03; /* прозрачность карточек */ --block-alpha-2: 0.05; /* прозрачность заметок */ /* ------------------------------------------------------------------ [2] ТЕКСТ ------------------------------------------------------------------ */ --text-main: #f5f5f4; /* основной текст */ --text-dim: #a8a29e; /* вторичный текст (описания) */ --text-faint: #78716c; /* приглушённый текст (футер, сноски) */ /* ------------------------------------------------------------------ [3] ШРИФТЫ ------------------------------------------------------------------ */ --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; --font-hero-glyphs: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; /* цифры/формулы чёрной дыры */ /* ------------------------------------------------------------------ [4] РАМКИ / БОРДЫ ------------------------------------------------------------------ */ --border-width: 1px; /* толщина бордов */ --border-soft: rgba(255, 255, 255, 0.14); /* борд вторичных кнопок */ --border-faint: rgba(255, 255, 255, 0.06); /* борд футера */ --border-dash: rgba(242, 104, 34, 0.4); /* пунктир заметок (kit-note) */ --border-card: rgba(242, 104, 34, 0.6); /* борд карточки на ховере */ /* ------------------------------------------------------------------ [5] СКРУГЛЕНИЯ (РАДИУСЫ) ------------------------------------------------------------------ */ --radius-sm: 8px; /* селект языка */ --radius-btn: 10px; /* кнопки CTA */ --radius-note: 12px; /* kit-note */ --radius-card: 14px; /* карточки фич/уровней */ --radius-card-lg: 16px; /* карточки режимов Ф1/Ф2 */ --radius-block: 18px; /* блок «АРХИТЕКТУРА НЕЗАВИСИМОСТИ» */ --radius-pill: 999px; /* чипы и бейджи-«таблетки» */ /* ------------------------------------------------------------------ [6] ПРОЗРАЧНОСТЬ И БЛЮР БЛОКОВ ------------------------------------------------------------------ */ --blur-card: 6px; /* backdrop-blur карточек */ --blur-panel: 10px; /* backdrop-blur селекта языка */ --blur-modal: 18px; /* блюр фона при открытии модалки раздела */ /* ------------------------------------------------------------------ [7] СВЕЧЕНИЯ И ТЕНИ ------------------------------------------------------------------ */ --glow-top: rgba(242, 104, 34, 0.13); /* верхнее свечение страницы */ --glow-card: 0 0 24px rgba(242, 104, 34, 0.12); /* свечение карточки на ховере */ --glow-card-lg: 0 0 28px rgba(242, 104, 34, 0.12); /* свечение режимов на ховере */ --glow-logo: 0 0 18px rgba(242, 104, 34, 0.35); /* свечение логотипа */ --glow-btn: 0 4px 18px rgba(242, 104, 34, 0.25); /* тень главной кнопки */ --glow-btn-hover: 0 6px 24px rgba(242, 104, 34, 0.4); --glow-select-focus: 0 0 0 2px rgba(242, 104, 34, 0.2); /* ------------------------------------------------------------------ [8] ФОНОВЫЕ СЛОИ ------------------------------------------------------------------ */ --chain-opacity: 0.9; /* прозрачность canvas «бесконечная цепь» */ --bg-glow-h: 70vh; /* высота верхнего свечения */ --bg-glow-w: 140vw; /* ------------------------------------------------------------------ [9] КНОПКИ, ЧИПЫ, ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКОВ ------------------------------------------------------------------ */ --chip-bg: rgba(242, 104, 34, 0.08); /* фон статус-чипа */ --btn-hover-bg: rgba(242, 104, 34, 0.08); /* фон вторичной кнопки на ховере */ --lang-panel-bg: rgba(18, 18, 22, 0.92); /* фон селекта языка */ /* ================================================================== [10] HERO v4 — ЦИФРОВАЯ ЧЁРНАЯ ДЫРА МОНЕРО + ОРБИТАЛЬНОЕ МЕНЮ (директивы 27.10.2026, волна 3: дыра −20% от волны 2; ДВЕ НЕЗАВИСИМЫЕ карусели — верх (цвет, позитив, 7 пунктов) и низ (ч/б, защита, 7); картинки ×0.7; подписи ÷2 и всегда ПОД картинкой; обе карусели на заднем плане — за потоком хешей (z7) и чёрным ядром (z8); логотип ×1.5; у линии потока карточки плавно гаснут прозрачностью (mask-градиент) вместо резкой обрезки) ================================================================== */ /* Чёрная дыра: ядро и амбиент-диск цифр/формул */ --pv-hole-ratio: 0.336; /* радиус чёрного ядра = доля от min(w,h) — было 0.42, −20% (волна 3, п.1) */ --pv-hole-core-min: 157px; /* минимальный радиус ядра (было 196, ×0.8) */ --pv-hole-core-max: 358px; /* максимальный радиус ядра (было 448, ×0.8) */ --pv-hole-ring-glow: rgba(242, 104, 34, 0.38); /* статичное фотонное кольцо — яркость формируют числа */ --pv-hole-disk-out: 0.78; /* радиус внешнего края амбиент-диска = доля от min(w,h) (было 0.62) */ --pv-glyph-count: 210; /* базовое число цифр/формул амбиент-диска (в js делится на 2 слоя) */ --pv-glyph-speed: 0.333; /* множитель скорости амбиент-диска — замедлен ещё /3 (директива п.4) */ /* Гало вокруг чёрной дыры */ --pv-halo-pad: 140px; /* протяжённость гало за краем ядра — было 70, ×2 (директива п.7) */ --pv-halo-boost: 1.25; /* яркость гало — было 1.0, +25% (директива п.7) */ /* Поток хешей: струя за центром + петля 360° + 2 доп. орбитальных кольца */ --pv-flow-count: 300; /* число бегущих чисел/хешей — было 150, ×2 (директива п.2) */ --pv-flow-speed: 1.0; /* множитель скорости потока (база 30 px/s — было 60, /2, п.2) */ --pv-flow-ring-k: 1.06; /* радиус петли = радиус ядра × k */ --pv-flow-ring2-k: 1.16; /* доп. кольцо 2 — шире петли (п.2: «ещё пару слоёв») */ --pv-flow-ring3-k: 1.28; /* доп. кольцо 3 — ещё шире */ --pv-flow-orbit-count: 90; /* частиц на каждом доп. кольце (адаптируется) */ /* Орбитальное меню: ВЕРХНЯЯ карусель (цвет, позитив, 7 пунктов) + НИЖНЯЯ (ч/б, защита, 7 пунктов) — НЕЗАВИСИМЫЕ вращения (п.2, волна 3) */ --pv-orb-size-min: 314px; /* минимальный размер карточки — было 448, ×0.7 (п.3) */ --pv-orb-size-max: 840px; /* максимальный размер карточки — было 1200, ×0.7 (п.3) */ --pv-orb-rx-ratio: 0.46; /* гориз. радиус орбиты = доля ширины hero */ --pv-orb-ry-ratio: 0.24; /* верт. радиус — ужат: подпись под нижней карточкой всегда видна */ --pv-orb-edge-blur: 74%; /* до какой доли карточка видима (размытие краёв) */ --pv-orb-auto-speed: 0.00015; /* автоворот орбит, рад/кадр (0 = выключить) */ --pv-orb-fade: 11%; /* ширина зоны плавного исчезновения у линии потока (п.8) */ --pv-orb-glow-hover: 0 0 34px rgba(242, 104, 34, 0.45); /* Модальное окно раздела (2/3 картинка + 1/3 текст) */ --pv-modal-w: min(1040px, 94vw); /* ширина панели */ --pv-modal-h: min(86vh, 800px); /* высота панели */ --pv-modal-img-h: 62%; /* доля картинки (2/3 экрана ≈ 62-66%) */ --pv-modal-backdrop: rgba(5, 5, 8, 0.72); /* затемнение под блюром */ --pv-modal-radius: 18px; /* Центральное ядро (логотип и название — НАД струёй, слоган и кнопки — ПОД ней) */ --pv-core-logo-size: 126px; /* было 84px — ×1.5 (волна 3, п.6) */ --pv-core-maxw: 620px; --pv-hero-line-gap: 24px; /* зазор текста до линии потока — было 48, опущено на половину */ /* Подписи картинок-меню: ÷2 от волны 2 и ВСЕГДА под картинкой (п.4) */ --pv-cap-size: clamp(9px, 0.95vw + 4px, 16px); /* было clamp(15…33) — ÷2 (п.4) */ }