Код:

:root {
  --bg1: #d9d9d9;
  --tx1: 'Raleway';
  --tx2: 'Oranienbaum';
  --clr1: #515b5b;
  --clr2: #131820;
}

/* ----- 1. СЛОЙ: ОБЩИЙ ФОН СТРАНИЦЫ ----- */
body {
    background-image: url(https://upforme.ru/uploads/000b/49/16/2/13337.png);
    background-color: #121212;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* шапка */
#pun-title table 
{ 
background-image: url(https://upforme.ru/uploads/000b/49/16/2/87873.png); 
margin-left: -500px; 
margin-right: auto; 
margin-top: -325px; 
width: 1920px; 
height: 296px; 
background-repeat: no-repeat; 
position: fixed;
z-index: -1;

}
}



#pun-title table { display: none; }

/* ----- ОТКЛЮЧЕНИЕ "ПРОЗРАЧНОСТИ" (на всякий случай) ----- */
#pun, #pun .main, #pun .container, #pun .post {
    mix-blend-mode: normal !important;
}

/* ----- 3. КОНТЕНТ ФОРУМА С ЭФФЕКТОМ ШУМА ----- */
#pun {
    width: 1007px;
    
    /* Базовый цвет фона */
    background-color: #696d6b !important;
    /* Наложение текстуры шума поверх цвета */
    background-image: url('https://upforme.ru/uploads/000b/49/16/2/378783.png');
    background-repeat: repeat;
    
    /* Стандартный отступ для центрирования и небольшого зазора сверху */
    margin: 40px auto;
    
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
    border-radius: 5px; 
}

/* ----- 4. НЕПРОЗРАЧНЫЙ ФОН ДЛЯ ВНУТРЕННИХ БЛОКОВ ----- */
#pun-index div.category .container, 
.punbb .post .container,
#pun-stats .container,
.punbb .info .container,
.punbb #move_posts_form .formal>form.container {
    background: #8a8b8b;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.forumline td { background: transparent !important; }

/* ----- ОСТАЛЬНОЙ КОД ----- */

#post .areafield .input > span { right: -46px !important; top: 90px!important; }
#pun-reputation .inner { background-color: #727573; }

/* футер */
#pun-about p.container { background:  url() no-repeat;width: 950px;height: 12px;margin: 0px 0 -188px -25px!important;}

/* ссылки */
.punbb a, .tcl h3 a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #030303;text-decoration:none;transition: color .4s linear, opacity .4s linear;-webkit-transition: color .4s linear, opacity .4s linear;-moz-transition: color .4s linear, opacity .4s linear;}
.punbb a:hover, .punbb a:focus, .punbb a:active { color: #4a4948; }

/*------------- комментарий к репутации, модерация ---------------*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {display: none;position: fixed;left: 50%;top: 50%;margin: -135px 0 0 -384px;width: 750px;z-index: 100;font-size: 11px;border: 1px solid #9f9c98;background: #dfdcd6;}

/* разделитесль смс и подписи*/
.punbb .post-sig dt { opacity: .2; }

/* Иконки */
.punbb table Div.icon { background: url(https://upforme.ru/uploads/000b/49/16/2/534578.png); }
TR.inew Div.icon { background: url(https://upforme.ru/uploads/000b/49/16/2/911211.png); }
#pun-viewforum Div.icon, .fs-box Div.icon {background-color: #8e9999!important;height: 30px!important;width: 30px!important;position: relative;background-image: none!important;border-radius: 50%;margin: 3px 45px 0 10px!important;}
#pun-viewforum TR.inew Div.icon, .fs-box TR.inew Div.icon  { background-color: #a1561f!important; }
#pun-viewforum TR.isticky Div.icon { background-color: #37515b!important; }
#pun-viewforum TR.iclosed Div.icon { background-color: #37515b!important; }

/* размытие зачеркнутого текста*/
.punbb .post-content del {filter: blur(1px);text-decoration: none;transition: color .5s;}
.punbb .post-content del:hover { filter: blur(0px); }

/* оформление в теме*/
.punbb .post-links {padding: 3px 1px 0px 8px;height: 18px;margin-left: 10px!important;}

/*статистика */
#pun-stats.section h2 {width: 310px;height: 36px;margin: 0 auto 15px;background-image: url(https://upforme.ru/uploads/000b/49/16/2/285100.png);
}
/* категории*/
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2 {width: 310px;height: 36px;margin: 0 auto 15px;z-index: 1;position: relative;}
#pun-category1.category h2 {background: url(https://upforme.ru/uploads/000b/49/16/2/482793.png);}
#pun-category2.category h2 {background: url(https://upforme.ru/uploads/000b/49/16/2/960384.png);}
#pun-category3.category h2 {background: url(https://upforme.ru/uploads/000b/49/16/2/364622.png);}
#pun-category4.category h2 {background: url(https://upforme.ru/uploads/000b/49/16/2/786375.png);}
#pun-category5.category h2 {background: url(https://upforme.ru/uploads/000b/49/16/2/71550.png);}



/* ----- Прокрутка для длинного кода в постах ----- */
.punbb .post-content .code-box {
    /* 1. Ограничиваем максимальную высоту блока */
    max-height: 400px;

    /* 2. Добавляем вертикальную полосу прокрутки, если контент не помещается */
    overflow-y: auto;
}
/* =================================================================== */
/*           НОВАЯ РАМКА И ФОН ДЛЯ ФОРМЫ ОТВЕТА                    */
/* =================================================================== */

/* Выбираем главный контейнер именно на странице ответа (#pun-post) */
#pun-post .formal > .container {
    
    /* 1. Новый цвет фона */
    background-color: #727573; /* <<< ИЗМЕНИТЕ ЦВЕТ ЗДЕСЬ (светло-серый для примера) */
    
    /* 2. Новая рамка */
    border: 2px solid #515b5b; /* <<< ИЗМЕНИТЕ ТОЛЩИНУ И ЦВET РАМКИ ЗДЕСЬ */
    
    /* 3. (Опционально) Скругляем углы для красоты */
    border-radius: 8px;
    
    /* 4. (Опционально) Добавляем внутренние отступы, чтобы элементы не прилипали к рамке */
    padding: 25px;
    
    /* 5. (Опционально) Добавляем тень для эффекта "глубины" */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* =================================================================== */
/*                     СТИЛИ ФОРМЫ ОТВЕТА                              */
/* =================================================================== */

/* ----- Основное текстовое поле для ввода сообщения ----- */
.punbb textarea {
    padding: 15px 10px;
    color: #161920 !important;
    outline: none !important;
    font-size: 11px !important;
    font-family: sans-serif;
    letter-spacing: .02em;
    background: #c9c8c8;
    border: 1px #d1d1d1 solid;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #bdbdbd;
    min-height: 100px !important;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* ----- Кнопки ("Отправить", "Предпросмотр" и иконки форматирования B, I, U) ----- */
.punbb input.button {
    padding: 5px 12px;
    margin: 5px 5px 0;
    background: #515b5b;
    font-size: 7px !important;
    color: #c9c8c8 !important;
    font-family: var(--tx1);
    font-weight: bold;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px #515b5b solid;
    border-radius: 1px;
    transition: .6s;
    box-shadow: inset 0 0 0 1px #677171;
}

/* Вид кнопок при наведении мыши */
.punbb input.button:hover { 
    background: #b76326;
    border: 1px #c9c8c8 solid;
    box-shadow: inset 0 0 0 1px #a1561f;
}

/* ----- Панели под формой ответа (выбор шрифта, смайлы и т.д.) ----- */
#imageupload-left input[type=button] {  width: 15em !important; }
#pun_wrap #post .container[id$="-area"] {
    overflow-y: auto;
    text-shadow: none;
    padding: 5px;
    max-height: 190px;
    font-size: 11px;
    color: #515b5b;
    text-shadow: 0 1px 1px #d5d5d5;
    font-family: 'Mulish';
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    background: radial-gradient(at top, #bdbbbe, #dfdfdf);
    box-shadow: 0 5px 7px #798185;
    margin: -5px 0px 0 1px !important;
}

#font-area { width: 350px !important; }
#font-area div {
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 3px 10px;
}

/* Таблица с кнопками форматирования */
#form-buttons table {
    margin-bottom: 10px;
    width: 102.6% !important;
}

/* ----- Поля ввода (input) и выпадающие списки (select) ----- */
.punbb input, .punbb select {
    padding: 6px 0 6px 7px;
    font-size: 11px !important;
    background: #bdbbbe;
    border: 1px solid #a3a0a0;
    border-radius: 7px;
    outline: none !important;
}

/* =================================================================== */
/*                     СТИЛИ ПРОФИЛЯ В ПОСТЕ (ЛЕВАЯ КОЛОНКА)              */
/* =================================================================== */

/* ----- Аватар пользователя ----- */
.pa-avatar {
    width: 230px;
    margin: -60px 0 15px -16px !important;
    z-index: 1;
    position: relative;
}
.pa-avatar.item2 > img {
    padding: 5px;
    border: 2px solid #515b5b;
    border-radius: 15px;
    background: #1f2929;
}

/* ----- Иконки и текст для полей (посты, репутация, деньги и т.д.) ----- */
.pa-posts, .pa-respect, .pa-fld2, .pa-fld5 {
    font-family: var(--tx1);
    width: 40px;
    margin: 1px 1px -5px 1px !important;
    font-size: 9px;
    text-transform: lowercase;
    font-weight: bold;
    color: #515b5b;
    display: inline-block;
    position: relative;
    z-index: 1;
}

/* Поле "Посты" с иконкой письма */
.pa-posts { 
    border-right: 1px solid #515b5b;     
    padding-right: 8px !important; 
}
.pa-posts::after {
    font-family: Material Icons;
    content: "mark_email_unread";
    font-size: 13px;
    position: absolute;
    color: #515b5b;
    top: -1px;
    left: -17px;
    font-weight: 100 !important;
}

/* Поле "Репутация" с иконкой огня */
.pa-respect img { height: 8px; }
.pa-respect .fld-name a {
    font-size: 0px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 1px;
    left: 45px;
    z-index: 1;
}
.pa-respect .fld-name::after {
    font-family: 'Material Icons';
    content: "local_fire_department";
    font-size: 13px;
    position: absolute;
    color: #515b5b;
    top: 1px;
    left: 45px;
    font-weight: 100 !important;
}

/* Поле "Деньги" (fld2) с иконкой монеты */
.pa-fld2::after {
    font-family: 'Material Icons';
    content: "monetization_on";
    font-size: 13px;
    position: absolute;
    top: 21px;
    left: 15px;
    color: #808181;
}

/* Поле "Посты" (fld5) с иконкой карандаша */
.pa-fld5::after {
    font-family: 'Material Icons';
    content: "border_color";
    font-size: 13px;
    position: absolute;
    color: #808181;
    top: 37px;
    left: 19px;
}

/* ----- Кастомные поля (плашки, личные звания и т.д.) ----- */
/* Поле "Плашка" (fld3) */
.pa-fld3 {
    width: 202px;
    height: 25px;
    text-align: center !important;
    margin: 25px 0px -38px -2px !important;
    padding-top: 0px !important;
    text-decoration: none;
}
.pa-fld3 img {  border-radius: 0 0 15px 15px; }

/* Поле "Личное звание" (fld1) */
.pa-fld1 {
    padding: 0px 0 2px 0px !important;
    width: 200px;
    margin: 0 0 0 1px !important;
    border-top: none;
}
.pa-fld1 a:link {
    color: #e3e4e4;
    font: 500 10px var(--tx1);
    text-transform: uppercase;
}

/* Поле fld4 (вероятно, для ссылок или дополнительной информации) */
.pa-fld4 {
    font-family: Jost;
    color: #a6a9ac;
    font-size: 10px;
    width: 220px;
    text-align: center;
    margin: 0px 0 10px -12px !important;
    border-bottom: 1px dashed #464b4f;
    padding: 0px 0px 15px 0px !important;
}
.pa-fld4 a {
    border-bottom: 1px dotted #718677;
}

/* Разделитель в личном звании */
.lz divider {
    display: block;
    height: 1px;
    box-sizing: border-box;
    border-bottom: 1px dashed #718677;
    margin: 5px 35px 5px 35px !important;
}

/* ----- Скрытие стандартных названий полей ("Награды:", "Подарки:" и т.д.) ----- */
.pa-awards, .pa-gifts {display: none;}
.pa-respect .fld-name {font-size: 0;}
.pa-posts .fld-name, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name, .pa-gifts, .pa-reg {display: none;}

/* =================================================================== */
/*                     ПРОЧИЕ СТИЛИ                                    */
/* =================================================================== */

/* ----- Блок закладок ----- */
#BookmCntToggle {
    top: 0px !important; /* Исправлено с "px" на "0px" */
}
#MyBookmarks {
    box-shadow: 0 0 20px #505100, inset #f8f699 0 0 10px !important;
    background: #e4e488;
    border: 1px solid #adac3c;
}
#MyBookmarks #bm2 {
    border-width: 0.4em 0.7em 0.4em 0 !important;
    border-color: transparent #5b5d00 transparent transparent !important;
}

/* ----- Маленькие аватары на главной странице ----- */
h2 { font-size: 9px !important; }
.punbb .user-avatar .avatar-image {
    border-radius: 1px !important;
    height: 30px !important;
    width: 30px !important;
    filter: grayscale(1);
}