[html]Current Process
Files
HTML
code
preview
<!-- НАЧАЛО ШАБЛОНА ВИКИ -->
<style>
/* Основной контейнер */
.es-wiki-container {
    --es-wiki-primary: #2c3e50;
    --es-wiki-secondary: #34495e;
    --es-wiki-accent: #3498db;
    --es-wiki-accent-hover: #2980b9;
    --es-wiki-bg: #f8f9fa;
    --es-wiki-border: #dee2e6;
    --es-wiki-text: #212529;
    --es-wiki-text-muted: #6c757d;
    --es-wiki-success: #27ae60;
    --es-wiki-warning: #f39c12;
    --es-wiki-info: #9b59b6;
   
    all: initial;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: var(--es-wiki-text);
    background: var(--es-wiki-bg);
    border: 1px solid var(--es-wiki-border);
    border-radius: 8px;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

.es-wiki-container * {
    box-sizing: border-box;
}

/* Шапка вики */
.es-wiki-header {
    background: linear-gradient(135deg, var(--es-wiki-primary) 0%, var(--es-wiki-secondary) 100%);
    color: white;
    padding: 20px 24px;
    position: relative;
}

.es-wiki-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--es-wiki-accent), var(--es-wiki-success), var(--es-wiki-warning), var(--es-wiki-info));
}

.es-wiki-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.es-wiki-icon {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.es-wiki-subtitle {
    margin: 8px 0 0;
    font-size: 13px;
    opacity: 0.85;
    font-weight: 400;
}

/* Навигация вкладок */
.es-wiki-tabs {
    display: flex;
    background: white;
    border-bottom: 2px solid var(--es-wiki-border);
    overflow-x: auto;
    scrollbar-width: thin;
}

.es-wiki-tab {
    padding: 14px 20px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--es-wiki-text-muted);
    white-space: nowrap;
    position: relative;
    transition: all 0.2s ease;
    font-family: inherit;
}

.es-wiki-tab:hover {
    color: var(--es-wiki-accent);
    background: rgba(52, 152, 219, 0.05);
}

.es-wiki-tab.active {
    color: var(--es-wiki-accent);
}

.es-wiki-tab.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--es-wiki-accent);
    border-radius: 3px 3px 0 0;
}

.es-wiki-tab-icon {
    margin-right: 6px;
    opacity: 0.7;
}

/* Контент вкладок */
.es-wiki-content {
    padding: 24px;
    background: white;
    min-height: 200px;
}

.es-wiki-pane {
    display: none;
    animation: es-wiki-fadeIn 0.3s ease;
}

.es-wiki-pane.active {
    display: block;
}

@keyframes es-wiki-fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Инфобокс */
.es-wiki-infobox {
    float: right;
    width: 280px;
    margin: 0 0 20px 24px;
    background: white;
    border: 1px solid var(--es-wiki-border);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.es-wiki-infobox-header {
    background: linear-gradient(135deg, var(--es-wiki-accent), var(--es-wiki-accent-hover));
    color: white;
    padding: 16px;
    text-align: center;
}

.es-wiki-infobox-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.es-wiki-infobox-image {
    width: 100%;
    height: 160px;
    background: linear-gradient(135deg, #e0e5ec 0%, #cfd8e3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: var(--es-wiki-text-muted);
}

.es-wiki-infobox-content {
    padding: 16px;
}

.es-wiki-infobox-row {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid var(--es-wiki-border);
    font-size: 13px;
}

.es-wiki-infobox-row:last-child {
    border-bottom: none;
}

.es-wiki-infobox-label {
    width: 100px;
    font-weight: 600;
    color: var(--es-wiki-text-muted);
    flex-shrink: 0;
}

.es-wiki-infobox-value {
    color: var(--es-wiki-text);
}

/* Секции контента */
.es-wiki-section {
    margin-bottom: 28px;
}

.es-wiki-section:last-child {
    margin-bottom: 0;
}

.es-wiki-section-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--es-wiki-primary);
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--es-wiki-accent);
    display: flex;
    align-items: center;
    gap: 10px;
}

.es-wiki-section-icon {
    width: 28px;
    height: 28px;
    background: var(--es-wiki-accent);
    color: white;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.es-wiki-text {
    margin: 0;
    color: var(--es-wiki-text);
    text-align: justify;
}

/* Сетка карточек */
.es-wiki-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.es-wiki-card {
    background: var(--es-wiki-bg);
    border: 1px solid var(--es-wiki-border);
    border-radius: 8px;
    padding: 16px;
    transition: all 0.2s ease;
}

.es-wiki-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-color: var(--es-wiki-accent);
}

.es-wiki-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.es-wiki-card-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, var(--es-wiki-accent), var(--es-wiki-accent-hover));
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.es-wiki-card-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--es-wiki-primary);
}

.es-wiki-card-desc {
    margin: 0;
    font-size: 12px;
    color: var(--es-wiki-text-muted);
    line-height: 1.5;
}

.es-wiki-card-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}

.es-wiki-status-active {
    background: rgba(39, 174, 96, 0.15);
    color: var(--es-wiki-success);
}

.es-wiki-status-completed {
    background: rgba(52, 152, 219, 0.15);
    color: var(--es-wiki-accent);
}

.es-wiki-status-locked {
    background: rgba(108, 117, 125, 0.15);
    color: var(--es-wiki-text-muted);
}

/* Список мест */
.es-wiki-places-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.es-wiki-place-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background: var(--es-wiki-bg);
    border-radius: 8px;
    margin-bottom: 12px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.es-wiki-place-item:hover {
    border-color: var(--es-wiki-accent);
    background: white;
}

.es-wiki-place-marker {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--es-wiki-success), #2ecc71);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.es-wiki-place-info {
    flex: 1;
}

.es-wiki-place-name {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--es-wiki-primary);
}

.es-wiki-place-desc {
    margin: 0;
    font-size: 12px;
    color: var(--es-wiki-text-muted);
}

.es-wiki-place-type {
    padding: 4px 10px;
    background: rgba(52, 152, 219, 0.1);
    color: var(--es-wiki-accent);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

/* Галерея */
.es-wiki-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.es-wiki-gallery-item {
    aspect-ratio: 1;
    background: var(--es-wiki-bg);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--es-wiki-border);
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 32px;
    color: var(--es-wiki-text-muted);
}

.es-wiki-gallery-item:hover {
    border-color: var(--es-wiki-accent);
    transform: scale(1.02);
}

/* Таблица */
.es-wiki-table-wrapper {
    overflow-x: auto;
    margin-top: 16px;
    border-radius: 8px;
    border: 1px solid var(--es-wiki-border);
}

.es-wiki-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.es-wiki-table th {
    background: var(--es-wiki-primary);
    color: white;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.es-wiki-table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--es-wiki-border);
}

.es-wiki-table tr:last-child td {
    border-bottom: none;
}

.es-wiki-table tr:nth-child(even) {
    background: var(--es-wiki-bg);
}

.es-wiki-table tr:hover {
    background: rgba(52, 152, 219, 0.05);
}

/* Футер */
.es-wiki-footer {
    background: var(--es-wiki-bg);
    border-top: 1px solid var(--es-wiki-border);
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: var(--es-wiki-text-muted);
}

.es-wiki-meta {
    display: flex;
    gap: 20px;
}

.es-wiki-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .es-wiki-infobox {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
   
    .es-wiki-tabs {
        flex-wrap: nowrap;
    }
   
    .es-wiki-tab {
        padding: 12px 14px;
        font-size: 12px;
    }
   
    .es-wiki-header {
        padding: 16px;
    }
   
    .es-wiki-title {
        font-size: 20px;
    }
   
    .es-wiki-grid {
        grid-template-columns: 1fr;
    }
}

/* Очистка float */
.es-wiki-clearfix::after {
    content: '';
    display: table;
    clear: both;
}
</style>

<div class="es-wiki-container">
    <!-- Шапка -->
    <div class="es-wiki-header">
        <h1 class="es-wiki-title">
            <span class="es-wiki-icon">��️</span>
            Эврика-Спрингс
        </h1>
        <p class="es-wiki-subtitle">Город на перекрёстке миров — информационный портал</p>
    </div>
   
    <!-- Навигация -->
    <div class="es-wiki-tabs" role="tablist">
        <button class="es-wiki-tab active" data-tab="overview" role="tab">
            �� Обзор
        </button>
        <button class="es-wiki-tab" data-tab="locations" role="tab">
            ��️ Места
        </button>
        <button class="es-wiki-tab" data-tab="quests" role="tab">
            ⚔️ Квесты
        </button>
        <button class="es-wiki-tab" data-tab="history" role="tab">
            �� История
        </button>
        <button class="es-wiki-tab" data-tab="gallery" role="tab">
            ��️ Галерея
        </button>
    </div>
   
    <!-- Контент -->
    <div class="es-wiki-content">
        <!-- Вкладка: Обзор -->
        <div class="es-wiki-pane active" id="overview" role="tabpanel">
            <div class="es-wiki-clearfix">
                <!-- Инфобокс -->
                <div class="es-wiki-infobox">
                    <div class="es-wiki-infobox-header">
                        <h3 class="es-wiki-infobox-title">Эврика-Спрингс</h3>
                    </div>
                    <div class="es-wiki-infobox-image">��️</div>
                    <div class="es-wiki-infobox-content">
                        <div class="es-wiki-infobox-row">
                            <span class="es-wiki-infobox-label">Основан</span>
                            <span class="es-wiki-infobox-value">1847 г.</span>
                        </div>
                        <div class="es-wiki-infobox-row">
                            <span class="es-wiki-infobox-label">Население</span>
                            <span class="es-wiki-infobox-value">~45,000</span>
                        </div>
                        <div class="es-wiki-infobox-row">
                            <span class="es-wiki-infobox-label">Мэр</span>
                            <span class="es-wiki-infobox-value">Виктория Риос</span>
                        </div>
                        <div class="es-wiki-infobox-row">
                            <span class="es-wiki-infobox-label">Девиз</span>
                            <span class="es-wiki-infobox-value">"Там, где прошлое встречает будущее"</span>
                        </div>
                        <div class="es-wiki-infobox-row">
                            <span class="es-wiki-infobox-label">Координаты</span>
                            <span class="es-wiki-infobox-value">36.1° с.ш. 94.2° з.д.</span>
                        </div>
                    </div>
                </div>
               
                <!-- Секции -->
                <div class="es-wiki-section">
                    <h2 class="es-wiki-section-title">
                        <span class="es-wiki-section-icon">��</span>
                        О городе
                    </h2>
                    <p class="es-wiki-text">
                        Эврика-Спрингс — уникальный город, расположенный в месте силы, где границы между измерениями особенно тонки.
                        Основанный как небольшая лечебная станция у целебных источников, город за века превратился в процветающий центр
                        торговли, магии и технологий. Здесь соседствуют викторианские особняки и сверкающие небоскрёбы, а по улицам
                        бок о бок ходят обычные люди и представители древних рас.
                    </p>
                </div>
               
                <div class="es-wiki-section">
                    <h2 class="es-wiki-section-title">
                        <span class="es-wiki-section-icon">��</span>
                        Особенности
                    </h2>
                    <div class="es-wiki-grid">
                        <div class="es-wiki-card">
                            <div class="es-wiki-card-header">
                                <span class="es-wiki-card-icon">✨</span>
                                <h3 class="es-wiki-card-title">Источники</h3>
                            </div>
                            <p class="es-wiki-card-desc">Целебные воды, восстанавливающие силы и исцеляющие раны</p>
                        </div>
                        <div class="es-wiki-card">
                            <div class="es-wiki-card-header">
                                <span class="es-wiki-card-icon">��</span>
                                <h3 class="es-wiki-card-title">Порталы</h3>
                            </div>
                            <p class="es-wiki-card-desc">Точки перехода между мирами, охраняемые стражами</p>
                        </div>
                        <div class="es-wiki-card">
                            <div class="es-wiki-card-header">
                                <span class="es-wiki-card-icon">⚖️</span>
                                <h3 class="es-wiki-card-title">Совет</h3>
                            </div>
                            <p class="es-wiki-card-desc">Управление городом осуществляется представителями всех рас</p>
                        </div>
                        <div class="es-wiki-card">
                            <div class="es-wiki-card-header">
                                <span class="es-wiki-card-icon">��</span>
                                <h3 class="es-wiki-card-title">Архив</h3>
                            </div>
                            <p class="es-wiki-card-desc">Древняя библиотека с knowledge всех цивилизаций</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
        <!-- Вкладка: Места -->
        <div class="es-wiki-pane" id="locations" role="tabpanel">
            <div class="es-wiki-section">
                <h2 class="es-wiki-section-title">
                    <span class="es-wiki-section-icon">��️</span>
                    Достопримечательности
                </h2>
                <ul class="es-wiki-places-list">
                    <li class="es-wiki-place-item">
                        <span class="es-wiki-place-marker">��</span>
                        <div class="es-wiki-place-info">
                            <h3 class="es-wiki-place-name">Башня Совета</h3>
                            <p class="es-wiki-place-desc">Центр городского управления, где заседает Совет Старейшин. Отсюда открывается панорамный вид на весь город.</p>
                        </div>
                        <span class="es-wiki-place-type">Государственное</span>
                    </li>
                    <li class="es-wiki-place-item">
                        <span class="es-wiki-place-marker">��</span>
                        <div class="es-wiki-place-info">
                            <h3 class="es-wiki-place-name">Академия Магии</h3>
                            <p class="es-wiki-place-desc">Престижное учебное заведение, где изучают все виды магии — от элементальной до темной.</p>
                        </div>
                        <span class="es-wiki-place-type">Образование</span>
                    </li>
                    <li class="es-wiki-place-item">
                        <span class="es-wiki-place-marker">��</span>
                        <div class="es-wiki-place-info">
                            <h3 class="es-wiki-place-name">Рынок Теней</h3>
                            <p class="es-wiki-place-desc">Подпольный рынок, где можно найти редкие артефакты и запрещённые товары. Вход только по рекомендации.</p>
                        </div>
                        <span class="es-wiki-place-type">Торговля</span>
                    </li>
                    <li class="es-wiki-place-item">
                        <span class="es-wiki-place-marker">��</span>
                        <div class="es-wiki-place-info">
                            <h3 class="es-wiki-place-name">Древний лес</h3>
                            <p class="es-wiki-place-desc">Священная роща, где растут деревья возрастом в тысячелетия. Место силы и медитаций.</p>
                        </div>
                        <span class="es-wiki-place-type">Природа</span>
                    </li>
                    <li class="es-wiki-place-item">
                        <span class="es-wiki-place-marker">��</span>
                        <div class="es-wiki-place-info">
                            <h3 class="es-wiki-place-name">Театр "Искры"</h3>
                            <p class="es-wiki-place-desc">Культурный центр города, где выступают лучшие артисты со всех миров.</p>
                        </div>
                        <span class="es-wiki-place-type">Культура</span>
                    </li>
                </ul>
            </div>
        </div>
       
        <!-- Вкладка: Квесты -->
        <div class="es-wiki-pane" id="quests" role="tabpanel">
            <div class="es-wiki-section">
                <h2 class="es-wiki-section-title">
                    <span class="es-wiki-section-icon">��</span>
                    Квестовые линейки
                </h2>
                <div class="es-wiki-table-wrapper">
                    <table class="es-wiki-table">
                        <thead>
                            <tr>
                                <th>Название</th>
                                <th>Сложность</th>
                                <th>Длительность</th>
                                <th>Статус</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Пробуждение источников</td>
                                <td>Начальная</td>
                                <td>1-2 сессии</td>
                                <td><span class="es-wiki-card-status es-wiki-status-active">Активен</span></td>
                            </tr>
                            <tr>
                                <td>Тени прошлого</td>
                                <td>Средняя</td>
                                <td>3-5 сессий</td>
                                <td><span class="es-wiki-card-status es-wiki-status-active">Активен</span></td>
                            </tr>
                            <tr>
                                <td>Охота на дракона</td>
                                <td>Высокая</td>
                                <td>5-8 сессий</td>
                                <td><span class="es-wiki-card-status es-wiki-status-completed">Завершён</span></td>
                            </tr>
                            <tr>
                                <td>Секреты Архива</td>
                                <td>Высокая</td>
                                <td>Постоянный</td>
                                <td><span class="es-wiki-card-status es-wiki-status-active">Активен</span></td>
                            </tr>
                            <tr>
                                <td>Война кланов</td>
                                <td>Эпическая</td>
                                <td>Сезонный</td>
                                <td><span class="es-wiki-card-status es-wiki-status-locked">Скоро</span></td>
                            </tr>
                            <tr>
                                <td>Последний портал</td>
                                <td>Эпическая</td>
                                <td>Финальная</td>
                                <td><span class="es-wiki-card-status es-wiki-status-locked">Скоро</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
           
            <div class="es-wiki-section">
                <h2 class="es-wiki-section-title">
                    <span class="es-wiki-section-icon">⭐</span>
                    Активные события
                </h2>
                <div class="es-wiki-grid">
                    <div class="es-wiki-card">
                        <div class="es-wiki-card-header">
                            <span class="es-wiki-card-icon">��</span>
                            <h3 class="es-wiki-card-title">Фестиваль Источников</h3>
                        </div>
                        <p class="es-wiki-card-desc">Ежегодный праздник в честь целебных вод с соревнованиями и наградами.</p>
                        <span class="es-wiki-card-status es-wiki-status-active">Идёт сейчас</span>
                    </div>
                    <div class="es-wiki-card">
                        <div class="es-wiki-card-header">
                            <span class="es-wiki-card-icon">��️</span>
                            <h3 class="es-wiki-card-title">Турнир Стражей</h3>
                        </div>
                        <p class="es-wiki-card-desc">Соревнование защитников порталов за звание лучшего стража города.</p>
                        <span class="es-wiki-card-status es-wiki-status-completed">Завершён</span>
                    </div>
                </div>
            </div>
        </div>
       
        <!-- Вкладка: История -->
        <div class="es-wiki-pane" id="history" role="tabpanel">
            <div class="es-wiki-section">
                <h2 class="es-wiki-section-title">
                    <span class="es-wiki-section-icon">��</span>
                    Хронология города
                </h2>
                <div class="es-wiki-table-wrapper">
                    <table class="es-wiki-table">
                        <thead>
                            <tr>
                                <th>Год</th>
                                <th>Событие</th>
                                <th>Значение</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1847</td>
                                <td>Основание города</td>
                                <td>Первые поселенцы обнаружили целебные источники</td>
                            </tr>
                            <tr>
                                <td>1892</td>
                                <td>Первый портал</td>
                                <td>Открыт первый стабильный портал в иное измерение</td>
                            </tr>
                            <tr>
                                <td>1923</td>
                                <td>Создание Совета</td>
                                <td>Объединение всех рас под единым управлением</td>
                            </tr>
                            <tr>
                                <td>1967</td>
                                <td>Война Теней</td>
                                <td>Конфликт с сущностями измерения тьмы</td>
                            </tr>
                            <tr>
                                <td>1991</td>
                                <td>Новое соглашение</td>
                                <td>Мирный договор между всеми фракциями города</td>
                            </tr>
                            <tr>
                                <td>2024</td>
                                <td>Современность</td>
                                <td>Город стал центром межпространственной торговли</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
           
            <div class="es-wiki-section">
                <h2 class="es-wiki-section-title">
                    <span class="es-wiki-section-icon">��</span>
                    Известные личности
                </h2>
                <div class="es-wiki-grid">
                    <div class="es-wiki-card">
                        <div class="es-wiki-card-header">
                            <span class="es-wiki-card-icon">��</span>
                            <h3 class="es-wiki-card-title">Виктория Риос</h3>
                        </div>
                        <p class="es-wiki-card-desc">Первая женщина-мэр города, известна реформами в сфере магического образования.</p>
                    </div>
                    <div class="es-wiki-card">
                        <div class="es-wiki-card-header">
                            <span class="es-wiki-card-icon">��</span>
                            <h3 class="es-wiki-card-title">Архимаг Эларион</h3>
                        </div>
                        <p class="es-wiki-card-desc">Основатель Академии Магии, величайший маг своего поколения.</p>
                    </div>
                    <div class="es-wiki-card">
                        <div class="es-wiki-card-header">
                            <span class="es-wiki-card-icon">��</span>
                            <h3 class="es-wiki-card-title">Капитан Роуэн</h3>
                        </div>
                        <p class="es-wiki-card-desc">Легендарный страж порталов, остановивший вторжение в 1967 году.</p>
                    </div>
                </div>
            </div>
        </div>
       
        <!-- Вкладка: Галерея -->
        <div class="es-wiki-pane" id="gallery" role="tabpanel">
            <div class="es-wiki-section">
                <h2 class="es-wiki-section-title">
                    <span class="es-wiki-section-icon">��️</span>
                    Галерея города
                </h2>
                <p class="es-wiki-text">
                    Фотографии и иллюстрации, запечатлевшие красоту Эврики-Спрингс в разные эпохи.
                    От старинных гравюр до современных снимков.
                </p>
                <div class="es-wiki-gallery">
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">⛲</div>
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">��️</div>
                    <div class="es-wiki-gallery-item">✨</div>
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">⚔️</div>
                    <div class="es-wiki-gallery-item">��</div>
                    <div class="es-wiki-gallery-item">��</div>
                </div>
            </div>
        </div>
    </div>
   
    <!-- Футер -->
    <div class="es-wiki-footer">
        <div class="es-wiki-meta">
            <span class="es-wiki-meta-item">�� Обновлено: 25.01.2026</span>
            <span class="es-wiki-meta-item">�� Редакторов: 12</span>
        </div>
        <span>© Архив Эврики-Спрингс</span>
    </div>
</div>

<script>
(function() {
    // Находим контейнер внутри которого запускаем скрипт
    const container = document.currentScript?.closest('.es-wiki-container') || document.querySelector('.es-wiki-container');
    if (!container) return;
   
    // Обработка вкладок
    const tabs = container.querySelectorAll('.es-wiki-tab');
    const panes = container.querySelectorAll('.es-wiki-pane');
   
    tabs.forEach(tab => {
        tab.addEventListener('click', function() {
            const targetId = this.dataset.tab;
           
            // Деактивируем все вкладки
            tabs.forEach(t => t.classList.remove('active'));
            panes.forEach(p => p.classList.remove('active'));
           
            // Активируем выбранную
            this.classList.add('active');
            const targetPane = container.querySelector('#' + targetId);
            if (targetPane) {
                targetPane.classList.add('active');
            }
        });
    });
})();
</script>
<!-- КОНЕЦ ШАБЛОНА ВИКИ -->[/html]