Шаг 1: Назначение перемнных в шаблоне

        <script type="text/javascript">
            var aveabspath = '[tag:path]';
            var UGROUP = <?=UGROUP;?>;
        </script>

Шаг 2: Нужен плагин для jQuery - jquery.form
http://malsup.com/jquery/form/



/* ====================================================================
   СТИЛИ ДЛЯ ДРЕВОВИДНОГО ОТОБРАЖЕНИЯ КОММЕНТАРИЕВ (Replies)
   ==================================================================== */

/* 1. Общий контейнер ответа, который находится внутри .mod_comment_comment
   и имеет отступ ms-4 */
.mod_comment_comment .mod_comment_comment.ms-4 {
    /* Добавляем вертикальную линию слева */
    border-left: 3px solid #dee2e6; /* Легкая граница */
    
    /* Уменьшаем margin-left, который дает ms-4, чтобы освободить место
       для линии и при этом не уходить слишком далеко вправо на каждом уровне. */
    margin-left: 20px !important; /* Принудительно уменьшаем отступ */
    padding-left: 15px; /* Отступ между линией и контентом ответа */
    
    /* Опционально: немного отличающийся фон */
    background-color: #f8f9fa; 
}

/* 2. Отдельно стилизуем рамку для вложенных карточек, чтобы они не выглядели
   громоздко внутри родителя */
.mod_comment_comment .mod_comment_comment.ms-4 > .mod_comment_box {
    border: none !important; /* Убираем стандартную рамку карточки, чтобы осталась только наша вертикальная линия */
}

/* 3. Убираем рамки у вложенных заголовков, чтобы линия была чистой */
.mod_comment_comment .mod_comment_comment.ms-4 > .mod_comment_box > .card-header {
    border-bottom: none !important;
}

/* 4. Более глубокий уровень вложенности (если ответов много) */
/* Если ответ на ответ имеет дополнительный ms-4, стилизуем его дальше */
.mod_comment_comment .mod_comment_comment.ms-4 .mod_comment_comment.ms-4 {
    border-color: #adb5bd; /* Чуть темнее линия для следующего уровня */
    background-color: #fff; /* Возвращаем белый фон для контраста */
}