[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)

















