[html]<div style="
background:#3a3a3a;
color:#ededed;
padding:20px;
border-radius:12px;
max-width:860px;
font-family:Verdana, Arial, sans-serif;
">
<!-- Название -->
<div style="font-size:26px;font-weight:700;margin-bottom:12px;color:#fff;">
Tear You Apart
</div>
<!-- Верхние плашки -->
<div style="margin-bottom:18px; display:flex; flex-wrap:wrap; gap:6px;">
<span class="tag" style="background:#1f8a9b;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;">Слэш</span>
<span class="tag" style="background:#901f25;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;">NC-21</span>
<span class="tag" style="background:#c8c1a6;color:#3a3a3a;padding:5px 10px;border-radius:6px;font-size:13px;">В процессе</span>
<span class="tag" style="background:#2f7d32;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;">👍 Скрыто</span>
</div>
<!-- Основной блок -->
<div style="display:flex; gap:18px; align-items:flex-start;">
<!-- Левая колонка -->
<div style="flex:1; font-size:14px; line-height:1.65;">
<!-- Авторы -->
<div style="margin-bottom:10px;">
<strong style="color:#fff;">Авторы:</strong><br>
<div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
<span class="tag" style="display:inline-flex; align-items:center; gap:6px; background:#4a4a4a; padding:4px 8px; border-radius:6px;">
<img src="https://upforme.ru/uploads/001c/82/f2/62/231882.png" alt="аватар1" style="width:24px;height:24px;border-radius:50%;object-fit:cover;"> Sean Bones
</span>
<span class="tag" style="display:inline-flex; align-items:center; gap:6px; background:#4a4a4a; padding:4px 8px; border-radius:6px;">
<img src="https://upforme.ru/uploads/001c/82/f2/62/529972.png" alt="аватар2" style="width:24px;height:24px;border-radius:50%;object-fit:cover;"> Clyde Steel
</span>
</div>
</div>
<!-- Пейринг -->
<div style="margin-bottom:10px;">
<strong style="color:#fff;">Пейринг:</strong><br>
<div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Steel Boner</span>
</div>
</div>
<!-- Фэндом -->
<div style="margin-bottom:10px;">
<strong style="color:#fff;">Фэндом:</strong><br>
Ориджиналы
</div>
<!-- Размер -->
<div style="margin-bottom:14px;">
<strong style="color:#fff;">Размер:</strong><br>
планируется Макси, написано 42 страницы, 9 345 слов, 2 части
</div>
<!-- Жанры -->
<div style="margin-bottom:12px;">
<strong style="color:#fff;">Жанры:</strong><br>
<div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Любовь/Ненависть</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Ангст</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Мистика</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Соулмейты</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Учебные заведения</span>
</div>
</div>
<!-- Предупреждения -->
<div style="margin-bottom:12px;">
<strong style="color:#fff;">Предупреждения:</strong><br>
<div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Садизм</span>
<span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Гуро</span>
<span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Зоофилия</span>
<span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Каннибализм</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Насилие</span>
<span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Некрофилия</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Нецензурная лексика</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Серая мораль</span>
<span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Смерть второстепенного персонажа</span>
</div>
</div>
<!-- Другие метки -->
<div style="margin-bottom:14px;">
<strong style="color:#fff;">Другие метки:</strong><br>
<div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Боль</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Отрицание чувств</span>
<span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Лишение конечности</span>
</div>
</div>
</div>
<!-- Правая колонка: обложка -->
<div style="width:220px;flex-shrink:0; display:flex; justify-content:center; align-items:flex-start;">
<div class="cover-wrapper" style="
background:#2d2d2f;
border-radius:10px;
overflow:hidden;
box-shadow:0 6px 16px rgba(0,0,0,0.4);
width:300px;
height:450px;
">
<img
src="https://upforme.ru/uploads/001c/82/f2/62/625344.png"
alt="Обложка фанфика"
style="width:100%; height:100%; display:block; object-fit:cover; transition: transform 0.3s ease;">
</div>
</div>
</div>
<!-- Описание фанфика -->
<div style="margin-top:20px; padding:12px; background:#2d2d2f; border-radius:8px; line-height:1.5; clear:both;">
<strong style="color:#fff;">Описание фанфика:</strong><br>
Я ненавижу тебя за то, что, стоит мне замахнуться на твой пульс, как мой собственный припадает к земле и затравленно щерится. Ненавижу за то, что в твоих глазах, сколько ни ищи, сколько ни раскапывай - не нахожу даже крупицы себя самого, даже слабый свой отголосок. Ненавижу за то, что твои руки, точно треклятые шулеры, всегда заранее знают, как выиграть мой стон, скрутить его в узел и выбросить. Ненавижу за то, что умеешь терпеть даже самую адскую боль и притом совсем не умеешь оставлять меня равнодушным. Ненавижу за то, что нам нужно прислуживать нашей магической связи, печься о ней неотступными няньками, кормить ее с ложечки хрупкими компромиссами, чтобы не взбунтовалась, не закапризничала, не отказала нам в силе и помощи. Ненавижу тебя, потому что меньшего ты не заслуживаешь.
</div>
</div>
<style>
.cover-wrapper:hover img {
transform: scale(1.05);
}
.tag:hover {
filter: brightness(0.8);
}
</style>
<br>
<iframe frameborder="0" allow="clipboard-write" style="border:none;width:860px;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/6041384/track/772295">Слушайте <a href="https://music.yandex.ru/album/6041384/track/772295?utm_source=web&utm_medium=copy_link">Tear You Apart</a> — <a href="https://music.yandex.ru/artist/28128">She Wants Revenge</a> на Яндекс Музыке</iframe>
[/html]
