https://pastein.ru/t/NPB
Загрузка данных
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Научные достижения в области генетических технологий</title>
<style>
*, *::before, *::after {
box-sizing: border-box;
}
@page {
size: A4 landscape;
margin: 0;
}
body {
margin: 0;
padding: 0;
font-family: 'Segoe UI', Arial, sans-serif;
background-color: #0b111e;
color: #e2e8f0;
-webkit-print-color-adjust: exact;
}
.slide {
width: 297mm;
height: 210mm;
position: relative;
page-break-after: always;
box-sizing: border-box;
padding: 20mm 25mm;
background: radial-gradient(circle at 80% 20%, #14233c 0%, #0b111e 60%);
overflow: hidden;
}
/* Сетка для титульного слайда */
.slide-title-layout {
height: 100%;
display: table;
width: 100%;
}
.slide-title-cell {
display: table-cell;
vertical-align: middle;
}
.title-badge {
display: inline-block;
padding: 6px 14px;
background-color: rgba(16, 185, 129, 0.15);
border: 1px solid #10b981;
color: #34d399;
font-size: 11pt;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
border-radius: 4px;
}
h1 {
font-size: 32pt;
line-height: 1.2;
margin: 0 0 20px 0;
color: #ffffff;
font-weight: 700;
letter-spacing: -0.5px;
}
h1 span {
color: #10b981;
}
.subtitle {
font-size: 16pt;
color: #94a3b8;
margin-bottom: 40px;
font-weight: 300;
}
.author-info {
font-size: 12pt;
color: #64748b;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 20px;
display: inline-block;
}
/* Стандартный слайд */
.slide-header {
margin-bottom: 15px;
position: relative;
}
.slide-num {
position: absolute;
top: 0;
right: 0;
font-size: 12pt;
color: #475569;
font-weight: 600;
}
h2 {
font-size: 22pt;
color: #ffffff;
margin: 0;
font-weight: 600;
padding-bottom: 12px;
border-bottom: 2px solid #10b981;
display: inline-block;
}
.slide-content {
margin-top: 25px;
height: calc(100% - 45mm);
}
/* Двухколоночный макет */
.columns {
display: table;
width: 100%;
table-layout: fixed;
}
.column {
display: table-cell;
vertical-align: top;
}
.column-60 { width: 58%; padding-right: 4%; }
.column-40 { width: 38%; }
.column-50 { width: 48%; padding-right: 4%; }
.column-50:last-child { padding-right: 0; }
p {
font-size: 12pt;
line-height: 1.6;
color: #cbd5e1;
margin: 0 0 15px 0;
}
ul {
margin: 0 0 20px 0;
padding-left: 20px;
}
li {
font-size: 12pt;
line-height: 1.6;
color: #cbd5e1;
margin-bottom: 10px;
}
li strong {
color: #ffffff;
}
/* Карточки */
.card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 8px;
padding: 18px;
margin-bottom: 15px;
}
.card-accent {
border-left: 4px solid #10b981;
}
.card-title {
font-size: 13pt;
font-weight: 600;
color: #ffffff;
margin-bottom: 8px;
}
/* Таблицы */
table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
th {
background-color: rgba(16, 185, 129, 0.1);
color: #34d399;
text-align: left;
padding: 12px;
font-size: 11pt;
font-weight: 600;
border-bottom: 2px solid #10b981;
}
td {
padding: 12px;
font-size: 11pt;
color: #cbd5e1;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.01);
}
/* Инфографика таймлайна */
.timeline {
position: relative;
margin-top: 20px;
padding-left: 30px;
border-left: 2px solid rgba(16, 185, 129, 0.3);
}
.timeline-item {
position: relative;
margin-bottom: 25px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -36px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #10b981;
box-shadow: 0 0 8px #10b981;
}
.timeline-date {
font-weight: 700;
color: #34d399;
font-size: 12pt;
margin-bottom: 4px;
}
/* График инфографики инвестиций */
.chart-container {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
padding: 20px;
background: rgba(0,0,0,0.2);
}
.chart-row {
margin-bottom: 15px;
}
.chart-label {
font-size: 10.5pt;
margin-bottom: 5px;
color: #94a3b8;
}
.chart-bar-bg {
background: rgba(255,255,255,0.05);
height: 12px;
border-radius: 6px;
overflow: hidden;
}
.chart-bar-fill {
height: 100%;
background: linear-gradient(90deg, #10b981, #059669);
border-radius: 6px;
}
</style>
</head>
<body>
<div class="slide">
<div class="slide-title-layout">
<div class="slide-title-cell">
<div class="title-badge">Научный доклад</div>
<h1>Научные достижения в области<br><span>генетических технологий</span></h1>
<div class="subtitle">Главные прорывы в редактировании генома, терапевтических системах и медицине будущего</div>
<div class="author-info">Презентация подготовлена докладчиком</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>01. Введение в современные биотехнологии</h2>
<div class="slide-num">Слайд 2 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-60">
<p>Генетические технологии в последние годы совершили качественный переход от фундаментальных исследований к реальному терапевтическому применению. Возможность точечного исправления дефектов ДНК открывает путь к лечению ранее неизлечимых заболеваний.</p>
<div class="card card-accent" style="margin-top: 30px;">
<div class="card-title">Ключевая цель технологий:</div>
<p style="margin:0;">Обеспечение максимальной точности воздействия на геном при полном отсутствии нецелевых мутаций (off-target эффектов).</p>
</div>
</div>
<div class="column column-40">
<div class="card">
<div class="card-title" style="color:#34d399;">Основные направления:</div>
<ul>
<li>Редактирование ДНК и РНК</li>
<li>Эпигенетическая регуляция</li>
<li>Развитие систем доставки</li>
<li>Клеточная терапия (CAR-T)</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>02. Эволюция инструментов CRISPR</h2>
<div class="slide-num">Слайд 3 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-50">
<div class="card card-accent">
<div class="card-title">Классический CRISPR-Cas9</div>
<p>Вносит двуцепочечные разрывы в ДНК. Эффективен, но активирует системы репарации клетки, что может приводить к случайным вставкам или делециям.</p>
</div>
<div class="card card-accent" style="border-left-color: #34d399;">
<div class="card-title">Редактирование оснований (Base Editing)</div>
<p>Позволяет заменять одну букву нуклеотида на другую (например, C на T) вообще без разрезания спирали ДНК. Минимизирует риски поломок хромосом.</p>
</div>
</div>
<div class="column column-50">
<div class="card card-accent" style="border-left-color: #60a5fa;">
<div class="card-title">Праймированное редактирование (Prime Editing)</div>
<p>Действует как генетический «текстовый редактор». Позволяет осуществлять точечные вставки, удаления и любые замены нуклеотидов без разрывов ДНК.</p>
</div>
<p style="padding: 10px; font-size: 11pt; color: #94a3b8;">*Переход от грубого разрезания к ювелирной замене букв — главный тренд последних лет.</p>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>03. Исторический прецедент: Препарат CASGEVY</h2>
<div class="slide-num">Слайд 4 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-60">
<p>Внедрение CRISPR-технологий в клиническую практику вышло на новый уровень после официального одобрения первого в мире коммерческого препарата на базе CRISPR-Cas9 — <strong>Casgevy (Exa-cel)</strong>.</p>
<div class="card" style="margin-top: 20px; background: rgba(16,185,129,0.05);">
<div class="card-title" style="color:#34d399;">Область применения:</div>
<p style="margin:0;">Лечение тяжелой формы серповидноклеточной анемии и трансфузиозависимой бета-талассемии. Метод восстанавливает выработку фетального гемоглобина, полностью освобождая пациентов от изнурительных кризисов и переливаний крови.</p>
</div>
</div>
<div class="column column-40">
<div class="card">
<div class="card-title">Параметры терапии:</div>
<p><strong>Тип:</strong> Ex vivo (редактирование клеток пациента в лаборатории с последующим возвращением)</p>
<p><strong>Эффективность:</strong> >90% пациентов полностью избавились от симптомов заболевания в ходе испытаний.</p>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>04. Эпигенетическое редактирование (CRISPRoff)</h2>
<div class="slide-num">Слайд 5 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-50">
<p>Новое слово в биотехнологии — изменение активности генов без какого-либо вмешательства в саму последовательность нуклеотидов ДНК.</p>
<div class="card card-accent">
<div class="card-title">Технология CRISPRoff</div>
<p>Использует специальные белковые домены для «выключения» целевых генов путем метилирования ДНК. Ген становится недоступен для считывания клеткой.</p>
</div>
</div>
<div class="column column-50">
<div class="card">
<div class="card-title" style="color:#34d399;">Преимущества подхода:</div>
<ul>
<li><strong>Абсолютная безопасность:</strong> Структура ДНК остается неизменной, исключены разрывы хромосом.</li>
<li><strong>Обратимость:</strong> С помощью системы CRISPRon можно вернуть активность гена обратно.</li>
<li><strong>Стабильность:</strong> Изменения наследуются при делении клеток.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>05. Системы доставки: Уменьшение ферментов</h2>
<div class="slide-num">Слайд 6 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-60">
<p>Главной проблемой генетической терапии долгое время оставалась доставка громоздких белков внутрь клетки. Стандартные вирусные векторы (AAV) имеют жесткое ограничение по объему.</p>
<div class="card card-accent" style="margin-top: 20px;">
<div class="card-title">Миниатюризация систем: Разработка Al3Cas12f</div>
<p style="margin:0;">Ученые смогли модифицировать сверхкомпактные ферменты, которые в 2–3 раза меньше классического Cas9. Они легко помещаются в стандартные средства доставки вместе с направляющими РНК.</p>
</div>
</div>
<div class="column column-40">
<div class="card">
<div class="card-title">Векторы доставки:</div>
<p>1. <strong>Липидные наночастицы (LNP):</strong> Применяются для доставки в печень.</p>
<p>2. <strong>Инженерные вирусы (AAV):</strong> Для целевой доставки в ткани глаза, мышц и нервной системы.</p>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>06. Распределение инвестиций в типы инструментов</h2>
<div class="slide-num">Слайд 7 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-50">
<p>Инвестиционный ландшафт наглядно отражает смещение интереса мировой науки и венчурного капитала от старых методов к более точным терапевтическим системам нового поколения.</p>
<p>Новые платформы (Base & Prime Editing) привлекают рекордное финансирование за счет сниженного риска побочных мутаций.</p>
</div>
<div class="column column-50">
<div class="chart-container">
<div class="chart-row">
<div class="chart-label">Классический CRISPR-Cas9 (30%)</div>
<div class="chart-bar-bg"><div class="chart-bar-fill" style="width: 30%;"></div></div>
</div>
<div class="chart-row">
<div class="chart-label">Редактирование оснований / Base Editing (35%)</div>
<div class="chart-bar-bg"><div class="chart-bar-fill" style="width: 35%; background: linear-gradient(90deg, #34d399, #10b981);"></div></div>
</div>
<div class="chart-row">
<div class="chart-label">Праймирование / Prime Editing (20%)</div>
<div class="chart-bar-bg"><div class="chart-bar-fill" style="width: 20%; background: linear-gradient(90deg, #60a5fa, #3b82f6);"></div></div>
</div>
<div class="chart-row">
<div class="chart-label">Эпигенетическое регулирование (15%)</div>
<div class="chart-bar-bg"><div class="chart-bar-fill" style="width: 15%; background: linear-gradient(90deg, #fbbf24, #f59e0b);"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>07. Ключевые клинические испытания</h2>
<div class="slide-num">Слайд 8 / 10</div>
</div>
<div class="slide-content">
<p>Текущие знаковые исследования, определяющие будущее медицины:</p>
<table>
<thead>
<tr>
<th>Заболевание</th>
<th>Технология / Препарат</th>
<th>Стадия</th>
<th>Ожидаемый результат</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Амилоидоз (ATTR)</strong></td>
<td>NTLA-2001 (In vivo CRISPR)</td>
<td>Фаза II</td>
<td>Очищение тканей от токсичного белка за один укол</td>
</tr>
<tr>
<td><strong>Гиперхолестеринемия</strong></td>
<td>VERVE-101 (Base Editing)</td>
<td>Фаза I/II</td>
<td>Постоянное снижение уровня холестерина в печени</td>
</tr>
<tr>
<td><strong>Врожденная слепота</strong></td>
<td>EDIT-101 (CRISPR-Cas9)</td>
<td>Фаза I/II</td>
<td>Восстановление функции фоторецепторов сетчатки</td>
</tr>
<tr>
<td><strong>Онкология (Опухоли)</strong></td>
<td>Аллогенный CAR-T (CRISPR)</td>
<td>Фаза I</td>
<td>Универсальные Т-клетки против рака без отторжения</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>08. Таймлайн внедрения терапевтических систем</h2>
<div class="slide-num">Слайд 9 / 10</div>
</div>
<div class="slide-content">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">Внедрено</div>
<p>Первые разрешения коммерческого использования (Casgevy) для лечения болезней крови.</p>
</div>
<div class="timeline-item">
<div class="timeline-date">Ближайшие годы</div>
<p>Переход препаратов прямого введения (In vivo) для лечения кардиологических и печеночных патологий на финальные стадии одобрения.</p>
</div>
<div class="timeline-item">
<div class="timeline-date">Перспектива до 2030 года</div>
<p>Широкое доклиническое и клиническое развертывание систем Prime Editing и эпигенетического контроля полигенных заболеваний.</p>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slide-header">
<h2>09. Заключение</h2>
<div class="slide-num">Слайд 10 / 10</div>
</div>
<div class="slide-content">
<div class="columns">
<div class="column column-60">
<p>Генетические технологии трансформируют парадигму здравоохранения: фокус смещается с пожизненного купирования симптомов на **однократное радикальное излечение причины болезни** на уровне кода ДНК.</p>
<p style="margin-top: 20px; color:#34d399; font-weight: 600;">Главные вызовы будущего:</p>
<ul>
<li>Снижение стоимости производства и терапии для пациентов.</li>
<li>Масштабирование безопасных систем точечной доставки.</li>
<li>Международное этическое регулирование редактирования зародышевой линии.</li>
</ul>
</div>
<div class="column column-40" style="vertical-align: middle; text-align: center;">
<div class="card" style="border: 2px solid #10b981; padding: 30px; background: rgba(16,185,129,0.02);">
<h3 style="color:#ffffff; margin: 0 0 10px 0; font-size:16pt;">Спасибо за внимание!</h3>
<p style="margin: 0; color:#94a3b8; font-size:11pt;">Буду рад ответить на ваши вопросы.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
