[html]<div class="hb_title">
<span class="hb_line1">happbirthday,</span>
<span class="hb_line2">HAZE</span>
</div>
<div class="hb_playground">
<div class="novost_fon7">
<div class="novost_block_text7">
<div class="novost_block7">
<div class="novost_av7"><img src="https://upforme.ru/uploads/001c/60/b1/2/371157.gif" alt=""></div>
<div class="novost_adm7">филипп:</div>
<div class="novost_text7">
<b>Bon jour (bon soirйe?) – не знаю в какое время суток я вас застал. Что хочу сказать!</b><br><br>
Поздравляю вас и нас с тем, что месту, где воплощаются наши идеи и фантазии, целых три года. Три года онлайн – вот это да. Это весомая дата в мире, где форумы не переживают границы года. Я рад, что вы с нами, рад, что встретил тут так много прекрасных, интересных игроков, некоторые из них стали для меня близкими людьми.<br><br>
<i>Спасибо, что вы есть, ведь вы и есть Хейз.</i><br><br>
Я несказанно рад, что форум пережил все штормы и всё еще на плаву, всё еще развивается, пишется, творится.<br><br>
Кстати, это первая годовщина, где я среди состава АМС и нашей команде я тоже хочу сказать спасибо. Спасибо, что мы разные, но мы вместе. Спасибо за всю ту работу, которая делается, но которую не заметно. Верю, что дальше нас ждёт больше крутых идей, квестов, дизайнов, кодов. Верю, что мы отметим четвертую, и пятую, и десятую годовщины. Да и вообще, я собираюсь состариться и умереть здесь, так что – вариантов не случится нет.<br><br>
<i>Люблю вас! Обнял-приподнял!</i><br>
</div>
</div>
</div>
<div class="novost_block_text7">
<div class="novost_block7">
<div class="novost_av7"><img src="https://i.imgur.com/TniYWbr.gif" alt=""></div>
<div class="novost_adm7">люцифер:</div>
<div class="novost_text7">
В вечно меняющем мире, где технологии давят сверху, все вокруг требуют ускориться, живут по принципу - нужно еще вчера или даже позавчера, я хочу ценить постоянство и стабильность.<br><br>
С днем рождения, Хейз! Ты уже большой, три годика! <br><br>
Я ужасно рад, что однажды нашел это место в поисках домика для своей истории. Я хотел поиграть в уголочке, никому не мешая своими сотнями постов, однако меня засосала Эврика и я просто не смог отказать этой дамочке. Ни о чем не жалею, даже если наше время на работу в админке можно исчислять если неделями, то сутками то уж точно. Я ужасно счастлив быть в команде с такими активными и творческими людьми.<br>
Я верю, что вместе с нашими потрясающими игроками создающими уникальную атмосферу с шуточками в мыслях, надписями на плашках, просто потрясающими постами в квестах, мы обязательно отметим еще ни одну годовщину.<br><br>
Хейз - это мы все. Я, она, он и ты. Я хочу сказать, что каждый из нас, кто вложил частичку души в посты, кто накликал дополнительный лайк, кто выставил пост в инсте или в одном из наших интерактивных ивентов, каждый из вас создал это теплое, любящее место, где хочется жить.
Спасибо. Без любви это был бы невозможно.<br>
</div>
</div>
</div>
<div class="novost_block_text7">
<div class="novost_block7">
<div class="novost_av7"><img src="https://upforme.ru/uploads/001b/d4/18/280/235735.gif" alt=""></div>
<div class="novost_adm7">джесси:</div>
<div class="novost_text7">
Ух, надо же, хейзик у нас настоящий тодлер! Три года как на одном дыхании, и все мы равно постоянно удивляем сами себя. Вернее как — на одном дыхании, со своими взлетами и падениями, в самые темные времена — чисто на вере, что если долго мучиться, то что-нибудь получится. Хорошо, что эти времена давно прошли, и мы уже забыли, что это такое. Ракета в космосе, полет нормальный, все живы, целы, сыты.<br><br>
Мед для души — наблюдать за тем, как вы вдохновляетесь и вдохновляете, пишете прекрасные тексты, делаете потрясающий графон, инициируете и подхватываете всякий движ. Что у нас как в мулан, пришли на обед, а остались навсегда. Это главная награда для нас, ваших амс.<br><br>
Хочется пожелать, чтобы наш Грут рос и цвел и дальше еще столько же, а можно в два или три раза больше, и все это вместе с вами и новыми клевыми игроками, которых мы еще подберем по дороге. Пусть актив всегда будет не меньше соточки, как и количество постов за неделю. У нас для вас в планах ого-го сколько всего на следующий сезон, если не дальше. Заинтригованы? Хе-хе, все будет! Ура-ура 💝<br>
</div>
</div>
</div>
<div class="novost_block_text7">
<div class="novost_block7">
<div class="novost_av7"><img src="https://upforme.ru/uploads/001b/d4/18/243/826954.gif" alt=""></div>
<div class="novost_adm7">мара:</div>
<div class="novost_text7"><i>...и даже в самые темные времена не забывай обращаться ко свету </i><br><br>
помнится, как три года назад мы с джесси и его легкой руки пришли сюда... и где мы теперь?) три года как на одном дыхании — мы вместе с вами творим, любим, вдохновляемся, пишем невероятные истории, которые заставляют ужасаться, плакать, смеяться и бесконечно хотеть еще — этих сюжетных поворотов, букв, муз, живого общения и прекрасных хэдов. давайте сохраним и приумножим. три года — это прекрасный старт и великолепное продолжение! <br><br>
люблю каждого, с кем посчастливилось соприкоснуться сюжетными дорогами. с вами я вспомнила, что такое настоящее вдохновение, обрела прекрасных друзей и поняла, что любовь это так просто. <br><br>
вы — наша маленькая семья в огромном мире, островок стабильности, на который периодически накатывают ураганные ветра. но мы вместе — а это значит, что все будет хорошо. <br><br>
люблю до неба и обратно — свою великолепную команду и каждого из вас <img src="https://forumstatic.ru/files/001a/19/3b/88429.gif" alt=""><br></div>
</div>
</div>
<!-- ===== bottom: stats + updates ===== -->
<div class="hb_bottom">
<div class="hb_wide hb_stats">
<div class="hb_stats_title">ХЕЙЗ СКВОЗЬ ГОДА</div>
<div class="hb_stats_sub">общая статистика за всё время</div>
<div class="hb_stats_grid">
<div class="hb_stats_col">
<div class="hb_stat">
<div class="hb_stat_label">создано эпизодов:</div>
<div class="hb_stat_num">1925</div>
</div>
<div class="hb_stat">
<div class="hb_stat_label">завершенных эпизодов:</div>
<div class="hb_stat_num">514</div>
</div>
<div class="hb_stat">
<div class="hb_stat_label">активных профилей сейчас:</div>
<div class="hb_stat_num">152</div>
</div>
</div>
<div class="hb_stats_col">
<div class="hb_stat">
<div class="hb_stat_label">написано игровых постов:</div>
<div class="hb_stat_num">17353</div>
</div>
<div class="hb_stat">
<div class="hb_stat_label">постов в завершенных:</div>
<div class="hb_stat_num">9930</div>
</div>
<div class="hb_stat">
<div class="hb_stat_label">персонажей было зарегистрировано:</div>
<div class="hb_stat_num">641</div>
</div>
</div>
</div>
<br><br>
<!-- ===== last year (same blocks as main stats) ===== -->
<div class="hb_ach_title">ЗА ПОСЛЕДНИЙ ГОД</div>
<div class="hb_stats_sub" style="margin-top: -4px;">08.03.2025 — 08.03.2026</div>
<div class="hb_stats_grid">
<div class="hb_stats_col">
<div class="hb_stat">
<div class="hb_stat_label">написано игровых постов:</div>
<div class="hb_stat_num">6885</div>
</div>
</div>
<div class="hb_stats_col">
<div class="hb_stat">
<div class="hb_stat_label">всего активных профилей:</div>
<div class="hb_stat_num">152</div>
</div>
</div>
</div>
<!-- ===== achievements spoiler (2 blocks x 2 cols) ===== -->
<details class="hb_spoiler hb_spoiler--stats">
<summary>Личные достижения</summary>
<div class="hb_spoiler_body">
<div class="hb_stats_sub" style="font-size:14px; margin-bottom:15px; letter-spacing:0.08em;">за всё время</div>
<div class="hb_ach_grid">
<div class="hb_ach_col">
<div class="hb_ach_title">ТОП-10 ПОСТОПИСЦЕВ:</div>
<ol class="hb_ach_list">
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=462" target="_blank" rel="noopener"><b>lucifer cowie</b></a> написал <b>1112</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=141" target="_blank" rel="noopener"><b>rowan fleming</b></a> написала <b>440</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=487" target="_blank" rel="noopener"><b>cristall owl</b></a> написал <b>286</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=646" target="_blank" rel="noopener"><b>nickolas mun</b></a> написал <b>256</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=241" target="_blank" rel="noopener"><b>jesse mccartney</b></a> написал <b>238</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=647" target="_blank" rel="noopener"><b>christopher mun</b></a> написал <b>220</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=943" target="_blank" rel="noopener"><b>walesca kowalska</b></a> написала <b>185</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=649" target="_blank" rel="noopener"><b>park jong-soo</b></a> написал <b>183</b> поста</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=288" target="_blank" rel="noopener"><b>madison carmichael</b></a> написала <b>175</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=296" target="_blank" rel="noopener"><b>september ross</b></a> написала <b>171</b> пост</li>
</ol>
</div>
<div class="hb_ach_col">
<div class="hb_ach_title">ТОП-10 ПО УЧАСТИЮ В ЭПИЗОДАХ:</div>
<ol class="hb_ach_list">
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=462" target="_blank" rel="noopener"><b>lucifer cowie</b></a> поучаствовал в <b>120</b> эпизодах</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=141" target="_blank" rel="noopener"><b>rowan fleming</b></a> поучаствовала в <b>85</b> эпизодах</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=361" target="_blank" rel="noopener"><b>jake lewis</b></a> поучаствовал в <b>68</b> эпизодах</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=646" target="_blank" rel="noopener"><b>nickolas mun</b></a> поучаствовал в <b>51</b> эпизоде</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=647" target="_blank" rel="noopener"><b>christopher mun</b></a> поучаствовал в <b>45</b> эпизодах</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=296" target="_blank" rel="noopener"><b>september ross</b></a> поучаствовала в <b>44</b> эпизодах</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=243" target="_blank" rel="noopener"><b>amara bachelier</b></a> поучаствовала в <b>43</b> эпизодах</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=789" target="_blank" rel="noopener"><b>rue jokic</b></a> поучаствовала в <b>41</b> эпизоде</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=943" target="_blank" rel="noopener"><b>walesca kowalska</b></a> поучаствовала в <b>40</b> эпизодах</li>
<li>
<a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=241" target="_blank" rel="noopener"><b>jesse mccartney</b></a>
и
<a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=624" target="_blank" rel="noopener"><b>philippe bachelier</b></a>
поучаствовали в <b>34</b> эпизодах
</li>
</ol>
</div>
</div>
<br>
<div class="hb_stats_sub" style="font-size:14px; margin-bottom:15px; letter-spacing:0.08em;">за последний год</div>
<div class="hb_ach_col">
<div class="hb_ach_title">ТОП-10 ПОСТОПИСЦЕВ:</div>
<div style="text-align:center;">
<ol class="hb_ach_list" style="display:inline-block; text-align:left; margin:0; padding-left:1.6em;">
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=462" target="_blank" rel="noopener"><b>lucifer cowie</b></a> написал <b>321</b> пост</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=943" target="_blank" rel="noopener"><b>walesca kowalska</b></a> написала <b>185</b> постов</li>
<li>
<a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=915" target="_blank" rel="noopener"><b>judas avery</b></a>
и
<a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=789" target="_blank" rel="noopener"><b>rue jokic</b></a>
написали по <b>150</b> постов
</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=855" target="_blank" rel="noopener"><b>melania hawthorne</b></a> написала <b>134</b> поста</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=624" target="_blank" rel="noopener"><b>philippe bachelier</b></a> написал <b>131</b> пост</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=649" target="_blank" rel="noopener"><b>park jong-soo</b></a> написал <b>114</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=141" target="_blank" rel="noopener"><b>rowan fleming</b></a> написала <b>107</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=243" target="_blank" rel="noopener"><b>amara bachelier</b></a> написала <b>96</b> постов</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=983" target="_blank" rel="noopener"><b>lilou osman</b></a> написала <b>93</b> поста</li>
<li><a class="hb_ach_name" href="https://rehaze.ru/profile.php?id=241" target="_blank" rel="noopener"><b>jesse mccartney</b></a> написал <b>92</b> поста</li>
</ol>
</div>
</div>
</details>
</div>
<div class="hb_wide hb_updates">
<div class="hb_updates_title">ЧТО НОВОГО</div>
<div class="hb_updates_text">
♥ Переключаемся на первую кнопку и бежим смотреть праздничный дизайн от нашего талантливого Фили!<br><br>
♥ В <a href="https://rehaze.ru/viewtopic.php?id=4128#p566337"><b>специальной теме</b></a> можно бесплатно забрать лимитированный комплектик к дню рождения.<br><br>
♥ Мы открыли <a href="https://rehaze.ru/viewtopic.php?id=4127#p566336"><b>тему</b></a> для ваших поздравлений, чтобы вы могли рассказать, что для вас Хейз, и отметить самых значимых для вас людей.<br><br>
♥ А в теме <a href="https://thehaze.rusff.me/viewtopic.php?id=46"><b>анкеты</b></a>, <a href=https://thehaze.rusff.me/viewtopic.php?id=44"><b>нужных</b></a>, <a href="https://thehaze.rusff.me/viewtopic.php?id=45"><b>шаблона эпизода</b></a> и <a href="https://rehaze.ru/viewtopic.php?id=3553#p482963"><b>шаблона инсты</b></a> Джесси подсуетился и сделал удобные формы, а также для формы принятия, которую кто-то мог уже увидеть в деле. Все, чтобы кодики не болели, а инста сама запоминала профили ваших персонажей и генерила все эти нудные цифры. Если найдутся какие-то косячки, несите в тему диалога с амс, будем их ловить.
<br>
<details class="hb_spoiler">
<summary>Что нового в формах</summary>
<div class="hb_spoiler_body">
<span style="margin-top: 20px;display:inline-block; margin-top:20px; margin-left:20px; margin-bottom:13px;">
<div class="hb_ach_title">ГЕНЕРАТОР АНКЕТЫ</div></span><br>
1) Генератор автоматически приводит текст в полях к нужному регистру (капс/лапс), исходя из требований шаблона. Также он не позволит случайно ввести кириллицу вместо латиницы и наоборот.<br>
2) Поля для ссылок проверяются на корректность формата.<br>
3) Загрузка изображений контролируется по ширине: нельзя вставить пять огромных картинок — всё рассчитывается так, чтобы изображения поместились в одну строку без переносов.<br>
4) Предусмотрено превью, чтобы сразу увидеть, как выглядит шапка анкеты.<br>
5) В поле информации о персонаже встроен простой редактор с базовыми BB-кодами.<br>
6) Связь и твинков можно спрятать под хайдом с помощью чекбоксов, если вы стесняетесь.<br>
7) При попытке генерации поля с ошибками подсвечиваются красным, а их список выводится в появляющейся плашке.<br>
8) Результат генерации можно просто копировать и вставлять на форум без лишних действий.<br><br>
<span style="margin-top: 20px;display:inline-block; margin-top:20px; margin-left:20px; margin-bottom:13px;">
<div class="hb_ach_title">ФОРМА ПРИНЯТИЯ</div></span><br>
1) Каждое поле имеет чёткие ограничения: язык ввода, численные значения, ссылки определённого формата и прочее.<br>
2) Есть возможность вставки упоминания любимки в ЛС: заполняете ссылку и слово, на которое её вешать, и жмёте «вставить» — оно сразу появится где нужно.<br>
3) Информацию по месту жительства можно заполнить позже, но если вы начали это делать в форме, она попросит вас дозаполнить все связанные поля.<br>
4) При попытке генерации поля с ошибками подсвечиваются красным, а их список выводится в появляющейся плашке.<br>
5) Результат генерации можно просто скопировать и вставить на форум без лишних действий.<br><br>
<span style="margin-top: 20px;display:inline-block; margin-top:20px; margin-left:20px; margin-bottom:13px;">
<div class="hb_ach_title">ФОРМА «РАЗЫСКИВАЕТСЯ»</div></span><br>
1) Две вкладки: «Нужные» и «Хочу видеть». Просто переключайтесь на нужную.<br>
2) Встроенный редактор с BB-кодами и превью результата (как в генераторе анкеты).<br>
3) При генерации подсвечиваются поля с ошибками, результат выдаётся уже готовым для публикации.<br><br>
<span style="margin-top: 20px;display:inline-block; margin-top:20px; margin-left:20px; margin-bottom:13px;">
<div class="hb_ach_title">ШАБЛОН ЭПИЗОДА</div></span><br>
1) Встроенный редактор с BB-кодами и превью результата.<br>
2) При генерации подсвечиваются поля с ошибками, результат выдаётся готовым для публикации.<br>
3) Можно использовать своё оформление эпизода, но рекомендовано следовать этому шаблону.<br><br>
<span style="margin-top: 20px;display:inline-block; margin-top:20px; margin-left:20px; margin-bottom:13px;">
<div class="hb_ach_title">ИНСТАГРАМ</div></span><br>
1) Две вкладки: пост и профиль. Просто переключайтесь на нужную.<br>
2) Профиль персонажа сохраняется автоматически и подхватывается при вводе никнейма (или через выпадающее меню; там же можно удалить сохранённые профили). Сохранения привязаны к вашему аккаунту на форуме (как маски).<br>
3) Рандомайзер может сам заполнить время публикации, лайки и комментарии, исходя из количества подписчиков.<br>
4) Меншен чужого инстаграма при генерации автоматически заворачивается в нужный код — в поле просто пишете @ник.<br>
5) При ошибках поля подсвечиваются, генерация будет недоступна до исправления.<br>
6) Результат можно сразу копировать и вставлять в нужную тему.<br><br>
</div>
</details>
</div>
</div>
</div>
<!-- если эти элементы должны жить “внутри” фона и позиционироваться относительно novost_fon7 -->
<div class="hb_balloon" aria-hidden="true"></div>
<div class="hb_tether" aria-hidden="true"></div>
<div class="hb_handle" aria-hidden="true"></div>
</div>
</div>
<style>
/* ===== Fonts ===== */
@font-face{
font-family: "MyFont_97779";
src: url("https://forumstatic.ru/files/001b/d4/18/97779.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: "MyFont_91262";
src: url("https://forumstatic.ru/files/001b/d4/18/91226.woff2?v=1") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face{
font-family:"EditorsNoteDisplay";
src:url("https://forumstatic.ru/files/001b/d4/18/13370.woff2?v=1") format("woff2");
font-weight:100;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"TTLivret";
src:url("https://forumstatic.ru/files/001b/d4/18/23976.woff2") format("woff2");
font-weight:100;
font-style:normal;
font-display:swap;
}
:root{
--hb-font-display: "TTLivret", serif;
}
/* ===== Title (как ты дала) ===== */
.hb_title{
text-align: center;
line-height: 1.05;
margin: 0 0 18px;
}
/* 1-я строка: happy birthday (1-й шрифт) */
.hb_line1{
display: block;
font-family: "MyFont_97779", serif;
font-size: 44px;
font-weight: 400;
color: var(--text1);
letter-spacing: 0.02em;
}
/* 2-я строка: haze (3-й шрифт) */
.hb_line2{
display: block;
margin-top: -20px;
font-family: "MyFont_91226", serif;
font-size: 130px;
font-weight: 400;
color: var(--accent);
letter-spacing: -0.04em;
}
/* ===== Container ===== */
.novost_fon7{
position: relative;
background-color: var(--beg300);
border-radius: 10px;
padding: 20px;
overflow: visible; /* чтобы авы/бейджи могли “вылезать” */
}
/* контент поверх конфетти */
.novost_fon7 > .novost_block_text7{
position: relative;
z-index: 1;
}
.novost_fon7 > .hb_bottom {
position: relative;
z-index: 1;
}
.novost_fon7 > .hb_updates{
position: relative;
z-index: 1;
}
/* ===== Confetti (один слой, без transform-свей) ===== */
.novost_fon7::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
z-index:0;
opacity:.23;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Crect%20x%3D%2218%22%20y%3D%2226%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ff4d6d%22%20transform%3D%22rotate(18%2023%2027.5)%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%2244%22%20width%3D%228%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%234dabf7%22%20transform%3D%22rotate(-25%2096%2045.5)%22%2F%3E%3Crect%20x%3D%22150%22%20y%3D%2218%22%20width%3D%229%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ffd43b%22%20transform%3D%22rotate(32%20154.5%2019.5)%22%2F%3E%3Crect%20x%3D%22210%22%20y%3D%2264%22%20width%3D%2211%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23b197fc%22%20transform%3D%22rotate(-12%20215.5%2065.5)%22%2F%3E%3Crect%20x%3D%2240%22%20y%3D%2292%22%20width%3D%229%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ffa94d%22%20transform%3D%22rotate(14%2044.5%2093.5)%22%2F%3E%3Crect%20x%3D%22120%22%20y%3D%22112%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%2363e6be%22%20transform%3D%22rotate(-18%20125%20113.5)%22%2F%3E%3Crect%20x%3D%22190%22%20y%3D%22118%22%20width%3D%228%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ff4d6d%22%20transform%3D%22rotate(28%20194%20119.5)%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%22154%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%234dabf7%22%20transform%3D%22rotate(-10%2021%20155.5)%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%22176%22%20width%3D%229%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ffd43b%22%20transform%3D%22rotate(21%20100.5%20177.5)%22%2F%3E%3Crect%20x%3D%22170%22%20y%3D%22160%22%20width%3D%2211%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23b197fc%22%20transform%3D%22rotate(-26%20175.5%20161.5)%22%2F%3E%3Crect%20x%3D%22228%22%20y%3D%22186%22%20width%3D%229%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ffa94d%22%20transform%3D%22rotate(16%20232.5%20187.5)%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%22220%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%2363e6be%22%20transform%3D%22rotate(-20%2059%20221.5)%22%2F%3E%3Crect%20x%3D%22138%22%20y%3D%22236%22%20width%3D%229%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23ff4d6d%22%20transform%3D%22rotate(12%20142.5%20237.5)%22%2F%3E%3Crect%20x%3D%22206%22%20y%3D%22228%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%234dabf7%22%20transform%3D%22rotate(-14%20211%20229.5)%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2230%22%20r%3D%222%22%20fill%3D%22%23ffd43b%22%2F%3E%3Ccircle%20cx%3D%22232%22%20cy%3D%2226%22%20r%3D%222%22%20fill%3D%22%2363e6be%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2270%22%20r%3D%222%22%20fill%3D%22%23b197fc%22%2F%3E%3Ccircle%20cx%3D%22132%22%20cy%3D%2266%22%20r%3D%222%22%20fill%3D%22%23ffa94d%22%2F%3E%3Ccircle%20cx%3D%22176%22%20cy%3D%2290%22%20r%3D%222%22%20fill%3D%22%234dabf7%22%2F%3E%3Ccircle%20cx%3D%22248%22%20cy%3D%22116%22%20r%3D%222%22%20fill%3D%22%23ff4d6d%22%2F%3E%3Ccircle%20cx%3D%2274%22%20cy%3D%22128%22%20r%3D%222%22%20fill%3D%22%2363e6be%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22208%22%20r%3D%222%22%20fill%3D%22%23b197fc%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22236%22%20r%3D%222%22%20fill%3D%22%23ffa94d%22%2F%3E%3Ccircle%20cx%3D%22244%22%20cy%3D%22246%22%20r%3D%222%22%20fill%3D%22%23ffd43b%22%2F%3E%3C%2Fsvg%3E");
background-size: 260px 260px;
background-repeat: repeat;
animation: confettiFall 50s linear infinite;
}
@keyframes confettiFall{
from{ background-position: 0 -260px; }
to { background-position: 22px 260px; }
}
/* ===== ТВОЙ ИСХОДНЫЙ “ЛЕВЫЙ” КОД (без изменений по сути) ===== */
/* основная колонка */
.novost_block_text7{
margin: 0 auto !important;
max-width: 900px !important;
width: 100% !important;
margin-top: 22px !important;
}
/* контент */
.novost_block7{
--indent: 30px;
display: grid;
align-items: start;
}
.novost_av7{
margin-left: -37px !important;
margin-top: -12px !important;
width: 90px; height: 90px;
border-radius: 15px;
border: 1px solid var(--accent);
}
.novost_av7 img{
border-radius: 14px;
width: 90px; height: 90px;
filter: grayscale(100%);
object-fit: cover;
}
.novost_adm7{
font-family: 'code_pro';
border-radius: 6px;
font-size: 14px;
max-width: max-content;
padding: 4px 15px 3px 15px;
background-color: var(--accent);
color: var(--text1);
margin-top: 23px !important;
margin-left: -4px !important;
}
.novost_text7{
grid-column:2; grid-row:2;
margin:-22px 9px 0 !important;
width:853px;
background:var(--beg500);
border-radius:15px;
padding:13px;
font-size:12px;
text-align: justify;
text-justify: inter-word;
text-align-last: left;
}
/* ===== ЧЕРЕДОВАНИЕ: 1,3,5… уходят вправо, но НЕ зеркалят контент ===== */
/* (Это даёт твою “картинку как должно быть”: первая справа, вторая слева, и т.д.) */
.novost_fon7 .novost_block_text7:nth-of-type(odd){
transform: scaleX(-1);
}
/* раззеркаливаем только видимые сущности (НЕ ломая их положение) */
.novost_fon7 .novost_block_text7:nth-of-type(odd) .novost_av7,
.novost_fon7 .novost_block_text7:nth-of-type(odd) .novost_adm7,
.novost_fon7 .novost_block_text7:nth-of-type(odd) .novost_text7{
transform: scaleX(-1);
}
.hb_title{
position: relative;
z-index: 5; /* чтобы заголовок был сверху */
margin-bottom: -60px; /* подтяни следующий блок вверх */
}
/* обёртка (если надо — можно убрать) */
.hb_playground{}
/* широкий блок: ровно “от начала нечётных до конца чётных” */
.hb_wide{
margin-top: 18px;
width: 100%;
max-width: 900px !important;
}
/* фон как у novost_text7 */
.hb_stats,
.hb_updates{
background: var(--beg500);
border-radius: 15px;
padding: 16px 18px 18px;
}
/* ===== STATS ===== */
.hb_stats_title{
text-align: center;
color: var(--accent);
font-family: var(--hb-font-display);
font-size: 50px;
line-height: 1;
letter-spacing: -0.02em;
}
.hb_stats_sub{
text-align: center;
margin-top: 1px;
margin-bottom: 24px;
font-size: 11px;
opacity: .7;
color: var(--text1);
letter-spacing: 0.05em;
}
.hb_stats_grid{
margin-top: 14px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px 30px;
}
.hb_stats_col{
display: grid;
gap: 14px;
}
.hb_stat_label{
font-size: 11px;
color: var(--text1);
opacity: .85;
}
/* ===== UPDATES ===== */
.hb_updates_title{
text-align: center;
color: var(--accent);
font-family: var(--hb-font-display);
font-size: 50px;
line-height: 1;
letter-spacing: -0.02em;
margin-bottom: 12px;
}
.hb_updates_text{
background: var(--beg500); /* как у novost_text7 */
font-size: 12px;
line-height: 1.45;
color: var(--text1);
text-align: justify;
text-justify: inter-word;
text-align-last: left;
}
/* адаптация: на узких экранах не вылезаем за края */
@media (max-width: 720px){
.hb_wide{
width: 100%;
margin-left: 0;
}
.hb_stats_grid{
grid-template-columns: 1fr;
}
.hb_stat_num{ font-size: 34px; }
}
/* левый столбец — прижать к правому краю */
.hb_stats_col:first-child{
justify-items: end; /* выравнивает элементы грида по правому краю колонки */
text-align: right; /* текст внутри тоже вправо */
}
/* чтобы цифры тоже выглядели ровно (особенно если разная длина) */
.hb_stats_col:first-child .hb_stat_num{
text-align: right;
}
.hb_stat_num{
margin-top: 3px;
color: var(--accent);
font-family: "EditorsNoteDisplay", serif ;
font-weight: 300;
font-size: 45px; /* как ты просила */
line-height: 1;
}
/* hb spoiler — визуально как “ПРЕВЬЮ” из генератора */
.hb_spoiler{
margin-top: 12px;
}
/* сама плашка */
.hb_spoiler > summary{
display: block;
cursor: pointer;
user-select: none;
padding: 12px 16px;
border-radius: 999px; /* как пилюля */
border: 1px solid var(--gen-brd, rgba(var(--accent-txt-2,56,54,50), .14));
background: var(--beg500);
font-weight: 800;
font-size: 11px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--accent);
list-style: none;
outline: none;
}
/* убрать маркер везде, не только webkit */
.hb_spoiler > summary::-webkit-details-marker{ display:none; }
.hb_spoiler > summary::marker{ content:""; }
/* когда открыто — делаем “шов” вниз */
.hb_spoiler[open] > summary{
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
/* тело спойлера как поле/блок */
.hb_spoiler_body{
margin-top: 10px;
padding: 12px;
border-radius: 15px;
border: 1px solid var(--gen-brd, rgba(var(--accent-txt-2,56,54,50), .14));
background: var(--beg500);
font-size: 12px;
line-height: 1.45;
color: var(--text1);
text-align: justify;
text-justify: inter-word;
text-align-last: left;
}
/* ===== achievements layout (2 cols) ===== */
.hb_spoiler--stats .hb_spoiler_body{
text-align: left !important; /* прибить justify */
text-justify: auto !important;
text-align-last: auto !important;
}
.hb_ach_grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 26px;
}
@media (max-width: 720px){
.hb_ach_grid{ grid-template-columns: 1fr; }
}
.hb_ach_title{
text-align: center;
color: var(--accent);
font-family: var(--hb-font-display);
font-size: 25px;
margin: 0 0 10px;
line-height: 1.15;
}
.hb_spoiler--stats ol.hb_ach_list li{
line-height: 3 !important; /* было выше — из-за этого “провисает” */
}
/* link on name */
.hb_ach_name{
color: var(--accent);
text-decoration: none;
font-weight: 800;
}
.hb_ach_name:hover{ opacity: .85; }
/* safety: если тема вдруг делает b блочным */
.hb_ach_list b{ display: inline; font-weight: 800; }
.hb_ach_grid{
grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}
/* чтобы аватар вообще мог иметь слой */
.novost_av7{
position: relative;
z-index: 2; /* базово поверх пузыря */
}
/* нечётные карточки: аватар ещё выше */
.novost_fon7 .novost_block_text7:nth-of-type(odd) .novost_av7{
z-index: 5;
}
</style>
[/html]