Здесь делается вжух🔮
Вернемся к 4:00 по мск!
aictivists
news need you
writers
from Jeremy Stone

Неловкая ситуация наконец разрешилась, так и не разразившись бурей. Внутренне Джереми выдохнул. Настроить против себя напарницу в первое же своё появление всего одной фразой — это особый антиталант. Иногда ему казалось, что, не контролируй он каждый свой шаг, действие и слово, с ним общались бы только рыбки в офисе. Не мудрено: он никогда не славился покладистым и мягким характером, да и откуда ему было взяться с такими-то моральными принципами и хобби? К тому же с Рид они уже работали, и, в отличие от многих людей, она смогла заслужить искреннее уважение Джереми. Она была живым и приятным человеком, не лезла с лишними расспросами и при всём этом оставалась профессионалом. Будь таких людей в агентстве побольше, возможно, Стоуну пришлось бы меньше изображать «доброго соседа».

Phantom Dance

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Phantom Dance » Heptameron » О мире


О мире

Сообщений 1 страница 4 из 4

1

[hideprofile] [html]
<style>
/* ===== НЕЙТРАЛЬНЫЙ РУТ, НЕ ЗАВИСЯЩИЙ ОТ ОСНОВНОГО ДИЗАЙНА ===== */
:root {
    --ntln-bg: #313131;
    --ntln-surface: #202020;
    --ntln-text: #c8c8c8;
    --ntln-text-soft: #f0f0f0;
    --ntln-accent: #f8f8f8;
    --ntln-hover: #65656540;
    --ntln-highlight: #f4f4f4;
    --ntln-shadow: 0 2px 8px color-mix(in srgb, currentColor 10%, transparent);
    --ntln-font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ntln-font-accent: 'Georgia', 'Times New Roman', serif;
    --ntln-scroll: #a4a4a4;
}

/* Кастомные стили для компонента ntln */
ntln-container {
    display: flex;
    width: 80%;
    background: var(--ntln-surface);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--ntln-shadow);
    margin: 0 auto!important;
    max-height: 600px;
    color: var(--ntln-text); /* Наследование цвета текста */
}

ntln-image1 {
    flex: 0 0 30%;
    min-height: 600px;
    background: var(--ntln-bg);
    background-size: cover;
    background-position: center;
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url(https://upforme.ru/uploads/001c/a2/2e/2/220911.png) no-repeat top center;
    background-size: cover;
}

ntln-info {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 600px;
}

ntln-title {
    font-family: var(--ntln-font-accent), serif;
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--ntln-accent);
    padding-bottom: 8px;
}

ntln-subtitle {
    color: var(--ntln-text-soft);
    font-size: 11px;
    margin-bottom: 15px;
    font-style: italic;
    font-family: var(--ntln-font-main), sans-serif;
    opacity: 0.8;
}

ntln-tabs {
    display: flex;
    margin-bottom: 15px;
    gap: 5px;
}

ntln-tab {
    background: var(--ntln-bg);
    border: none;
    color: var(--ntln-text-soft);
    padding: 8px 15px;
    font-size: 11px;
    font-family: var(--ntln-font-main), sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 4px 4px 0 0;
    opacity: 0.7;
}

ntln-tab:hover {
    opacity: 0.9;
    background: var(--ntln-hover);
}

ntln-tab.active {
    opacity: 1;
    font-weight: bold;
    background: var(--ntln-hover);
    color: var(--ntln-accent);
}

ntln-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--ntln-accent);
}

ntln-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
    line-height: 1.5;
    font-family: var(--ntln-font-main), sans-serif;
    font-size: 13px;
    color: var(--ntln-text);
}

ntln-pane {
    display: none;
}

ntln-pane.active {
    display: block;
}

.ntln-description p {
    margin-bottom: 12px;
    text-align: justify;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-highlight {
    color: var(--ntln-highlight);
    font-weight: bold;
}

.ntln-fact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ntln-fact-list li {
    padding: 6px 0;
    position: relative;
    padding-left: 20px;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-fact-list li:last-child {
    border-bottom: none;
}

.ntln-fact-list li::before {
    content: '►';
    position: absolute;
    left: 5px;
    color: var(--ntln-accent);
    font-size: 11px;
}

.ntln-fact-category {
    margin-top: 15px;
    margin-bottom: 8px;
    color: var(--ntln-accent);
    font-weight: bold;
    font-size: 14px;
    padding-left: 8px;
    font-family: var(--ntln-font-accent), serif;
}

/* Стили для скроллбара */
ntln-content::-webkit-scrollbar {
    width: 4px;
}

ntln-content::-webkit-scrollbar-track {
    background: var(--ntln-bg);
    border-radius: 2px;
}

ntln-content::-webkit-scrollbar-thumb {
    background: var(--ntln-scroll);
    border-radius: 2px;
}

/* Адаптивность */
@media (max-width: 540px) {
    ntln-container {
        flex-direction: column;
        max-height: none;
        height: auto;
          width: 95%;
    }
   
    ntln-info {
        padding: 15px;
        max-height: 350px;
    }
   
    ntln-title {
        font-size: 20px;
    }
   
    ntln-tab {
        padding: 6px 10px;
        font-size: 10px;
    }
   
    ntln-image1 {
        min-height: 200px;
        height: 200px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url(https://upforme.ru/uploads/001c/76/0b/2/465603.png) no-repeat top center;
    background-size: cover;
    }
ntln-info {
    padding: 15px;
    max-height: 550px;
}

.ntln-font-controls {
    gap: 5px;

}
}
</style>

<!-- Изолированный компонент ntln -->
<ntln-container>
    <ntln-image1>
        <!-- Фон можно менять через style атрибут -->
    </ntln-image1>

    <ntln-info>
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <ntln-title style="margin-bottom: 0; border-bottom: none; padding-bottom: 0;">МЕДИУМЫ</ntln-title>         
        </div>
        <ntln-subtitle>Те, кто видит за гранью смерти</ntln-subtitle>

        <ntln-tabs>
            <ntln-tab class="active" onclick="switchNtlnTab('desc')">Описание</ntln-tab>
            <ntln-tab onclick="switchNtlnTab('facts')">Короткие факты</ntln-tab>
        </ntln-tabs>

        <ntln-content>
            <!-- Вкладка с описанием -->
            <ntln-pane class="active" id="ntln-desc">
                <div class="ntln-description">
                    <p>Каждый проживает свою жизнь. Одну-единственную. Со своими проблемами и свершениями, страхами и надеждами на завтрашний день. Но есть те, кто знает правду: смерть — это не конец. За последним вздохом остается нечто еще и это «нечто» медиумы видят слишком четко и ясно.</p>
                   
                    <p>Их всегда называли по-разному: шаманами, ведьмами, юродивыми, оракулами. Навешивали ярлыки, окружали ритуалами и символами, пытаясь объяснить то, что не поддавалось логике, не вписывалось в устои общества, религии или науки. Их дар — не всесильная магия. Это скорее ключ от запертой двери. Ключ в мир, который опасен и требует огромных знаний и навыков, ведь он готов в любой момент сломить и уничтожить неосторожного.</p>
                   
                    <p>Чаще всего этот «ключ» достается по наследству. Таких медиумов называют <span class="ntln-highlight">потомственными</span>. Они образуют целые семьи, кланы, круги, ковены. В этих общинах знание передается из уст в уста — от старших к новым поколениям, которым дар доступен с рождения. Главное таинство, которое они постигают, — это умение выжить. Их учат защищать себя, жить в гармонии со своим Стражем и разумно выбирать тех призраков, которым можно доверить самое дорогое — <span class="ntln-highlight">собственную жизнь</span>. Потомственные медиумы нередко наделены чувством собственного превосходства и, встречаясь с представителем другой традиции, могут вступить в полемику, доказывая преимущества именно своих обрядов. Ведь каждая группа использует разные ритуалы, окружая себя соответствующим антуражем.</p>
                   
                    <p>
Другим людям «ключ» вручается внезапно, без инструкции. Кто-то рождается таким «везунчиком», а кто-то обретает дар после событий, что делят жизнь на «до» и «после». Их существование превращается в кошмар наяву. Они балансируют на грани безумия, пытаясь понять, где проходит черта, отделяющая бред от сокрытой истины. Часто они проигрывают эту битву. Но те, кто смог выстоять, становятся самородками или <span class="ntln-highlight">Пробужденными</span>. Их методы дают им силы постоять за себя, а связь со Стражем порой во много раз сильнее, чем у потомственных медиумов. Случается так, что наставниками таких пробужденных становятся не успевшие найти их более опытные коллеги, а сами призраки.</p>
                   
                    <p>Жизнь медиума полна возможностей: он может видеть проявления, блага, знания и угрозы по ту сторону. Благо — это <span class="ntln-highlight">Стражи</span>, незримые для большинства человечества хранители. Они — воплощение частицы души каждого человека, оберегающие его до конца жизни. Знание — это <span class="ntln-highlight">призраки</span>, которые за плату готовы поделиться своими силами и опытом. Кому-то из них хватит малого, а кто-то потребует больше. И еще больше. И еще, в итоге став угрозой. Каждое «пожалуйста», каждое «покажи» — это сделка. А любая сделка — это плата кусочками собственных жизненных сил или даже годами жизни.</p>
                   
                    <p><span class="ntln-highlight">Хороший медиум</span> — это в первую очередь умелый переговорщик. Он знает цену каждому слову и чувствует, когда цена становится слишком высокой, а также умеет за себя постоять. Но даже лучшие из них могут стать целью для призрака, жаждущего жизненной силы. Медиумы видят призраков и могут касаться их, но и призраки могут касаться медиумов. А через это касание — выпивать саму жизнь, которая и является изначальным предметом торга. На медиумов охотятся. И в схватке с призраком у них есть только два оружия. Их Страж, который пытается защитить подопечного и изнурить, а затем и убить призрака своими атаками. И вера. Вера во что угодно — в крест, в танец, в старую песню, в затертый амулет, в ритуал, в серебряный клинок. Все эти методы и традиции, переданные наставниками и наделенные своим колоритом, становятся защитой, оружием, силой в бою. Они же помогают заранее обезопасить себя, превращая пространство вокруг в небольшую крепость. С их же помощью можно провести ритуалы очищения или изгнания, вытаскивая призрака, захватившего предмет, человека или выбравшего своим «домом» определенное место. Но это работает ровно до тех пор, пока медиум верит в это всем нутром. И, порой, не сумев выстоять в борьбе, они тратят слишком много сил, чтобы вернуть себе эту веру и возможность снова давать отпор.</p>
                   
                    <p>Все силы медиума, как и у любого человека, конечны. Часть из них не вернется никогда. Но некоторые ресурсы, что тратятся на ритуалы и договоры, можно восстановить. Покой, сон, хорошая еда, а иногда — глоток ярких эмоций: смех, радость, любовь. То, что напоминает, за что стоит бороться. Их сила — палка о двух концах. Она дает им возможность касаться потустороннего. Но это потустороннее, изголодавшееся по жизни, слишком охотно тянет руку в ответ. Касания призраков — это могильный холод, что с каждым мгновением вытягивает все больше тепла жизни. И если этот контакт не разорвать, то после накрывающего забвения уходят не просто силы, а годы жизни. В конце же приходит смерть, застывающая белой пеленой на глазах.</p>
                   
                    <p style="text-align: center; font-style: italic; margin-top: 15px; color: var(--ntln-highlight); font-weight: bold;">Это не дар. Это договор. И счет всегда приходит.</p>
                </div>
            </ntln-pane>

            <!-- Вкладка с фактами -->
            <ntln-pane id="ntln-facts">
                <div class="ntln-fact-category">Происхождение и обучение:</div>
                <ul class="ntln-fact-list">
                    <li>Медиумами чаще всего рождаются в семьях, где хоть один из предков был наделен таким даром.</li>
                    <li>Порой к моменту появления нового медиума в семье не остается тех, кто мог бы выступить его наставником, отчего их путь намного сложнее.</li>
                    <li>Медиумы проходят обучение в кругу своих семей, общины, перенимая атрибутику и антураж общины. (Бубны, поющие чаши, кристаллы, свечи). Те из них, что лишены поддержки, или не умеют вовсе пользоваться своим даром, или ищут методы, общаясь со своим стражем. По этой причине у них с ними - крайне доверительные отношения.</li>
                    <li>Порой потомственные медиумы смотрят несколько свысока на пробужденных.</li>
                </ul>

                <div class="ntln-fact-category">Способности и взаимодействие:</div>
                <ul class="ntln-fact-list">
                    <li>Сила медиума — видеть призраков и стражей, а также взаимодействовать с ними, касаясь их.</li>
                    <li>Стражи и Призраки также могут касаться их в ответ.</li>
                    <li>Любые проявления мистики рядом с ними — последствия договора с призраком.</li>
                    <li>Плата за оказание услуги — жизненные силы, энергия, а порой годы жизни.</li>
                    <li>Хороший медиум — опытный переговорщик, что в общении с призраком договаривается о наиболее выгодных для себя условий, и способен вовремя за себя постоять.</li>
                </ul>

                <div class="ntln-fact-category">Защита и конфликты:</div>
                <ul class="ntln-fact-list">
                    <li>Главными защитниками медиумов являются стражи. Тренировки тела и духа позволяют усилить эту связь.</li>
                    <li>Медиумы, являясь главным «топливом» для не-жизни и накопления сил у призраков, слишком часто становятся объектами охоты и подвергаются нападениям.</li>
                    <li>В случае столкновения с негативно настроенным призраком, медиумы вольны использовать любое оружие, амулеты, наговоры, заклинания, близкие его общине. Они будут работать в случае, если они искренне в это верят. В ином — остается уповать только на силы своего стража.</li>
                </ul>

                <div class="ntln-fact-category">Восстановление и риски:</div>
                <ul class="ntln-fact-list">
                    <li>Для восстановления сил медиумам необходим сон, снижение нагрузки, порой медитации.</li>
                    <li>В случае, если медиум потратил много жизненной энергии, ему необходимо помимо отдыха некоторое время наполнять свою жизнь приятными или яркими эмоциями, воспоминаниями.</li>
                    <li>В случае, если жизненные силы закончились — в уплату идут годы жизни. После же наступает смерть.</li>
                    <li>В случае, если во время столкновения медиум начал сомневаться в эффективности своих сил (ритуалов, заклинаний, амулетах), он проходит долгий путь, сравнимый с восстановлением после получения серьезной травмы. Нередко такие медиумы по сути начинают учиться всему заново.</li>
                </ul>
            </ntln-pane>
        </ntln-content>
    </ntln-info>
</ntln-container>

<script>
    function switchNtlnTab(tabId) {
        // Убираем активный класс у всех вкладок и кнопок
        document.querySelectorAll('ntln-pane').forEach(pane => {
            pane.classList.remove('active');
        });
       
        document.querySelectorAll('ntln-tab').forEach(tab => {
            tab.classList.remove('active');
        });
       
        // Активируем выбранную вкладку
        document.getElementById('ntln-' + tabId).classList.add('active');
       
        // Активируем соответствующую кнопку
        document.querySelectorAll('ntln-tab').forEach(tab => {
            if (tab.getAttribute('onclick') === "switchNtlnTab('" + tabId + "')") {
                tab.classList.add('active');
            }
        });
    }

</script>
[/html]

Отредактировано Old One (2026-02-02 11:56:56)

+3

2

[hideprofile][html]<style>
/* ===== НЕЙТРАЛЬНЫЙ РУТ, НЕ ЗАВИСЯЩИЙ ОТ ОСНОВНОГО ДИЗАЙНА ===== */
:root {
    --ntln-bg: #313131;
    --ntln-surface: #202020;
    --ntln-text: #c8c8c8;
    --ntln-text-soft: #f0f0f0;
    --ntln-accent: #f8f8f8;
    --ntln-hover: #65656540;
    --ntln-highlight: #f4f4f4;
    --ntln-shadow: 0 2px 8px color-mix(in srgb, currentColor 10%, transparent);
    --ntln-font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ntln-font-accent: 'Georgia', 'Times New Roman', serif;
    --ntln-scroll: #a4a4a4;
}

/* Кастомные стили для компонента ntln-right (картинка справа) */
ntln-right-container {
    display: flex;
    width: 80%;
    background: var(--ntln-surface);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--ntln-shadow);
    margin: 0 auto !important;
    max-height: 600px;
    color: var(--ntln-text);
}

ntln-right-image1 {
    flex: 0 0 30%;
    min-height: 600px;
    background-size: cover;
    background-position: center;
    position: relative;
    order: 2; /* Картинка справа */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url('https://upforme.ru/uploads/001c/a2/2e/2/835682.png') no-repeat center center;
    background-size: cover;
}

ntln-right-info {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    order: 2; /* Текст слева */
}

ntln-right-title {
    font-family: var(--ntln-font-accent), serif;
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--ntln-accent);
    padding-bottom: 8px;
}

ntln-right-subtitle {
    color: var(--ntln-text-soft);
    font-size: 11px;
    margin-bottom: 15px;
    font-style: italic;
    font-family: var(--ntln-font-main), sans-serif;
    opacity: 0.8;
}

ntln-right-tabs {
    display: flex;
    margin-bottom: 15px;
    gap: 5px;
}

ntln-right-tab {
    background: var(--ntln-bg);
    border: none;
    color: var(--ntln-text-soft);
    padding: 8px 15px;
    font-size: 11px;
    font-family: var(--ntln-font-main), sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 4px 4px 0 0;
    opacity: 0.7;
}

ntln-right-tab:hover {
    opacity: 0.9;
    background: var(--ntln-hover);
}

ntln-right-tab.active {
    opacity: 1;
    font-weight: bold;
    background: var(--ntln-hover);
    color: var(--ntln-accent);
}

ntln-right-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--ntln-accent);
}

ntln-right-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
    line-height: 1.5;
    font-family: var(--ntln-font-main), sans-serif;
    font-size: 13px;
    color: var(--ntln-text);
}

ntln-right-pane {
    display: none;
}

ntln-right-pane.active {
    display: block;
}

.ntln-right-description p {
    margin-bottom: 12px;
    text-align: justify;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-right-highlight {
    color: var(--ntln-highlight);
    font-weight: bold;
}

.ntln-right-fact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ntln-right-fact-list li {
    padding: 6px 0;
    position: relative;
    padding-left: 20px;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-right-fact-list li:last-child {
    border-bottom: none;
}

.ntln-right-fact-list li::before {
    content: '►';
    position: absolute;
    left: 5px;
    color: var(--ntln-accent);
    font-size: 11px;
}

.ntln-right-fact-category {
    margin-top: 15px;
    margin-bottom: 8px;
    color: var(--ntln-accent);
    font-weight: bold;
    font-size: 14px;

    padding-left: 8px;
    font-family: var(--ntln-font-accent), serif;
}

/* Стили для вкладки Чудеса */
.ntln-right-miracles-intro {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--ntln-text);
    text-align: justify;
}

.ntln-right-miracles-intro p {
    margin-bottom: 12px;
}

.ntln-right-miracles-section {
    margin-bottom: 25px;
}

.ntln-right-miracles-section h3 {
    color: var(--ntln-accent);
    font-family: var(--ntln-font-accent), serif;
    font-size: 14px;
    margin: 15px 0 10px 0;

    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ntln-right-miracles-subsection {
    margin: 15px 0 10px 0;
}

.ntln-right-miracles-subsection h4 {
    color: var(--ntln-accent);
    font-family: var(--ntln-font-accent), serif;
    font-size: 12px;
    margin: 10px 0 5px 0;
    opacity: 0.9;
    font-style: italic;

    padding-left: 8px;
}

.ntln-right-miracles-note {
    font-size: 13px;
    color: var(--ntln-text);
    opacity: 0.7;
    margin: 5px 0 10px 0;
    padding-left: 10px;

}

.ntln-right-miracle-item {
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 13px;
    line-height: 1.5;
}

.ntln-right-miracle-name {
    color: var(--ntln-accent);
    font-weight: bold;
    display: inline;
}

.ntln-right-miracle-desc {
    display: inline;
    color: var(--ntln-text);
}

/* Стили для скроллбара */
ntln-right-content::-webkit-scrollbar {
    width: 4px;
}

ntln-right-content::-webkit-scrollbar-track {
    background: var(--ntln-bg);
    border-radius: 2px;
}

ntln-right-content::-webkit-scrollbar-thumb {
    background: var(--ntln-scroll);
    border-radius: 2px;
}

/* Адаптивность */
@media (max-width: 540px) {
    ntln-right-container {
        flex-direction: column;
        max-height: none;
        height: auto;
width: 95%;
    }
   
    ntln-right-image1 {
        min-height: 200px;
        height: 200px;
        flex: 0 0 auto;
        order: 1; /* На мобильных картинка внизу */
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url('https://upforme.ru/uploads/001c/76/0b/2/514338.png') no-repeat center center;
    }
   
    ntln-right-info {
        padding: 15px;
        max-height: 550px;
    }
   
    ntln-right-title {
        font-size: 20px;
    }
   
    ntln-right-tab {
        padding: 6px 10px;
        font-size: 10px;
    }
    }
</style>

<ntln-right-container>
    <ntln-right-info>
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <ntln-right-title style="margin-bottom: 0; border-bottom: none; padding-bottom: 0;">СТРАЖИ</ntln-right-title>
        </div>
        <ntln-right-subtitle>Духи-защитники, воплощение человеческой души</ntln-right-subtitle>

        <ntln-right-tabs>
            <ntln-right-tab class="active" onclick="switchNtlnRightTab('desc')">Описание</ntln-right-tab>
            <ntln-right-tab onclick="switchNtlnRightTab('facts')">Короткие факты</ntln-right-tab>
            <ntln-right-tab onclick="switchNtlnRightTab('miracles')">Чудеса</ntln-right-tab>
        </ntln-right-tabs>

        <ntln-right-content>
            <!-- Вкладка с описанием -->
            <ntln-right-pane class="active" id="ntln-right-desc">
                <div class="ntln-right-description">
                    <p>Рождаясь, человек не является абсолютно одиноким изначально. Рядом с ним всегда присутствует  <span class="ntln-right-highlight">Страж</span> — дух-защитник, что старается оберегать своего человека от первого до последнего вдоха. Стражи — не слуги и не господы. Они являются воплощением души, а потому связь между стражем и человеком напоминает партнерство. И через эту связь, даже оставаясь незримыми для большинства людей, эти благородные хранители стараются сберечь от угроз. Они — шестое чувство, мурашки и холодок по спине, вещий сон. Они — голос, что вдруг предупредит об опасности словно окриком. Они — совесть и разум, звучащие в миг волнения или страха. Они — это воплощение того, каким бы хотелось быть на самом деле.</p>
                   
                    <p>Облики стражей крайне различны и нестабильны до выхода человека из пубертатного возраста. В момент же, когда облик закрепляется, они порождают весьма дивное разнообразие в своем визуальном проявлении. Какие-то из них выглядят как тотемное животное, какие-то воплощают созданий и чудовищ из легенд, а какие-то — героев и злодеев, сошедших со страниц комиксов или экранов. Их размеры колеблются от небольшой мухи до крупного тигра, а в случае облика более антропоморфного не превышают рост в 2 метра. Стражи умеют цветность, подобие плотности и пахнут любимым для человека запахом, однако не имеют веса и могут проходить сквозь препятствия.</p>
                   
                    <p>Характеры Стражей — переплетение образа прототипа и самого человека. Несмотря на то, что стражи обычных людей чаще всего молчаливы, они могут проявлять заинтересованность к кому-либо и чему-либо интересному их партнеру. А в случае, если человек крайне болтлив, могут даже обмолвиться словом с другим стражем или медиумом. Хранители простых людей всегда находятся рядом с ними, следуя, летя или плывя по воздуху. Они – защитники, что в случае, если связь достаточно крепка, способны не только сберечь от угрозы, но и помочь порой чуть быстрее прийти в себя после травмы, ускоряя исцеление.</p>
                   
                    <p>Иными являются <span class="ntln-right-highlight">стражи медиумов</span>. Имея возможность изначально взаимодействовать со своим человеком, они более разговорчивы и активны. Они учатся вместе с ними противодействовать призракам и в итоге становятся способны их атаковать, таким образом истощая. Такие стражи могут уходить от медиумов по необходимости на большие расстояния, в течение этого периода общаясь мысленно. Однако не любят этого делать, ведь им необходимо потратить время для того, чтобы вернуться в случае необходимости. А необходимость такая то и дело наступает внезапно.</p>
                   
                    <p>Стражи чаще всего — <span class="ntln-right-highlight">единственная защита человека</span> от проявления потустороннего. И лишь от них зависит, сможет ли призрак добраться до своей цели. Сила стража никак не связана с его размером и обликом, но зависит от силы связи со своим человеком. А потому порой и любимый плюшевый заяц способен стать для призрака угрозой или надежной защитой. Связь между стражем и человеком крепнет в случае, если человек старается жить в гармонии и балансе с собой, отчего укрепление этой связи доступно как простым людям, так и медиумам. Эта же связь помогает стражам восстанавливаться значительно быстрее после стычек, ведь они все еще могут чувствовать боль и уставать. Восстановить силы стражу могут переданные жизненные силы, хороший сон, а порой медитации. Человек не чувствует боли, кою испытывает страж, однако устает вместе с ним.</p>
                </div>
            </ntln-right-pane>

            <!-- Вкладка с фактами -->
            <ntln-right-pane id="ntln-right-facts">
                <div class="ntln-right-fact-category">Природа и восприятие:</div>
                <ul class="ntln-right-fact-list">
                    <li>Страж есть у каждого человека и является воплощением его души. По этой причине в их связке нет хозяина и подчиненного. Они — равные партнеры.</li>
                    <li>Страж незрим для простых людей. Видеть их могут медиумы, призраки, одержимые.</li>
                    <li>Стражи имеют цветность, ощутимую плотность, текстуру, соответствующую их облику. Вес у них отсутствует.</li>
                </ul>

                <div class="ntln-right-fact-category">Внешний вид:</div>
                <ul class="ntln-right-fact-list">
                    <li>Форма стража изменяется у детей и становится постоянной при выходе из пубертатного периода.</li>
                    <li>Чаще всего принимают облик тотемного животного или любимого персонажа, в характере которого складываются черты человека и зверя/героя-прототипа.</li>
                    <li>Размер стража колеблется от крошечного до крупного тигра в случае «животной» ипостаси. В случае, если страж более антропоморфный, его рост не превышает 2 м.</li>
                    <li>Страж пахнет любимым для человека запахом.</li>
                    <li>В случае, если стражем становится морское животное, он просто «плавает в воздухе».</li>
                </ul>

                <div class="ntln-right-fact-category">Поведение и связь:</div>
                <ul class="ntln-right-fact-list">
                    <li>Стражи обычных людей и одержимых — молчаливые защитники, всегда следующие за ними и защищающие от нападений призраков.</li>
                    <li>Человек не чувствует боль, которую испытывает страж, но устает вместе с ним.</li>
                    <li>Человек не чувствует, когда касаются его стража.</li>
                    <li>В случае сильной связи с человеком стражи могут помогать им быстрее исцеляться — быстрее поправляются, восстанавливаются после операций.</li>
                </ul>

                <div class="ntln-right-fact-category">Стражи медиумов (особенности):</div>
                <ul class="ntln-right-fact-list">
                    <li>Стражи медиумов — более активные, порой болтливые и могут (хоть и не любят) уходить на большое расстояние (им требуется время, чтобы вернуться).</li>
                    <li>Медиум может общаться со стражем мысленно, в том числе на большом расстоянии.</li>
                    <li>Пользуются особенностями своего облика для атаки на врагов. (Да, если ваш страж — любимый солдатик, он будет «стрелять»).</li>
                    <li>Сила стража зависит только от силы его связи с человеком, медиумом, одержимым.</li>
                    <li>Страж может быть усилен или исцелен медиумом за счет жизненной силы.</li>
                    <li>Стражи восстанавливаются в случае, если человек отдыхает или медитируют.</li>
                </ul>
            </ntln-right-pane>
           
            <!-- Новая вкладка с Чудесами -->
            <ntln-right-pane id="ntln-right-miracles">
                <div class="ntln-right-miracles-content">
                    <div class="ntln-right-miracles-intro">
                        <p>Являясь от природы своей хранителями, стражи сделают все возможное для того, чтобы уберечь человека и медиума от угроз. Это принято называть Чудесами. Однако сама природ их действий несколько отлична.</p>
                       
                        <p>Стражи простых людей – защитники, воплощение щита. В случае, если связь обычного человека и стража сильна, они воплощают собой подобие крепости, к которой не рискнут подходить порой и сильные духи. Эта же связь открывает возможность к подобию чудес, что способны отчасти исцелять.</p>
                       
                        <p>Стражи медиумов - воины, клинок, способный разить врага и защитить перехватом, а то и вовсе контр ударом. Сильная связь со стражем открывает возможность к тому, чтобы своими слаженными атаками истощить призрака настолько, что он “умирает”, отправляясь “Туда” и больш не возвращаясь.</p>
                       
                        <p>Каждый Страж и Человек - это уникальная команда со своим взаимодействием. То, что находится в списках ниже считается наиболее распространенными чудесами, однако могут встречаться и иные проявления сил.</p>
                    </div>

                    <!-- Категория 1 -->
                    <div class="ntln-right-miracles-section">
                        <h3>Категория 1. Фундаментальные силы</h3>
                        <div class="ntln-right-miracles-note">Эти чудес стоят в основе сил любого стража.</div>
             
                        <div class="ntln-right-miracles-subsection">
                            <h4>Защитник:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Предчувствие</span>
                                <span class="ntln-right-miracle-desc"> - страж старается уберечь человека от контакта с призраком. Мурашки или дурное предчувствие, заставляющее пойти другой дорогой.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Угроза</span>
                                <span class="ntln-right-miracle-desc"> - страж звуком или видом старается напугать призрака, не давая ему подойти к человеку. Может сработать против слабых врагов.</span>
                            </div>
                        </div>

                        <div class="ntln-right-miracles-subsection">
                            <h4>Воин:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Благословение</span>
                                <span class="ntln-right-miracle-desc"> - страж способен отдать часть своих сил, дабы помочь своему медиуму в проведении ритуала, однако это крайне его изматывает и ослабляет.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Перехват</span>
                                <span class="ntln-right-miracle-desc"> - страж чувствует, если за ним ведется слежка и предупреждает об этом медиума, но пока не может выследить его.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Слежка</span>
                                <span class="ntln-right-miracle-desc"> - страж может выследить призрака, что ведет охоту на медиума и напасть на него.</span>
                            </div>
                        </div>
                    </div>

                    <!-- Категория 2 -->
                    <div class="ntln-right-miracles-section">
                        <h3>Категория 2. Поддержка</h3>
                        <div class="ntln-right-miracles-note">В моменты, когда связь между стражем и человеком укрепляется, возможности хранителя расширяются. Для установления такой связи необходимо жить жизнь в гармонии с собой, поддерживая здоровье разума и тела.</div>
                       
                        <div class="ntln-right-miracles-subsection">
                            <h4>Защитник:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Мантра</span>
                                <span class="ntln-right-miracle-desc"> - страж старается стабилизировать состояние человека, давая возможность выбраться из под ментального воздействия призрака.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Тихий сон</span>
                                <span class="ntln-right-miracle-desc"> - страж старается защитить сон человека, уберегая от кошмаров, что насылает призрак.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Щит</span>
                                <span class="ntln-right-miracle-desc"> - страж старается защитить человека от влияния направленной силы призрака или явления.</span>
                            </div>
                        </div>

                        <div class="ntln-right-miracles-subsection">
                            <h4>Воин:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Вспышка</span>
                                <span class="ntln-right-miracle-desc"> - страж получает возможность быстро добраться до указанной медиумом цели и либо атаковать врага, либо защитить союзника.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Острый глаз</span>
                                <span class="ntln-right-miracle-desc"> - страж определяет возможную слабость врага и помогает медиуму нанести по ней удар или же выбраться из иллюзии.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Силки</span>
                                <span class="ntln-right-miracle-desc"> - страж может заставить призрака ненадолго замедлиться, сделав уязвимее для ритуалов своего медиума. Чаще всего это чудо используется при проведении ритуалов изгнания.</span>
                            </div>
                        </div>
                    </div>

                    <!-- Категория 3 -->
                    <div class="ntln-right-miracles-section">
                        <h3>Категория 3. Баланс</h3>
                        <div class="ntln-right-miracles-note">Продвигаясь дальше в установке связи между друг другом, Человек и Страж учатся не только работать в паре, но и лучше чувствовать мир вокруг них. Использование подобных сил уже требует медитаций, а порой и тренировок.</div>
                       
                        <div class="ntln-right-miracles-subsection">
                            <h4>Защитник:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Знамение</span>
                                <span class="ntln-right-miracle-desc"> - страж способен показать своему человеку вещий сон, предупреждая о какой-то угрозе, если там замешана мистика.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Слеза феникса</span>
                                <span class="ntln-right-miracle-desc"> - страж тратит свои силы для того, чтобы помочь человеку быстрее восстановиться после получения физической и эмоциональной травмы. После будет истощен и слаб некоторое время.</span>
                            </div>
                        </div>

                        <div class="ntln-right-miracles-subsection">
                            <h4>Воин:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Созыв</span>
                                <span class="ntln-right-miracle-desc"> - страж издает клич, заставляющий призрака замереть на месте на некоторое время, а союзников, находящихся даже на большом расстоянии, сразу понять, где он находится, дабы те могли прийти на помощь.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Шквал</span>
                                <span class="ntln-right-miracle-desc"> - страж начинает наносить множество атак по призраку, стараясь истощить накопленную им жизненную угрозу. Эта атака запросто может “убить” призрака или значительно ослабить сильного духа.</span>
                            </div>
                        </div>
                    </div>

                    <!-- Категория 4 -->
                    <div class="ntln-right-miracles-section">
                        <h3>Категория 4. Гармония</h3>
                        <div class="ntln-right-miracles-note">Среди людей и медиумов действительно мало тех, кто способен настолько тонко чувствовать мир и, что еще сложнее, оставаться преданным себе. Подобных людей нередко называют просветленными и их во многом опасается большинство призраков. На то есть причины. Уровень связи между человеком и стражи высок, но это требует многих вложений и постоянных тренировок для разума и тела. И если здоровое тело поддержать выходит относительно легко, чистоту и ясность ума могут поддержать очень немногие.</div>
                       
                        <div class="ntln-right-miracles-subsection">
                            <h4>Защитник:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Жертва</span>
                                <span class="ntln-right-miracle-desc"> - страж передает все свои силы своему человеку, давая пережить ранение, что могло быть летальным, но сам исчезает. Стражу требуется значительное время для того, чтобы восстановиться и без участия со стороны человека на это может уйти несколько лет.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Крепость</span>
                                <span class="ntln-right-miracle-desc"> - страж создает область вокруг своего человека, делая недосягаемым для атак призраков. В этой области под защитой может быть так же любой человек, которого партнер стража держит за руку.</span>
                            </div>
                        </div>

                        <div class="ntln-right-miracles-subsection">
                            <h4>Воин:</h4>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Контратака</span>
                                <span class="ntln-right-miracle-desc"> - страж перехватывает атаку призрака и, усилив ее, использует против атакующего. Умеет высокие шансы “убить” противника или нанести почти “летальный” урон духу. Значительно истощает стража, после чего ему нужен отдых.</span>
                            </div>
                            <div class="ntln-right-miracle-item">
                                <span class="ntln-right-miracle-name">Поглощение</span>
                                <span class="ntln-right-miracle-desc"> - страж, совершая наскок на врага, старается высосать из него всю накопленную им жизненную энергию, почти гарантированно убивая этим в том числе и могущественных духов. Высосанную энергию страж может передать медиуму, другому стражу или человеку.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </ntln-right-pane>
        </ntln-right-content>
    </ntln-right-info>
   
    <ntln-right-image1>
        <!-- Фон задан в CSS -->
    </ntln-right-image1>
</ntln-right-container>

<script>
    function switchNtlnRightTab(tabId) {
        // Убираем активный класс у всех вкладок и панелей
        document.querySelectorAll('ntln-right-pane').forEach(pane => {
            pane.classList.remove('active');
        });
       
        document.querySelectorAll('ntln-right-tab').forEach(tab => {
            tab.classList.remove('active');
        });
       
        // Активируем выбранную панель
        document.getElementById('ntln-right-' + tabId).classList.add('active');
       
        // Активируем соответствующую кнопку (по onclick атрибуту)
        document.querySelectorAll('ntln-right-tab').forEach(tab => {
            if (tab.getAttribute('onclick') === "switchNtlnRightTab('" + tabId + "')") {
                tab.classList.add('active');
            }
        });
    }
</script>[/html]

Отредактировано Old One (2026-02-02 11:57:04)

+2

3

[hideprofile][html]<style>
/* ===== НЕЙТРАЛЬНЫЙ РУТ, НЕ ЗАВИСЯЩИЙ ОТ ОСНОВНОГО ДИЗАЙНА ===== */
:root {
    --ntln-bg: #313131;
    --ntln-surface: #202020;
    --ntln-text: #c8c8c8;
    --ntln-text-soft: #f0f0f0;
    --ntln-accent: #f8f8f8;
    --ntln-hover: #65656540;
    --ntln-highlight: #f4f4f4;
    --ntln-shadow: 0 2px 8px color-mix(in srgb, currentColor 10%, transparent);
    --ntln-font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ntln-font-accent: 'Georgia', 'Times New Roman', serif;
    --ntln-scroll: #a4a4a4;
}

/* Кастомные стили для компонента */
ntln-container {
    display: flex;
    width: 80%;
    background: var(--ntln-surface);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--ntln-shadow);
       margin: 0 auto !important;
    max-height: 600px;
    color: var(--ntln-text);
}

ntln-image2 {
    flex: 0 0 30%;
    min-height: 600px;
    background: var(--ntln-bg);
    background-size: cover;
    background-position: center;
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url('https://upforme.ru/uploads/001c/a2/2e/2/714570.png') no-repeat center center;
    background-size: cover;
}

ntln-info {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 600px;
}

ntln-title {
    font-family: var(--ntln-font-accent), serif;
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--ntln-accent);
    border-bottom: 2px solid var(--ntln-accent);
    padding-bottom: 8px;
}

ntln-subtitle {
    color: var(--ntln-text-soft);
    font-size: 11px;
    margin-bottom: 15px;
    font-style: italic;
    font-family: var(--ntln-font-main), sans-serif;
    opacity: 0.8;
}

ntln-tabs {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px dashed var(--ntln-hover);
    gap: 5px;
}

ntln-tab {
    background: var(--ntln-bg);
    border: none;
    color: var(--ntln-text-soft);
    padding: 8px 15px;
    font-size: 11px;
    font-family: var(--ntln-font-main), sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 4px 4px 0 0;
    opacity: 0.7;
}

ntln-tab:hover {
    opacity: 0.9;
    background: var(--ntln-hover);
}

ntln-tab.active {
    opacity: 1;
    font-weight: bold;
    background: var(--ntln-hover);
    color: var(--ntln-accent);
}

ntln-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--ntln-accent);
}

ntln-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
    line-height: 1.5;
    font-family: var(--ntln-font-main), sans-serif;
    font-size: 13px;
    color: var(--ntln-text);
}

ntln-pane {
    display: none;
}

ntln-pane.active {
    display: block;
}

.ntln-description p {
    margin-bottom: 12px;
    text-align: justify;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-highlight {
    color: var(--ntln-highlight);
    font-weight: bold;
}

.ntln-fact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ntln-fact-list li {
    padding: 6px 0;
    border-bottom: 1px dashed var(--ntln-hover);
    position: relative;
    padding-left: 20px;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-fact-list li:last-child {
    border-bottom: none;
}

.ntln-fact-list li::before {
    content: '►';
    position: absolute;
    left: 5px;
    color: var(--ntln-accent);
    font-size: 11px;
}

.ntln-fact-category {
    margin-top: 15px;
    margin-bottom: 8px;
    color: var(--ntln-accent);
    font-weight: bold;
    font-size: 14px;
    border-left: 2px solid var(--ntln-accent);
    padding-left: 8px;
    font-family: var(--ntln-font-accent), serif;
}

/* Стили для вкладки Дары */
.ntln-gifts-intro {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--ntln-text);
    text-align: justify;
}

.ntln-gifts-section {
    margin-bottom: 25px;
}

.ntln-gifts-section h3 {
    color: var(--ntln-accent);
    font-family: var(--ntln-font-accent), serif;
    font-size: 14px;
    margin: 15px 0 10px 0;
    border-bottom: 1px dashed var(--ntln-hover);
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ntln-gifts-section h4 {
    color: var(--ntln-accent);
    font-family: var(--ntln-font-accent), serif;
    font-size: 12px;
    margin: 10px 0 5px 0;
    opacity: 0.9;
    font-style: italic;
    border-left: 2px solid var(--ntln-accent);
    padding-left: 8px;
}

.ntln-gifts-note {
    font-size: 13px;
    color: var(--ntln-text);
    opacity: 0.7;
    margin: 5px 0 10px 0;
    padding-left: 10px;
    border-left: 2px solid var(--ntln-hover);
}

.ntln-gift-item {
    margin-bottom: 12px;
    padding-left: 15px;
    border-left: 2px solid var(--ntln-hover);
    font-size: 13px;
    line-height: 1.5;
}

.ntln-gift-name {
    color: var(--ntln-accent);
    font-weight: bold;
    display: inline;
}

.ntln-gift-desc {
    display: inline;
    color: var(--ntln-text);
}

.ntln-gift-restricted {
    font-size: 11px;
    color: var(--ntln-accent);
    opacity: 0.8;
    margin-top: 2px;
    font-style: italic;
}

/* Стили для скроллбара */
ntln-content::-webkit-scrollbar {
    width: 4px;
}

ntln-content::-webkit-scrollbar-track {
    background: var(--ntln-bg);
    border-radius: 2px;
}

ntln-content::-webkit-scrollbar-thumb {
    background: var(--ntln-scroll);
    border-radius: 2px;
}

/* Адаптивность */
@media (max-width: 540px) {
    ntln-container {
        flex-direction: column;
        max-height: none;
        height: auto;
width: 95%;
    }
   
    ntln-image2 {
        min-height: 200px;
        height: 200px;
        flex: 0 0 auto;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url('https://upforme.ru/uploads/001c/76/0b/2/166732.png') no-repeat center center;
    }
       
    ntln-info {
        padding: 15px;
        max-height: 550px;
    }
   
    ntln-title {
        font-size: 20px;
    }
   
    ntln-tab {
        padding: 6px 10px;
        font-size: 10px;
    }
    }
</style>

<ntln-container>
    <ntln-image2>
        <!-- Фон задан в CSS -->
    </ntln-image2>
   
    <ntln-info>
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <ntln-title style="margin-bottom: 0; border-bottom: none; padding-bottom: 0;">ПРИЗРАКИ</ntln-title>
        </div>

        <ntln-subtitle>Вечные пленники границы между мирами</ntln-subtitle>

        <ntln-tabs>
            <ntln-tab class="active" onclick="switchNtlnTab('desc')">Описание</ntln-tab>
            <ntln-tab onclick="switchNtlnTab('facts')">Короткие факты</ntln-tab>
            <ntln-tab onclick="switchNtlnTab('gifts')">Дары</ntln-tab>
        </ntln-tabs>

        <ntln-content>
            <!-- Вкладка с описанием -->
            <ntln-pane class="active" id="ntln-desc">
                <div class="ntln-description">
                    <p>Смерть - не конец абсолютный. Это переход между двумя состояниями, двумя мирами. Живым и не живым. И порой на этой границе что-то заставляет задержаться.</p>
                   
                    <p>Каждый из людей, погибая, некоторое время все еще остается здесь. Незримый практически для всего мира, полупрозрачный, лишенный цвета, отливающий грязно серо-голубым, пахнущий мерзлой могильной землей и выглядящий ровно так, каким его в свои объятия приняла Смерть, призрак похож на растерянного заблудившегося путника, оказавшегося в незнакомом городе среди тех, кто не говорит на знакомом языке. Чаще всего такие призраки в какой-то момент исчезают, не задерживаясь в мире живых больше 40 дней. А порой все же успевают понять что с ними и найти медиума, что сможет передать их последнюю волю и слова, что не успели сказать дорогим сердцу. Призраки уходят на странный зов, что зовет их Туда - не то в иное пространство, не то в тот самый загробный мир, про который написано во многих религиях. Никто из ушедших не вернулся, а потому этот секрет не ведом для тех, кто решает остаться. А такие есть.</p>
                   
                    <p>Порой призрака держит здесь месть и злоба. Порой - желание защитить близких и род. Порой - желание продолжать существовать. У каждого из них свои причины, но желание остаться здесь имеет свою цену. Этой ценой становится жизненная энергия. Они — ресурс, необходимый для существования, использований даров и нападения на Стражей и Медиумов в попытке добраться до тех, кто способен их видеть. Ресурс, доступный каждому живому. Ресурс, который те не ценят. Ресурс, который, порой, слишком сложно достать. Ресурс, который призраки могут достать только касаясь тех, кто их видит. Люди, находящиеся в стабильном физическом и эмоциональном состоянии, их практически никогда не видят, а потому коснуться их невозможно. Медиумы же, видящие их изначально, слишком часто умеют за себя постоять, а потому им приходится договариваться с ними. Или вступать в стычку, цена проигрыша в которой - исчезновение, уход Туда, как только закончатся последние крупицы силы.</p>
                   
                    <p>Касание - часть любого договора. Соглашаясь помочь медиуму, призрак касается его, выпивая жизненные силы. Эти глотки не могут дать насытиться, но позволяют продолжить свое существование. Такой подход выбирают призраки, решившие стать призрачными хранителями и наставниками. Такой подход порой необходимость для тех, кто только учится существовать по новым правилам. Но когда этого становится мало — призраки нападают на медиумов и, касаясь их, выпивают всю жизненную энергию и саму жизнь, становясь сильнее. Могущественнее. И, вступив на этот путь однажды, они уже не могут остановиться.</p>
                   
                    <p>Такие <span class="ntln-highlight">призраки-хищники</span> — наибольшая угроза для любого медиума. Ведя за ними охоту, они ловят их в моменты слабости, стараясь урвать как можно больше или выпить до конца. Каждый такой глоток - увеличивает их мощь и открывает доступ к <span class="ntln-highlight">Дарам</span> - сильным способностям, недоступным никому живому. Призрак-хищник все еще может пойти на сделку, но каждый договор с ним - как попытка приручить опасного голодного лесного зверя, что видит в медиуме - кусок мяса.</p>
                   
                    <p>Собрав достаточно сил, хищник может стать <span class="ntln-highlight">Духом</span>. Такие призраки могут оказывать серьезное влияние на окружающий их мир, а так же — спокойно атаковать и обычных людей, выпивая их жизненные силы. Духи чаще всего становятся теми самыми призраками, о которых пишут в книгах, о которых снимают фильмы, которых увековечивают в городских легендах. Многие из них существуют уже не первую сотню лет, а потому являются источником больших знаний и сил. Часто теперь уже они приходят к медиумам и предлагают сделки, собирая вокруг себя своры из подчиненных призраков послабее, что служат их глазами и ушами. Духи редко бывают наделены благородством, но исключения, все же, есть. Контакт с ними всегда требует огромной осторожности, а потому часто на такие встречи медиумы идут не в одиночестве, а с теми, кто сможет им помочь и их поддержать. Однако даже не это является последней точкой развития призраков.</p>
                   
                    <p><span class="ntln-highlight">Великие Древние</span> - легенды, что вписали уже давно свои имена в истории. Их боятся, потому что их силы выходят далеко за грань понимания простого человека. Накопив громадное количество знаний и жизненной энергии, они представляют огромную опасность для живых. Великие Древние умеют лишать жизни так же легко, как стирать личности, превращая тела в не более чем оболочки, в которых они могут некоторое время жить среди людей. Они способны оказывать влияние на события и становиться бедствием для целого города. Их мало. И появление каждого такого Великого Древнего становится поводом для беспокойства. Потому что им все еще нужно поглощать жизненную энергию. И, обеспечивая себе беспрерывный поток, они слишком часто собирают вокруг себя культы, в которые заманивают сильных мира сего и амбициозных медиумов, обещая им большие силы и статус. Но даже они все еще остаются голодными.</p>
                   
                    <p>Призрак — это вечный пленник границы. Зависящие от энергии живых и слишком часто их за то ненавидящие, они преследуют свои цели и играют свои роли, выступая то наставниками, то союзниками, то погибелью.</p>
                   
                    <p style="text-align: center; font-style: italic; margin-top: 15px; color: var(--ntln-highlight); font-weight: bold;">Призраки всегда где-то рядом. Они всегда голодны. Они всегда наблюдают, выжидая того самого мига, когда жертва наиболее уязвима для атаки.</p>
                </div>
            </ntln-pane>

            <!-- Вкладка с фактами -->
            <ntln-pane id="ntln-facts">
                <div class="ntln-fact-category">Базовые свойства:</div>
                <ul class="ntln-fact-list">
                    <li>Призраком становится каждый человек после смерти. Он сохраняет свои воспоминания и часто помнит то, как погиб. Но воспоминания эти способны серьезно травмировать подобие его психологического состояния.</li>
                    <li>Призраки обычно незримы для простых людей. Их видят Стражи, Медиумы, Одержимые. Простой человек способен их увидеть при смерти или в измененном состоянии сознания.</li>
                    <li>Призраки выглядят так, как они выглядели в момент смерти. Их облик становится полупрозрачным, почти лишен цвета, пахнет мерзлой землей. Их плотность меньше, чем у Стражей, и они прохладные.</li>
                    <li>Призраков постоянно что-то тянет Туда.</li>
                    <li>После 40 дня с момента смерти для того, чтобы оставаться в этом мире, им необходима жизненная энергия.</li>
                    <li>Как только энергия заканчивается, призрак уходит Туда.</li>
                    <li>Шанс увидеть призрака повышается, если человек изначально склонен верить в паранормальное.</li>
                </ul>

                <div class="ntln-fact-category">Способы существования и взаимодействия:</div>
                <ul class="ntln-fact-list">
                    <li>Для получения жизненной энергии они соглашаются на помощь медиумам, выполняя для них поручения. Они способны следить за кем-либо, проникать в сны, внушать какие-то идеи, порой показываться другим на краткие мгновения, изводя этим и сводя с ума.</li>
                    <li>Иной тип взаимодействия — жизненный совет, информация, которой призрак владел при жизни, или мирное соседство, сосуществование.</li>
                    <li>Порой призраки-медиумы остаются среди живых, дабы помогать будущим поколениям.</li>
                    <li>Призраки могут быть нейтрально настроенными, порой почти «добрыми» (с поправками на испорченный долгими годами жизни юмор), но такие чаще всего слабее своих более агрессивных и хищных собратьев.</li>
                    <li>Поглощение жизненной энергии идет через касание к тому, кто их видит.</li>
                </ul>

                <div class="ntln-fact-category">Эволюция и угрозы:</div>
                <ul class="ntln-fact-list">
                    <li>Некоторые призраки начинают активно охотиться на медиумов, стараясь выпить их досуха. Таких порой называют хищниками.</li>
                    <li>Убитые таким образом люди не имеют никаких ран на теле, но глаза покрыты словно белесой пеленой.</li>
                    <li>Атаки Стражей и ритуалы медиумов серьезно истощают призраков, тратя их жизненную энергию. Как только она заканчивается, призрак уходит Туда.</li>
                    <li>Набрав достаточно сил, призрак переходит в «категорию» духа, получая возможность касаться, а значит, выпивать жизненную энергию, не только медиумов, но и людей, если они ослаблены или чем-то напуганы. Сильные духи во время часто используют сильные способности, отчего становятся опасными соперниками, с которыми может совладать далеко не каждая группа даже опытных медиумов.</li>
                    <li>Единицы из духов становятся Великими Древними, сила которых во многом превосходит силы прочих.</li>
                </ul>

                <div class="ntln-fact-category">Великие Древние:</div>
                <ul class="ntln-fact-list">
                    <li>Великие Древние представляют из себя наибольшую угрозу для всего живого.</li>
                    <li>Нередко они собирают вокруг себя культы и секты.</li>
                    <li>На данный момент в Орландо находится один единственный Великий Древний, считающийся сильнейшим призраком города и тем, против кого другие призраки не пойдут. Представляет огромную угрозу для медиумов.</li>
                </ul>
            </ntln-pane>

            <!-- Вкладка с Дарами -->
            <ntln-pane id="ntln-gifts">
                <div class="ntln-gifts-content">
                    <div class="ntln-gifts-intro">
                        <p>Призраки, задержавшиеся в мире живых, отчасти уже принадлежат миру иному. Возможно иному пространству, возможно загробному миру. Они называют это Туда и едва ли сами понимают природу тех мест. Им известно лишь то, что их тянет в те края. А еще то, что связь с "Туда" дает им доступ к силам, способным влиять на мир живых.</p>
                       
                        <p>Сила каждого отдельного Призрака строиться на его опыте и том, сколько он имеет Жизненной Энергии, поглощенной у Медиумов или обычных Людей. Жизненную Энергию же они и тратят на то, чтобы продолжить существование и использовать эти Дары. Часть из них – перекликается у множества Призраков, а потому считается Общей. Но некоторые из них обладают и собственными уникальными способностями, секреты коих не передают своим собратьям по посмертию.</p>
                       
                        <p>Список ниже - перечисление тех Дров, что встречаются наиболее часто, но он вовсе не является полным. Эффективность и сила воздействия напрямую зависит от опытности призрака, состояния цели, их числа и количестве сил, что он на них тратит. </p>
                    </div>

                    <!-- Категория 1 -->
                    <div class="ntln-gifts-section">
                        <h3>Категория 1: Фундаментальные свойства призрака</h3>
                        <div class="ntln-gifts-note">Физика существования призраков как таковых. Эти дары доступны им всем изначально и почти не тратят жизненные силы на использование. Не поддается усилению со стороны медиумам и не доступна одержимым</div>
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Вуаль</span>
                            <span class="ntln-gift-desc"> - незримы для людей. Однако те из них, кто склонны верить в мистику, могут их замечать краем глаза.</span>
                        </div>

                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Касание</span>
                            <span class="ntln-gift-desc"> - возможность касаться и хватать Медиумов и их Стражей.</span>
                        </div>                       
                                             
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Поглощение</span>
                            <span class="ntln-gift-desc"> - способность через касание поглощать жизненную, необходимую для существования. Способны изначально поглощать только энергию медиумов. Чем дольше контакт, тем больше энергии поглощается. Способны этим убить.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Полет</span>
                            <span class="ntln-gift-desc"> - возможность летать, левитируя.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Проходить сквозь препятствия</span>
                            <span class="ntln-gift-desc"> - способность проходить сквозь стены, потолки, полы.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Стремительность</span>
                            <span class="ntln-gift-desc"> — возможно двигаться иначе, неподвластным человеку образом. Порой создается ощущение рывков или даже телепортации.</span>
                        </div>
                    </div>

                    <!-- Категория 2 -->
                    <div class="ntln-gifts-section">
                        <h3>Категория 2: Ментальное воздействие и иллюзии</h3>
                        <div class="ntln-gifts-note">Влияние на разум, доступно многим призракам. Медиумы могут договориться с призраком, чтобы он использовал эти силы для выполнения их просьб. Опытный медиум может постараться усилить способности призрака засчет своей жизненной силы, если призрак, использующий способность, касается его. Одержимые, используя эти силы, тратят годы своей жизни, истощают свое тело и силы для борьбы с вселившемся в него призраком. Чем чаще они используют силы, тем выше риск стать пленником тела, не способным его контролировать.</div>                       
                                               
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Внушение</span>
                            <span class="ntln-gift-desc"> - способность, позволяющая попытаться внушить кому-то что-то. Позволяет также усилить эмоцию, что испытывает человек, группа лиц.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Вселение</span>
                            <span class="ntln-gift-desc"> - возможность вселяться в людей или предметы. В первом случае призрак ведет борьбу за контроль над телом, постепенно усиливая свое давление. Во втором - он может избрать предмет своим вместилищем, внутри которого впадает в сон, почти не тратя энергию. Призрак "просыпается", когда рядом находится человек, и старается внушить ему забрать вещь с собой, дабы попытаться после захватить его тело.</span>
                            <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Звуковые галлюцинации</span>
                            <span class="ntln-gift-desc"> - повторение любого услышанного ранее призраком звука, изменение голоса. Звуки слышат медиумы и люди, попавшие под эффект Мистерии.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Иллюзии</span>
                            <span class="ntln-gift-desc"> - возможность изменять с помощью иллюзий внешний вид пространства или себя в глазах человек, группы лиц. Иллюзии видят медиумы и люди, попавшие под эффект Мистерии.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Мистерия</span>
                            <span class="ntln-gift-desc"> — возможность стать зримым для людей, что находятся на грани между жизнью и смертью, в измененном сознании, испытывают крайне яркие (чаще всего негативные) эмоции. Это необходимо для использования Хватки Смерти.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Отвести взгляд</span>
                            <span class="ntln-gift-desc"> - окружающие теряют интерес к какому-то объекту или субъекту. Способны этим сбить со следа стражей и медиумов.</span>
                        </div>
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Хватка смерти</span>
                            <span class="ntln-gift-desc"> - возможность через касание поглощать энергию из любого человека в случае, если он видит призрака.</span>
                            <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Хождение в сон</span>
                            <span class="ntln-gift-desc"> - возможность проникать в сны и искажать их, порой превращая в кошмары или наоборот - успокаивая.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Чтение мыслей</span>
                            <span class="ntln-gift-desc"> - способность читать поверхностные мысли других и передать свои.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Чтение страха</span>
                            <span class="ntln-gift-desc"> - способность мгновенно понять, чего боится человек.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Шепоты</span>
                            <span class="ntln-gift-desc"> - способность звучать шепотами сотни голосов в голове человека, группы лиц. Усиливается, если человек находится под состоянием эффекта Мистерия. </span>
                        </div>
                    </div>

                    <!-- Категория 3 -->
                    <div class="ntln-gifts-section">
                        <h3>Категория 3: Физическое и энергетическое влияние</h3>
                        <div class="ntln-gifts-note">Влияние на материю и жизненную силу, доступно сильным духам. Духи часто просят огромную плату за использование этих сил у медиумов. Медиумы не могут влиять на процесс использования сил и усиливать их. Одержимые рискую заплатить за секунды использования сил десятками лет жизни человека, в теле которого находятся, этим его убивая. Или - приводя этим к смерти личности, делая призрака единовластным властителем тела.</div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Власть над разумом</span>
                            <span class="ntln-gift-desc"> - способность читать мысли и передавать свои. Могут искажая воспоминания или стирать память. Эффект усиливается, если цель находится под действием эффекта Явление.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Влияние на животных</span>
                            <span class="ntln-gift-desc"> - способность заставить животных выполнять приказы, испытывать ту или иную эмоцию.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Изменение температуры</span>
                            <span class="ntln-gift-desc"> - способность повышать или понижать температуру в определенной области.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Контроль природных явлений</span>
                            <span class="ntln-gift-desc"> - незначительные изменения в том, как ведет себя ветер (создание небольших потоков), вода (заморозка, заставлять идти небольшие потоки против течения), огня (заставить пламя в камине вспыхнуть ярже, стать жарче, потухнуть).</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Кукловод</span>
                            <span class="ntln-gift-desc"> - вселяясь в человека или предмет, с большей вероятностью получают контроль над телом, побеждая изначальную личность человека, и становясь единовластным властителем оболочки. Способны вселяться в тела умерших и управлять ими, однако не могут замедлять разложение тела.</span>
                            <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Пир</span>
                            <span class="ntln-gift-desc"> - способность поглотить через касание энергию у медиума и человека, если тот его видит. Эмоциональное состояние человека не важно, но в случае, если цель испытывает эмоцию - жизненная энергия кажется им "вкуснее".</span>
                            <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Превращение</span>
                            <span class="ntln-gift-desc"> - способность превратиться в кого и что угодно. В том числе — превращаться в рой. </span>  <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Сглаз</span>
                            <span class="ntln-gift-desc"> - возможность ослабить стража или медиума на время, или пока длится зрительный контакт. Требует много сил.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Телекинез</span>
                            <span class="ntln-gift-desc"> - способность двигать предметы размером до книжного шкафа.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Тлен</span>
                            <span class="ntln-gift-desc"> - ускорение старения, разложения, увядания. Требует Огромных трат энергии.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Невидимость</span>
                            <span class="ntln-gift-desc"> - попытка скрыть свое присутствие от медиумов, стражей, одержимых и других призраков, словно растворившись в воздухе.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Ускоренное исцеление</span>
                            <span class="ntln-gift-desc"> - позволяет ускорить заживление ран, выздоровление после болезни, восстановление после травмы. Это не произойдет мгновенно, но процесс будет проходить чуть быстрее и легче. В случае, если исцеляемый находится на грани между жизнью и смертью, повышает шансы выжить, но не гарантирует этого. Требует Огромных трат энергии.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Явление</span>
                            <span class="ntln-gift-desc"> - способность ненадолго показываться или присутствовать в мире зримым конкретному человеку, группе лиц. В таком состоянии способны атаковать и касаться и простых людей. Явившись в мир живых, не способны на самом деле ранить человека, но вольны ему это внушить. Могут быть в таком состоянии заметны на камере. Лучше всего — на пленку.</span>
                        </div>
                    </div>

                    <!-- Категория 4 -->
                    <div class="ntln-gifts-section">
                        <h3>Категория 4: Высшие способности</h3>
                        <div class="ntln-gifts-note">Манипуляция реальностью и знание, доступные Великим Древним. Медиумы никак не могут влиять на использование этих сил. Великие Древние почти всегда действуют исключительно в личных интересах, либо требуют слишком высокую плату за свою помощь. Одержимый может рискнуть использовать подобные силы, если внутри него находится сильный дух. Однако использование этих сил часто настолько истощает жизненные ресурсы, что это приводит к гибели и человека и призрака внутри него.</div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Влияние на вероятность</span>
                            <span class="ntln-gift-desc"> - незначительное увеличение вероятности успеха или неудачи. Требует много сил.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Взор погибели</span>
                            <span class="ntln-gift-desc"> - сосредоточив взгляд на ком либо, Великие Древние способены поглотить жизненные силы без касания, если цель их видит.</span>
                            <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Отчаяние</span>
                            <span class="ntln-gift-desc"> - возможность подавлять веру медиумов в свои силы и внушать ощущение абсолютной безнадежности, значительно ослабляя человека, группу лиц, и делая их уязвимее для атак Древнего.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Маскарад</span>
                            <span class="ntln-gift-desc"> - вселяясь в тело, Великие Древние всегда оказываются главенствующими, если сами не желают иного. Могут долгое время скрываться в теле, никак себя не выдавая и пряча свою сущность от других. Покидая тело, могут мгновенно выпить все оставшиеся жизненные силы, оставляя после себя холодеющий труп.</span>
                            <div class="ntln-gift-restricted">(Сила недоступна одержимым)</div>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Память</span>
                            <span class="ntln-gift-desc"> - возможность увидеть событие прошлого при касании к предмету, человеку, месту и показать их другим, словно шагнув в прошлое.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Предсказание</span>
                            <span class="ntln-gift-desc"> - способность, позволяющая предсказать одно из возможных ближайших событий, что произойдет с какой-то вероятностью в какой-то срок. При чтении возможного будущего возможно оказание на него столь сильного влияния, что предсказание станет самоисполняющимся пророчествов. Требует много сил.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Проклятье</span>
                            <span class="ntln-gift-desc"> - возможность значительно ослабить стража или медиума, ненадолго почти лишив их сил.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Ритуалистика</span>
                            <span class="ntln-gift-desc"> - способность, открывающая призракам возможность проводить ритуалы. Каждый ритуал — по-своему уникален, сложен, требует значительной подготовки и затрачивает много сил. Имеют сильные и уникальные эффекты, среди которых - вернуть молодость, изменить полностью внешность, переписать судьбу человека, способствовать практически его исцелению. Но они слишком редко делают это с добрыми намерениями.</span>
                        </div>
                       
                        <div class="ntln-gift-item">
                            <span class="ntln-gift-name">Явление смерти</span>
                            <span class="ntln-gift-desc"> - возможность материализоваться в мире смертных, став зримым для всех, кто его окружает. Великие Древние в таком состоянии способны нанести реальные смертельные раны человеку, группе лиц. Однако каждая секунда в материальном мире требует огромное количество сил и делает призрака все уязвимее к атакам Стражей и Медиумов.</span>
                        </div>
                    </div>
                </div>
            </ntln-pane>
        </ntln-content>
    </ntln-info>
</ntln-container>

<script>
    function switchNtlnTab(tabId) {
        // Убираем активный класс у всех вкладок и панелей
        document.querySelectorAll('ntln-pane').forEach(pane => {
            pane.classList.remove('active');
        });
       
        document.querySelectorAll('ntln-tab').forEach(tab => {
            tab.classList.remove('active');
        });
       
        // Активируем выбранную панель
        document.getElementById('ntln-' + tabId).classList.add('active');
       
        // Активируем соответствующую кнопку (по onclick атрибуту)
        document.querySelectorAll('ntln-tab').forEach(tab => {
            if (tab.getAttribute('onclick') === "switchNtlnTab('" + tabId + "')") {
                tab.classList.add('active');
            }
        });
    }
</script>[/html]

+2

4

[hideprofile][html] <style>
/* ===== НЕЙТРАЛЬНЫЙ РУТ, НЕ ЗАВИСЯЩИЙ ОТ ОСНОВНОГО ДИЗАЙНА ===== */
:root {
    --ntln-bg: #313131;
    --ntln-surface: #202020;
    --ntln-text: #c8c8c8;
    --ntln-text-soft: #f0f0f0;
    --ntln-accent: #f8f8f8;
    --ntln-hover: #65656540;
    --ntln-highlight: #f4f4f4;
    --ntln-shadow: 0 2px 8px color-mix(in srgb, currentColor 10%, transparent);
    --ntln-font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ntln-font-accent: 'Georgia', 'Times New Roman', serif;
    --ntln-scroll: #a4a4a4;
}

/* Кастомные стили для компонента ntln-right (картинка справа) */
ntln-right-container {
    display: flex;
    width: 80%;
    background: var(--ntln-surface);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--ntln-shadow);
    margin: 0 auto !important;
    max-height: 600px;
    color: var(--ntln-text);
}

ntln-right-image2 {
    flex: 0 0 30%;
    min-height: 600px;
    background: var(--ntln-bg);
    background-size: cover;
    background-position: center;
    position: relative;
    order: 2; /* Картинка справа */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url('https://upforme.ru/uploads/001c/a2/2e/2/59933.png') no-repeat center center;
    background-size: cover;
}

ntln-right-info {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    order: 1; /* Текст слева */
}

ntln-right-title {
    font-family: var(--ntln-font-accent), serif;
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--ntln-accent);
    padding-bottom: 8px;
}

ntln-right-subtitle {
    color: var(--ntln-text-soft);
    font-size: 11px;
    margin-bottom: 15px;
    font-style: italic;
    font-family: var(--ntln-font-main), sans-serif;
    opacity: 0.8;
}

ntln-right-tabs {
    display: flex;
    margin-bottom: 15px;
    gap: 5px;
}

ntln-right-tab {
    background: var(--ntln-bg);
    border: none;
    color: var(--ntln-text-soft);
    padding: 8px 15px;
    font-size: 11px;
    font-family: var(--ntln-font-main), sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 4px 4px 0 0;
    opacity: 0.7;
}

ntln-right-tab:hover {
    opacity: 0.9;
    background: var(--ntln-hover);
}

ntln-right-tab.active {
    opacity: 1;
    font-weight: bold;
    background: var(--ntln-hover);
    color: var(--ntln-accent);
}

ntln-right-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--ntln-accent);
}

ntln-right-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
    line-height: 1.5;
    font-family: var(--ntln-font-main), sans-serif;
    font-size: 13px;
    color: var(--ntln-text);
}

ntln-right-pane {
    display: none;
}

ntln-right-pane.active {
    display: block;
}

.ntln-right-description p {
    margin-bottom: 12px;
    text-align: justify;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-right-highlight {
    color: var(--ntln-highlight);
    font-weight: bold;
}

.ntln-right-fact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ntln-right-fact-list li {
    padding: 6px 0;
    position: relative;
    padding-left: 20px;
    color: var(--ntln-text);
    font-size: 13px;
}

.ntln-right-fact-list li:last-child {
    border-bottom: none;
}

.ntln-right-fact-list li::before {
    content: '►';
    position: absolute;
    left: 5px;
    color: var(--ntln-accent);
    font-size: 11px;
}

.ntln-right-fact-category {
    margin-top: 15px;
    margin-bottom: 8px;
    color: var(--ntln-accent);
    font-weight: bold;
    font-size: 14px;
    padding-left: 8px;
    font-family: var(--ntln-font-accent), serif;
}

/* Стили для скроллбара */
ntln-right-content::-webkit-scrollbar {
    width: 4px;
}

ntln-right-content::-webkit-scrollbar-track {
    background: var(--ntln-bg);
    border-radius: 2px;
}

ntln-right-content::-webkit-scrollbar-thumb {
    background: var(--ntln-scroll);
    border-radius: 2px;
}

/* Адаптивность */
@media (max-width: 540px) {
    ntln-right-container {
        flex-direction: column;
        max-height: none;
        height: auto;
width: 95%;
    }
   
    ntln-right-image2 {
        min-height: 200px;
        height: 200px;
        flex: 0 0 auto;
        order: 1; /* На мобильных картинка внизу */
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url('https://upforme.ru/uploads/001c/76/0b/2/694881.png') no-repeat center center;
    }
   
    ntln-right-info {
        padding: 15px;
        max-height: 550px;
order: 2; /* Текст слева */
    }
   
    ntln-right-title {
        font-size: 20px;
    }
   
    ntln-right-tab {
        padding: 6px 10px;
        font-size: 10px;
    }
}
    </style>
<ntln-right-container>
    <ntln-right-info> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
        <ntln-right-title style="margin-bottom: 0; border-bottom: none; padding-bottom: 0;">ОДЕРЖИМЫЕ</ntln-right-title>
       
    </div>
              <ntln-right-subtitle>Симбиоз человека и призрака — опасный союз</ntln-right-subtitle>

        <ntln-right-tabs>
            <ntln-right-tab class="active" onclick="switchNtlnRightTab('desc')">Описание</ntln-right-tab>
            <ntln-right-tab onclick="switchNtlnRightTab('facts')">Короткие факты</ntln-right-tab>
        </ntln-right-tabs>

        <ntln-right-content>
            <!-- Вкладка с описанием -->
            <ntln-right-pane class="active" id="ntln-right-desc">
                <div class="ntln-right-description">
                    <p><em>Смотрящий в бездну, да почувствует взгляд в ответ. Молящий о силе да получит ее. Страдающий от одиночества да не будет навеки один. Попавший между молотом и наковальней да будет уничтожен или выкован во что-то новое.</em></p>
                   
                    <p>В редкие мгновения или стечения обстоятельств происходит противоестественное начало сосуществования двух разных существ в одном теле. Когда человек слаб, находится между жизнью и смертью, раздавлен эмоционально, а сознание его не может устоять перед психологическим ужасом, призрак может попытаться напасть не для того, чтобы выпить столь вкусную для него жизненную силу. Порой он нападает для того, чтобы вселиться в тело, начиная жить там, как  <span class="ntln-right-highlight">паразит</span>. Две личности, две памяти, два взгляда, два желания, две воли. Порой призрак усиливает свое давление сразу, силясь стереть и поглотить личность человека. А порой он затихает, медленным ядом высасывая небольшое количество жизненных сил до конца жизни, постепенно меняя характер, привычки, взгляды на жизнь. Это сосуществование способно открыть возможность человеку видеть призраков и стражей. Но с этого самого момента снова начинается гонка за лидерство и главенство над собственной судьбой и телом. Начинается вечный бой с тем, кому неведома усталость и доступна возможность медленно сводить с ума, звуча шепотом в голове. Призрак слишком редко покидает тело добровольно и слишком охотно сомнет личность человека. Такой паразитизм может быть прерван с помощью ритуала, проведенного сильным медиумом или группой медиумов, однако после него человеку будет нужна медицинская и психологическая помощь.</p>
                   
                    <p>Редким типом одержимости является <span class="ntln-right-highlight">симбиоз</span>. В его основе чаще всего находится договор между призраком и человеком или ритуал. Как пример - призрак может попросить возможность ненадолго вселиться в тело, дабы обнять вновь родных, почувствовать вкус любимой еды и жизни. Такое сосуществование обычно наиболее безобидное и короткое. В других случаях началом симбиоза становится желание человека получить доступ к силам, обычным людям недоступным. В таком случае он может позволить призраку вселиться в себя, дабы направить его силы против кого-либо или для защиты кого-либо. Платой за такое выступают годы жизни человека, но тех, кого ведет отчаяние, не беспокоит в моменте то, что возможно не выйдет в итоге отметить собственное пятидесятилетие. Или - сорокалетие. В случае симбиоза призрак все так же может быть изгнан из тела с помощью ритуала. Однако это, пожалуй, единственный случай, когда сам человек может быть против такого и противиться силам медиумов, отчего изгнание может пройти неудачно даже если его проводят сильные медиумы.</p>
                   
                    <p>Иной тип одержимости – <span class="ntln-right-highlight">проклятья</span>. Источником проклятья выступает предмет, в который по каким-то причинам вселился призрак. Это может быть его решение изначально, а может быть вынужденной мерой. Вселившись в предмет, призрак впадает в подобие долгого сна, во время которого почти не тратит жизненную силу. Находясь в этой почти засаде, он ждет мига, когда кто-то окажется рядом. И в этот же миг он тратит силы, чтобы заставить человека взять предмет в руки или задержаться рядом. Это запускает череду событий, ведущую к далеко не к лучшим для человека последствиям. Проклятье заставляет человека держать предмет рядом с собой. Навязчивая мысль, идея фикс. Хочется всегда держать эту вещицу в руках или хотя бы видеть. Это желание дополняется абсолютной паникой в миг, когда предмет не находится на том же месте или находится где-то далеко. Но порой забрать такую вещь – самое правильное решение. Ведь если предмет находится рядом - призрак начинает постепенно влиять на человека, переписывая его личность на свое подобие. Готовя его. Привычки, поведение, сны, что становятся вещими или вовсе снятся другим людям поблизости. Возможность краем глаза замечать проявления паранормального. Проклятье медленно отравляет человека, дожидаясь мига, когда тот будет наиболее уязвим. Болезнь, серьезное ранение, сильное эмоциональное потрясение – это миг для атаки, после которой призрак, вселяясь в тело, почти мгновенно заменяет собой личность изначального владельца тела. Порой проклятья погружают сознание человека в сон. А порой делают вечным узником, не способным на что-то повлиять, но наблюдающим за происходящим. В случае, если проклятье захватило тело, его изгнание все еще возможно, однако, к сожалению, во время таких ритуалов слишком часто погибает и сам человек. В случае же, если призрак еще не успел вселиться в тело человека, но предмет был уничтожен, он может попытаться атаковать владельца предмета, но чаще всего такие выпады заканчиваются его исчезновением — «смертью». Практически всегда, когда предмет уничтожен, призрак спешно стремится убраться как можно дальше, дабы найти новый предмет, что станет источником проклятья. Если он то не успевает, то уходит Туда.</p>
                   
                    <p>Наиболее редкий и пугающий тип одержимости – <span class="ntln-right-highlight">Восставший</span>. Призрак может вселиться в тело недавно умершего человека и использовать его, как свою оболочку. Однако, находясь внутри тела, они не могут замедлить трупное разложение, отчего этот тип одержимости встречается крайне редко.</p>
                   
                    <p>Что <span class="ntln-right-highlight">Паразит</span>, что <span class="ntln-right-highlight">Симбиоз </span>, что <span class="ntln-right-highlight">Проклятье</span> открывает возможность одержимому использовать <span class="ntln-right-highlight">Дары</span> - силы, изначально доступные только призракам. Использование этих способностей тратит годы жизни одержимого и, учитывая то, что призрак не способен высасывать жизненные силы извне, каждый такой фокус приближает смерть носителя. В случае, если призрак был изгнан из тела человека, он будет серьезно ослаблен и в этот миг будет возможность его уничтожить. Люди же, пережившие ритуал изгнания, имеют порой шансы стать пробужденными и встать на путь становления медиума.</p>
                </div>
            </ntln-right-pane>

            <!-- Вкладка с фактами -->
            <ntln-right-pane id="ntln-right-facts">
                <div class="ntln-right-fact-category">Общие свойства и процесс:</div>
                <ul class="ntln-right-fact-list">
                    <li>Одержимым можно стать в любой момент жизни, попав в соответствующую ситуацию.</li>
                    <li>Одержимые видят призраков, стражей, а также могут касаться их.</li>
                    <li>Стражи одержимых никак не могут им чаще всего помочь и стараются защищать до последнего.</li>
                    <li>Призраки на них не нападают, ощущая своим.</li>
                    <li>Находясь в теле человека, призрак, не использующий свои силы, не нуждается в подпитке, паразитируя на жизненной энергии владельца.</li>
                    <li>Находясь в теле человека, призрак не может подпитываться энергией медиумов и людей через прикосновение в случае, если потратил много сил.</li>
                    <li>Призрак, вселившийся в тело, способен использовать свои способности, выжирая в огромном количестве жизненную энергию носителя, однако это ведет к скоропостижной смерти человека, вынуждая покидать тело и искать новый сосуд. Секунды использований сил могут стоить несколько лет жизни.</li>
                    <li>Со временем характер одержимого неизбежно начинает изменяться под воздействием вселившегося в него призрака.</li>
                    <li>Призрак может быть изгнан из тела сильным медиумом или группой медиумов.</li>
                    <li>Достаточно сильный призрак после изгнания может не быть отправлен Туда, а продолжит свое существование. В первые период такие призраки крайне ослаблены.</li>
                </ul>

                <div class="ntln-right-fact-category">Паразит:</div>
                <ul class="ntln-right-fact-list">
                    <li>Вселение происходит в случае, если человек находится на грани между жизнью и смертью или в измененном состоянии сознания.</li>
                    <li>В случае, если человек силен волей и духом, личность призрака может быть подавлена и тот впадает в подобие сна. Даже в таком состоянии он дает возможность видеть со временем себя подобных и стражей и несколько искажает характер носителя. В случае, если человек начинает «давать слабину», призрак может попытаться захватить контроль.</li>
                    <li>В случае, если человек слаб волей/силой духа, личность призрака может полностью поглотить носителя, заместив его всецело в теле.</li>
                    <li>В редких случаях возможно сосуществование двух личностей в одном теле, но оно пропитано вечной борьбой за лидерство.</li>
                    <li>В случае изгнания призрака из тела, человек чаще всего выживает, но нуждается в помощи специалистов из-за серьезного физиологического и психологического истощения.</li>
                    <li>В редких случаях после изгнания призрака человек может стать медиумом.</li>
                </ul>

                <div class="ntln-right-fact-category">Симбиоз:</div>
                <ul class="ntln-right-fact-list">
                    <li>Началом симбиоза служит проведение ритуала или озвучивание того, что человек добровольно соглашается стать вместилищем для призрака.</li>
                    <li>Такие сосуществования чаще всего бывают короткими и позволяют призраку, например, снова коснуться родных, поесть любимую еду или почувствовать вкус жизни.</li>
                    <li>В иных случаях, человек позволяет призраку вселиться в себя, для того, чтобы отомстить кому-то или защитить кого-то.</li>
                    <li>В случае симбиоза человек может лучше всего использовать способности (дары), ориентируясь на советы призрака внутри себя.</li>
                    <li>В уплату за использование сил они отдают годы своей жизни.</li>
                    <li>Симбиоз может быть прерван ритуалом изгнания, однако порой даже сильные медиумы тут бессильны. Человек не помогает, а противится ритуалу, согласившись на эту одержимость добровольно изначально.</li>
                </ul>

                <div class="ntln-right-fact-category">Проклятье:</div>
                <ul class="ntln-right-fact-list">
                    <li>Иной тип одержимости — проклятье.</li>
                    <li>Вместилищем призрака может стать любой предмет или артефакт.</li>
                    <li>Находясь внутри предмета, призрак находится в подобии глубокого сна, во время которого почти не тратит жизненную энергию.</li>
                    <li>Одержимость начинается с навязчивого желания у человека держать проклятую вещь рядом с собой.</li>
                    <li>Чем дольше предмет находится рядом с человеком, тем больший эффект оказывает на него, изменяя личность, давая видеть порой призраков, стражей, делая сны вещими или позволяя видеть сны других людей поблизости.</li>
                    <li>Если забрать проклятый предмет у человека, у него начинается подобие ломки или мании, направленной на возвращение ему этого предмета. Оно проходит постепенно и порой может длиться годами, если контакт с предметом был долгим.</li>
                    <li>В момент сильнейшего эмоционального всплеска у человека, травмы или ритуала происходит захват тела, который почти гарантированно разрушает его изначальную личность и превращает призрака в единственного нового владельца телесной оболочки.</li>
                    <li>Если предмет разрушить, то призрак попытается вселиться в тело жертвы, но у человека есть высокие шансы удержать контроль над телом.</li>
                    <li>В случае изгнания призрака в момент, когда он уже захватил тело, человек имеет высокие шансы погибнуть.</li>
                    <li>Предмет может быть уничтожен и тогда призрак может либо попытаться вселиться в ближайшего человека, либо сбежать. Если у него остается мало жизненной энергии, он уходит “Туда”.</li>
                </ul>

                <div class="ntln-right-fact-category">Восставший:</div>
                <ul class="ntln-right-fact-list">
                    <li>Наименее распространенная одержимость — вселение в тело умершего человека.</li>
                    <li>Такой тип одержимости — наиболее энергозатратный для призрака.</li>
                    <li>Умерший не воскресает, но его тело теперь временный сосуд для вселившейся сущности.</li>
                    <li>Разложение тела идет в естественном порядке.</li>
                    <li>В случае изгнания призрака тело снова является обычным трупом.</li>
                </ul>
            </ntln-right-pane>
        </ntln-right-content>
    </ntln-right-info>
   
    <ntln-right-image2>

    </ntln-right-image2>
</ntln-right-container>

<script>
    function switchNtlnRightTab(tabId) {
        // Убираем активный класс у всех вкладок и кнопок
        document.querySelectorAll('ntln-right-pane').forEach(pane => {
            pane.classList.remove('active');
        });
       
        document.querySelectorAll('ntln-right-tab').forEach(tab => {
            tab.classList.remove('active');
        });
       
        // Активируем выбранную вкладку
        document.getElementById('ntln-right-' + tabId).classList.add('active');
       
        // Активируем соответствующую кнопку
        document.querySelectorAll('ntln-right-tab').forEach(tab => {
            if (tab.getAttribute('onclick') === "switchNtlnRightTab('" + tabId + "')") {
                tab.classList.add('active');
            }
        });
    }

</script>[/html]

+2


Вы здесь » Phantom Dance » Heptameron » О мире