[html]<style>
:root {
  --character-green-main: #606C57;
  --character-green-light: #909A89;
  --character-card-bg: #E9E9E9;
  --character-inner-bg: #DEDEDE;
  --character-text-muted: #777777;
  --character-border: #C2C2C2;
  --grad-from: #9aa592;
  --grad-to: #7c8b75;
  --primary-font: "Manrope", sans-serif;
  --secondary-family: "Playfair Display", serif;
  --page-bg: url(https://res.cloudinary.com/dyg1jrdzu/image/upload/v1763368820/фон_1_hyzqnl.png);
}

body { margin:0; background:#f5f5f5; }

.news-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 30px;
  font-family: var(--primary-font);
  font-size: 12px;
  color: #333333;
}

.news-bg {
  box-sizing: border-box;
  padding: 20px;
  border-radius: 10px;
  background: var(--page-bg) center/cover no-repeat;
}

.news-card {
  background: var(--character-card-bg);
  box-shadow: 0 4px 4px rgba(0,0,0,0.05);
  border-radius: 8px;
  padding: 26px 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Верхний блок: гифка + заголовок/цитата */
.news-top-block {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.news-gif {
  flex: 0 0 260px;
  height: 140px;
  border-radius: 8px;
  overflow: hidden;
  background: #dcd8cf;
}
.news-gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%) sepia(40%) hue-rotate(75deg) saturate(110%) contrast(90%);
}
.news-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.news-title {
  font-family: var(--secondary-family);
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--character-green-main);
  margin: 0;
}
.news-quote {
  font-family: var(--secondary-family);
  font-style: italic;
  font-size: 13px;
  color: var(--character-text-muted);
  margin: 0;
  padding: 10px 20px;
  background: rgba(255,255,255,0.45);
  border-radius: 8px;
  display: inline-block;
}

/* Основной текст */
.news-body {
  background: var(--character-inner-bg);
  border: 0.5px solid var(--character-border);
  border-radius: 6px;
  padding: 18px 20px;
  font-size: 12px;
  line-height: 1.56;
  text-align: justify;
}
.news-body p {
  margin: 0 0 14px;
}
.news-body p:last-child { margin-bottom: 0; }
.news-body b { color: var(--character-green-main); font-weight: 600; }
.news-body a { color: var(--character-green-main); text-decoration: underline; font-weight: 500; }
.news-body a:hover { color: #505a49; }

/* Большая картинка-превью */
.news-preview {
  margin-top: 10px;
  text-align: center;
}
.news-preview img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}
</style>

<div class="news-wrapper">
  <div class="news-bg">
    <div class="news-card">

      <div class="news-top-block">
        <div class="news-gif">
          <img src="https://64.media.tumblr.com/932fc8528cd90db1c7ca58335ed76ac2/004f9b9d3cdbf5d3-e6/s400x600/803c4de3c70f5284ed9f17978a2cbb048547caca.gif" alt="news gif">
        </div>
        <div class="news-header">
          <div class="news-title">ждали новости?</div>
          <div class="news-quote">уже говорили про профилактику? (с) сейлор мур</div>
        </div>
      </div>

      <div class="news-body">
        <p>Этот день настал — на выходных мы уходим на профилактику. Пока не можем сказать точно, сколько это займет времени, но не пугайтесь, если мы задержимся. Ориентировочные сроки ухода на профу — <b>22.11.2025 (около 12-13 по киевскому времени)</b>. Если завтра вы зайдете на форум и увидите, что никакой профы нет, это значит, что мы передвинули обновления на воскресенье на такое же время. В общем, когда-то обновления точно будут, ожидайте и не подгоняйте (по возможности). Всех обняла, кто дожил до этой прекрасной даты и не покинул нас.</p>

        <p>Еще одна важная новость касается <b>удалений</b>. В это воскресенье мы проведем первую чистку профилей, которые не оставили ни одного сообщения, не придержали внешность и не были активны дольше недели без предупреждения. Также не забудьте отписаться сообщением в любом разделе флуда до нашего ухода на профилактику и пните друзей, если хотите, чтобы ваши внешки и роли остались за вами после открытия.</p>

        <p>Чтобы вам не было грустно в режиме ожидания нашего возвращения в новой одежке, мы опубликовали <a href="https://solace.rusff.me/viewtopic.php?id=67#p14825"><b>bb-рисунок шаблона анкеты</b></a>, где вы сможете посмотреть на пункты, которые там прописаны (пока без кода, потому что он будет изменен). В период неактива форума можете заполнить что-то у себя в закромах, но раздел закрыт для публикаций до конца обновлений.</p>
      </div>

      <div class="news-preview">
        <img src="https://upforme.ru/uploads/001c/95/36/6/413001.png" alt="preview">
      </div>

    </div>
  </div>
</div>

[/html]

Подпись автора

fear fun, fear love; fresh out of fucks forever

tryin' to be stronger for you / life's dream; i'm sweet
for you
dressed to kill by sofi