[html]<style>
/* ОБЩИЕ СТИЛИ (ДУБЛИРУЮТСЯ ИЗ ПРЕДЫДУЩИХ БЛОКОВ) */
/* Если этот код вставлен вместе с предыдущими, этот блок <style> можно объединить */
.ability-box-wrapper {
max-width: 680px;
margin: 30px auto;
font-family: Arial, sans-serif;
position: relative;
padding-top: 25px;
}
/* ЗАГОЛОВОК СПОСОБНОСТЕЙ */
.ability-title {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background-color: #8D7AB5; /* Активный сиреневый цвет */
color: white;
padding: 5px 15px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 10;
}
/* КОНТЕЙНЕР ДЛЯ СПИСКА С ПРОКРУТКОЙ */
.ability-content-scroll {
border: 3px solid #C3B4E3; /* Светло-сиреневая рамка */
background-color: #FFFCF5;
border-radius: 10px;
padding: 20px;
height: 350px; /* **Фиксированная высота (как у таблицы занятости)** */
overflow-y: auto; /* **Включаем вертикальную прокрутку** */
text-align: left;
font-size: 13px;
color: #323244;
line-height: 1.6;
}
/* СТИЛИЗАЦИЯ ПЕРЕЧНЯ СПОСОБНОСТЕЙ */
.ability-group {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #A2C4C9; /* Голубой пунктир */
}
.ability-group:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.ability-name {
font-weight: bold;
font-size: 14px;
color: #323244;
display: flex;
align-items: flex-start;
}
/* Выделение ромбика и ключевых слов */
.ability-icon {
color: #8D7AB5; /* Сиреневый цвет для ромбика */
font-size: 16px;
margin-right: 8px;
line-height: 1;
}
.ability-type {
font-weight: normal;
font-size: 11px;
color: #89515A; /* Цвет "Свободна" из предыдущей таблицы */
margin-left: 10px;
}
</style>
<div class="ability-box-wrapper">
<div class="ability-title">
Магические способности
</div>
<div class="ability-content-scroll">
<p style="margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #C3B4E3;">
Способность к магии является врождённой и морально нейтральной, определяемой наличием гена магии. Невозможно научить колдовать человека, лишённого этого гена. Магия пронизывает всю жизнь волшебников, выступая как универсальный инструмент и основа для заколдованных предметов. Целенаправленное и эффективное использование магии требует длительного обучения.
</p>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Змееусты <span class="ability-type">(Врождённые)</span>
</div>
<p>Способность понимать язык змей (парселтанг) и говорить на нём.</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Анимаги <span class="ability-type">(Приобретённые)</span>
</div>
<p>Волшебник, способный по собственному желанию превращаться в определённое животное. Этот процесс требует сложного и длительного обучения.</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Метаморфомаги <span class="ability-type">(Врождённые)</span>
</div>
<p>Чрезвычайно редкая способность изменять свой внешний вид (цвет волос, черты лица и т.д.) по собственному желанию, без использования заклинаний или зелий.</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Прорицатели <span class="ability-type">(Различные)</span>
</div>
<p style="margin-left: 15px;">
Провидцы и Медиумы (Врождённые) – обладают истинным, ненаправленным даром предвидения или общения с духами.
<br>
Гадатели (Приобретённые) – используют инструменты (карты, чайные листья, хрустальный шар) для толкования будущего.
</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Легилименты и Окклюменты <span class="ability-type">(Врождённые и Приобретённые)</span>
</div>
<p style="margin-left: 15px;">
Легилимент – способен проникать в сознание других, считывать мысли и эмоции.
<br>
Окклюмент – способен блокировать ментальное вторжение, защищая свой разум.
</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Беспалочковые маги <span class="ability-type">(Приобретённые)</span>
</div>
<p>Умение колдовать без использования волшебной палочки. Обычно достигается длительной практикой и высоким уровнем концентрации.</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Невербалы <span class="ability-type">(Приобретённые)</span>
</div>
<p>Умение колдовать, не произнося формулу заклинания вслух.</p>
</div>
<div class="ability-group">
<div class="ability-name">
<span class="ability-icon">✦</span> Обскуры <span class="ability-type">(Врождённые)</span>
</div>
<p>Это волшебники, которые в детстве подавляли свою магию из-за страха, стыда или преследования. Подавленная энергия конденсируется в тёмную, нестабильную силу, называемую обскурусом, которая может вырваться наружу в виде разрушительной тени. Обскуры часто живут недолго и являются одной из самых больших угроз для статута о секретности, привлекая внимание Гриндевальда и МАКУСА.</p>
</div>
</div>
</div>[/html]
