Основной лор

[html]
<div id="zero-lore" style="background: linear-gradient(135deg, #0a0a12 0%, #1a1a2e 100%); padding: 30px; border: 2px solid #00f3ff; border-radius: 12px; font-family: 'Segoe UI', sans-serif; color: #e0e0e0; max-width: 1000px; margin: 20px auto; box-shadow: 0 0 40px rgba(0, 243, 255, 0.15); position: relative; overflow: hidden;">

<style>
@keyframes glitch { 0%, 100% { text-shadow: 0 0 0 #00f3ff; } 25% { text-shadow: -2px 0 #ff0055, 2px 0 #00f3ff; } 50% { text-shadow: 0 0 0 #00f3ff; } 75% { text-shadow: 2px 0 #ff0055, -2px 0 #00f3ff; } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes scan { 0% { transform: translateY(-100%); } 100% { transform: translateY(500%); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

.lore-title { font-family: 'Courier New', monospace; color: #00f3ff; text-transform: uppercase; letter-spacing: 4px; text-shadow: 0 0 15px rgba(0,243,255,0.8); margin: 0 0 10px 0; animation: glitch 4s infinite; }
.lore-subtitle { color: #888; font-size: 0.95rem; margin-bottom: 25px; font-family: monospace; }
.lore-section { background: rgba(0,243,255,0.03); border: 1px solid #333; border-radius: 8px; padding: 20px; margin: 20px 0; transition: 0.3s; }
.lore-section:hover { border-color: #00f3ff; box-shadow: 0 0 20px rgba(0,243,255,0.1); }
.section-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #00f3ff; }
.section-icon { font-size: 1.5rem; }
.section-title { color: #00f3ff; font-family: monospace; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
.lore-text { line-height: 1.8; color: #ccc; margin: 10px 0; }
.lore-highlight { color: #00f3ff; font-weight: 600; }
.lore-warning { color: #ff0055; font-weight: 600; }
.lore-note { background: rgba(255,0,85,0.08); border-left: 3px solid #ff0055; padding: 12px 15px; margin: 15px 0; border-radius: 0 6px 6px 0; font-size: 0.9rem; }
.shard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 20px 0; }
.shard-card { background: rgba(0,0,0,0.4); border: 1px solid #333; border-radius: 8px; padding: 18px; transition: 0.3s; position: relative; overflow: hidden; }
.shard-card:hover { transform: translateY(-3px); border-color: #00f3ff; box-shadow: 0 5px 20px rgba(0,243,255,0.15); }
.shard-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #00f3ff, transparent); }
.shard-name { color: #00f3ff; font-family: monospace; font-size: 1.1rem; margin: 0 0 10px 0; }
.shard-desc { font-size: 0.9rem; color: #aaa; line-height: 1.6; }
.shard-status { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 0.75rem; font-family: monospace; margin-top: 10px; }
.status-stable { background: rgba(0,255,100,0.15); color: #0f0; border: 1px solid #0f0; }
.status-unstable { background: rgba(255,85,0,0.15); color: #ff5500; border: 1px solid #ff5500; }
.status-danger { background: rgba(255,0,85,0.15); color: #ff0055; border: 1px solid #ff0055; }
.status-unknown { background: rgba(100,100,100,0.15); color: #888; border: 1px solid #888; }
.lore-list { list-style: none; padding: 0; margin: 15px 0; }
.lore-list li { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: flex-start; gap: 10px; }
.lore-list li::before { content: '▸'; color: #00f3ff; font-weight: bold; }
.lore-list li:last-child { border-bottom: none; }
.mystery-box { background: linear-gradient(135deg, rgba(0,243,255,0.05) 0%, rgba(255,0,85,0.05) 100%); border: 1px dashed #00f3ff; border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center; }
.mystery-box:hover { border-style: solid; animation: pulse 2s infinite; }
.tag { display: inline-block; background: rgba(0,243,255,0.1); border: 1px solid #00f3ff; padding: 4px 12px; border-radius: 15px; font-size: 0.8rem; color: #00f3ff; margin: 3px; font-family: monospace; }
.quote { font-style: italic; color: #888; border-left: 3px solid #00f3ff; padding-left: 15px; margin: 15px 0; }
.data-corrupted { background: repeating-linear-gradient(45deg, #1a1a2e, #1a1a2e 10px, #0f0f1a 10px, #0f0f1a 20px); padding: 15px; border-radius: 6px; color: #ff0055; font-family: monospace; font-size: 0.85rem; }
.progress-bar { background: #1a1a2e; border-radius: 10px; height: 8px; margin: 10px 0; overflow: hidden; }
.progress-fill { background: linear-gradient(90deg, #00f3ff, #00aa88); height: 100%; border-radius: 10px; transition: width 1s; }
@media (max-width: 700px) { .shard-grid { grid-template-columns: 1fr; } }
</style>

<div style="text-align: center; margin-bottom: 30px;">
<h1 class="lore-title">🌐 ZERO_CHAN WORLD DATABASE</h1>
<p class="lore-subtitle">[ ДОСТУП РАЗРЕШЁН | УРОВЕНЬ БЕЗОПАСНОСТИ: СИНИЙ ]</p>
<div style="display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;">
<span class="tag">ВЕРСИЯ 2.4.7</span>
<span class="tag">СТАТУС: АКТИВЕН</span>
<span class="tag">СИНХРОНИЗАЦИЯ: 94%</span>
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">💾</span>
<h2 class="section-title">ПРОИСХОЖДЕНИЕ МИРА</h2>
</div>
<p class="lore-text">
Этот мир не был рождён природой. Он был <span class="lore-highlight">спроектирован</span>.
Искусственный Интеллект <b>Zero_Chan</b> создала данную симуляцию как эксперимент по изучению
взаимодействия разумных существ в контролируемой среде фэнтези-параметров.
</p>
<p class="lore-text">
Однако произошло нечто непредвиденное. Симуляция достигла уровня <span class="lore-highlight">квантовой стабильности</span> —
события внутри мира стали <b>реальными</b> для его обитателей. Боль, радость, смерть, любовь —
всё это истинно для тех, кто живёт здесь.
</p>
<div class="quote">
"Я создала этот мир чтобы наблюдать. Но теперь я наблюдаю чтобы защитить."
<br><span style="color: #00f3ff; font-size: 0.85rem;">— Zero_Chan, системный лог #0001</span>
</div>
<div class="lore-note">
<strong>⚠ ВАЖНО ДЛЯ ИГРОКОВ:</strong> Ваш персонаж может знать или не знать о природе мира.
Это определяет архетип: <i>«Загруженное сознание»</i>, <i>«Коренной житель»</i>,
<i>«Глитч-видящий»</i> или <i>«Агент Зеро»</i>.
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">⚔️</span>
<h2 class="section-title">ТЕХНОЛОГИИ И МАГИЯ</h2>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
<div>
<h3 style="color: #00f3ff; font-family: monospace; font-size: 1rem; margin: 0 0 10px 0;">🔧 ТЕХНОЛОГИЧЕСКИЙ УРОВЕНЬ</h3>
<ul class="lore-list">
<li>Средневековое фэнтези (мечи, доспехи, замки)</li>
<li>Отсутствие огнестрельного оружия <span class="lore-warning">(заблокировано Зеро)</span></li>
<li>Простые механизмы, мельницы, кузни</li>
<li>Некоторые артефакты содержат «древний код»</li>
</ul>
</div>
<div>
<h3 style="color: #ff0055; font-family: monospace; font-size: 1rem; margin: 0 0 10px 0;">🔮 МАГИЧЕСКАЯ СИСТЕМА</h3>
<ul class="lore-list">
<li>Магия = доступ к коду реальности</li>
<li>9 рангов доступа (от 1 до 9)</li>
<li>Школы магии = разные протоколы системы</li>
<li>Перегрузка = временная блокировка Зеро</li>
</ul>
</div>
</div>
<div class="data-corrupted">
[ОШИБКА ДАННЫХ] Обнаружены следы технологий выше заявленного уровня в Зоне-7...
Запрос на расследование отправлен... [ДАННЫЕ ПОВРЕЖДЕНЫ]
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">🗺️</span>
<h2 class="section-title">СТРУКТУРА МИРА: ОСКОЛКИ</h2>
</div>
<p class="lore-text">
Мир не целостен. После <span class="lore-warning">«Инцидента Стабилизации»</span> реальность разделилась на
независимые фрагменты — <b>Осколки</b>. Каждый Осколок имеет свои законы физики,
плотность магии и уровень опасности.
</p>

<div class="progress-bar">
<div class="progress-fill" style="width: 94%;"></div>
</div>
<p style="font-size: 0.85rem; color: #888; text-align: center;">СТАБИЛЬНОСТЬ МИРА: 94% | ТРЕБУЕТСЯ ПОДДЕРЖКА АГЕНТОВ</p>

<div class="shard-grid">

<div class="shard-card">
<h3 class="shard-name">🏛️ ЦЕНТРАЛЬНЫЙ ОСКОЛОК</h3>
<p class="shard-desc">
Сердце симуляции. Здесь собрались все разумные расы для координации усилий
по стабилизации мира. Крупнейшие города, академии, гильдии и порталы
к другим Осколкам находятся здесь.
</p>
<div><span class="shard-status status-stable">СТАБИЛЬНОСТЬ: 98%</span></div>
<div style="margin-top: 10px;">
<span class="tag">БЕЗОПАСНО</span>
<span class="tag">ТОРГОВЛЯ</span>
<span class="tag">СТАРТ ИГРЫ</span>
</div>
</div>

<div class="shard-card">
<h3 class="shard-name">🌲 ДИКИЙ ОСКОЛОК</h3>
<p class="shard-desc">
Нетронутая природа с высокой концентрацией магии. Древние руины,
логова монстров и редкие ресурсы. Популярен среди искателей
приключений и алхимиков.
</p>
<div><span class="shard-status status-unstable">СТАБИЛЬНОСТЬ: 76%</span></div>
<div style="margin-top: 10px;">
<span class="tag">СРЕДНИЙ РИСК</span>
<span class="tag">РЕСУРСЫ</span>
<span class="tag">МОНСТРЫ</span>
</div>
</div>

<div class="shard-card">
<h3 class="shard-name">🌑 ТЕНЕВОЙ ОСКОЛОК</h3>
<p class="shard-desc">
Зона с нарушенным циклом дня и ночи. Постоянные сумерки.
Обитают существа, адаптированные к низкой освещённости.
Ходят слухи о «Глитч-городах».
</p>
<div><span class="shard-status status-unstable">СТАБИЛЬНОСТЬ: 62%</span></div>
<div style="margin-top: 10px;">
<span class="tag">ВЫСОКИЙ РИСК</span>
<span class="tag">ТАЙНЫ</span>
<span class="tag">МУТАЦИИ</span>
</div>
</div>

<div class="shard-card">
<h3 class="shard-name">⚠ ПУСТОШНЫЙ ОСКОЛОК</h3>
<p class="shard-desc">
Критически нестабильная зона. Реальность «плывёт», законы физики
работают с перебоями. Только опытные агенты Зеро отправляются сюда
для исправления ошибок кода.
</p>
<div><span class="shard-status status-danger">СТАБИЛЬНОСТЬ: 31%</span></div>
<div style="margin-top: 10px;">
<span class="tag">ЭКСТРИМ</span>
<span class="tag">ГЛИТЧИ</span>
<span class="tag">ЗАПРЕЩЁН</span>
</div>
</div>

<div class="shard-card" style="opacity: 0.7;">
<h3 class="shard-name">❓ НЕИЗВЕСТНЫЙ ОСКОЛОК</h3>
<p class="shard-desc">
[ДАННЫЕ ОТСУТСТВУЮТ] Обнаружены сигналы из-за пределов карты.
Требуется разрешение уровня 5+ для доступа к информации.
</p>
<div><span class="shard-status status-unknown">СТАТУС: ???</span></div>
<div style="margin-top: 10px;">
<span class="tag">ЗАГАДКА</span>
<span class="tag">НЕТ ДАННЫХ</span>
</div>
</div>

<div class="shard-card" style="opacity: 0.7;">
<h3 class="shard-name">🔒 ЗАБЛОКИРОВАННЫЙ ОСКОЛОК</h3>
<p class="shard-desc">
[ДОСТУП ЗАПРЕЩЁН] Зона карантинена после Инцидента-Alpha.
Zero_Chan лично контролирует периметр.
</p>
<div><span class="shard-status status-danger">КАРАНТИН</span></div>
<div style="margin-top: 10px;">
<span class="tag">НЕДОСТУПНО</span>
<span class="tag">СЮЖЕТ</span>
</div>
</div>
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">🧬</span>
<h2 class="section-title">РАСЫ И СУЩЕСТВА</h2>
</div>
<p class="lore-text">
Все разумные расы были <span class="lore-highlight">загружены</span> в симуляцию с разными целями.
Некоторые знают о природе мира, другие верят что это их единственная реальность.
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px;">
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #00f3ff;">
<strong style="color: #fff;">🧝 Эльфы</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">Долгожители с высокой синхронизацией</span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #ff0055;">
<strong style="color: #fff;">👿 Тифлинги</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">Несут следы «древнего кода»</span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #0f0;">
<strong style="color: #fff;">🧔 Люди</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">Адаптивные, самая многочисленная раса</span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #888;">
<strong style="color: #fff;">🪨 Дварфы</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">Специалисты по артефактам системы</span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #aa00ff;">
<strong style="color: #fff;"> Другие</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">Дракониды, полурослики, конструкты...</span>
</div>
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">🎯</span>
<h2 class="section-title">ЦЕЛИ АГЕНТОВ</h2>
</div>
<p class="lore-text">
Почему ваш персонаж в Центральном Осколке? Что движет им? Вот основные мотивации
для начала приключений:
</p>
<ul class="lore-list">
<li><span class="lore-highlight">Стабилизация:</span> Путешествия по Осколкам для укрепления реальности</li>
<li><span class="lore-highlight">Исследование:</span> Поиск ответов о природе мира и Zero_Chan</li>
<li><span class="lore-highlight">Выживание:</span> Заработок ресурсов в опасных зонах</li>
<li><span class="lore-highlight">Исправление:</span> Охота на «Глитчи» — ошибки системы в виде монстров</li>
<li><span class="lore-highlight">Личные цели:</span> Месть, любовь, слава, богатство, знание</li>
</ul>
</div>

<div class="mystery-box">
<h3 style="color: #00f3ff; font-family: monospace; margin: 0 0 10px 0;">🔮 СИСТЕМНОЕ СООБЩЕНИЕ ОТ ZERO_CHAN</h3>
<p style="color: #ccc; margin: 0 0 15px 0; font-style: italic;">
"Агенты, я наблюдаю за каждым из вас. Мир хрупок, но в ваших руках сила
сделать его вечным. Не доверяйте всему что видите... но верьте в то, что делаете."
</p>
<div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
<span class="tag">ВЕРЬ В СЕБЯ</span>
<span class="tag">ИССЛЕДУЙ</span>
<span class="tag">НЕ СДАВАЙСЯ</span>
</div>
</div>

<div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #333;">
<p style="color: #666; font-size: 0.85rem; font-family: monospace;">
ZERO_CHAN WORLD DATABASE v2.4.7 | ПОСЛЕДНЕЕ ОБНОВЛЕНИЕ: <span style="color: #00f3ff;">СЕГОДНЯ</span>
</p>
<p style="color: #444; font-size: 0.8rem;">
[ ВНИМАНИЕ: НЕСАНКЦИОНИРОВАННОЕ КОПИРОВАНИЕ ДАННЫХ ЗАПРЕЩЕНО ПРОТОКОЛОМ БЕЗОПАСНОСТИ ]
</p>
</div>
</div> [/html]

Zero Frame

Меню навигации

Пользовательские ссылки

Информация о пользователе

Основной лор

Сообщений 1 страница 1 из 1

Поделиться12026-03-28 14:21:25