[hideprofile][html]  <style> /* шаблон гостевой (с) astaarus */
  .guest-template-container {
    width: 850px;
    margin: 0 auto;
   
    background-color: #535148; /* Светло-серый фон */
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Легкая тень */
    position: relative;
    overflow: hidden;
    color: #333; /* Темный текст */
    margin-bottom: 15px !important;
  }

  .guest-header {
background: url('https://forumstatic.ru/files/001c/3d/e8/80732.png') no-repeat center center;
    background-size: cover;
    color: white;
    padding: 40px 20px;
    text-align: center;
    border-radius: 10px;
    animation: guestHeaderAnimation 1s ease-in-out;
    position: relative;
  }

  .guest-header h1 {
    margin: 0;
    font-size: 32px;
    font-family: 'Arial', sans-serif;
  }

  .guest-header p {
    font-size: 13px;
    font-family: 'Arial', sans-serif;
    opacity: 0.8;
  }

  .guest-section-title {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
    color: #333; /* Темный цвет для текста */
    letter-spacing: 2px;
    animation: fadeIn 1.5s ease-in-out;
    background: linear-gradient(to right, #eedcbe, #eedcbe); /* Светло-серый градиент */
    padding: 10px 10px !important;
    border-radius: 10px;
  }

  .guest-column-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }

  .guest-column {
    width: 49%;
    background: #eedcbe; /* Светло-серый фон для колонок */
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень */
  }

  .guest-column h3 {
    font-size: 10px;
    color: #333;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: center;
    letter-spacing: 2px;
  }

  /* Стиль прокрутки для контейнера с элементами */
  .guest-item-container {
    padding: 10px;
    max-height: 190px;
    overflow-y: auto;
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #ddd #f4f4f4; /* Для Firefox */
  }

  /* Для Chrome, Safari, Edge */
  .guest-item-container::-webkit-scrollbar {
    width: 8px;
  }

  .guest-item-container::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    border: 2px solid #f4f4f4;
  }

  .guest-item-container::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 10px;
  }

  .guest-item {
    background: #f7f7f7; /* Очень светлый фон для элементов */
    border-radius: 8px;
    padding: 5px 10px !important;
    margin-bottom: 5px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, background-color 0.3s ease;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
font-size: 10px;
  }

  .guest-item:hover {
    transform: translateX(5px);
    background-color: #e0e0e0; /* Светлый серый при наведении */
  }

  /* Нейтральный цвет для ссылок */
  .guest-item a {
    color: #555 !important; /* Темно-серый */
    text-decoration: none;
    font-weight: normal;
    transition: color 0.3s ease;
  }

  .guest-item a:hover {
    color: #f77a52 !important; /* Легкий оранжевый для активации */
  }

  .guest-item i {
    font-size: 14px;
    color: #888; /* Светлый серый для иконок */
  }

  /* Нижний цветной фон с динамикой */
  .guest-footer { color: #535148 !important; font-size:11px;
    background: linear-gradient(90deg, #eedcbe, #eedcbe, #eedcbe);
    background-size: 300% 300%;
    animation: footerGradient 8s infinite;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  @keyframes footerGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  @keyframes guestHeaderAnimation {
    0% { opacity: 0; transform: translateY(-30px); }
    100% { opacity: 1; transform: translateY(0); }
  }

  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }  </style> <link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css">
<div class="guest-template-container">
<div class="guest-header">
    <h1><a href="https://souldreamate.f-rpg.me/profile.php?id=56">смерть</a> ♦ <a href="https://souldreamate.f-rpg.me/profile.php?id=4">голод</a> ♦ <a href="https://souldreamate.f-rpg.me/profile.php?id=12">война</a> ♦ <a href="https://souldreamate.f-rpg.me/profile.php?id=3">чума</a></h1>
    <p>● внешность придерживается от гостя/на подумать/другу - на сутки, за зарегистрированным на 3 дня (внешность может быть продлена ещё 2 раза по 3 дня)
<br>● без кода - не бронируем
<br>● сутки заканчиваются в полночь по мск времени
<br>● все даты включительно
<br> <i class="fa fa-paper-plane"></i> - придержанная внешность
<br> <i class="fa fa-asterisk"></i> - придержанная внешность для акции</p>
  </div>
<div class="guest-section-title"><i class="fa-solid fa-user"></i> Придержанные внешности</div>
<div class="guest-column-container">
<div class="guest-column">
      <h3><i class="fa-solid fa-venus"></i> Девочки</h3>
      <div class="guest-item-container">
        <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133"> [actress] - yoo jeyi</a> <i class="fa fa-asterisk"></i>07.10</p>
        <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133"> [illit] - park minju</a> <i class="fa fa-asterisk"></i>07.10</p>
        <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133"> [le sserafim] - miyawaki sakura</a> <i class="fa fa-asterisk"></i>07.10</p>
   <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133"> [le sserafim] - hong eunchae</a> <i class="fa fa-asterisk"></i>07.10</p>
    <p class="guest-item"> <a href="#">[itzy] - shin yuna</a> <i class="fa fa-paper-plane"></i> бессрочно </p>
    <p class="guest-item"> <a href="#">[aespa] - yoo jimin</a> <i class="fa fa-paper-plane"></i> бессрочно </p>
      </div>
    </div>
    <div class="guest-column">
      <h3><i class="fa-solid fa-mars"></i> Мальчики</h3>
      <div class="guest-item-container">
<p class="guest-item"> <a href="https://souldreamate.f-rpg.me/profile.php?id=116">[p1harmony] - yoon keeho</a> <i class="fa fa-paper-plane"></i>01.10</p>
     <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133"> [&team] - shigeta harua</a> <i class="fa fa-asterisk"></i>07.10</p>
        <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133">[boynextdoor] - kim donghyun</a> <i class="fa fa-asterisk"></i>07.10</p>
        <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133">[cravity] - kang minhee</a> <i class="fa fa-asterisk"></i>07.10</p>
   <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133">[enhypen] - kim sunoo </a> <i class="fa fa-asterisk"></i>07.10</p>
  <p class="guest-item">  <a href="https://souldreamate.f-rpg.me/viewtopic.php?id=53#p81133">[the boyz] - sohn eric </a> <i class="fa fa-asterisk"></i>07.10</p>
       
        <p class="guest-item"> <a href="#">[&team] - hirota riki [maki]</a> <i class="fa fa-asterisk"></i>10.10</p>
<p class="guest-item"> <a href="https://souldreamate.f-rpg.me/profile.php?id=116">[enhypen] - lee heeseung</a> <i class="fa fa-paper-plane"></i>01.04.26</p>

</div></div>
</div>
</div>[/html]

  <p class="guest-item"> <a href="ссылка на профиль">[group / solo /actor] - surname name</a> <i class="fas fa-heart"></i></p>

  <p class="guest-item"> <a href="ссылка на профиль">[group / solo /actor] - surname name</a> <i class="fa fa-asterisk"></i></p>