[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Moira Grey</div>
        <div class="group">мать трех балбесов</div>
        <div class="name-ru">Мойра Грей, 40+</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://64.media.tumblr.com/1d2bd91beff8c161248caafa8127b0d3/tumblr_inline_o19105lvUw1rifr4k_500.gif"></div>
          <div class="photo"><img src="https://64.media.tumblr.com/abac13d2e7e99448ab9ef0a127e7ee35/tumblr_inline_o18z61FGtp1rifr4k_250.gifv"></div>
        </div>
        <div class="fc">fc: Leah Pipes</div>
      </div>
      <div class="glass-block text">
        <p>- ты то единственное связующее звено, на котором держится наша слишком разношёрстная семья;</p><p>- одному богу известно, как ты смогла утихомирить пыл местами безэмоционального, местами жестокого отца, да ещё и родить от него талантливых детей. ну, талант у нас точно от тебя, потому что ты - известная художница, чьи картины заполняют многочисленные выставки и кого постоянно ставят в пример начинающим художникам;</p><p>- твои старшие сыновья-близнецы - лёд и пламя: один, Джейк, пошёл характером в мать, другой, Блейк - в отца, но как будто удвоив зачатки его жестокости. И тем не менее, в семьи ты умудряешься гасить любое проявление его характера на корню, а это порой спасает от преступления, в шаге от которого чаще всего бывает Блейк. Как бы он ни пытался нас запугать, у него не получается сделать это с тобой. наверное, причина в любви, которую он просто проявляет не так, как мы. ты не боишься его, не считаешь изъяном, ты - его мать, которая примет своего сына таким, какой он есть, поможет не перейти черту. близнецы такие же талантливые, как и ты;</p><p>- твой младший сын, то есть я, абсолютная бездарность, для которой ты помогла построить отдельную мастерскую - пристройку к дому, чтобы я не стеснялся пробовать себя в искусстве и не боялся, что кому-то оно не понравится. мне постоянно ставят тебя в пример, удивляясь, какой у такой талантливой художницы мог родиться такой неталантливый сын, но ты всё равно поддерживаешь меня. ты не видела ни одной моей картины, потому что мне стыдно их показывать, но понимающе ждёшь, когда я сделаю шаг навстречу;</p><p>- я бы рад сказать, что ты ведёшь мирную жизнь, сидя дома, но это вообще не так. глядя на то, что творится в мире, ты решаешь, что самое время побыть матерью Терезой, поэтому мало-помалу помогаешь в местных карантинных блоках. пока ты занята делом, семья начинает распадаться и влипать в неприятности. а что будет, если ты заразишься?</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> я вообще очень давно шёл до этой заявки, просто не мог выбрать внешку, так то если захотите сменить, я вообще не против. мне бы хотелось оставить предысторию такой, какая она есть, а вот об изменениях в настоящем можем поговорить, потому что мне бы, наверное, не хотелось видеть маму домоседкой. я в целом активный игрок, но не спидпостер, не тычу палкой в ожидании поста, не намекаю, не обижаюсь, если вдруг пост отдан "вне очереди". я бы очень хотел взаимосвязь с матерью, потому что персонаж попал в непростую ситуацию, и ему как никогда важна поддержка семьи. но я не против стекла, только за. в общем, всё обсуждаемо!</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p {font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Wesley Powell </div>
        <div class="group">друг, коллега</div>
        <div class="name-ru">Уэсли Пауэлл, 36</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://64.media.tumblr.com/648fdfd99b823005b68b8a90ec6d2fd1/tumblr_inline_o5d07bo3PH1rifr4k_250.gifv"></div>
          <div class="photo"><img src="https://64.media.tumblr.com/02fda48d3e56e4e592adcac0cd90c046/tumblr_inline_o5d0gbx4Rz1rifr4k_500.gif"></div>
        </div>
        <div class="fc">fc: Bradley Cooper</div>
      </div>
      <div class="glass-block text">
        <p>- мы начали работать в институте почти одновременно, только я стал главой службы безопасности, а ты - руководителем службы поиска гостей;</p><p>- несмотря на необходимую жестокость и жёсткость, вне работы мы хорошие друзья, интересные собеседники и чуть ли не примерные соседи;</p><p>- в какой-то момент ты начал сомневаться в том, на своём ли месте находишься. стал совершать необдуманные поступки, из-за которых под угрозой оказались сразу несколько операций. Мне чудом удалось встряхнуть тебя и помочь довести начатое до конца, чтобы никто в институте не узнал о твоих косяках;</p><p>- сейчас ты на развилке и всё ещё сомневаешься в правильности поступков, прекрасно понимая, что живым из этой системы тебе не уйти.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Откровенно, мне бы хотелось пожрать стекла, потому что Александр свято уверен в том, что делает, и сомнения со стороны его лучшего друга - это, как минимум, вынужденные сомнения и с его стороны тоже. Он никогда не хотел бы оказаться перед выбором: дружба или институт, так что если сюжетно мы к этому придём, это будет очень даже интересно.</p><p>К постам нетребователен, не тыкаю в ошибки, личного общения вне ролевой не требую, но сам к нему открыт, особенно если это касается каких-то обсуждений и идей. Терпим и адекватен и хотел бы того же по отношению к себе. Если для вас крайне важно ежедневное общение во флуде, мы не сработаемся - я не очень социально активен. Во всём остальном, думаю, договоримся</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]