[html]<style>
/* ===== FAQ ОРЛАНДО ===== */
.orlando-faq {
max-width: 90%;
margin: 20px auto;
background: var(--gray-alpha-60-color);
border-radius: 12px;
padding: 25px;
font-family: var(--default-font-family), sans-serif;
color: var(--light-gray-color);
border: var(--gray-30-dashed-border);
box-shadow: 0 10px 16px rgba(0, 0, 0, 0.5);
position: relative;
overflow: hidden;
}
.orlando-faq::before {
content: "";
position: absolute;
inset: 0;
background: rgba(16, 16, 16, 0.85);
z-index: 0;
}
.orlando-faq > * {
position: relative;
z-index: 1;
}
/* Заголовок FAQ */
.orlando-faq-header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: var(--gray-30-dashed-border);
}
.orlando-faq-title {
font-size: 28px;
color: var(--light-gray-color);
margin-bottom: 10px;
letter-spacing: 1px;
}
.orlando-faq-subtitle {
font-size: 14px;
color: var(--orange-color);
font-style: italic;
}
/* Контейнер для вопросов */
.orlando-faq-container {
display: flex;
flex-direction: column;
gap: 15px;
}
/* Отдельный вопрос-ответ */
.orlando-faq-item {
background: var(--gray-alpha-30-color);
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--gray-alpha-10-color);
transition: all 0.3s ease;
}
.orlando-faq-item:hover {
border-color: var(--gray-alpha-30-color);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
/* Вопрос (кликабельный заголовок) */
.orlando-faq-question {
padding: 18px 20px;
font-size: 14px;
font-weight: bold;
color: var(--light-gray-color);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: var(--gray-alpha-10-color);
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
user-select: none;
}
.orlando-faq-question:hover {
background: var(--gray-alpha-20-color);
color: var(--orange-color);
}
.orlando-faq-question.active {
color: var(--orange-color);
border-bottom-color: var(--gray-30-dashed-border);
}
/* Иконка стрелки */
.orlando-faq-icon {
color: var(--orange-color);
font-size: 12px;
transition: transform 0.3s ease;
}
.orlando-faq-question.active .orlando-faq-icon {
transform: rotate(180deg);
}
/* Ответ */
.orlando-faq-answer {
padding: 0;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
opacity: 0;
}
.orlando-faq-answer.active {
padding: 20px;
max-height: 1000px;
opacity: 1;
}
.orlando-faq-answer-content {
font-size: 13px;
line-height: 1.6;
color: var(--light-gray-color);
}
.orlando-faq-answer-content p {
margin-bottom: 12px;
}
.orlando-faq-answer-content p:last-child {
margin-bottom: 0;
}
/* Исправленное выделение ключевых терминов */
.orlando-faq-term {
color: var(--orange-color);
font-weight: bold;
/* Убраны: border-bottom, cursor, hover */
}
/* Особые блоки (P.S., примечания) */
.orlando-faq-note {
margin-top: 15px;
padding: 15px;
background: var(--gray-alpha-10-color);
border-radius: 8px;
border-left: 3px solid var(--orange-color);
font-size: 12px;
font-style: italic;
color: var(--light-gray-color);
}
.orlando-faq-note strong {
color: var(--orange-color);
}
/* Для списков внутри ответов */
.orlando-faq-list {
list-style: none;
padding: 0;
margin: 15px 0;
}
.orlando-faq-list li {
padding: 6px 0 6px 20px;
position: relative;
border-bottom: var(--gray-30-dashed-border);
}
.orlando-faq-list li:last-child {
border-bottom: none;
}
.orlando-faq-list li::before {
content: '►';
position: absolute;
left: 5px;
color: var(--orange-color);
font-size: 10px;
}
/* Адаптивность */
@media (max-width: 768px) {
.orlando-faq {
padding: 20px;
margin: 15px;
}
.orlando-faq-title {
font-size: 24px;
}
.orlando-faq-question {
padding: 15px;
font-size: 13px;
}
.orlando-faq-answer.active {
padding: 15px;
}
}
@media (max-width: 480px) {
.orlando-faq {
padding: 15px;
}
.orlando-faq-title {
font-size: 20px;
}
.orlando-faq-question {
font-size: 12px;
padding: 12px 15px;
}
.orlando-faq-answer-content {
font-size: 12px;
}
}
</style>
<!-- Отдельный FAQ для Призраков -->
<div class="orlando-faq" style="margin-top: 40px;">
<div class="orlando-faq-header">
<div class="orlando-faq-title">FAQ. ПРИЗРАКИ</div>
<div class="orlando-faq-subtitle">Сущности по ту сторону жизни</div>
</div>
<div class="orlando-faq-container">
<!-- Вопрос 1 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Кто такие призраки?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p><span class="orlando-faq-term">Призраки</span> — это погибшие люди, сохраняющие память о своей жизни и о том, как именно они погибли. Их облик полупрозрачен, они не имеют плотности, пахнут мерзлой землей, прохладны на ощупь. Призраки могут проходить сквозь препятствия и незримы для большинства людей.</p>
<p>Их способны видеть <span class="orlando-faq-term">медиумы</span>, <span class="orlando-faq-term">одержимые</span> и <span class="orlando-faq-term">стражи</span>. Чаще всего призраки не задерживаются в нашем мире дольше чем на 40 дней, уходя после <span class="orlando-faq-term">Туда</span> (иное пространство, загробный мир). Но некоторые из них решают остаться тут.</p>
</div>
</div>
</div>
<!-- Вопрос 2 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Почему они остаются?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Причины разные. Кто-то хочет остаться <span class="orlando-faq-term">хранителем рода</span>. Кого-то держит <span class="orlando-faq-term">месть</span> и незавершенные дела. Кто-то просто не готов расстаться с жизнью. Однако, чтобы продолжить свое существование, им необходимо поддерживать определенное количество <span class="orlando-faq-term">жизненной энергии</span> внутри своего тела.</p>
</div>
</div>
</div>
<!-- Вопрос 3 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Как они добывают эту энергию?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Призраки способны поглощать жизненную энергию, касаясь тех, кто их видит. Таким образом главным источником этой энергии для них становятся <span class="orlando-faq-term">медиумы</span>.</p>
<p>Этот ресурс становится главным предметом переговоров между ними в случае, если был избран более мирный путь.</p>
<p>Призрак приходит на зов или находит медиума, которому нужна его помощь. Они договариваются о том, что именно должно быть сделано. После этого, договорившись или выполнив свою часть сделки, призрак касается медиума и высасывает из него часть жизненных сил. Чем дольше длится контакт, тем больше сил получает призрак.</p>
</div>
</div>
</div>
<!-- Вопрос 4 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
И им этого хватает?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Порой да. Но некоторым становится мало, и они требуют все более высокую плату. В какой-то момент такие призраки становятся <span class="orlando-faq-term">хищниками</span> и начинают нападать на неопытных медиумов, выпивая их жизненные силы.</p>
<p>Порой они оставляют медиумов живыми. А порой такими касаниями убивают, становясь значительно сильнее.</p>
</div>
</div>
</div>
<!-- Вопрос 5 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Призрак может ранить человека?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Касания призраков не оставляют ран, однако у людей, убитых ими, глаза застланы <span class="orlando-faq-term">белой пеленой</span>.</p>
</div>
</div>
</div>
<!-- Вопрос 6 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Зачем призраку убивать?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Некоторые делают это из ненависти к живым и от тоски по жизни. Другие таким образом усиливают себя, открывая возможность использовать <span class="orlando-faq-term">сильные способности</span>, недоступные простым смертным.</p>
</div>
</div>
</div>
<!-- Вопрос 7 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Что происходит, когда призрак поглотит много энергии?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Он не меняется как таковой, но для обозначения его силы используется другое слово — <span class="orlando-faq-term">дух</span>.</p>
<p>Духи чаще всего являются могущественными и крайне опасными существами, способными оказывать большое влияние на мир живых. Они уже могут запросто показываться простым людям, а значит и касаться их, поглощая жизненные силы.</p>
<p>Нередко духи становятся культовыми персонажами местных городских легенд. Отправляясь на переговоры к ним, медиумы нередко сбиваются в группы, чтобы суметь выстоять в случае, если что-то пойдет не так.</p>
</div>
</div>
</div>
<!-- Вопрос 8 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Есть кто-то сильнее духов?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Да. <span class="orlando-faq-term">Великие Древние</span>. Их единицы, и все они представляют огромную угрозу для живых. Существующие порой уже тысячелетия, они наделены колоссальными силами и великим знанием, отчего нередко собирают вокруг себя культы и секты.</p>
</div>
</div>
</div>
<!-- Вопрос 9 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Обычный человек может увидеть призрака?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Обычно нет. В случае, если человек склонен верить в мистику, находится <span class="orlando-faq-term">между жизнью и смертью</span> или в измененном состоянии (опьянение, лекарства, обострение психологического заболевания), он может его увидеть. Но это также означает, что он становится уязвимым для атак призрака.</p>
</div>
</div>
</div>
<!-- Вопрос 10 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Есть ли возможность защититься от призрака?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Да. Главной защитой любого человека является <span class="orlando-faq-term">Страж</span>. Также могут помочь <span class="orlando-faq-term">медиумы</span> и их ритуалы, амулеты. Однако в случае столкновения не с рядовым призраком, а более сильных духом и тем более Великим Древним, потребуются гораздо более сильные и мощные средства защиты.</p>
<div class="orlando-faq-note">
<p>Порой, чтобы спастись от духа может не хватить и 3 медиумов.</p>
</div>
</div>
</div>
</div>
<!-- Вопрос 11 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Призраков можно зафиксировать на технику?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Да. Лучше всего с этим справляются <span class="orlando-faq-term">пленочные фотоаппараты</span> и <span class="orlando-faq-term">старые видеокамеры</span>. Обычные призраки выглядят как едва заметные силуэты или пыль в кадре, а духи и Великие Древние могут быть зафиксированы в своем облике.</p>
</div>
</div>
</div>
<!-- Вопрос 12 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Все призраки злые?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Нет, встречаются и те, кто согласен на небольшие крохи жизненных сил, достаточные для поддержания своего существования.</p>
</div>
</div>
</div>
<!-- Вопрос 13 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Призрака можно убить?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Да, это возможно. Для того чтобы это сделать, нужно сильно его истощить. Как только у призрака заканчивается жизненная энергия, он исчезает из этого мира, переходя <span class="orlando-faq-term">«Туда»</span>.</p>
</div>
</div>
</div>
<!-- Вопрос 14 -->
<div class="orlando-faq-item">
<div class="orlando-faq-question" onclick="toggleFaq(this)">
Призраков можно использовать для игры?
<span class="orlando-faq-icon">▼</span>
</div>
<div class="orlando-faq-answer">
<div class="orlando-faq-answer-content">
<p>Призраки не являются игровой расой, но вы можете использовать их как NPC. Если вы захотите упомянуть внутри игры сильного духа, просим написать ГМ-у. <span class="orlando-faq-term">Великий Древний</span>, находящийся в городе, для игры недоступен.</p>
</div>
</div>
</div>
</div>
</div>
<script>
function toggleFaq(questionElement) {
const answer = questionElement.nextElementSibling;
const isActive = questionElement.classList.contains('active');
// Просто переключаем текущий элемент
questionElement.classList.toggle('active');
answer.classList.toggle('active');
}
</script>[/html]