GlistChange Theme

test

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         GlistChange Theme
// @namespace    http://tampermonkey.net/
// @version      2026-04-28
// @description  test
// @author       You
// @match        https://lolz.live/threads/8640118/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=lolz.live
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    const CSS = `
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.glist-change {
    font-family: "Inter", sans-serif;
    height: 100%;
    background: #fff;
    padding: 40px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.glist-mini-title {
    background: rgba(81, 68, 242, 0.4);
    border-radius: 28px;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 13px;
    color: #5144f2;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.glist-mini-title:hover {
    transform: translateY(-1px);
    background: rgba(81, 68, 242, 0.5);
    box-shadow: 0 8px 20px -14px rgba(64, 5, 182, 0.45);
}

.glist-main-container {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}

.glist-change-image {
    position: relative;
    max-width: 50%;
}

.glist-change-image > img {
    width: 100%;
}

.glist-coins-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

.glist-coins-overlay::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 78%;
    height: 72%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(163, 156, 255, 0.52) 0%, rgba(81, 68, 242, 0.62) 45%, rgba(81, 68, 242, 0) 100%);
    filter: blur(20px);
    mix-blend-mode: plus-lighter;
    animation: coins-glow-pulse 4.8s ease-in-out infinite;
}

.glist-coin {
    position: absolute;
    width: 187px;
    height: auto;
    filter: drop-shadow(0 10px 18px rgba(81, 68, 242, 0.45));
    animation: coin-float 3.8s ease-in-out infinite;
}

/* Start positions, you can freely adjust */
.glist-coin-1 {
    left: -7%;
    top: 0%;
    --coin-rot: -18deg;
    animation-delay: 0s;
}

.glist-coin-2 {
    left: 75%;
    top: 60%;
    width: 235px;
    --coin-rot: 12deg;
    animation-delay: 0.65s;
}

.glist-coin-3 {
    left: 11%;
    top: 58%;
    width: 193px;
    --coin-rot: -30deg;
    animation-delay: 1.15s;
}

.glist-main-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.glist-main-block h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    color: #111111;
    text-shadow: 0 36px 32px -16px rgba(64, 5, 182, 0.13), inset 0 0 12px 0 rgba(255, 255, 255, 0.3);
}

.glist-main-block h1 span {
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(102deg, #2f2a8f 0%, #5144f2 42%, #7e73ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.glist-main-block p {
    font-weight: 400;
    font-size: 18px;
    color: #111;
}

.glist-main-block a,
.glist-footer-text a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 70px;
    padding: 0px 48px;
    border: 1px solid rgba(244, 235, 255, 0.95);
    border-radius: 999px;
    background:
        radial-gradient(46% 70% at 50% 100%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%),
        radial-gradient(120% 100% at 50% 50%, #7f74ff 0%, #5e52f6 52%, #5144f2 100%);
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.02em;
    color: #fff;
    box-shadow:
        inset 0 0 14px rgba(255, 255, 255, 0.88),
        inset 0 -24px 32px rgba(255, 255, 255, 0.2),
        inset 0 10px 22px -16px rgba(255, 255, 255, 0.28),
        0 30px 34px -18px rgba(64, 5, 182, 0.26),
        0 12px 18px -10px rgba(84, 10, 244, 0.16),
        0 1px 0 rgba(255, 255, 255, 0.3);
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    animation: button-breathe 4.2s ease-in-out infinite;
}

.glist-main-block a::before,
.glist-footer-text a::before {
    content: "";
    position: absolute;
    inset: -35% -70%;
    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0) 35%,
            rgba(255, 255, 255, 0.2) 45%,
            rgba(255, 255, 255, 0.48) 50%,
            rgba(255, 255, 255, 0.2) 55%,
            rgba(255, 255, 255, 0) 65%
        );
    transform: translateX(-120%) skewX(-18deg);
    animation: button-shine 3.8s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

.glist-main-block a::after,
.glist-footer-text a::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% - 6px);
    width: 88%;
    height: 70px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(225, 204, 252, 0.5) 0%, rgba(81, 68, 242, 0) 100%);
    filter: blur(16px);
    pointer-events: none;
    z-index: -1;
}

.glist-main-block a:hover,
.glist-footer-text a:hover {
    transform: translateY(-1px);
    filter: saturate(1.06);
    box-shadow:
        inset 0 0 14px rgba(255, 255, 255, 1),
        inset 0 -24px 32px rgba(255, 255, 255, 0.24),
        inset 0 10px 24px -16px rgba(255, 255, 255, 0.3),
        0 38px 36px -16px rgba(64, 5, 182, 0.28),
        0 14px 20px -8px rgba(84, 10, 244, 0.18),
        0 1px 0 rgba(255, 255, 255, 0.35);
}

.glist-main-block a svg,
.glist-footer-text a svg {
    width: 30px;
    height: 24px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.glist-main-block a,
.glist-footer-text a,
.glist-main-block a span,
.glist-footer-text a span {
    position: relative;
    z-index: 1;
}

.glist-direction {
    display: inline-flex;
    gap: 12px;
    padding: 12px 18px;
    border-radius: 60px;
    background: rgba(232, 232, 232, 0.6);
    font-weight: 500;
    font-size: 18px;
    color: rgba(64, 21, 146, 0.7);
    transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
}

.glist-direction:hover {
    transform: translateY(-1px);
    background: rgba(232, 232, 232, 0.85);
    box-shadow: 0 10px 20px -16px rgba(64, 21, 146, 0.35);
}

.glist-center-container {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.glist-items {
    margin-top: 40px;
    display: flex;
    gap: 20px;
}

.glist-item {
    max-width: 230px;
    border: 2px solid rgba(118, 118, 118, 0.2);
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.glist-item:hover {
    transform: translateY(-4px);
    border-color: rgba(81, 68, 242, 0.35);
    box-shadow: 0 24px 30px -24px rgba(64, 5, 182, 0.35);
}

.glist-item h1 {
    font-weight: 500;
    font-size: 20px;
    color: #111;
    margin: 0 15px;
    margin-top: 20px;
}

.glist-item p {
    font-weight: 400;
    font-size: 13px;
    color: rgba(17, 17, 17, 0.7);
    margin: 0 15px;
}

.glist-item a {
    margin: 0 15px;
    display: inline-flex;
    align-self: flex-start;
    border-radius: 60px;
    padding: 10px;
    box-shadow: 0 36px 32px -16px rgba(64, 5, 182, 0.21), 0 8px 16px -8px rgba(84, 10, 244, 0.12), 0 2px 4px -8px rgba(84, 9, 245, 0.08), inset 0 -24px 32px 0 rgba(255, 255, 255, 0.22);
    background: #5144f2;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.glist-item a:hover {
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 26px 28px -18px rgba(64, 5, 182, 0.32), 0 10px 16px -10px rgba(84, 10, 244, 0.22), inset 0 -18px 24px 0 rgba(255, 255, 255, 0.24);
}

.glist-item img {
    display: block;
    width: 100%;
    transform: translateY(1px);
    filter: blur(0.3px) drop-shadow(0 -10px 20px rgba(81, 68, 242, 0.18));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, #000 14%, #000 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, #000 14%, #000 100%);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.glist-rate-title {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 30px;
    background: rgba(81, 68, 242, 0.18);
    color: #6658dc;
    font-size: 18px;
    font-weight: 500;
}

.glist-rate-title-icon {
    font-size: 14px;
    line-height: 1;
}

.glist-table {
    width: 100%;
    margin: 20px 0;
    border-radius: 36px;
    overflow: hidden;
    background: #eeedfe;
}

.glist-rate-table {
    width: 100%;
    border-collapse: collapse;
}

.glist-rate-table th,
.glist-rate-table td {
    padding: 14px 40px;
    text-align: left;
    border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}

.glist-rate-table th {
    font-size: 24px;
    font-weight: 600;
    color: #1d1d23;
}

.glist-rate-table td {
    font-size: 22px;
    color: rgba(29, 29, 35, 0.8);
}

.glist-rate-table td:last-child,
.glist-rate-table th:last-child {
    width: 34%;
}

.glist-rate-badge {
    display: inline-flex;
    min-width: 54px;
    justify-content: center;
    align-items: center;
    height: 30px;
    border-radius: 20px;
    background: rgba(120, 102, 235, 0.15);
    color: #6e61d9;
    font-size: 22px;
    line-height: 1;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.glist-rate-table tbody tr:hover .glist-rate-badge {
    transform: scale(1.05);
    background: rgba(120, 102, 235, 0.24);
    color: #5a4dc7;
}

.glist-rate-note {
    padding: 20px 40px 28px;
    text-align: center;
    color: rgba(29, 29, 35, 0.45);
    font-size: 16px;
}

.glist-benefits {
    margin: 30px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.glist-benefit {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: rgba(81, 68, 242, 0.4);
    border-radius: 35px;
    color: #5144f2;
    transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
}

.glist-benefit:hover {
    transform: translateY(-2px);
    background: rgba(81, 68, 242, 0.5);
    box-shadow: 0 12px 22px -18px rgba(64, 5, 182, 0.45);
}

.glist-footer-text h1 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 48px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
    color: #111;
    text-shadow: inset 0 0 12px 0 rgba(255, 255, 255, 0.3), 0 36px 32px -16px rgba(64, 5, 182, 0.13);
}

.glist-image-footer {
    position: relative;
}
.glist-footer-img {
    position: absolute;
    bottom: 0;
}
.glist-footer-star {
    position: absolute;
    left: 280px;
    top: 70px;
    transform-origin: 50% 50%;
    animation: star-grow 2.8s ease-in-out infinite;
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0.25));
}
.glist-image-footer svg {
    max-width: 100%;
}

@keyframes button-shine {
    0% {
        transform: translateX(-120%) skewX(-18deg);
        opacity: 0;
    }
    12% {
        opacity: 1;
    }
    28% {
        transform: translateX(120%) skewX(-18deg);
        opacity: 1;
    }
    34% {
        opacity: 0;
    }
    100% {
        transform: translateX(120%) skewX(-18deg);
        opacity: 0;
    }
}

@keyframes coin-float {
    0%,
    100% {
        transform: translateY(0) rotate(var(--coin-rot, 0deg));
    }
    50% {
        transform: translateY(-10px) rotate(var(--coin-rot, 0deg));
    }
}

@keyframes coins-glow-pulse {
    0%,
    100% {
        opacity: 0.62;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(1.04);
    }
}

@keyframes button-breathe {
    0%,
    100% {
        filter: saturate(1);
    }
    50% {
        filter: saturate(1.08);
    }
}

@keyframes star-grow {
    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0.25));
    }
    50% {
        transform: scale(1.14);
        filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.45));
    }
}
    `;
    const HTML = `
<div class="glist-change">
    <div class="glist-change-top">
        <span class="glist-mini-title">Мы не работаем с деньгами, добытыми незаконным путем в отношении граждан
            СНГ</span>
        <div class="glist-main-container">
            <div class="glist-main-block">
                <h1>Обмен всего по лучшему <span>курсу</span></h1>
                <p>Безопасный и анонимный обмен ваших средств, по множеству направлений</p>
                <a href="#!">
                    <svg width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M24.7689 0.194222C24.7689 0.194222 27.2738 -0.758063 27.065 1.55463C26.9954 2.50693 26.3692 5.83993 25.8822 9.44503L24.2123 20.1243C24.2123 20.1243 24.0731 21.6887 22.8207 21.9608C21.5682 22.2329 19.6896 21.0085 19.3417 20.7364C19.0634 20.5324 14.1233 17.4714 12.3838 15.975C11.8967 15.5669 11.3401 14.7506 12.4533 13.7983L19.7592 6.99631C20.5942 6.18005 21.4291 4.27548 17.9501 6.58818L8.20902 13.0501C8.20902 13.0501 7.09576 13.7303 5.00841 13.1182L0.48573 11.7577C0.48573 11.7577 -1.18418 10.7374 1.66858 9.71708C8.62653 6.5201 17.1848 3.25512 24.7689 0.194222Z" fill="white"></path>
                    </svg>
                    @monopolistchange
                </a>
            </div>
            <div class="glist-change-image">
                <div class="glist-coins-overlay">
                    <img class="glist-coin glist-coin-1" src="https://lztcdn.com/files/e99b5166-7c51-46a1-82e1-ba5e316352c9.webp" alt="">
                    <img class="glist-coin glist-coin-2" src="https://lztcdn.com/files/e99b5166-7c51-46a1-82e1-ba5e316352c9.webp" alt="">
                    <img class="glist-coin glist-coin-3" src="https://lztcdn.com/files/e99b5166-7c51-46a1-82e1-ba5e316352c9.webp" alt="">
                </div>
                <img src="https://lztcdn.com/files/703e31c9-aeba-4091-b1df-3f8fd6a1e160.webp">
            </div>
        </div>
    </div>
    <div class="glist-center-container">

        <span class="glist-direction">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8 0.857174C8 0.503703 7.78302 0.186482 7.4536 0.0583409C7.12417 -0.0698003 6.74987 0.0174209 6.51102 0.277983L0.225313 7.1351C-0.00437485 7.38567 -0.0642949 7.74829 0.072576 8.05943C0.209447 8.37057 0.517245 8.57143 0.857159 8.57143H19.1428C19.6162 8.57143 20 8.18768 20 7.71429C20 7.24091 19.6162 6.85715 19.1428 6.85715L8 6.85715V0.857174Z" fill="#401592" fill-opacity="0.7"></path>
                <path d="M12 19.1428L12 13.1428H0.857159C0.383773 13.1428 1.73472e-05 12.7591 1.73472e-05 12.2857C1.73472e-05 11.8123 0.383773 11.4286 0.857159 11.4286L19.1428 11.4286C19.4828 11.4286 19.7906 11.6294 19.9274 11.9406C20.0643 12.2517 20.0044 12.6143 19.7747 12.8649L13.489 19.722C13.2501 19.9826 12.8758 20.0698 12.5464 19.9417C12.217 19.8135 12 19.4963 12 19.1428Z" fill="#401592" fill-opacity="0.7"></path>
            </svg>
            Направления обмена
        </span>
        <div class="glist-items">
            <div class="glist-item">
                <h1>Криптовалюта</h1>
                <p>Осуществляем обмен всевозможной криптовалюты на удобный Вам метод</p>
                <a href="#!">Обменяться</a>
                <img src="https://lztcdn.com/files/d0382a07-a294-4427-a2cb-a32716be814d.webp">
            </div>
            <div class="glist-item">
                <h1>Внесение наличных через банкомат</h1>
                <p>Осуществляем наличные выплаты в актуальных СНГ банкоматах</p>
                <a href="#!">Обменяться</a>
                <img src="https://lztcdn.com/files/472543d2-f916-4fb4-b498-e0588c495c1d.webp">
            </div>
            <div class="glist-item">
                <h1>Вывод и пополнение на маркете</h1>
                <p>Осуществляем обмен в любую сторону через маркет</p>
                <a href="#!">Обменяться</a>
                <img src="https://lztcdn.com/files/9bad83d9-e191-439d-ad80-24819e55894b.webp">
            </div>
            <div class="glist-item">
                <h1>Снятие по QR-code</h1>
                <p>Осуществляем обмен по средству снятия наличных по QR-code</p>
                <a href="#!">Обменяться</a>
                <img src="https://lztcdn.com/files/0a8f90fc-e52f-49d0-9091-e6e762036403.webp">
            </div>
        </div>
    </div>

    <div class="glist-center-container glist-table-container">
        <span class="glist-direction">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5924 1.20027C7.34888 1.4078 7.22711 1.51158 7.09706 1.59874C6.79896 1.79854 6.46417 1.93721 6.1121 2.00672C5.95851 2.03705 5.79903 2.04977 5.48008 2.07522C4.6787 2.13918 4.278 2.17115 3.94371 2.28923C3.17051 2.56233 2.56233 3.17051 2.28923 3.94371C2.17115 4.278 2.13918 4.6787 2.07522 5.48008C2.04977 5.79903 2.03705 5.95851 2.00672 6.1121C1.93721 6.46417 1.79854 6.79896 1.59874 7.09706C1.51158 7.22711 1.40781 7.34887 1.20027 7.5924C0.678835 8.20428 0.418104 8.51023 0.265216 8.83011C-0.0884052 9.56995 -0.0884052 10.43 0.265216 11.1699C0.418105 11.4898 0.678828 11.7957 1.20027 12.4076C1.40778 12.6511 1.51158 12.7729 1.59874 12.9029C1.79854 13.201 1.93721 13.5358 2.00672 13.8879C2.03705 14.0415 2.04977 14.201 2.07522 14.5199C2.13918 15.3213 2.17115 15.722 2.28923 16.0563C2.56233 16.8295 3.17051 17.4377 3.94371 17.7108C4.278 17.8288 4.6787 17.8608 5.48008 17.9248C5.79903 17.9502 5.95851 17.963 6.1121 17.9933C6.46417 18.0628 6.79896 18.2015 7.09706 18.4013C7.22711 18.4884 7.34887 18.5922 7.5924 18.7997C8.20429 19.3212 8.51023 19.5819 8.83011 19.7348C9.56995 20.0884 10.43 20.0884 11.1699 19.7348C11.4898 19.5819 11.7957 19.3212 12.4076 18.7997C12.6511 18.5922 12.7729 18.4884 12.9029 18.4013C13.201 18.2015 13.5358 18.0628 13.8879 17.9933C14.0415 17.963 14.201 17.9502 14.5199 17.9248C15.3213 17.8608 15.722 17.8288 16.0563 17.7108C16.8295 17.4377 17.4377 16.8295 17.7108 16.0563C17.8288 15.722 17.8608 15.3213 17.9248 14.5199C17.9502 14.201 17.963 14.0415 17.9933 13.8879C18.0628 13.5358 18.2015 13.201 18.4013 12.9029C18.4884 12.7729 18.5922 12.6511 18.7997 12.4076C19.3212 11.7957 19.5819 11.4898 19.7348 11.1699C20.0884 10.43 20.0884 9.56995 19.7348 8.83011C19.5819 8.51023 19.3212 8.20429 18.7997 7.5924C18.5922 7.34887 18.4884 7.22711 18.4013 7.09706C18.2015 6.79896 18.0628 6.46417 17.9933 6.1121C17.963 5.95851 17.9502 5.79903 17.9248 5.48008C17.8608 4.6787 17.8288 4.278 17.7108 3.94371C17.4377 3.17051 16.8295 2.56233 16.0563 2.28923C15.722 2.17115 15.3213 2.13918 14.5199 2.07522C14.201 2.04977 14.0415 2.03705 13.8879 2.00672C13.5358 1.93721 13.201 1.79854 12.9029 1.59874C12.7729 1.51158 12.6511 1.40781 12.4076 1.20027C11.7957 0.678828 11.4898 0.418105 11.1699 0.265216C10.43 -0.0884052 9.56995 -0.0884052 8.83011 0.265216C8.51023 0.418105 8.20428 0.678833 7.5924 1.20027ZM13.8309 6.16959C14.1487 6.48742 14.1487 7.00273 13.8309 7.32056L7.32003 13.8314C7.0022 14.1493 6.48689 14.1493 6.16906 13.8314C5.85123 13.5136 5.85123 12.9983 6.16906 12.6805L12.6799 6.16959C12.9978 5.85176 13.5131 5.85176 13.8309 6.16959ZM13.798 12.7134C13.798 13.3127 13.3122 13.7985 12.7129 13.7985C12.1135 13.7985 11.6277 13.3127 11.6277 12.7134C11.6277 12.1141 12.1135 11.6282 12.7129 11.6282C13.3122 11.6282 13.798 12.1141 13.798 12.7134ZM7.28712 8.3728C7.88643 8.3728 8.37227 7.88696 8.37227 7.28765C8.37227 6.68834 7.88643 6.2025 7.28712 6.2025C6.68781 6.2025 6.20197 6.68834 6.20197 7.28765C6.20197 7.88696 6.68781 8.3728 7.28712 8.3728Z" fill="#401592" fill-opacity="0.7"></path>
            </svg>
            Процентая ставка
        </span>
        <div class="glist-table">
            <table class="glist-rate-table">
                <thead>
                    <tr>
                        <th>Направление обмена</th>
                        <th>Процент</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>QR Sber</td>
                        <td><span class="glist-rate-badge">7%</span></td>
                    </tr>
                    <tr>
                        <td>Форум → СБП</td>
                        <td><span class="glist-rate-badge">7%</span></td>
                    </tr>
                    <tr>
                        <td>Криптовалюта → СБП</td>
                        <td><span class="glist-rate-badge">3%</span></td>
                    </tr>
                    <tr>
                        <td>Форум → Криптовалюта</td>
                        <td><span class="glist-rate-badge">6%</span></td>
                    </tr>
                    <tr>
                        <td>Криптовалюта → Форум</td>
                        <td><span class="glist-rate-badge">0%</span></td>
                    </tr>
                    <tr>
                        <td>Криптовалюта → Криптовалюта</td>
                        <td><span class="glist-rate-badge">2%</span></td>
                    </tr>
                    <tr>
                        <td>Внесение наличных через банкомат</td>
                        <td><span class="glist-rate-badge">9%</span></td>
                    </tr>
                </tbody>
            </table>

            <div class="glist-rate-note">
                Комиссии могут измениться, уточняйте актуальность у менеджера
            </div>
        </div>
    </div>
    <div class="glist-center-container">
        <span class="glist-direction">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.0802 7.89712C11.1568 5.96571 11.6952 5 12.5 5C13.3048 5 13.8432 5.96571 14.9198 7.89712L15.1984 8.3968C15.5043 8.94564 15.6573 9.22007 15.8958 9.40114C16.1343 9.5822 16.4314 9.64942 17.0255 9.78384L17.5664 9.90622C19.6571 10.3793 20.7025 10.6158 20.9512 11.4156C21.1999 12.2153 20.4872 13.0487 19.0619 14.7154L18.6932 15.1466C18.2881 15.6203 18.0856 15.8571 17.9945 16.1501C17.9034 16.443 17.934 16.759 17.9953 17.3909L18.051 17.9662C18.2665 20.19 18.3742 21.3019 17.7231 21.7962C17.072 22.2905 16.0932 21.8398 14.1357 20.9385L13.6292 20.7053C13.073 20.4492 12.7948 20.3211 12.5 20.3211C12.2052 20.3211 11.927 20.4492 11.3708 20.7053L10.8643 20.9385C8.90677 21.8398 7.928 22.2905 7.27688 21.7962C6.62575 21.3019 6.7335 20.19 6.94899 17.9662L7.00474 17.3909C7.06597 16.759 7.09659 16.443 7.00548 16.1501C6.91438 15.8571 6.71186 15.6203 6.30683 15.1466L5.93808 14.7154C4.51276 13.0487 3.8001 12.2153 4.04881 11.4156C4.29751 10.6158 5.34288 10.3793 7.43361 9.90622L7.9745 9.78384C8.56862 9.64942 8.86568 9.5822 9.1042 9.40114C9.34272 9.22007 9.4957 8.94565 9.80165 8.3968L10.0802 7.89712Z" fill="#401592" fill-opacity="0.7"></path>
                <path d="M4.86734 2.50033C4.89733 2.39455 5.08509 2.39392 5.1158 2.4995C5.256 2.98161 5.51597 3.69422 5.9091 4.0847C6.30223 4.47518 7.01658 4.73033 7.49963 4.86728C7.60541 4.89727 7.60605 5.08503 7.50047 5.11574C7.01836 5.25594 6.30574 5.51591 5.91526 5.90904C5.52478 6.30216 5.26963 7.01652 5.13269 7.49957C5.1027 7.60535 4.91493 7.60599 4.88423 7.50041C4.74402 7.0183 4.48405 6.30568 4.09093 5.9152C3.6978 5.52472 2.98344 5.26957 2.5004 5.13263C2.39461 5.10264 2.39398 4.91487 2.49956 4.88417C2.98167 4.74396 3.69429 4.48399 4.08476 4.09087C4.47524 3.69774 4.7304 2.98338 4.86734 2.50033Z" fill="#401592" fill-opacity="0.7"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M19 3.25C19.4142 3.25 19.75 3.58579 19.75 4V4.25H20C20.4142 4.25 20.75 4.58579 20.75 5C20.75 5.41421 20.4142 5.75 20 5.75H19.75V6C19.75 6.41421 19.4142 6.75 19 6.75C18.5858 6.75 18.25 6.41421 18.25 6V5.75H18C17.5858 5.75 17.25 5.41421 17.25 5C17.25 4.58579 17.5858 4.25 18 4.25H18.25V4C18.25 3.58579 18.5858 3.25 19 3.25Z" fill="#401592" fill-opacity="0.7"></path>
            </svg>
            Наши преимущества
        </span>
        <div class="glist-center-container glist-benefits">
            <div class="glist-benefit">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.37752 5.08241C3 5.62028 3 7.21907 3 10.4167V11.9914C3 17.6294 7.23896 20.3655 9.89856 21.5273C10.62 21.8424 10.9807 22 12 22C13.0193 22 13.38 21.8424 14.1014 21.5273C16.761 20.3655 21 17.6294 21 11.9914V10.4167C21 7.21907 21 5.62028 20.6225 5.08241C20.245 4.54454 18.7417 4.02996 15.7351 3.00079L15.1623 2.80472C13.595 2.26824 12.8114 2 12 2C11.1886 2 10.405 2.26824 8.83772 2.80472L8.26491 3.00079C5.25832 4.02996 3.75503 4.54454 3.37752 5.08241ZM15.0595 10.4995C15.3353 10.1905 15.3085 9.71642 14.9995 9.44055C14.6905 9.16467 14.2164 9.19151 13.9405 9.50049L10.9286 12.8739L10.0595 11.9005C9.78358 11.5915 9.30947 11.5647 9.00049 11.8405C8.69151 12.1164 8.66467 12.5905 8.94055 12.8995L10.3691 14.4995C10.5114 14.6589 10.7149 14.75 10.9286 14.75C11.1422 14.75 11.3457 14.6589 11.488 14.4995L15.0595 10.4995Z" fill="#5144F2" fill-opacity="0.75"></path>
                </svg>
                Чистые средства на выходе
            </div>
            <div class="glist-benefit">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.37752 5.08241C3 5.62028 3 7.21907 3 10.4167V11.9914C3 17.6294 7.23896 20.3655 9.89856 21.5273C10.62 21.8424 10.9807 22 12 22C13.0193 22 13.38 21.8424 14.1014 21.5273C16.761 20.3655 21 17.6294 21 11.9914V10.4167C21 7.21907 21 5.62028 20.6225 5.08241C20.245 4.54454 18.7417 4.02996 15.7351 3.00079L15.1623 2.80472C13.595 2.26824 12.8114 2 12 2C11.1886 2 10.405 2.26824 8.83772 2.80472L8.26491 3.00079C5.25832 4.02996 3.75503 4.54454 3.37752 5.08241ZM15.0595 10.4995C15.3353 10.1905 15.3085 9.71642 14.9995 9.44055C14.6905 9.16467 14.2164 9.19151 13.9405 9.50049L10.9286 12.8739L10.0595 11.9005C9.78358 11.5915 9.30947 11.5647 9.00049 11.8405C8.69151 12.1164 8.66467 12.5905 8.94055 12.8995L10.3691 14.4995C10.5114 14.6589 10.7149 14.75 10.9286 14.75C11.1422 14.75 11.3457 14.6589 11.488 14.4995L15.0595 10.4995Z" fill="#5144F2" fill-opacity="0.75"></path>
                </svg>
                Работаем 24/7
            </div>
            <div class="glist-benefit">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.66953 9.91436L8.73167 5.77133C10.711 3.09327 11.7007 1.75425 12.6241 2.03721C13.5474 2.32018 13.5474 3.96249 13.5474 7.24712V7.55682C13.5474 8.74151 13.5474 9.33386 13.926 9.70541L13.946 9.72466C14.3327 10.0884 14.9492 10.0884 16.1822 10.0884C18.4011 10.0884 19.5106 10.0884 19.8855 10.7613C19.8917 10.7724 19.8977 10.7837 19.9036 10.795C20.2576 11.4784 19.6152 12.3475 18.3304 14.0857L15.2683 18.2287C13.2889 20.9067 12.2992 22.2458 11.3758 21.9628C10.4525 21.6798 10.4525 20.0375 10.4525 16.7528L10.4526 16.4433C10.4526 15.2585 10.4526 14.6662 10.074 14.2946L10.054 14.2754C9.6673 13.9117 9.05079 13.9117 7.81775 13.9117C5.59888 13.9117 4.48945 13.9117 4.1145 13.2387C4.10829 13.2276 4.10225 13.2164 4.09639 13.205C3.74244 12.5217 4.3848 11.6526 5.66953 9.91436Z" fill="#5144F2" fill-opacity="0.75"></path>
                </svg>
                Быстрый обмен
            </div>
            <div class="glist-benefit">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9C9 7.34315 10.3431 6 12 6C13.6569 6 15 7.34315 15 9ZM12 20.5C13.784 20.5 15.4397 19.9504 16.8069 19.0112C17.4108 18.5964 17.6688 17.8062 17.3178 17.1632C16.59 15.8303 15.0902 15 11.9999 15C8.90969 15 7.40997 15.8302 6.68214 17.1632C6.33105 17.8062 6.5891 18.5963 7.19296 19.0111C8.56018 19.9503 10.2159 20.5 12 20.5Z" fill="#5144F2" fill-opacity="0.75"></path>
                </svg>
                Адекватная тех. поддержка
            </div>
        </div>
    </div>
    <div class="glist-center-container glist-footer-text">
        <h1>Свяжись с нами уже сейчас</h1>
        <a href="#!">
            <svg width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M24.7689 0.194222C24.7689 0.194222 27.2738 -0.758063 27.065 1.55463C26.9954 2.50693 26.3692 5.83993 25.8822 9.44503L24.2123 20.1243C24.2123 20.1243 24.0731 21.6887 22.8207 21.9608C21.5682 22.2329 19.6896 21.0085 19.3417 20.7364C19.0634 20.5324 14.1233 17.4714 12.3838 15.975C11.8967 15.5669 11.3401 14.7506 12.4533 13.7983L19.7592 6.99631C20.5942 6.18005 21.4291 4.27548 17.9501 6.58818L8.20902 13.0501C8.20902 13.0501 7.09576 13.7303 5.00841 13.1182L0.48573 11.7577C0.48573 11.7577 -1.18418 10.7374 1.66858 9.71708C8.62653 6.5201 17.1848 3.25512 24.7689 0.194222Z" fill="white"></path>
            </svg>
            @monopolistchange
        </a>
    </div>
    <div class="glist-center-container glist-image-footer">
        <svg width="1540" height="455" viewBox="0 0 1540 455" fill="none" xmlns="http://www.w3.org/2000/svg" style="
    max-width: 100%;
">
            <g filter="url(#filter0_f_2097_8)">
                <circle cx="770" cy="773" r="610" fill="#35176E"></circle>
                <circle cx="770" cy="773" r="610" fill="url(#paint0_radial_2097_8)"></circle>
            </g>
            <g opacity="0.19" filter="url(#filter1_f_2097_8)">
                <circle cx="770" cy="735" r="610" fill="url(#paint1_radial_2097_8)"></circle>
            </g>
            <g filter="url(#filter2_f_2097_8)" style="mix-blend-mode:overlay">
                <circle cx="770" cy="710" r="610" fill="white"></circle>
            </g>
            <defs>
                <filter id="filter0_f_2097_8" x="0" y="3" width="1540" height="1540" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                    <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
                    <feGaussianBlur stdDeviation="80" result="effect1_foregroundBlur_2097_8"></feGaussianBlur>
                </filter>
                <filter id="filter1_f_2097_8" x="80" y="45" width="1380" height="1380" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                    <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
                    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2097_8"></feGaussianBlur>
                </filter>
                <filter id="filter2_f_2097_8" x="60" y="0" width="1420" height="1420" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                    <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
                    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
                    <feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_2097_8"></feGaussianBlur>
                </filter>
                <radialGradient id="paint0_radial_2097_8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(770 773) scale(610)">
                    <stop stop-color="#A39CFF"></stop>
                    <stop offset="1" stop-color="#5144F2"></stop>
                </radialGradient>
                <radialGradient id="paint1_radial_2097_8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(770 735) scale(610)">
                    <stop stop-color="#A39CFF"></stop>
                    <stop offset="1" stop-color="#5144F2"></stop>
                </radialGradient>
            </defs>
        </svg>

        <img src="https://lztcdn.com/files/ea9f9246-6129-4708-baca-c15c9f1140a8.webp" class="glist-footer-img">
        <img src="https://lztcdn.com/files/23d9a694-ca61-442e-86c2-ab9dcd1e309c.webp" class="glist-footer-star">
    </div>
</div>
`;

    const newStyle = document.createElement('style');
    newStyle.innerHTML = CSS;
    document.querySelector('.InlineModForm').append(newStyle);
    document.querySelector('.firstPost').outerHTML = HTML;
})();