[html]<div class="guest_name">хонкай следит за вами</div>
<div class="guest">
    <div class="guest_info">
        <p>На борту Экспресса не курим, не пьём, не ругаемся, Пом-Пом не пинаем (она и так нервная). Из поезда на полном ходу не выпрыгиваем, на рельсах не стоим, есть и приятнее способы отправиться к эонам.</p>
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man_name">список эпизодов</div>
        <div class="guest_man">
            <span>прошлое (времена квинтета)</span>
            <a href="https://crossfeeling.ru/viewtopic.php?id=11986">в этом сне</a> (dan feng & yingxing)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12050">дракон поднимает голову</a> (jing yuan х yungxing)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12063">remedy</a> (yingxing х jing yuan)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12032">не бросай мне вызов</a> (yingxing х jing yuan)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12039">мы живём сейчас</a> (dan feng х yungxing)<br/>

            <span>прошлое</span>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12033">эту незавидную роль...</a> (jing yuan & ???)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12030">в тишине чужих миров...</a> (moze х blade)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=11995">главное не участие...</a> (blade х silver wolf)<br/>

            <span>настоящее (путешествие экспресса)</span>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12022">«жизнь — это движение»...</a> (welt yang х stelle)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12048">как случайно</a> (jing yuan х blade)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12054">недостижимая сторона</a> (luocha х blade)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=11974">поверни назад</a> (dan heng & blade) <b>завершён</b><br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=11976">в чертоги разума</a> (dan heng & blade) <b>завершён</b><br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12037">в твою мечту</a> (dan feng & blade)<br/>
            <a href=https://crossfeeling.ru/viewtopic.php?id=12099"">в паутине сомнений</a> (welt yang х stelle)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12051">вспомнить всё</a> (welt yang х stelle)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12117">город золотого паука</a> (sunday & stelle)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12100">в лучах софитов</a> (stelle х robin)<br/>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12024">я не с ним, это ошибка</a> (sunday х blade)<br/>

            <span>будущее</span>
            <a href="https://crossfeeling.ru/viewtopic.php?id=12038">останься со мной...</a> (??? х blade)<br/>

        </div>

        <div class="guest_girl_name">сюжетные детали</div>
        <div class="guest_girl">
            <span>лофу сяньчжоу</span>
            скоро будет
           

           
        </div>
    </div>
    <div class="guest_rule">
        <center>изменения в сюжете начинаются после арки пенаконии. амфореус учитывается. после него мы будем сочетать сюжет с тем, что наиграли</center><br>
<center>если вы хотите добавить эпизод или сюжет, пишите <a href="https://crossfeeling.ru/profile.php?id=4240">стелле</a> или <a href="https://crossfeeling.ru/profile.php?id=4238">дань хэну</a>, мы внесём в таблицу</center>
<br>
    </div>
</div>
<div class="guest_star"><img src="https://forumupload.ru/uploads/0010/7e/dd/2/483419.png"/></div>

<style>
.guest {
    width: 800px;
    margin: 0 auto;
    border: 1px solid #3f4b35;
    /* background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); */
    position: relative;
}

.guest_name {
    font: 400 20px Cerulea;
    text-align: center;
    display: block;
    background: #3f4b35;
    position: relative;
    top: 15px;
    color: #ffffff;
    z-index: 9999;
    width: 315px;
    margin: 0 auto;
    border-radius: 5px;
}

.guest_info {
       padding: 40px 70px 20px 70px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 0px 0px 5px 0px !important;
       text-align: justify;
     font-weight: normal;
        line-height: 100% !important;
}

.guest hr {
       opacity: 0.1;
    width: 300px;
    margin: 0 auto;
}

.guest_need p {
       padding: 12px 0px 5px 0px !important;
       color: #846f82;
       letter-spacing: 2px;
}

.guest_need  {
      display: none;
       text-align: center;
       padding-bottom: 20px;
}

.guest_need img {
       margin: 5px;
       margin: 5px 10px 15px 10px;
       filter: grayscale(1);
}

.guest_face {
       position: relative;
       height: 290px;
       margin-top: 21px;
}

.guest_man, .guest_girl {
       width: 340px;
    height: 260px;
    border: 1px solid #3f4b35;
    border-radius: 5px;
    position: absolute;
    font-size: 10px;
    background: #cec4b4;
    padding: 0px 15px 9px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

.guest_man a, .guest_girl a {
       color: #49533d !important;
}

.guest_man {
       top: 0px;
       left: 25px;
}

.guest_girl {
       top: 0px;
       right: 25px;

}

.guest_man_name, .guest_girl_name {
       position: relative;
       font-size: 14px;
    text-transform: uppercase;
       color: #573900;
}

.guest_man_name {
       left: 135px;
       top: -11px;
}

.guest_girl_name {
       left: 520px;
       top: -28px;
}

.guest_man span, .guest_girl span {
       display: block;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;

}

.guest_girl::-webkit-scrollbar, .guest_man::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_girl::-webkit-scrollbar-thumb, .guest_man::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

.guest_girl::-webkit-scrollbar-track, .guest_man::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.guest_rule {
       padding: 0px 100px 20px 100px;
}

.guest_rule p {
       text-transform: lowercase;
    font-size: 11px;
    padding: 0px 0px 5px 0px !important;
    text-align: justify;
    color: #695c5c;
}

.guest_star {
       display: block;
    width: 60px;
    position: relative;
    margin: 0 auto;
    top: -31px;
}
</style>[/html]