[html]
<link
href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Inter:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<article class="pp-card">
<section class="pp-data">
<div class="pp-header">
<div class="pp-brand">
<img src="https://forumstatic.ru/files/001c/73/bf/43531.png" />
<span>OutcastDB</span>
</div>
<h1 class="pp-name">Min Yong</h1>
</div>
<div class="pp-tabs">
<input type="radio" id="tab-1" name="tabs" checked />
<input type="radio" id="tab-2" name="tabs" />
<input type="radio" id="tab-3" name="tabs" />
<input type="radio" id="tab-4" name="tabs" />
<nav class="pp-nav">
<label for="tab-1">Профайл</label>
<label for="tab-2">Биография</label>
<label for="tab-3">Характер</label>
<label for="tab-4">Способности</label>
</nav>
<div class="pp-panel" data-tab="1">
<div class="pp-panel-content">
<figure class="pp-portrait">
<img
src="https://i.pinimg.com/736x/3b/8c/9d/3b8c9d343f07b34a58b6662c2b77d6cd.jpg"
alt="Внешность персонажа"
/>
</figure>
<div class="pp-right">
<div class="pp-facts">
<div>
<span class="key">Имя и фамилия</span><span class="bar"></span
><span class="val">Мин Йон</span>
</div>
<div>
<span class="key">Профессия</span><span class="bar"></span
><span class="val">владелица бара «69»</span>
</div>
<div>
<span class="key">
<span class="key-main">Дата рождения</span><br />
<span class="key-sub">(возраст)</span>
</span>
<span class="bar"></span>
<span class="val"> 17.08.148, 33 года</span>
</div>
<div>
<span class="key">Организация</span><span class="bar"></span
><span class="val">Изгой</span>
</div>
<div>
<span class="key">Рост</span><span class="bar"></span
><span class="val">170 см</span>
</div>
<div>
<span class="key">Класс силы</span><span class="bar"></span
><span class="val">E-VIII</span>
</div>
<div>
<span class="key">Вес</span><span class="bar"></span
><span class="val">52 кг</span>
</div>
</div>
<div class="pp-sections">
<h2 class="pp-section-title">Внешность</h2>
<div class="pp-section-box">
<p>Можно сказать, что Мин повезло с генетикой — её тело, с тонкими, выточенными чертами, сочетает в себе грацию восточной крови и стать "американской мечты": почти фарфоровая кожа и миндалевидный разрез глубоко посаженных светло-карих глаз — наследие трёх поколений некогда азиатских родственников. Овальной же формы лицо с высокими скулами, крупноватый нос и тонкий, чуть заострённый подбородок достались от матери — американки. Длинные, почти чёрные волосы Мин завязывает в тугой хвост или же оставляет нарочито небрежно растрёпанными, что добавляет её образу некоторую непокорность.<br>
Не будучи обладательницей пышных форм, она научилась правильно подчёркивать и вытягивать фигуру за счёт одежды. Но вообще, всё зависит от того, где вам удастся пересечься с Мин.</p>
<p>Будучи хорошей актрисой, она любит сменять образы, добавляя незначительные детали, способные подчеркнуть своё восточное происхождение или, наоборот, создать нечто максимально нейтральное и неприметное — так что никогда не подумаешь, что перед вами владелица одного из самых популярных нынче баров Изгойника.</p>
</div>
<h2 class="pp-section-title">Дополнительно</h2>
<div class="pp-section-box">
<p>
Некоторые умники произносят фамилию как «Йонг». Не обижается.<br>
Любит делать временные татуировки, рисовать на своём теле. И на других.<br>
Владеет техникой лёгкого гипноза, которую использует для борьбы с бессонницей или нестабильными состояниями.<br>
Иногда носит очки. Просто для красоты.<br>
69. Это всегда про бар.<br>
Дорогие сердцу подарки никогда не хранит.<br>
Часто выглядит моложе своего возраста.<br>
В студенчестве имела прозвище Йо-йо из-за фамилии. В баре её зовут исключительно Мин.<br>
Мин — не настоящее имя, а фамилия, взятая в качестве прозвища.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="pp-panel" data-tab="2">
<div class="pp-text">
<p>Обычный ребёнок из обычной семьи, в которой мама была красивой темноволосой американкой, а отец называл себя наследником торговой китайской династии. Слово «династия» тогда было мало знакомо маленькой Киу, зато она хорошо понимала разговоры на повышенных тонах, умела различить по хлопку входной двери настроение папы и всегда рисовала улыбку, когда родители ругали её за лишние слёзы и истерики по случаю их частых ссор.</p>
<p>В семь лет Киу Йон попала в приют ИСТОКа, потом поступила на обучение. И с этого дня… вела себя как обычная школьница, а затем и студентка средней успеваемости. О ней, пожалуй, мало кто вспомнит, ведь в школьные и университетские годы она действовала из тени, тренируясь на других использовать свои способности и добывать необходимую информацию. Насмотревшись на выскочек и тех, кто оставался в аутсайдерах, Йон придерживалась правила золотой середины — быть средней во всём, ничем особо непримечательной куда выгоднее, чем выделяться в какую-либо из сторон. Так, неприметная серая мышка, она получала на экзаменах высшие баллы не только благодаря своему упорству и труду, но и умению находить общий язык с сильными студентами, располагая к себе преподавателей, добивалась собственных целей. Выпустившись, стала исследователем в лаборатории нейронауки и здесь же придерживалась старой схемы, особо не выделяясь среди общего числа других сотрудников.</p>
<p>Зато, увлекшись однажды чем-то ей действительно интересным, вцеплялась в это и не отпускала.<br>
Первым таким смыслом стала работа. Изучение влияния собственной способности на нейронные связи, использование второй — для освоения лёгкого гипноза. Мин были прочитаны сотни материалов и статей, сама она публиковалась редко — её увлекало именно изучение, и люди — изгои как подопытные для собственных экспериментов.</p>
<p>Второй отдушиной стала работа в баре «Рыжий лис». Он находился на отшибе Изгойника, работать туда официанткой позвала знакомая, а Мин, конечно, увидела в этом не только возможность достать немного денег, но и продолжить свои тренировки.<br>
Несмотря на все усилия, бар вскоре «захирел» и погряз в долгах, но Мин, удивительным образом ставшая в нём управляющей, приложила все усилия для восстановления его репутации. И в первую очередь переименовала его в «Бар 69». Благодаря способностям и уже налаженным связям, ей удалось решить проблему с долгами, а затем и выкупить помещение (об этом факте, кстати, какие только слухи ни ходят — вплоть до того, что Мин находится в добровольном рабстве у представителя одной из Семей).</p>
<p>Последние два года она не работает в Центре и полностью посвятила себя работе в баре, ставшем «точкой согласия» даже для враждующих фракций — местом, где можно спокойно провести переговоры, и где запрещены любые силовые взаимодействия на почве любых конфликтов.</p>
</div>
</div>
<div class="pp-panel" data-tab="3">
<div class="pp-text">
<p>У любой медали две стороны.<br>
Кто-то, познакомившись получше с хозяйкой бара «69», может назвать её двуличной, ведь открытость и участие — лишь маска, а ваши россказни под крепкий самогон на следующий день будут проданы кому надо. Или же, наоборот, сохранены в строжайшем секрете, согласно правилу бара: всё, что было в баре, остаётся в баре. А всё, что рассказано хозяйке — остаётся на её личное усмотрение.<br>
Кто-то назовёт Мин человеком стальных нервов, консервативных взглядов и жёстких принципов. Немудрено — с юных лет она привыкла полагаться на себя, используя окружающих скорее как фон, а не опору.</p>
<p>Йонг не из тех, кто легко открывается миру или позволяет кому-либо стать действительно близким. Её доверие — редкость, и заслужить его крайне трудно. Требовательна в выборе окружения и всегда держит внутреннюю дистанцию, даже с теми, кого считает друзьями — которых и так мало. Для неё дружба — это не просто лёгкое общение, а глубокая связь, проверенная временем и обстоятельствами. В её глазах слова «преданность» и «честь» имеют реальный вес, хотя, при всех, открыто, другом может называть каждого пятого знакомого, приходящего в бар по вечерам «пропустить по стаканчику».</p>
<p>Она — консерватор по натуре. Ценности, которые она выбрала для себя однажды, хранит с почти религиозной преданностью. Тяжело поддаётся сиюминутным веяниям моды или общественным трендам, потому предпочтёт скорее создать собственные. Однако при всей приверженности традициям Мин не боится нового, понимая, что без движения невозможно выжить и добиться успеха. Потому она пользуется правилом исключительного прагматизма: если новшество способно укрепить её позиции или обогатить её мир — она пойдёт на уступки и примет его без страха. Если же нет — вернётся к своим старым устоям, что никогда не подводили.</p>
<p>Целеустремлённая и рациональная, умеет преодолевать трудности и сомнения, становясь сильнее в моменты испытаний и искренне полагая, что те даются для проверки на прочность собственных принципов. А от них она не отступится, даже если ситуация будет критической. В этом её сила — и вместе с тем, слабость. В ситуациях, где можно было бы проявить гибкость, Мин способна проявлять завидное упрямство.</p>
<p>Во всём, что касается человеческих отношений и общения, она кажется мастером адаптации: умеющей быть, когда нужно, хладнокровной и решительной, в кругу знакомых — ироничной, говорящей правду в лицо, а порой — приветливой и даже мягкой. Однако Йонг платит высокую цену за примеряемый образ, приносящий ей наибольшую выгоду или позволяющий сохранить контроль над ситуацией. В попытках угодить внешним обстоятельствам, укрепить свою власть или защитить личные границы, она теряет истинную нить своей личности. Её внутреннее "я" становится размытым. И в тишине, один на один с самой собой, возникает острое ощущение пустоты: кто она на самом деле, когда не нужно никого убеждать, покорять, защищаться? Порой её охватывает глубокая тоска — ведь, возможно, настоящая она затерялась в бесконечной смене масок, целей и планов.</p>
</div>
</div>
<div class="pp-panel" data-tab="4">
<div class="pp-text">
<h3><b>Ходящая в сны</b></h3>
<p>Способна входить в сны других людей, пресекая границу между сознанием и подсознанием. Из сна может получить какую-либо информацию — например, о воспоминаниях, страхах, намерениях, — или наоборот, предоставляет её, осторожно влияя на мысли, эмоции или даже убеждения цели, которая наутро просыпается с чётким осознанием важности увиденного накануне сна.</p>
<p><strong>Ограничения:</strong> Войти можно в сон только одного человека за сеанс. Чем ближе Мин знакома с целью, тем легче войти в её сон и тем глубже человек пустит её в своё подсознание. Чтобы использовать способность, нужно быть знакомой с целью или хотя бы получить от неё краткий телесный и зрительный контакт. После сеанса требуется отдых, так как в течение нескольких часов (от 2-х) Мин будет вялой, может быть дезориентирована в пространстве — в зависимости от того, насколько глубоко входила в сон.</p>
<p><strong>Откат:</strong> Чем дольше длится сеанс (или чем больше их было за ночь), тем сильнее будет откат. Частое использование способности грозит непроходящими мигренями и бессонницами, когда сама Йон не может погрузиться в нужное состояние. Во время сеанса температура тела Мин падает, а дыхание становится едва уловимым, как при глубокой медитации — так что тело находится в очень уязвимом положении. Чем глубже погружение в сон, тем опаснее его прерывание — вплоть до состояния комы.</p>
<hr>
<h3><b>Благодать</b></h3>
<p>Способна окутывать окружающих состоянием умиротворения и безмятежной гармонии. В зоне действия люди и животные теряют желание спорить, конфликтовать, проявлять агрессию или страх. Вместо этого они ощущают безопасность и тепло, становятся более открытыми, разговорчивыми, расслабляются, полностью доверяя своему собеседнику.</p>
<p><strong>Ограничения:</strong> Действует точечно до пяти целей или рассеянно — но в радиусе видимости. Сама Мин должна находиться в уравновешенном состоянии, активируя способность только осознанно и концентрируясь на цели. Зрачок в момент применения способности становится голубым.</p>
<p><strong>Откат:</strong> Тревожные состояния, тремор. Необходим отдых и восстановление — в зависимости от длительности «удержания».</p>
</div>
</div>
</div>
<!-- /tabs -->
</section>
</article>
<style>
:root{
--bg:#0d1517;
--g1:#0e1a1d;
--g2:#223235;
--stroke:#1a3235;
--text:#e9e6e0;
--sub :#c8c3b8;
--text-dim:#959187;
--color1:#c5bdaa;
--color1-light:#d9d4c9;
--color1-dark :#a8a190;
}
.pp-text b,
.pp-text strong{
color:var(--accent);
font-weight:600;
padding:0 .15em;
background:rgba(197,189,170,.10);
border-radius:2px;
}
.pp-card{
max-width:960px;
margin:2rem auto;
padding:2.4rem;
background:linear-gradient(135deg,var(--g1),var(--g2));
border:1px solid var(--stroke);
box-shadow:0 0 22px #000b,inset 0 0 32px #001416;
height:620px;
overflow:hidden;
}
.pp-data{
height:100%;
overflow-y:auto;
padding-right:0.4rem;
}
.pp-data::-webkit-scrollbar{
width:4px;
}
.pp-data::-webkit-scrollbar-thumb{
background:var(--text-dim);
border-radius:4px;
}
.pp-tabs{font:normal 100% "Inter";}
.pp-tabs input{display:none;}
.pp-nav{display:flex;}
.pp-nav label{
flex:1;
position:relative;
font:600 .9rem/2 "Inter",sans-serif;
text-transform:uppercase;
letter-spacing:.04em;
padding:.3rem 1.4rem;
margin-left:-10px;
cursor:pointer;
background:#0d1b1e;
border:1px solid var(--color1);
color:var(--sub);
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);
transition:.2s;
}
.pp-nav label:first-child{
margin-left:0;
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);
}
.pp-nav label:last-child{
clip-path:polygon(0 0,100% 0,100% 100%,12px 100%);
}
.pp-nav label:not(:first-child)::before{
content:"";
position:absolute;
left:-1px;top:0;
width:2px;height:100%;
background:var(--color1);
transform:skewX(20deg);
}
.pp-nav label:hover{
background:var(--color1-dark);
color:#fff;
}
#tab-1:checked~.pp-nav label[for="tab-1"],
#tab-2:checked~.pp-nav label[for="tab-2"],
#tab-3:checked~.pp-nav label[for="tab-3"],
#tab-4:checked~.pp-nav label[for="tab-4"]{
background:var(--color1);
color:#0d1b1e;
border-color:var(--color1-light);
padding:.6rem 1.4rem;
margin-top:-3px;
z-index:2;
}
.pp-panel{
display:none;
animation:fade .25s ease;
padding:1.1rem 20px;
color:var(--sub);
}
@keyframes fade{from{opacity:0;transform:translateY(4px);}}
#tab-1:checked~.pp-panel[data-tab="1"],
#tab-2:checked~.pp-panel[data-tab="2"],
#tab-3:checked~.pp-panel[data-tab="3"],
#tab-4:checked~.pp-panel[data-tab="4"]{display:block;}
.pp-panel-content{display:flex;gap:2rem;align-items:flex-start;}
.pp-portrait{
flex:0 0 220px;margin:0;
position:relative;
filter:drop-shadow(0 0 12px #000a);
border:2px solid var(--color1);
}
.pp-portrait img{width:100%;display:block;border-radius:6px;filter:grayscale(.5);}
.pp-portrait::after{
content:"";position:absolute;inset:0;
background:rgba(197,189,170,.35);
mix-blend-mode:multiply;
}
.pp-right{flex:1;display:flex;flex-direction:column;gap:1.5rem;}
.pp-facts{
display:grid;grid-template-columns:1fr 1fr;gap:1rem;
font-size:.95rem;
}
.pp-facts div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;}
.pp-facts .key{
display:flex;flex-direction:column;align-items:center;text-align:center;
justify-self:end;
text-transform:uppercase;font-weight:600;font-size:.85rem;line-height:.5;
color:var(--text);
padding-right:.4rem;white-space:nowrap;
}
.key-sub{font-size:.75rem;color:var(--sub);text-transform:none;}
.pp-facts .bar{width:4px;height:1.2em;background:var(--color1);border-radius:1px;}
.pp-facts .val{justify-self:start;font-size:.95rem;color:var(--sub);white-space:nowrap;padding-left:.4rem;}
.pp-section-title{
margin:2rem 0 .6rem;
font:600 1rem/1 "Inter",sans-serif;
text-transform:uppercase;letter-spacing:.05em;
color:var(--text);
}
.pp-section-box{
padding:1rem 1.2rem;
background:rgba(255,255,255,.02);
border-left:4px solid var(--color1);
box-shadow:inset 0 0 0 1px #123135;
font-size:.95rem;line-height:1.6;
color:var(--sub);text-align:justify;
}
.pp-text{font-size:1rem;line-height:1.7;text-align:justify;color:var(--sub);}
.pp-text ul{margin:0 0 1.4rem 1.2rem;padding-left:1rem;list-style:disc;color:var(--sub);}
.pp-text p{margin:0 0 1rem;}
.pp-header{
display:flex;align-items:center;justify-content:space-between;
gap:1rem;margin-bottom:1.4rem;
}
.pp-name{
font:600 2rem/1 "Cinzel",serif;text-transform:uppercase;
letter-spacing:.05em;color:var(--sub);margin:0 2rem;
}
.pp-brand{
display:flex;align-items:center;gap:.6rem;
font:600 .9rem "Inter",sans-serif;color:var(--color1);
}
.pp-brand img{height:50px;width:auto;filter:brightness(1.2);opacity:.9;}
</style>
[/html]
[hideprofile]
Отредактировано Min Yong (2025-04-30 17:33:46)