.night #pun {
    background: url(https://upforme.ru/uploads/001c/15/10/3/692642.jpg) top center no-repeat, url(https://upforme.ru/uploads/001c/15/10/3/224319.jpg) bottom center no-repeat, url(https://upforme.ru/uploads/001c/15/10/3/872114.jpg) repeat;
}

.night #pun-ulinks a {
    color: #888888;
}

.night #pun-ulinks a:hover {
    color: #e24444;
}

.night .podf-links a {
    color: #888888 !important;
    background: #2c2b2b;
}
.night .podf-links a:hover {
    background: #501414;
}
.night #pun-ulinks a::after {
    background-color: #e24444;
}

.night #pun-stats .container {
    background: #1b191a;
    box-shadow: 0px 0px 20px #6e6e6e14;
    border: 1px solid #3c3c3c66;
}
.night #pun-index .category tr.inew {
    background: #1b191a;
    box-shadow: 0px 0px 20px #6e6e6e14;
    border: 1px solid #3c3c3c66;
}

.night #pun-index .category table tr {
    background: #1b191a;
    box-shadow: 0px 0px 20px #6e6e6e14;
    border: 1px solid #3c3c3c66;
}

.night .punbb .post-body {
    color: #888888;
}

.night #pun-stats .statsinfo li {
    color: #888888;
    background: #1e1e1e;
    box-shadow: 0px 0px 20px #6e6e6e14;
    border: 1px solid #3c3c3c66;
}
.night .punbb .section .container {
    color: #888888;
}
.night .punbb .post-links {
    color: #888888;
}
.night .punbb td.tc2 {
    color: #888888;
}
.night .punbb td.tc3 {
    color: #888888;
}
.night #pun-navlinks .container {
    color: #888888;
}
.night .punbb .formal fieldset .post-box {
    color: #888888;
}
.night #viewprofile li strong {
    color: #888888;
}
.night #viewprofile li div {
    color: #888888;
}
.night #setmods dd {
    color: #888888;
}
.night .punbb .info-box {
    color: #888888;
}
.night .punbb #pun-main .info-box .legend {
    color: #888888;
}
.night .punbb .main .container {
    color: #888888;
}
.night .punbb .post .container {
    color: #888888;
}
.night .punbb .post h3 {
    color: #888888;
}
.night .punbb-admin #pun-admain .adcontainer {
    color: #888888;
}
.night #pun-stats h2 {
    color: #888888;
}
.night .punbb .main h2 {
    color: #888888;
}
.night #pun-title {
    color: #888888;
}
.night #pun-title .container {
    color: #888888;
}
.night .punbb .modmenu .container {
    color: #888888;
}
.night .punbb legend span {
    color: #888888;
}
.night #viewprofile h2 span {
    color: #888888;
}
.night #profilenav h2 span {
    color: #888888;
}
.night .punbb-admin #pun-admain legend span {
    color: #888888;
}
.night .punbb .post h3 span {
    color: #888888;
}
.night .punbb th {
    color: #888888;
}
.night #viewprofile li {
    color: #888888;
}
.night #setmods dl {
    color: #888888;
}

.night #pun-index .datetime {
    color: #888888;
}
.night #pun-index .byuser {
    color: #888888;
}

.night #pun-index .tcl h3 a:before {   
    background: #501414;
}
.night #pun-index .tcl h3 a {
    border: 1px solid #3c3c3c66;
    background: #1e1e1e;
}

.night .punbb a {
    color: #888888;
}
.night .punbb a:visited {
    color: #888888;
}
.night .punbb a:link {
    color: #888888;
}
.night .punbb a:hover {
    color: #888888;
}
.night .punbb-admin #pun-admain a {
    color: #888888;
}
.night .punbb-admin #pun-admain a:link {
    color: #888888;
}
.night .punbb-admin #punbb-admain a:visited {
    color: #888888;
}
.night .punbb li.isactive a {
    color: #888888;
}
.night .punbb li.isactive a:link {
    color: #888888;
}
.night .punbb li.isactive a:visited {
    color: #888888;
}
.night #pun-navlinks a {
    color: #888888;
}
.night #pun-ulinks a {
    color: #888888;
    transition: all .7s ease-in-out 0s;
    text-decoration: none !important;
}

.night .punbb a:focus {
    color: #ab2626;
}
.night .punbb a:active {
    color: #ab2626;
}
.night .punbb-admin #pun-admain .nodefault {
    color: #ab2626;
}
.night .punbb-admin #punbb-admain a:hover {
    color: #ab2626;
}
.night .punbb-admin #punbb-admain a:focus {
    color: #ab2626;
}
.night .punbb-admin #punbb-admain a:active {
    color: #ab2626;
}
.night #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #ab2626;
    transition: all .7s ease-in-out 0s;
    text-decoration: none !important;
}

.night td.tcr a:hover {
    color: #e24444 !important;
}

.night #pun-ulinks.scrolled {
    background: #20201e;
}

.night .punbb .post-links ul a {
    background: #2c2b2b;
}

форма ответа

.night .FNTslider {
    background: #323431;
    border: solid 1px #292b28;
}

.night .FNTslider .before {
    background: #3c3c3c;
}

.night #form-buttons table tr {
    background: #141213;
    border: 1px solid #292929;
}

.night #plng {
    border: 1px solid #292929;
    background: #141213;
}

.night .button:hover {
    background:#2c2b2b!important;
}

.night #pun-viewtopic .post h3 {
    background: #141213;
}

.night .punbb .post h3 span {
    border-bottom: 1px solid #20201e;
}

.night #Kn-cont_1, #Kn-cont_2, #Kn-cont_3 {
    background: #2c2b2b;
    color: #888888;
}

.night .pagelink, .new-poll a, .new-topic a {
    color: #888888;
    background: #20201e;
}
.night .postlink span a {
    color: #888888;
    background: #20201e;
}

.night .subscribelink {
    background: #2c2b2b;
}

.night .punbb textarea {
    background: #949494;
    border: 1px solid #727272;
}

.night .punbb input {
    background: #949494;
    border: 1px solid #727272;
}

.night .punbb select {
    background: #949494;
    border: 1px solid #727272;
}

.night .punbb optgroup {
    background: #949494;
    border: 1px solid #727272;
}

.night .punbb .linkst {
    background: #20201e;
    box-shadow: 0px 0px 10px #00000000;
    border: 1px solid #2c2b2b78;
}

АНАРХ В ШАПКЕ

.night .name-head one::after {
    background: url(https://forumstatic.ru/files/001c/3d/c8/84437.png) center / cover;
}

[html]<div class="valentine-container">
  <div class="valentine-content">
    <div class="valentine-header">
      <span class="heart-icon">❤️</span>
      <h2>Дорогие игроки!</h2>
      <span class="heart-icon">❤️</span>
    </div>

    <div class="valentine-text">
      <p>Мы приготовили для вас маленький флэшмоб на День Св. Валентина. Вам нужно выполнить три не сложных задания, выложить в этой теме, и, конечно, получить награды!</p>
     
      <div class="rewards">
        <p>За выполнение каждого задания <strong>100 $</strong></p>
        <p>За выполнение всех трёх заданий <strong>персональный фон профиля</strong></p>
      </div>

      <div class="valentine-header" style="margin-top: 20px;">
        <span class="heart-icon">❤️</span>
        <h2>Задания:</h2>
        <span class="heart-icon">❤️</span>
      </div>

      <ol class="tasks-list">
        <li>Выложить в теме поздравлений адресованную кому-нибудь валентинку.</li>
        <li>Решить пазл Дня Всех Влюбленных.</li>
        <li>Написать романтическую историю от лица вашего персонажа, которая случилась с ним или его знакомым в День Всех Влюбленных.</li>
      </ol>

      <div class="closing-text">
        <p>Давайте повысим актив форума, просыпайтесь, возвращайтесь, и помните - администрация вас любит <span class="heart">❤️</span></p>
      </div>
    </div>
  </div>
</div>

<style>
  .valentine-container {
    background: url('https://upforme.ru/uploads/0019/be/9e/2/601574.png') center/cover no-repeat;
    border-radius: 20px;
    padding: 30px;
    opacity: 0.92;
    margin: 10px 20px 30px 20px;
    position: relative;
    overflow: hidden;
    font-family: Arial, sans-serif;
    /* Убрали opacity, чтобы не дублировать с opacity контейнера */
  }

  .valentine-content {
    position: relative;
    z-index: 2;
    background: #bbbbbbe0;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.6;
    color: #000;
  }

  .valentine-header {
    text-align: center;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .valentine-header h2 {
    margin: 0;
    font-size: 24px;
    color: #d40057;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  }

  .heart-icon {
    font-size: 28px;
    animation: pulse 1.5s infinite;
  }

  .valentine-text p {
    margin: 12px 0;
  }

  .rewards {
    background: linear-gradient(135deg, #ffffff59, #ffffff00);
    border-left: 4px solid #ff69b4;
    padding: 15px;
    margin: 20px 0;
    border-radius: 8px;
  }

  .rewards p {
    margin: 8px 0;
    font-size: 14px;
  }

  .rewards strong {
    color: #d40057;
    font-size: 15px;
  }

  .tasks-list {
    margin: 20px 0;
    padding-left: 25px;
    color: #333;
  }

  .tasks-list li {
    margin: 12px 0;
    line-height: 1.6;
  }

  .tasks-list li::marker {
    color: #ff69b4;
    font-weight: bold;
  }

  .closing-text {
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 2px dashed #ffb6c1;
  }

  .closing-text p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
  }

  .heart {
    color: #d40057;
    font-size: 18px;
    animation: pulse 1.5s infinite;
  }

  @keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
  }

</style>[/html]