Conectar

Ver Versão Completa : [Ativo] Goblin Trader: Especial Natal 2025



BrN
01/12/2025, 00:07
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Goblin Trader: Stone de Natal 2025</title>
<style>
/* Importando fonte moderna para melhor leitura */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Definições Globais */
body {
font-family: 'Roboto', sans-serif;
background-color: #f4f4f4;
color: #333;
line-height: 1.6;
margin: 0;
padding: 20px;
}

/* Container Principal */
.news-container {
max-width: 900px;
margin: 0 auto;
background: #fff;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Cabeçalho e Imagem */
.header {
text-align: center;
margin-bottom: 30px;
}

.header h1 {
color: #c62828; /* Vermelho Natalino */
text-transform: uppercase;
border-bottom: 2px solid #c62828;
display: inline-block;
padding-bottom: 10px;
}

.banner-img {
max-width: 100%;
height: auto;
border-radius: 4px;
margin-top: 20px;
}

/* Seção de Destaque (Localização) */
.location-box {
background-color: #e8f5e9; /* Verde claro */
border-left: 5px solid #2e7d32;
padding: 15px;
margin-bottom: 30px;
text-align: center;
font-weight: 500;
}

/* Tabela de Prêmios */
.rewards-table {
width: 90%; /* Reduzido para compactar */
margin: 25px auto; /* Centralizado */
font-size: 0.9em;
min-width: 350px; /* Mínimo reduzido */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
border-radius: 8px;
overflow: hidden;
border: 1px solid #e0e0e0 !important;
}

.rewards-table thead tr {
background: linear-gradient(135deg, #c62828 0%, #b71c1c 100%);
color: #ffffff;
text-align: left;
font-weight: bold;
}

.rewards-table th, .rewards-table td {
padding: 10px 15px !important; /* Padding reduzido */
border-bottom: 1px solid #e0e0e0 !important;
vertical-align: middle !important;
position: relative;
background: transparent;
text-align: center !important; /* Centraliza TODO o conteúdo das células */
}

/* Força a cor das bordas pretas a sumirem */
.rewards-table, .rewards-table th, .rewards-table td {
border-color: #e0e0e0 !important;
border-width: 0 0 1px 0 !important; /* Apenas borda inferior por padrão */
border-style: solid !important;
}

/* Restaura a borda externa da tabela */
.rewards-table {
border: 1px solid #e0e0e0 !important;
}

/* Adiciona separador vertical sutil entre as colunas */
.rewards-table td:not(:last-child),
.rewards-table th:not(:last-child) {
border-right: 1px dashed #e0e0e0 !important;
}

.rewards-table th {
text-transform: uppercase;
font-size: 0.85em;
letter-spacing: 1px;
text-align: center;
border-bottom: 2px solid #c62828 !important; /* Linha vermelha separando header do corpo */
color: white !important;
}

/* Cabeçalho da coluna do meio centralizado */
.rewards-table th:nth-child(2) {
text-align: center !important;
}

.rewards-table tbody tr:hover {
background-color: #fff5f8; /* Hover mais suave */
transition: background-color 0.2s ease;
}

.rewards-table tbody tr:nth-of-type(even) {
background-color: #f9f9f9; /* Fundo alternado bem suave */
}

.rewards-table tbody tr:last-of-type td {
border-bottom: none;
}

/* Centraliza colunas de Categoria e Probabilidade */
.rewards-table td:first-child,
.rewards-table td:last-child {
text-align: center;
}

/* Categorias na tabela */
.cat-badge {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 0.85em;
font-weight: bold;
color: white;
text-transform: uppercase;
}

.cat-common { background-color: #78909c; }
.cat-rare { background-color: #ffb74d; color: #5d4037; }
.cat-exclusive { background-color: #8e24aa; }
.cat-legendary { background-color: #ef5350; }

/* Probabilidade tags */
.prob-tag {
font-weight: bold;
padding: 4px 10px;
border-radius: 20px;
font-size: 0.85em;
}

.prob-high { color: #2e7d32; background-color: #e8f5e9; }
.prob-medium { color: #f57f17; background-color: #fff8e1; }
.prob-low { color: #e65100; background-color: #fff3e0; }
.prob-rare { color: #7b1fa2; background-color: #f3e5f5; }

/* Seção de Fidelidade */
.loyalty-section {
background-color: #fff8e1;
border: 1px solid #ffe082;
padding: 20px;
border-radius: 5px;
margin: 30px 0;
}

/* Caixa de Cronograma (Nova) - Tema Natalino (Verde) */
.schedule-box {
background-color: #e8f5e9; /* Verde claro natalino */
border: 2px solid #43a047;
padding: 25px;
border-radius: 8px;
margin-top: 40px;
margin-bottom: 20px;
position: relative;
}

.schedule-title {
color: #1b5e20;
font-weight: bold;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
font-size: 1.1em;
text-transform: uppercase;
}

.timeline-item {
display: flex;
margin-bottom: 15px;
align-items: center;
border-bottom: 1px dashed #a5d6a7;
padding-bottom: 10px;
}

.timeline-item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

.timeline-date {
background: #2e7d32; /* Verde pinheiro */
color: white;
padding: 6px 12px;
border-radius: 20px;
font-weight: bold;
min-width: 140px;
text-align: center;
margin-right: 15px;
font-size: 0.85em;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border: 1px solid #1b5e20;
}

.timeline-desc {
font-size: 0.95em;
color: #1b5e20;
line-height: 1.4;
}

/* Caixa de Regras */
.rules-box {
background-color: #ffebee;
border: 1px solid #ef9a9a;
padding: 25px;
border-radius: 8px;
margin-top: 20px; /* Reduzido pois vem depois do cronograma */
}

.rules-title {
color: #b71c1c;
font-weight: bold;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
font-size: 1.1em;
}

.rules-list {
list-style-type: none !important; /* Força remoção de bullets padrão */
padding: 0;
margin: 0;
}

.rules-list li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
font-size: 0.95em;
list-style: none !important; /* Reforço para remover bullets */
}

.rules-list li:before {
content: "•";
color: #c62828;
font-weight: bold;
position: absolute;
left: 0;
}

/* Links */
a {
color: #1565c0;
text-decoration: none;
font-weight: 500;
}

a:hover {
text-decoration: underline;
}

/* Assinatura */
.footer {
text-align: right !important;
margin-top: 40px !important;
background: none !important; /* Remove qualquer background */
border: none !important; /* Remove todas as bordas */
box-shadow: none !important; /* Remove sombras */
padding: 20px 0 0 0 !important;
color: #333 !important;
font-size: 16px !important;
border-top: 1px solid #e0e0e0 !important; /* Apenas a linha divisória superior */
}
/* Texto pequeno para detalhes em parênteses */
.small-detail {
font-size: 0.85em;
color: #666;
}
</style>
</head>
<body>

<!-- Container Principal da Notícia -->
<div class="news-container">

<div class="header">
<h1>Goblin Trader: Stone de Natal 2025</h1>
<br>
<!-- Usando a mesma imagem do exemplo original -->
<img src="https://i.imgur.com/xHUjFos.png" alt="Goblin Trader Stone" class="banner-img">
</div>

<!-- Destaque de Localização -->
<div class="location-box">
📍 Localização: Sala 3 em Loren Market (X: 68, Y: 72)
</div>

<div class="content-body">
<p><strong>POR TEMPO LIMITADO!</strong> Durante o período desta promoção, estamos trazendo uma combinação especial para o GOBLIN TRADER.</p>

<p>
Através do nosso <a href="https://shop.mucabrasil.com.br" target="_blank">Shopping Online</a>, na categoria
<em>"Diversos -> Promoção Especial"</em>, está disponível o item chamado <strong>STONE</strong>.
</p>
<p>
Este item deve ser entregue ao NPC GOBLIN TRADER, que lhe entregará um prêmio aleatório, dependendo exclusivamente da sua sorte.
</p>

<h3 style="text-align: center;">🎁 Tabela de Recompensas</h3>
<p style="text-align: center;">Confira abaixo os possíveis prêmios que você pode obter ao trocar suas Stones:</p>

<!-- Tabela de Recompensas para melhor visualização -->
<table class="rewards-table">
<thead>
<tr>
<th width="20%">Categoria</th>
<th width="60%">Itens Incluídos</th>
<th width="20%">Probabilidade</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="cat-badge cat-common">Comuns</span></td>
<td>Joias diversas, Potions, entre outros itens</td>
<td><span class="prob-tag prob-high">Alta</span></td>
</tr>
<tr>
<td><span class="cat-badge cat-rare">Raros</span></td>
<td>Itens mistos <span class="small-detail">(Pena, Crest of Monarch, Box Kundun, Itens Season 1)</span></td>
<td><span class="prob-tag prob-medium">Média</span></td>
</tr>
<tr>
<td><span class="cat-badge cat-exclusive">Exclusivos</span></td>
<td>Set's Skin <span class="small-detail">(parte)</span></td>
<td><span class="prob-tag prob-low">Baixa</span></td>
</tr>
<tr>
<td><span class="cat-badge cat-legendary">Lendários</span></td>
<td>Item Lord Mix <span class="small-detail"><em>(Exemplo: 1 parte 380 +0)</em></span></td>
<td><span class="prob-tag prob-rare">Rara</span></td>
</tr>
</tbody>
</table>

<div class="news-section" style="margin: 25px 0; background-color: #f1f8e9; padding: 20px; border-radius: 5px; border-left: 5px solid #558b2f;">
<h3 style="color: #33691e; margin-top: 0;">🆕 NOVIDADES</h3>
<p><strong>Set's Skin:</strong> fazem parte das novidades de skins de set's os seguintes sets:</p>
<ul style="list-style-type: disc; padding-left: 20px; color: #333;">
<li style="margin-bottom: 5px;">Dark Phoenix Sky</li>
<li style="margin-bottom: 5px;">Grand Soul Classic</li>
<li style="margin-bottom: 5px;">Divine Love</li>
<li style="margin-bottom: 5px;">Thunder Hawk Soul</li>
<li style="margin-bottom: 5px;">Dark Steel Titanium</li>
</ul>
</div>

<div class="loyalty-section">
<h3>🌟 Presente de Fidelidade 2025</h3>
<p>
Jogadores que renovaram seu plano premium de forma consecutiva<span style="color: #d32f2f; font-weight: bold;">*</span> em 2025 receberão um presente especial:
<strong>5 STONEs</strong> para cada mês de fidelidade.
</p>
<p style="font-size: 0.85em; color: #5d4037; margin-top: 10px; font-style: italic;">
<span style="color: #d32f2f; font-weight: bold;">*</span> Considera-se renovação consecutiva quando o plano premium é mantido sem qualquer interrupção durante 2025. Se a conta voltar ao plano gratuito em qualquer momento, o período de fidelidade é reiniciado.
</p>
<small>As Stones de fidelidade serão entregues no dia <strong>11/12/2025</strong>, após a manutenção das 12:00.</small>
</div>
</div>

<!-- Cronograma Visual -->
<div class="schedule-box">
<div class="schedule-title">
📅 CRONOGRAMA DO EVENTO
</div>

<div class="timeline-item">
<div class="timeline-date">01/12 12:00</div>
<div class="timeline-desc"><strong>Início das Vendas</strong> no Shopping Online.</div>
</div>

<div class="timeline-item">
<div class="timeline-date">03/12 12:00</div>
<div class="timeline-desc"><strong>Abertura do NPC</strong> Goblin Trader em Loren Market.</div>
</div>

<div class="timeline-item">
<div class="timeline-date">10/12 23:59</div>
<div class="timeline-desc"><strong>Fim das Vendas</strong> (ou enquanto durar o estoque).</div>
</div>

<div class="timeline-item">
<div class="timeline-date" style="background-color: #c62828;">31/01/2026</div>
<div class="timeline-desc"><strong>Fim da Validade:</strong> Remoção das Stones não utilizadas.</div>
</div>
</div>

<!-- Regras e Avisos -->
<div class="rules-box">
<div class="rules-title">
⚠️ REGRAS IMPORTANTES
</div>
<ul class="rules-list">
<li>
<strong>Limite de Compra:</strong> Inicialmente 120 Stones por dia/conta. O limite reseta diariamente às 12:00.
</li>
<li>
<strong>Estoque Limitado:</strong> As vendas podem ser encerradas antecipadamente caso o estoque máximo seja atingido (aviso prévio de 12h no tópico).
</li>
<li>
<strong>Política de Validade:</strong> Não guarde suas Stones! Todas as Stones não utilizadas até o prazo do cronograma serão removidas <strong>sem reembolso</strong>.
</li>
</ul>
<br>
<p style="font-size: 0.9em; text-align: center;">
<em>Ficou com alguma dúvida? Não compre sem antes entrar em contato através do nosso fórum ou e-mail suporte@mucabrasil.com.br.</em>
</p>
</div>

<div class="footer">
<p>Att,<br><strong>Equipe MUCABRASIL</strong></p>
</div>

</div>

</body>
</html>