[html]<style>
.face-wrap {
  width: 800px;
  margin: 0 auto;
  background: #e9e6e2;
  border-radius: 14px;
  padding: 15px;
  font-family: Georgia, serif;
  color: #3a3a3a;
}

.face-columns {
  display: flex;
  gap: 15px;
}

.face-col {
  width: 50%;
}

.face-title {
  background: #b89c6b;
  color: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
}

.face-box {
  background: #f3f1ee;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

.face-letter {
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
}

.face-scroll {
  height: 110px;
  overflow-y: auto;
  padding-right: 5px;
  font-size: 13px;
  line-height: 1.5;
}

.face-scroll::-webkit-scrollbar {
  width: 4px;
}

.face-scroll::-webkit-scrollbar-thumb {
  background: #b89c6b;
  border-radius: 10px;
}

.face-scroll a {
  text-decoration: none;
  color: #3a3a3a;
}

.face-scroll a:hover {
  color: #b89c6b;
}
</style>

<div class="face-wrap">

  <div class="face-columns">

    <!-- МУЖСКИЕ -->
    <div class="face-col">
      <div class="face-title">мужские</div>

      <div class="face-box"><div class="face-letter">ABC</div><div class="face-scroll">
actor  - <a href="https://iyfantasy.rusff.me/profile.php?id=30">wi hajoon</a><br>
ateez - <a href="https://iyfantasy.rusff.me/profile.php?id=4">jung wooyoung</a><br> 
ateez - <a href="https://iyfantasy.rusff.me/profile.php?id=5ь">song mingi</a><br> 
ateez  - <a href="https://iyfantasy.rusff.me/profile.php?id=6">choi san</a><br> 
bts  - <a href="https://iyfantasy.rusff.me/profile.php?id=8">jeon jungkook</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">DEF</div><div class="face-scroll">
enhypen  - <a href="https://iyfantasy.rusff.me/profile.php?id=24">lee heeseung</a><br>
enhypen - <a href="https://iyfantasy.rusff.me/profile.php?id=25">park sunghoon</a><br>
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">GHI</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">JKL</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">MNO</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">PQR</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">STU</div><div class="face-scroll">

stray kids  - <a href="https://iyfantasy.rusff.me/profile.php?id=10">hwang hyunjin</a><br> 
stray kids  - <a href="https://iyfantasy.rusff.me/profile.php?id=11">lee felix</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">VWX</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">YZ</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>

    </div>

    <!-- ЖЕНСКИЕ -->
    <div class="face-col">
      <div class="face-title">женские</div>

      <div class="face-box"><div class="face-letter">ABC</div><div class="face-scroll">

actor - <a href="https://iyfantasy.rusff.me/profile.php?id=35">han hyojoo</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">DEF</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">GHI</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">JKL</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">MNO</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">PQR</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">STU</div><div class="face-scroll">

solo  - <a href="https://iyfantasy.rusff.me/profile.php?id=31">kim chungha</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">VWX</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>
      <div class="face-box"><div class="face-letter">YZ</div><div class="face-scroll">

группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 
группа  - <a href="ссылка на профиль">ник</a><br> 

</div></div>

    </div>

  </div>

</div>[/html] [hideprofile]