Интенсивная терапия у больных с нейрохирургической патологией

Программа обучения

Другие программы

Современные клинические рекомендации в диагностике и лечении осложненной и неосложненной травмы позвоночника

Программа обучения

Другие программы

Хирургические методы в лечении и профилактике нарушений мозгового кровообращения

Программа обучения

Другие программы

Эндоназальная эндоскопическая хирургия основания черепа и гипофизарной ямки

Программа обучения

Другие программы

Будни ординаторов нейрохирургии

Две стороны одной профессии.
От сложных операций и обходов — до ярких событий за пределами клиники.

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap'); .static-black-title { font-family: 'Lora', serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #000000; margin: 0; padding: 20px 0; font-size: clamp(2rem, 5vw, 4rem); line-height: 1; letter-spacing: 1px; }

/* === ВКЛАДКИ (TABS) === */ .neuro-tabs-container { display: flex; justify-content: center; margin: 20px 0 50px 0; } .neuro-tabs-custom { display: inline-flex; gap: 15px; list-style: none; padding: 0; margin: 0; } .neuro-tabs-custom li a { font-family: 'Lora', serif; font-weight: 800; font-size: 0.9rem; text-transform: uppercase; color: #000; padding: 12px 35px; background: #fff; border: 2px solid #000; border-radius: 4px; text-decoration: none; box-shadow: 4px 4px 0px rgba(0,0,0,0.15); transition: all 0.3s ease; cursor: pointer; letter-spacing: 1px; display: block; } .neuro-tabs-custom li.active a { background: #1e87f0; color: #fff; border-color: #1e87f0; box-shadow: none; transform: translate(4px, 4px); } .neuro-tabs-custom li:not(.active) a:hover { background: #e0eafa; color: #1e87f0; border-color: #1e87f0; } /* === ТАЙМЛАЙН (Внутри клиники) === */ .timeline-v2 { position: relative; max-width: 1000px; margin: 40px auto; padding: 20px 0; font-family: -apple-system, sans-serif; } .timeline-v2::after { content: ''; position: absolute; width: 2px; background: #1e87f0; top: 0; bottom: 0; left: 50%; margin-left: -1px; } .tl-item { padding: 20px 40px; position: relative; width: 50%; box-sizing: border-box; } .tl-item.left { left: 0; text-align: right; } .tl-item.right { left: 50%; text-align: left; } .tl-item::after { content: ''; position: absolute; width: 16px; height: 16px; right: -8px; top: 32px; background: #fff; border: 2px solid #000; border-radius: 50%; z-index: 10; } .tl-item.right::after { left: -8px; } .tl-time { font-size: 1.5rem; font-weight: 800; color: #1e87f0; margin-bottom: 25px; display: block; letter-spacing: 1px; } .vstack-card { display: inline-block; width: 100%; max-width: 340px; text-align: left; perspective: 1000px; } .vstack-visual { position: relative; width: 100%; height: 320px; z-index: 5; overflow: visible; } .vstack-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; background-size: cover; background-position: center top !important; border: 2px solid #1e87f0 !important; background-color: #fff; box-shadow: none !important; transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); backface-visibility: hidden; transform-origin: center bottom; } .vstack-info { position: relative; margin-top: -15px; padding: 25px 20px 15px 20px; background: #ffffff; border-radius: 0 0 4px 4px; border: 2px solid #000; border-top: none; box-shadow: none !important; z-index: 6; } .vstack-info::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #1e87f0; z-index: 7; } .vs-title-alt { display: block; font-size: 1rem; font-weight: 800; color: #000; margin-bottom: 8px; text-transform: uppercase; } .vs-desc-alt { font-size: 0.9rem; color: #333; line-height: 1.4; margin-bottom: 15px; min-height: 4.5em; transition: opacity 0.2s; } .vs-nav { display: flex; gap: 8px; justify-content: flex-end; } .vs-btn { width: 32px; height: 32px; border-radius: 4px; border: 2px solid #000; background: #fff; color: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; font-weight: bold; font-family: monospace; font-size: 18px; line-height: 1; padding-bottom: 2px; } .vs-btn:hover { background: #000; color: #fff; } .vs-btn:active { transform: translateY(2px); } /* === ЖУРНАЛ (Вне ординатуры) === */ .nl-journal-wrapper { max-width: 1200px; margin: 0 auto; padding: 40px 20px; font-family: -apple-system, sans-serif; overflow: visible; } .journal-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 80px; padding-bottom: 80px; gap: 60px; border-bottom: 2px solid #000000; } .journal-item:last-child { border-bottom: none; margin-bottom: 0; } .journal-item:nth-child(even) { flex-direction: row-reverse; } .j-text { width: 40%; position: relative; z-index: 10; } .j-date { display: inline-block; padding: 8px 16px; background: transparent; color: #1e87f0; border: 2px solid #1e87f0; font-weight: 800; font-size: 0.9rem; text-transform: uppercase; border-radius: 4px; margin-bottom: 20px; box-shadow: none !important; } .j-title { font-family: 'Lora', serif; font-size: 2rem; font-weight: 700; line-height: 1.1; margin-bottom: 20px; color: #000000; text-transform: uppercase; } .j-desc { font-size: 1.05rem; line-height: 1.6; color: #000000; font-weight: 500; margin-bottom: 30px; } .j-location { font-weight: 700; color: #000; font-size: 0.9rem; border-top: 2px solid #1e87f0; padding-top: 15px; line-height: 1.6; text-transform: uppercase; } .j-location svg { width: 18px; height: 18px; margin-right: 8px; fill: #1e87f0; vertical-align: text-bottom; } .loc-row { display: block; margin-bottom: 6px; } .interactive-stack { width: 55%; height: 450px; position: relative; perspective: 1500px; user-select: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .interactive-stack img.source-img { display: none; } .stack-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; background-color: #000; background-size: contain; background-repeat: no-repeat; background-position: center; border: 2px solid #000000; box-shadow: none !important; outline: none !important; transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s; will-change: transform; display: flex; } /* АДАПТИВ */ @media (max-width: 900px) { .timeline-v2::after { left: 20px; } .tl-item { width: 100%; padding-left: 50px; text-align: left !important; } .tl-item.left, .tl-item.right { left: 0; } .tl-item::after { left: 13px; } .vstack-card { max-width: 100%; } .journal-item, .journal-item:nth-child(even) { flex-direction: column; gap: 40px; margin-bottom: 60px; padding-bottom: 60px; } .j-text, .interactive-stack { width: 100%; } .interactive-stack { height: 350px; } .j-title { font-size: 1.6rem; } } // 1. ЛОГИКА ТАБОВ window.switchNeuroTab = function(tabId, btn) { document.querySelectorAll('.neuro-tab-pane').forEach(el => { el.style.opacity = 0; setTimeout(() => el.style.display = 'none', 300); }); setTimeout(() => { const target = document.getElementById(tabId); target.style.display = 'block'; setTimeout(() => target.style.opacity = 1, 50); }, 300); document.querySelectorAll('.neuro-tabs-custom li').forEach(el => el.classList.remove('active')); btn.parentElement.classList.add('active'); }; // 2. ЛОГИКА ТАЙМЛАЙНА (VerticalStackTimeline) class VerticalStackTimeline { constructor(id) { this.card = document.getElementById(id); if (!this.card) return; this.pile = this.card.querySelector('.vstack-pile'); this.desc = this.card.querySelector('.vs-desc-alt'); const raw = JSON.parse(this.card.querySelector('.vstack-data').textContent); this.data = raw.map(item => typeof item === 'string' ? {src: item, cap: "Типовой рабочий процесс."} : item); if (this.data.length === 0) { this.data = [ {src: "pl", cap: "Краткое описание этапа работы ординатора."}, {src: "pl", cap: "Обсуждение случая и выбор тактики лечения."}, {src: "pl", cap: "Работа с документацией."} ]; } this.index = 0; this.elements = []; this.init(); } init() { this.data.forEach((item, i) => { const div = document.createElement('div'); div.className = 'vstack-img'; if (item.src !== "pl") div.style.backgroundImage = `url('${item.src}')`; this.pile.appendChild(div); this.elements.push(div); }); this.update(); this.card.querySelector('.next').onclick = () => { this.index = (this.index + 1) % this.elements.length; this.update(); }; this.card.querySelector('.prev').onclick = () => { if(this.index > 0) this.index--; else this.index = this.elements.length - 1; this.update(); }; } update() { this.desc.style.opacity = 0; setTimeout(() => { this.desc.innerHTML = this.data[this.index].cap; this.desc.style.opacity = 1; }, 200); const total = this.elements.length; this.elements.forEach((el, i) => { let distance = (i - this.index + total) % total; if (distance === 0) { el.style.transform = 'translate(0, 0) rotate(0deg) scale(1)'; el.style.opacity = '1'; el.style.zIndex = '10'; el.style.visibility = 'visible'; } else if (distance === 1) { el.style.transform = 'translate(10px, -10px) rotate(3deg) scale(0.98)'; el.style.opacity = '1'; el.style.zIndex = '9'; el.style.visibility = 'visible'; } else if (distance === 2) { el.style.transform = 'translate(20px, -20px) rotate(-2deg) scale(0.96)'; el.style.opacity = '1'; el.style.zIndex = '8'; el.style.visibility = 'visible'; } else if (distance === total - 1) { el.style.transform = 'translate(-120%, 20px) rotate(-15deg)'; el.style.opacity = '0'; el.style.zIndex = '11'; el.style.visibility = 'visible'; } else { el.style.transform = 'translate(0, 0) scale(0.9)'; el.style.opacity = '0'; el.style.zIndex = '0'; el.style.visibility = 'hidden'; } }); } } // 3. ЛОГИКА ЖУРНАЛА (JournalStack) class JournalStack { constructor(container) { this.container = container; this.images = []; const imgTags = this.container.querySelectorAll('img.source-img'); imgTags.forEach(img => this.images.push(img.src)); if (this.images.length === 0) return; this.currentIndex = 0; this.elements = []; this.init(); this.addInteractions(); } init() { this.images.forEach((src, i) => { const el = document.createElement('div'); el.className = 'stack-photo'; el.style.backgroundImage = `url('${src}')`; this.container.prepend(el); this.elements.push(el); }); this.elements.reverse(); this.update(); } update() { this.elements.forEach((el, i) => { let offset = (i - this.currentIndex + this.images.length) % this.images.length; if (offset === 0) { el.style.transform = 'translate(0, 0) rotate(0deg) scale(1)'; el.style.zIndex = 10; el.style.opacity = 1; } else if (offset === 1) { el.style.transform = 'translate(20px, 15px) rotate(6deg) scale(0.98)'; el.style.zIndex = 5; el.style.opacity = 1; } else if (offset === 2) { el.style.transform = 'translate(-20px, 25px) rotate(-5deg) scale(0.96)'; el.style.zIndex = 4; el.style.opacity = 1; } else if (offset === 3) { el.style.transform = 'translate(10px, 10px) rotate(3deg) scale(0.94)'; el.style.zIndex = 3; el.style.opacity = 0; } else { el.style.transform = 'translate(0, 0) scale(0.9)'; el.style.zIndex = 1; el.style.opacity = 0; } }); } next() { const currentEl = this.elements[this.currentIndex]; currentEl.style.transform = 'translate(120%, 50px) rotate(25deg)'; setTimeout(() => { this.currentIndex = (this.currentIndex + 1) % this.images.length; this.update(); }, 200); } prev() { this.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length; this.update(); } addInteractions() { let startX = 0; let isDrag = false; this.container.addEventListener('mousedown', (e) => { startX = e.clientX; isDrag = true; }); this.container.addEventListener('mouseup', (e) => { if (!isDrag) return; const diff = e.clientX - startX; isDrag = false; const rect = this.container.getBoundingClientRect(); if (Math.abs(diff) > 50) { if (diff rect.width / 2) this.next(); else this.prev(); } }); this.container.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; }); this.container.addEventListener('touchend', (e) => { const endX = e.changedTouches[0].clientX; const diff = endX - startX; if (Math.abs(diff) > 40) { if (diff { setTimeout(() => { document.querySelectorAll('.vstack-card').forEach(card => new VerticalStackTimeline(card.id)); document.querySelectorAll('.js-auto-stack').forEach(el => new JournalStack(el)); }, 200); });

@media (max-width: 1499px) { .neuro-nav-wrapper { display: none !important; } } .neuro-nav-wrapper { position: fixed; right: 30px; top: 50%; transform: translateY(-50%); z-index: 9999; width: 260px; } .clinical-index-card { background: #ffffff; border: 2px solid #000000; border-radius: 4px; box-shadow: 6px 6px 0px rgba(0,0,0,0.15); padding: 20px; font-family: 'Lora', serif; } .card-header { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 4px double #000; text-align: center; } .header-title { font-weight: 800; font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #000; } .nav-list { list-style: none; padding: 0; margin: 0; } .nav-list li { margin-bottom: 2px; } .nav-list a { display: block; text-decoration: none !important; color: #333 !important; font-size: 0.9rem; font-weight: 600; padding: 8px 12px; border-radius: 2px; transition: all 0.2s ease; border-left: 3px solid transparent; } .nav-list a:hover { background: #e0eafa; color: #1e87f0 !important; border-left-color: #1e87f0; transform: translateX(5px); }

@media (min-width: 1500px) { .mobile-nav-block { display: none !important; } } .mobile-nav-block { background: #ffffff; border: 2px solid #000; border-radius: 4px; margin: 40px 0 20px 0; overflow: hidden; } .mn-header { background: #000; color: #fff; font-family: 'Lora', serif; font-weight: 700; text-transform: uppercase; padding: 12px 20px; font-size: 1rem; letter-spacing: 1px; text-align: center; } .mn-list { list-style: none; padding: 0; margin: 0; } .mn-list li { border-bottom: 1px solid #e5e5e5; } .mn-list li:last-child { border-bottom: none; } .mn-list a { display: block; padding: 15px 20px; color: #222 !important; text-decoration: none !important; font-size: 16px; font-weight: 600; transition: background 0.2s; } .mn-list a:active, .mn-list a:hover { background: #e0eafa; color: #1e87f0 !important; } .mn-divider { height: 8px !important; background: #f5f5f5; border-bottom: 1px solid #ddd !important; border-top: 1px solid #ddd; }

Центр практических навыков

Инструментарий и оптика

Тренажеры и биомодели

Видео-демонстрация

Центр кадаверной практики

Прошедшие мастер-классы