/* ========================================================================== Lagom palette — перекраска темы Proxy под фирменные цвета Lagom Подключается ПОСЛЕДНИМ (после media.css). Чтобы откатить — уберите строку подключения lagom.css из header.php. Все цвета — в переменных ниже: поменяли здесь → поменялось на всём сайте. ========================================================================== */ :root { /* Фиолетовый Lagom (снято с логотипа) */ --lg-violet: #6A0DF2; /* основной */ --lg-violet-a: #5B09F4; /* начало градиента */ --lg-violet-b: #8A3BFF; /* конец градиента / hover */ --lg-violet-text: #A983FF; /* фиолетовый текст на тёмном фоне */ --lg-violet-pale: #C9B2FF; --lg-violet-soft: rgba(106, 13, 242, 0.16); --lg-violet-line: rgba(138, 59, 255, 0.45); --lg-on-accent: #FFFFFF; /* текст на фиолетовом */ --lg-gradient: linear-gradient(135deg, var(--lg-violet-a) 0%, var(--lg-violet-b) 100%); /* Тёмный фон с фиолетовым подтоном */ --lg-bg: #0E0B16; --lg-bg-2: #141020; --lg-card: #1B1628; --lg-card-2: #241D35; --lg-line: #2C2540; --lg-line-2: #3B3254; /* Текст */ --lg-text: #FFFFFF; --lg-text-2: #C6C0D8; --lg-text-3: #8C85A3; /* Переменные servers.css → в палитру Lagom */ --bg-primary: var(--lg-bg); --bg-secondary: var(--lg-bg-2); --bg-tertiary: var(--lg-card); --bg-card: var(--lg-card); --bg-card-hover: var(--lg-card-2); --text-secondary: var(--lg-text-2); --text-muted: var(--lg-text-3); --accent-primary: var(--lg-violet); --accent-secondary:var(--lg-violet-b); --border-primary: var(--lg-line); --border-secondary:var(--lg-violet-line); --gradient-primary: linear-gradient(90deg, var(--lg-violet-a) 0%, var(--lg-violet-b) 60%, var(--lg-violet-pale) 100%); --gradient-secondary: var(--lg-gradient); --gradient-accent: linear-gradient(135deg, var(--lg-violet-pale) 0%, var(--lg-violet-b) 50%, var(--lg-violet-a) 100%); --shadow-glow: 0 0 24px rgba(106, 13, 242, 0.35); } /* ---------- База ---------- */ body { background: var(--lg-bg); } ::selection { background: var(--lg-violet); color: var(--lg-on-accent); } /* ---------- Шапка ---------- */ header { background: rgba(14, 11, 22, 0.86); border-bottom: 1px solid var(--lg-line); } .menu-desc ul li a { color: var(--lg-text-2); transition: color .2s ease; } .menu-desc ul li a:hover, .footer-block-2 a:hover { color: var(--lg-violet-text); } /* ---------- Кнопки (основные — фиолетовый градиент) ---------- */ .button-getkey-h-desc, .menu-popup .button-getkey-h-desc, .intro-button-getkey, .button-getkey-vpn, .get-telegram-btn { background: var(--lg-gradient); color: var(--lg-on-accent); font-weight: 600; box-shadow: 0 8px 24px -10px rgba(106, 13, 242, 0.8); transition: filter .25s ease, transform .25s ease, box-shadow .25s ease; } .intro-button-getkey:hover, .button-getkey-h-desc:hover, .button-getkey-vpn:hover, .get-telegram-btn:hover { background: var(--lg-gradient); filter: brightness(1.12); box-shadow: 0 12px 30px -10px rgba(138, 59, 255, 0.9); } /* Вторичные — контурные, фиолетовые на ховере */ .intro-button-moreinfo, .support-btn, .pc-but { border-color: var(--lg-line-2); } .intro-button-moreinfo:hover, .support-btn:hover, .tab-btn:hover, .pc-but:hover { background: var(--lg-violet-soft); border-color: var(--lg-violet-b); color: var(--lg-violet-pale); } .tab-btn.tab-btn-active { background: var(--lg-gradient); border-color: var(--lg-violet); color: var(--lg-on-accent); } /* ---------- Первый экран: фиолетовое свечение + точечная сетка ---------- */ .v2ray-vpn, .first-block-v2ray, .downloadpc-v2ray { background: radial-gradient(ellipse 55% 45% at 20% 10%, rgba(91, 9, 244, 0.28) 0%, transparent 70%), radial-gradient(ellipse 50% 45% at 85% 25%, rgba(138, 59, 255, 0.18) 0%, transparent 70%), linear-gradient(180deg, var(--lg-bg) 0%, var(--lg-bg-2) 100%); position: relative; overflow: hidden; } .v2ray-vpn::before, .first-block-v2ray::before, .downloadpc-v2ray::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(201, 178, 255, 0.55) 1px, transparent 1.5px); background-size: 28px 28px; opacity: 0.22; -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 35%, #000 0%, transparent 75%); mask-image: radial-gradient(ellipse 60% 70% at 50% 35%, #000 0%, transparent 75%); } .first-block-v2ray > .container, .downloadpc-v2ray > .container { position: relative; z-index: 2; } .title-h1-v2ray, .h1-v2ray-vpn { background: linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 45%, var(--lg-violet-pale) 72%, var(--lg-violet-text) 100%); -webkit-background-clip: text; background-clip: text; } .use-v2ray, .first-block-txt, .get-for-pc-txt { color: var(--lg-text-2); } .intro-numb { color: var(--lg-violet-text); } .intro-txt { color: var(--lg-text-3); letter-spacing: 0.04em; } /* ---------- Секции ---------- */ .why, .faq, .set-platform, .platforms-supported, .support-diagnostic { background: var(--lg-bg-2); } .support-solutions { background: var(--lg-bg); } .now { background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(106, 13, 242, 0.28) 0%, transparent 70%), var(--lg-bg); border-top: 1px solid var(--lg-line); } .info-test { color: var(--lg-text-2); } /* ---------- Карточки ---------- */ .choose-v2ray, .v2ray-pc-advantage, .multiplatforms-v2rayvpn, .diagnostic-card, .solution-card, .step-item, .tab-btn { background: var(--lg-card); border-color: var(--lg-line); } .choose-v2ray { transition: transform .5s, opacity .5s, border-color .3s ease; } .choose-v2ray:hover, .v2ray-pc-advantage:hover, .multiplatforms-v2rayvpn:hover { border-color: var(--lg-violet-line); } .choose-v2ray p, .v2ray-pc-advantage p, .advantage-info p, .diagnostic-card p, .step-content p, .cont-tab p { color: var(--lg-text-2); } /* Иконки — фиолетовая плашка */ .why-icon, .why-pc-ic, .plat-ic-t { background: var(--lg-violet-soft); border: 1px solid var(--lg-violet-line); color: var(--lg-violet-text); } .why-icon svg { color: var(--lg-violet-text); fill: currentColor; } .why-pc-ic svg, .plat-ic-t svg { fill: currentColor; } .platform-icon, .pc-img { background: var(--lg-gradient); color: var(--lg-on-accent); } /* Номера шагов, бейджи */ .numb-step, .step-number, .tops { background: var(--lg-gradient); color: var(--lg-on-accent); } .step, .recommended-settings-vpn, .down-windows-macos { background: var(--lg-card-2); } .down-windows-macos { border-color: var(--lg-line-2); } .recommended-settings-vpn { border-left-color: var(--lg-violet); } .recommended-settings-vpn ul li { border-bottom-color: var(--lg-line-2); color: var(--lg-text-2); } .time-d { background: var(--lg-violet-soft); color: var(--lg-violet-pale); } .plat-spis li { border-bottom-color: var(--lg-line); color: var(--lg-text-2); } .plat-spis li::before { color: var(--lg-violet-text); } /* ---------- Серверы ---------- */ .server-card { background: var(--lg-card); } .server-card:hover { border-color: var(--lg-violet-line); } .server-stat-value { color: var(--lg-text); } /* ---------- FAQ ---------- */ .details { border-bottom-color: var(--lg-line); } .details::after { border-color: var(--lg-violet-text); } .details__title { transition: color .2s ease; } .details__title:hover, .details[open] .details__title { color: var(--lg-violet-pale); } .details__content { color: var(--lg-text-2); } /* ---------- Подвал ---------- */ .footer-v2ray { background: #0A0811; border-top-color: var(--lg-line); } .footer-bottom { border-top-color: var(--lg-line); color: var(--lg-text-3); } .footer-txt, .footer-block-2 a { color: var(--lg-text-3); } /* ---------- Мобильное меню ---------- */ .menu-popup { background: var(--lg-bg); border-left: 1px solid var(--lg-line); } .menu-mob ul li a:hover { color: var(--lg-violet-text); } /* ---------- Блог и записи (перебиваем встроенные