[html]
<div id="soul-faces">
<div class="sf-heading">
<div class="sf-title">FACE CLAIMS</div>
<div class="sf-subtitle">каталог внешностей</div>
</div>
<div class="sf-columns">
<!-- МУЖСКИЕ ВНЕШНОСТИ -->
<div class="sf-column" data-gender="male">
<div class="sf-column-title">
<span class="sf-symbol">♂</span> MALE FACES
</div>
<div class="sf-list">
<div class="sf-entry" data-group="actor">
<div class="sf-entry-line">
<span class="sf-group">actor</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=241">boss chaikamon</a>
</div>
<span class="sf-profession">специалист по связям в компании отца</span>
</div>
<div class="sf-entry" data-group="actor">
<div class="sf-entry-line">
<span class="sf-group">actor</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=155">lee soohyuk</a>
</div>
<span class="sf-profession">владелец компаний</span>
</div>
<div class="sf-entry" data-group="astro">
<div class="sf-entry-line">
<span class="sf-group">astro</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=18">cha eunwoo</a>
</div>
<span class="sf-profession">актёр романтических дорам</span>
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=270">Kim Hongjoong</a>
</div>
<span class="sf-profession">домовладелец</span>
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=266">choi san</a>
</div>
<span class="sf-profession">вор в законе, наёмник</span>
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=253">kang yeosang</a>
</div>
<span class="sf-profession">информатор, администратор </span>
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=31">jung wooyoung</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">медбрат </span>
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=55">song mingi</a>
</div>
<span class="sf-profession">мафиозник/владелец ночного клуба "madness" </span>
заморожен
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=56">jeong yunho</a>
</div>
<span class="sf-profession">глава преступной группировки</span>
</div>
<div class="sf-entry" data-group="ateez">
<div class="sf-entry-line">
<span class="sf-group">ateez</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=268">Park Seonghwa</a>
</div>
<span class="sf-profession">Врач-хирург</span>
</div>
<div class="sf-entry" data-group="boynextdoor">
<div class="sf-entry-line">
<span class="sf-group">boynextdoor</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=269">han taesan</a>
</div>
<span class="sf-profession">кондитер</span>
</div>
<div class="sf-entry" data-group="BTS">
<div class="sf-entry-line">
<span class="sf-group">bts</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=38">jeon jungkook</a>
</div>
<span class="sf-profession">уличный художник/оператор 911</span>
</div>
<div class="sf-entry" data-group="BTS">
<div class="sf-entry-line">
<span class="sf-group">bts</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=260">kim taehyung</a>
</div>
<span class="sf-profession">владелец частной клиники</span>
</div>
<div class="sf-entry" data-group="BTS">
<div class="sf-entry-line">
<span class="sf-group">bts</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=102">park jimin</a>
</div>
<span class="sf-profession">модель</span>
</div>
<div class="sf-entry" data-group="BTS">
<div class="sf-entry-line">
<span class="sf-group">bts</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=4">min yoongi</a>
</div>
<span class="sf-profession">модель</span>
</div>
<div class="sf-entry" data-group="Cravity">
<div class="sf-entry-line">
<span class="sf-group">Cravity</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=255">Ahn Seongmin</a>
</div>
<span class="sf-profession">старшеклассник</span>
</div>
<div class="sf-entry" data-group="enhypen">
<div class="sf-entry-line">
<span class="sf-group">enhypen</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=169">nishimura riki</a>
</div>
<span class="sf-profession">старшеклассник</span>
</div>
<div class="sf-entry" data-group="monsta x">
<div class="sf-entry-line">
<span class="sf-group">monsta x</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=111">sohn hyunwoo</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">танцор, диджей, владелец пекарник</span>
</div>
<div class="sf-entry" data-group="monsta x">
<div class="sf-entry-line">
<span class="sf-group">monsta x</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=235">lee minhyuk</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">управляющий в «Sunshine»</span>
</div>
<div class="sf-entry" data-group="nct">
<div class="sf-entry-line">
<span class="sf-group">nct</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=198">huang renjun</a>
</div>
<span class="sf-profession">хакер</span>
</div>
<div class="sf-entry" data-group="nct">
<div class="sf-entry-line">
<span class="sf-group">nct</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=158">na jaemin</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">студент</span>
</div>
<div class="sf-entry" data-group="p1harmony">
<div class="sf-entry-line">
<span class="sf-group">p1harmony</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=135">choi taeyang</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">школьник</span>
</div>
<div class="sf-entry" data-group="riize">
<div class="sf-entry-line">
<span class="sf-group">riize</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=138">park wonbin</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">студент/скульптор</span>
</div>
<div class="sf-entry" data-group="solo">
<div class="sf-entry-line">
<span class="sf-group">solo</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=279">hong seunghan</a>
</div>
<span class="sf-profession">школьник</span>
</div>
<div class="sf-entry" data-group="solo">
<div class="sf-entry-line">
<span class="sf-group">solo</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=34">lee heeseung</a>
</div>
<span class="sf-profession">школьник</span>
</div>
<div class="sf-entry" data-group="solo">
<div class="sf-entry-line">
<span class="sf-group">solo</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=208">Jeff Satur</a>
</div>
<span class="sf-profession">автомеханик, владелец авто мастерской "The Garage"</span>
</div>
<div class="sf-entry" data-group="solo">
<div class="sf-entry-line">
<span class="sf-group">solo</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=59">jackson wang</a>
</div>
<span class="sf-profession">старший сын семь хван; владелец ресторанного бизнеса</span>
</div>
<div class="sf-entry" data-group="seventeen">
<div class="sf-entry-line">
<span class="sf-group">seventeen</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=205">joshua hong</a>
</div>
<span class="sf-profession">начальник отдела реагирования на киберпреступления в KISA</span>
</div>
<div class="sf-entry" data-group="seventeen">
<div class="sf-entry-line">
<span class="sf-group">seventeen</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=278">kwon soonyoung</a>
</div>
<span class="sf-profession">криминалист</span>
</div>
<div class="sf-entry" data-group="stray kids">
<div class="sf-entry-line">
<span class="sf-group">stray kids</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=267">han jisung</a>
</div>
<span class="sf-profession">бариста</span>
</div>
<div class="sf-entry" data-group="stray kids">
<div class="sf-entry-line">
<span class="sf-group">stray kids</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=33">lee minho</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">студент</span>
</div>
<div class="sf-entry" data-group="stray kids">
<div class="sf-entry-line">
<span class="sf-group">stray kids</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=10">lee felix</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">студент, бармен в «Sunshine»</span>
</div>
<div class="sf-entry" data-group="stray kids">
<div class="sf-entry-line">
<span class="sf-group">stray kids</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=39">yang jeongin</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">татуировщик, мастер пирсинга</span>
</div>
<div class="sf-entry" data-group="stray kids">
<div class="sf-entry-line">
<span class="sf-group">stray kids</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=3">hwang hyunjin</a><span title="нельзя использовать внешность в ау до 25.12.2026">★</span>
</div>
<span class="sf-profession">студент, владелец клуба «Sunshine»</span>
</div>
<div class="sf-entry" data-group="stray kids">
<div class="sf-entry-line">
<span class="sf-group">stray kids</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=7">kim seungmin</a>
</div>
<span class="sf-profession">студент </span>
</div>
<div class="sf-entry" data-group="&team">
<div class="sf-entry-line">
<span class="sf-group">&team</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=276">shigeta harua</a>
</div>
<span class="sf-profession">школьник</span>
</div>
<div class="sf-entry" data-group="&team">
<div class="sf-entry-line">
<span class="sf-group">&team</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=248">takayama riki</a>
</div>
<span class="sf-profession">бандит</span>
</div>
<div class="sf-entry" data-group="&team">
<div class="sf-entry-line">
<span class="sf-group">&team</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=160">wang yixiang</a>
</div>
<span class="sf-profession">школьник</span>
</div>
<div class="sf-entry" data-group="&team">
<div class="sf-entry-line">
<span class="sf-group">&team</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=256">koga yudai</a>
</div>
<span class="sf-profession">ведущий радио-шоу «Flash! Show»</span>
</div>
<div class="sf-entry" data-group="txt">
<div class="sf-entry-line">
<span class="sf-group">txt</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=110">choi yeonjun</a>
</div>
<span class="sf-profession">менеджер в айдол компаний, но скрытый владелец</span>
</div>
<div class="sf-entry" data-group="the boyz">
<div class="sf-entry-line">
<span class="sf-group">the boyz</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=257">choi chanhee</a>
</div>
<span class="sf-profession">танцор, хореограф</span>
</div>
<div class="sf-entry" data-group="tws">
<div class="sf-entry-line">
<span class="sf-group">tws</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=182">shin junghwan</a>
</div>
<span class="sf-profession">школьник</span>
</div>
<div class="sf-entry" data-group="OnlyOneOf">
<div class="sf-entry-line">
<span class="sf-group">OnlyOneOf</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=196">Jung Wookjin</a>
</div>
<span class="sf-profession">офицер полиции</span>
</div>
<div class="sf-entry" data-group="OnlyOneOf">
<div class="sf-entry-line">
<span class="sf-group">OnlyOneOf</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=223">Lee Taeyeob</a>
</div>
<span class="sf-profession">студент</span>
</div>
<div class="sf-entry" data-group="zerobaseone">
<div class="sf-entry-line">
<span class="sf-group">zerobaseone</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=181">Sung Hanbin</a>
</div>
<span class="sf-profession">студент</span>
</div>
</div>
</div>
<!-- ЖЕНСКИЕ ВНЕШНОСТИ -->
<div class="sf-column" data-gender="female">
<div class="sf-column-title">
<span class="sf-symbol">♀</span> FEMALE FACES
</div>
<div class="sf-list">
<div class="sf-entry" data-group="actress">
<div class="sf-entry-line">
<span class="sf-group">actress</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=222">bae suzy</a>
</div>
<span class="sf-profession">полиция</span>
</div>
<div class="sf-entry" data-group="aespa">
<div class="sf-entry-line">
<span class="sf-group">aespa</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=221">yoo jimin</a>
</div>
<span class="sf-profession">лидер группы</span>
</div>
<div class="sf-entry" data-group="aespa">
<div class="sf-entry-line">
<span class="sf-group">aespa</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=264">kim minjeong</a>
</div>
<span class="sf-profession">айдол, певица</span>
</div>
<div class="sf-entry" data-group="blackpink">
<div class="sf-entry-line">
<span class="sf-group">blackpink</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=46">lalisa manoban</a>
</div>
<span class="sf-profession">студентка, массовик</span>
</div>
<div class="sf-entry" data-group="blackpink">
<div class="sf-entry-line">
<span class="sf-group">blackpink</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=41">kim jennie</a>
</div>
<span class="sf-profession">гонщик/автомеханик</span>
</div>
<div class="sf-entry" data-group="itzy">
<div class="sf-entry-line">
<span class="sf-group">itzy</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=43">hwang yeji</a>
</div>
<span class="sf-profession">гонщик/автомеханик</span>
</div>
<div class="sf-entry" data-group="TWICE">
<div class="sf-entry-line">
<span class="sf-group">TWICE</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=277">Minatozaki Sana</a>
</div>
<span class="sf-profession">Студентка. Факультет социокультурных исследований</span>
</div>
<div class="sf-entry" data-group="i-dle">
<div class="sf-entry-line">
<span class="sf-group">i-dle</span>
<a class="sf-name" href="https://souldreamate.f-rpg.me/profile.php?id=265">song yuqi</a>
</div>
<span class="sf-profession">визажист</span>
</div>
</div>
</div>
</div>
</div>
<style>
#soul-faces {
width: 100%;
max-width: 900px;
margin: 20px auto;
padding: 24px;
box-sizing: border-box;
background: #e8e7e8;
border: 1px solid #b9b5b8;
border-radius: 12px;
color: #39383b;
font-family: Georgia, "Times New Roman", serif;
}
#soul-faces * {
box-sizing: border-box;
}
#soul-faces .sf-heading {
text-align: center;
padding: 5px 0 22px;
border-bottom: 1px solid #c8c2c5;
margin-bottom: 22px;
}
#soul-faces .sf-title {
font-size: 25px;
letter-spacing: 5px;
color: #48464a;
}
#soul-faces .sf-subtitle {
margin-top: 7px;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: #8d737b;
}
#soul-faces .sf-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
#soul-faces .sf-column {
min-width: 0;
padding: 15px;
background: #f4f3f3;
border: 1px solid #d0cbce;
border-radius: 9px;
}
#soul-faces .sf-column-title {
padding-bottom: 12px;
border-bottom: 1px solid #d1c9cc;
text-align: center;
font-size: 13px;
letter-spacing: 2px;
color: #414044;
}
#soul-faces .sf-symbol {
color: #9a6d7a;
font-size: 17px;
margin-right: 7px;
}
#soul-faces .sf-list {
display: flex;
flex-direction: column;
gap: 7px;
margin-top: 14px;
}
#soul-faces .sf-letter-heading {
display: flex;
align-items: center;
gap: 10px;
margin: 17px 0 5px;
color: #a16f7d;
font-size: 17px;
letter-spacing: 2px;
}
#soul-faces .sf-letter-heading:first-child {
margin-top: 0;
}
#soul-faces .sf-letter-heading:after {
content: "";
flex: 1;
height: 1px;
background: #c9c1c5;
}
#soul-faces .sf-entry {
padding: 10px 11px;
border: 1px solid #dcd7da;
border-radius: 6px;
background: #eae8e9;
}
#soul-faces .sf-entry-line {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 3px 8px;
}
#soul-faces .sf-group {
display: inline;
margin: 0;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
color: #8c6671;
text-transform: lowercase;
}
#soul-faces .sf-name {
color: #39383b;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
}
#soul-faces .sf-name:hover {
color: #a16f7d;
}
#soul-faces .sf-profession {
display: block;
margin-top: 5px;
color: #817a7e;
font-size: 10px;
font-style: italic;
}
#soul-faces .sf-bought {
display: inline-block;
margin-left: 5px;
color: #a16f7d;
cursor: help;
}
@media (max-width: 650px) {
#soul-faces {
padding: 12px;
}
#soul-faces .sf-columns {
grid-template-columns: 1fr;
gap: 14px;
}
}
</style>
<script>
(function () {
var root = document.getElementById('soul-faces');
if (!root) return;
root.querySelectorAll('.sf-column').forEach(function (column) {
var list = column.querySelector('.sf-list');
if (!list) return;
var entries = Array.prototype.slice.call(
list.querySelectorAll('.sf-entry')
);
entries.sort(function (a, b) {
var groupA = (a.getAttribute('data-group') || '').trim();
var groupB = (b.getAttribute('data-group') || '').trim();
var groupCompare = groupA.localeCompare(
groupB,
'en',
{ sensitivity: 'base', numeric: true }
);
if (groupCompare !== 0) return groupCompare;
var nameA = a.querySelector('.sf-name');
var nameB = b.querySelector('.sf-name');
return (nameA ? nameA.textContent : '').localeCompare(
nameB ? nameB.textContent : '',
'en',
{ sensitivity: 'base', numeric: true }
);
});
list.innerHTML = '';
var previousLetter = '';
entries.forEach(function (entry) {
var group = (entry.getAttribute('data-group') || '').trim();
var letter = group.charAt(0).toUpperCase();
if (letter !== previousLetter) {
var heading = document.createElement('div');
heading.className = 'sf-letter-heading';
heading.textContent = letter;
list.appendChild(heading);
previousLetter = letter;
}
list.appendChild(entry);
});
});
})();
</script>
[/html] [hideprofile]
