Exibir código-fonte para Caixa do Iniciante

<!-- Caixa do Iniciante — Edda World -->
<html>

<!-- HEADER DA PÁGINA -->
<div style="background:#050E1F;border-radius:12px;padding:28px 32px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
  <div style="position:absolute;top:-30px;left:-20px;width:180px;height:180px;background:radial-gradient(circle,rgba(14,165,233,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:absolute;bottom:-20px;right:5%;width:140px;height:140px;background:radial-gradient(circle,rgba(125,216,255,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:relative;z-index:1;">
    <img src="https://static.divine-pride.net/images/items/item/23285.png" width="48" height="48" style="image-rendering:pixelated;margin-bottom:10px;" alt="">
    <div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Caixa do Iniciante</div>
    <div style="color:rgba(255,255,255,0.45);font-size:13px;">Entregue automaticamente ao primeiro login de cada conta</div>
  </div>
</div>

<!-- AVISO -->
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-left:3px solid #0EA5E9;border-radius:10px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px;">
  <div style="background:#E0F4FF;border-radius:8px;padding:8px;flex-shrink:0;">
    <img src="https://static.divine-pride.net/images/items/item/19143.png" width="26" height="26" style="image-rendering:pixelated;display:block;" alt="">
  </div>
  <div>
    <div style="font-size:12px;font-weight:700;color:#0284C7;margin-bottom:4px;">Como funciona</div>
    <div style="font-size:13px;color:#3A5070;line-height:1.6;">
      A caixa evolui com o servidor — a cada 30 dias, novos itens são adicionados para garantir que todo aventureiro que chega a Midgard tenha condições de alcançar a comunidade já estabelecida.<br>
      <strong style="color:#1A2640;">Jogadores que já criaram conta não recebem retroativamente</strong> os itens adicionados — a caixa é entregue uma única vez, na versão vigente no momento da criação.
    </div>
  </div>
</div>

<!-- VERSÃO ATUAL -->
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-radius:12px;overflow:hidden;margin-bottom:16px;">

  <div style="background:#050E1F;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;">
    <div style="color:#7DD8FF;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;">Versão Atual</div>
    <div style="background:rgba(14,165,233,0.2);border:1px solid rgba(14,165,233,0.4);color:#7DD8FF;font-size:10px;font-weight:700;padding:2px 10px;border-radius:20px;">v1.0 — Lançamento</div>
  </div>

  <!-- ITEM 1 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/23329.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Cx. de Asa de Mosca Dourada [3D]</div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Teleporta o jogador para uma coordenada aleatória do mapa</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

<!-- ITEM 2 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/12211.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Cartão Kafra [3D]</div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Permite abrir o armazém onde o jogador estiver</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

  <!-- ITEM 3 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/12210.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Goma de Mascar 50%</div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Bônus de 50% de DROP por 30 minutos</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x2</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

  <!-- ITEM 2 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/12208.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Manual de Combate &amp; Classe</div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Bônus de 50% de EXP Base & Classe por 30 minutos</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x3</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

  <!-- ITEM 3 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/19656.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Chapéu do Bardo Verde <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

  <!-- ITEM 4 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/19551.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Símbolo Élfico <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

  <!-- ITEM 5 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.08);">
    <img src="https://static.divine-pride.net/images/items/item/19713.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Trevo Visual de Quatro Folhas <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

  <!-- ITEM 6 -->
  <div style="display:flex;align-items:center;gap:14px;padding:14px 20px;">
    <img src="https://static.divine-pride.net/images/items/item/480110.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
    <div style="flex:1;">
      <div style="font-size:13px;font-weight:700;color:#0C1A36;">Mochila do Doram Aventureiro <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
      <div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
    </div>
    <div style="text-align:right;flex-shrink:0;">
      <div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
      <div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
    </div>
  </div>

</div>

<!-- HISTÓRICO DE VERSÕES -->
<div style="background:#F4F8FF;border:1px solid rgba(14,165,233,0.14);border-radius:12px;padding:20px 24px;">
  <div style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0EA5E9;margin-bottom:14px;">Histórico de Versões</div>

  <div style="display:flex;align-items:flex-start;gap:14px;">
    <div style="display:flex;flex-direction:column;align-items:center;flex-shrink:0;">
      <div style="width:10px;height:10px;background:#0EA5E9;border-radius:50%;margin-top:3px;"></div>
      <div style="width:1px;flex:1;background:rgba(14,165,233,0.15);margin-top:4px;"></div>
    </div>
    <div style="padding-bottom:8px;">
      <div style="font-size:12px;font-weight:700;color:#0C1A36;margin-bottom:2px;">v1.0 — Lançamento do servidor</div>
      <div style="font-size:11px;color:#8EA8C4;">Versão inicial com 6 itens: 2x Goma de Mascar 50%, 3x Manual de Combate &amp; Classe, e 4 visuais temporários de 7 dias.</div>
    </div>
  </div>

</div>

</html>