[html]
<div id="dkShop">
<div class="dkx-header">
<div class="dkx-title">
Лавка по ту сторону завесы
</div>
<div class="dkx-subtitle">
Выберите индикатор, плашку или фон —
и примерьте новый облик
</div>
</div>
<div class="dkx-layout">
<!-- ЛЕВАЯ КОЛОНКА -->
<aside class="dkx-left">
<div
class="dkx-profile"
id="dkxProfile"
>
<div class="dkx-profile-inner">
<div class="dkx-name">
SEHRIN
</div>
<div class="dkx-role">
Администратор
</div>
<!-- Аватар 180×180 -->
<div class="dkx-avatar">
<img
src="https://r2.syntx.ai/user_6630003087/generated/fa8237c8733e2e12fcfc79cab27fbe84_a8422471-c536-4ffd-8176-0dab9efcda7e_500.jpg"
alt="DOKKAEBI"
>
</div>
<!-- Круг примерки индикатора -->
<div
class="dkx-icon-slot"
id="dkxIcon"
></div>
<div class="dkx-character">
Сирин, 777
</div>
<div class="dkx-quote">
в сердце хаоса загорается пламя,
и начало рождается там,
где казался конец.
</div>
<div class="dkx-divider"></div>
<div class="dkx-stats">
<span>✎ 33</span>
<span>◇ +0</span>
</div>
<div class="dkx-ip">
IP: 31.76.119.100 [?]
</div>
<div
class="dkx-plaque-slot"
id="dkxPlaque"
>
<span>
ты мой яд<br>
но я пью до дна
</span>
</div>
</div>
</div>
<div class="dkx-summary">
<div class="dkx-summary-row">
<span>
Выбрано товаров:
</span>
<strong id="dkxCount">
0
</strong>
</div>
<div class="dkx-summary-row dkx-total">
<span>
Итого:
</span>
<strong id="dkxTotal">
0 токенов
</strong>
</div>
<button
class="dkx-action dkx-copy"
type="button"
id="dkxCopy"
>
Скопировать коды
</button>
<button
class="dkx-action dkx-reset"
type="button"
id="dkxReset"
>
Сбросить выбор
</button>
<div
class="dkx-status"
id="dkxStatus"
></div>
</div>
</aside>
<!-- ПРАВАЯ КОЛОНКА -->
<main class="dkx-catalog">
<div class="dkx-tabs">
<button
class="dkx-tab dkx-active"
type="button"
data-dkx-tab="price"
>
Прайс
</button>
<button
class="dkx-tab"
type="button"
data-dkx-tab="icons"
>
Индикаторы
</button>
<button
class="dkx-tab"
type="button"
data-dkx-tab="plaques"
>
Плашки
</button>
<button
class="dkx-tab"
type="button"
data-dkx-tab="backgrounds"
>
Фоны
</button>
</div>
<div class="dkx-panes">
<!-- Прайс -->
<section
class="dkx-pane dkx-active"
data-dkx-pane="price"
>
<div class="dkx-prices">
<div class="dkx-price">
<span>Индикатор</span>
<strong>300–500 токенов</strong>
</div>
<div class="dkx-price">
<span>Плашка</span>
<strong>500–700 токенов</strong>
</div>
<div class="dkx-price">
<span>Фон профиля</span>
<strong>1000–1500 токенов</strong>
</div>
<div class="dkx-price">
<span>
Можно выбрать по одному товару
каждого типа
</span>
<strong>—</strong>
</div>
</div>
</section>
<!-- Индикаторы -->
<section
class="dkx-pane"
data-dkx-pane="icons"
>
<div
class="dkx-items"
id="dkxIcons"
></div>
</section>
<!-- Плашки -->
<section
class="dkx-pane"
data-dkx-pane="plaques"
>
<div
class="dkx-items"
id="dkxPlaques"
></div>
</section>
<!-- Фоны -->
<section
class="dkx-pane"
data-dkx-pane="backgrounds"
>
<div
class="dkx-items"
id="dkxBackgrounds"
></div>
</section>
</div>
</main>
</div>
</div>
[/html]
