Guia de Farming: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<!-- ═══════════════════════════════════════════════════════════ | |||
FARMING METHODS — 3-TAB SWITCHER | |||
═══════════════════════════════════════════════════════════ --> | |||
<div id="methods-section" style="background:#07080f;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);"> | |||
<div style="max-width:1080px;margin:0 auto;"> | |||
<div | <div style="text-align:center;margin-bottom:32px;"> | ||
<div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.22);margin-bottom:12px;"> | |||
<span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#f9c500;font-weight:700;">// Métodos de Farming</span> | |||
</div> | |||
<h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Escolha sua abordagem</h2> | |||
<p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Cada estilo tem vantagens diferentes. Clique para explorar.</p> | |||
</div> | |||
<style> | <!-- Method tab buttons --> | ||
<div style="display:flex;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);margin-bottom:24px;background:rgba(0,0,0,0.30);"> | |||
<div id="mtab-grind" data-method="grind" style="flex:1;padding:16px 20px;background:linear-gradient(135deg,rgba(249,197,0,0.18),rgba(249,197,0,0.07));color:#f9c500;font-size:0.92rem;font-weight:900;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);transition:all 0.18s;text-align:center;user-select:none;"> | |||
⚔️ Grind Ativo | |||
</div> | |||
<div id="mtab-market" data-method="market" style="flex:1;padding:16px 20px;background:transparent;color:rgba(0,212,255,0.60);font-size:0.92rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;border-right:1px solid rgba(255,255,255,0.07);transition:all 0.18s;text-align:center;user-select:none;"> | |||
🏪 Mercado | |||
</div> | |||
<div id="mtab-passive" data-method="passive" style="flex:1;padding:16px 20px;background:transparent;color:rgba(176,108,255,0.60);font-size:0.92rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all 0.18s;text-align:center;user-select:none;"> | |||
💤 Renda Passiva | |||
</div> | |||
</div> | |||
# | <!-- Method content panels --> | ||
<div id="method-grind" class="method-panel" style="display:grid;grid-template-columns:1fr 1fr;gap:20px;"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.14);border-radius:16px;padding:24px 22px;"> | |||
<div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(249,197,0,0.14);border:1px solid rgba(249,197,0,0.26);display:flex;align-items:center;justify-content:center;font-size:1.3rem;">⚔️</div> | |||
<div> | |||
<div style="font-size:1.05rem;font-weight:900;color:#fff;">Grind Ativo</div> | |||
<div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Matar monstros · Coletar drops · Vender</div> | |||
</div> | |||
</div> | |||
<p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 16px;">O método mais direto: você mata monstros, coleta os drops e vende no mercado. O lucro depende da eficiência de kills e do valor dos drops do mapa escolhido.</p> | |||
<p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com as melhores rotas de grind ativo do servidor. Mencione quais classes têm vantagem, quais monstros dropar os itens mais valiosos e qual é o range ideal de nível.</p> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | |||
<div style="font-size:0.62rem;font-weight:800;color:#00ff88;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Vantagens</div> | |||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | |||
<li>Lucro imediato em Zeny</li> | |||
<li>EXP simultânea</li> | |||
<li>Drops raros possíveis</li> | |||
</ul> | |||
</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,61,90,0.04);border:1px solid rgba(255,61,90,0.10);"> | |||
<div style="font-size:0.62rem;font-weight:800;color:#ff3d5a;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Desvantagens</div> | |||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | |||
<li>Requer atenção ativa</li> | |||
<li>Custo de consumíveis</li> | |||
<li>Variação no lucro</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display:flex;flex-direction:column;gap:12px;"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);border-radius:14px;padding:18px 20px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:12px;">📊 Métricas Estimadas</div> | |||
<div style="display:flex;flex-direction:column;gap:10px;"> | |||
<div> | |||
<div style="display:flex;justify-content:space-between;margin-bottom:5px;"> | |||
<span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Zeny/hora (estimado)</span> | |||
<span style="font-size:0.82rem;font-weight:900;color:#f9c500;">???M–???M</span> | |||
</div> | |||
<div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:75%;background:linear-gradient(90deg,#f9c500,#f9a826);border-radius:999px;"></div></div> | |||
</div> | |||
<div> | |||
<div style="display:flex;justify-content:space-between;margin-bottom:5px;"> | |||
<span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Dificuldade</span> | |||
<span style="font-size:0.82rem;font-weight:900;color:#00d4ff;">Moderada</span> | |||
</div> | |||
<div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:55%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div> | |||
</div> | |||
<div> | |||
<div style="display:flex;justify-content:space-between;margin-bottom:5px;"> | |||
<span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Consistência</span> | |||
<span style="font-size:0.82rem;font-weight:900;color:#00ff88;">Alta</span> | |||
</div> | |||
<div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:80%;background:linear-gradient(90deg,#00ff88,#00c870);border-radius:999px;"></div></div> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,197,0,0.12);border-radius:14px;padding:16px 20px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(249,197,0,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:6px;"> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);font-size:0.74rem;color:#f9c500;font-weight:700;">Iniciantes</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);font-size:0.74rem;color:#f9c500;font-weight:700;">Classes DPS</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(249,197,0,0.08);border:1px solid rgba(249,197,0,0.18);font-size:0.74rem;color:#f9c500;font-weight:700;">Lv. 40+</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="method-market" class="method-panel" style="display:none;grid-template-columns:1fr 1fr;gap:20px;"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.14);border-radius:16px;padding:24px 22px;"> | |||
<div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(0,212,255,0.14);border:1px solid rgba(0,212,255,0.26);display:flex;align-items:center;justify-content:center;font-size:1.3rem;">🏪</div> | |||
<div><div style="font-size:1.05rem;font-weight:900;color:#fff;">Trading no Mercado</div><div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Comprar barato · Vender caro</div></div> | |||
</div> | |||
<p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">O mercado é uma mina de ouro para quem conhece os preços. Compre itens sub-valorizados de outros jogadores e revenda com margem. Requer conhecimento profundo de preços.</p> | |||
<p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com estratégias reais de trading do TimeRO: itens que oscilam bastante, horários de pico de oferta/demanda, quais itens de quest têm alta rotatividade.</p> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | |||
<div style="font-size:0.62rem;font-weight:800;color:#00ff88;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Vantagens</div> | |||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | |||
<li>Sem custo de consumíveis</li> | |||
<li>Escalável com capital</li> | |||
<li>Passivo em parte</li> | |||
</ul> | |||
</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,61,90,0.04);border:1px solid rgba(255,61,90,0.10);"> | |||
<div style="font-size:0.62rem;font-weight:800;color:#ff3d5a;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Desvantagens</div> | |||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | |||
<li>Requer capital inicial</li> | |||
<li>Risco de preço cair</li> | |||
<li>Curva de aprendizado</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display:flex;flex-direction:column;gap:12px;"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);border-radius:14px;padding:18px 20px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:12px;">📊 Métricas Estimadas</div> | |||
<div style="display:flex;flex-direction:column;gap:10px;"> | |||
<div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Potencial de lucro</span><span style="font-size:0.82rem;font-weight:900;color:#00d4ff;">Muito Alto</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:90%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div></div> | |||
<div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Conhecimento necessário</span><span style="font-size:0.82rem;font-weight:900;color:#ff3d5a;">Alto</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:85%;background:linear-gradient(90deg,#ff3d5a,#cc2244);border-radius:999px;"></div></div></div> | |||
<div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Risco</span><span style="font-size:0.82rem;font-weight:900;color:#f9a826;">Moderado</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:55%;background:linear-gradient(90deg,#f9a826,#e08f20);border-radius:999px;"></div></div></div> | |||
</div> | |||
</div> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(0,212,255,0.12);border-radius:14px;padding:16px 20px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(0,212,255,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:6px;"> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.18);font-size:0.74rem;color:#00d4ff;font-weight:700;">Capital inicial</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.18);font-size:0.74rem;color:#00d4ff;font-weight:700;">Veteranos</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.18);font-size:0.74rem;color:#00d4ff;font-weight:700;">Analistas de preço</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="method-passive" class="method-panel" style="display:none;grid-template-columns:1fr 1fr;gap:20px;"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.14);border-radius:16px;padding:24px 22px;"> | |||
<div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(176,108,255,0.14);border:1px solid rgba(176,108,255,0.26);display:flex;align-items:center;justify-content:center;font-size:1.3rem;">💤</div> | |||
<div><div style="font-size:1.05rem;font-weight:900;color:#fff;">Renda Passiva</div><div style="font-size:0.72rem;color:rgba(122,144,176,0.60);">Menos esforço · Mais planejamento</div></div> | |||
</div> | |||
<p style="font-size:0.88rem;color:rgba(176,192,224,0.78);line-height:1.70;margin:0 0 14px;">Métodos passivos funcionam melhor quando você entende a economia do servidor e monta uma rotina previsível de geração de valor.</p> | |||
<p style="font-size:0.84rem;color:rgba(122,144,176,0.65);line-height:1.65;margin:0;">Substitua com dados reais sobre estoque, revenda lenta, itens de demanda recorrente e estratégias de longo prazo.</p> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;"> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(0,255,136,0.05);border:1px solid rgba(0,255,136,0.12);"> | |||
<div style="font-size:0.62rem;font-weight:800;color:#00ff88;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Vantagens</div> | |||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | |||
<li>Menor esforço ativo</li> | |||
<li>Boa previsibilidade</li> | |||
<li>Complementa outros farms</li> | |||
</ul> | |||
</div> | |||
<div style="padding:10px 12px;border-radius:8px;background:rgba(255,61,90,0.04);border:1px solid rgba(255,61,90,0.10);"> | |||
<div style="font-size:0.62rem;font-weight:800;color:#ff3d5a;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:5px;">Desvantagens</div> | |||
<ul style="margin:0;padding-left:14px;font-size:0.80rem;color:rgba(176,192,224,0.75);line-height:1.7;"> | |||
<li>Retorno mais lento</li> | |||
<li>Depende de planejamento</li> | |||
<li>Pode exigir capital</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display:flex;flex-direction:column;gap:12px;"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);border-radius:14px;padding:18px 20px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:12px;">📊 Métricas Estimadas</div> | |||
<div style="display:flex;flex-direction:column;gap:10px;"> | |||
<div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Esforço ativo</span><span style="font-size:0.82rem;font-weight:900;color:#b06cff;">Baixo</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:35%;background:linear-gradient(90deg,#b06cff,#8f57ff);border-radius:999px;"></div></div></div> | |||
<div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Escalabilidade</span><span style="font-size:0.82rem;font-weight:900;color:#00ff88;">Boa</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:72%;background:linear-gradient(90deg,#00ff88,#00c870);border-radius:999px;"></div></div></div> | |||
<div><div style="display:flex;justify-content:space-between;margin-bottom:5px;"><span style="font-size:0.82rem;font-weight:700;color:#e8eef8;">Tempo de retorno</span><span style="font-size:0.82rem;font-weight:900;color:#00d4ff;">Médio</span></div><div style="height:6px;border-radius:999px;background:rgba(255,255,255,0.06);"><div class="eff-bar" style="height:100%;width:60%;background:linear-gradient(90deg,#00d4ff,#0099cc);border-radius:999px;"></div></div></div> | |||
</div> | |||
</div> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(176,108,255,0.12);border-radius:14px;padding:16px 20px;"> | |||
<div style="font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(176,108,255,0.55);font-weight:700;margin-bottom:10px;">✅ Melhor para</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:6px;"> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.18);font-size:0.74rem;color:#b06cff;font-weight:700;">Casuais</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.18);font-size:0.74rem;color:#b06cff;font-weight:700;">Planejamento</span> | |||
<span style="padding:4px 10px;border-radius:6px;background:rgba(176,108,255,0.08);border:1px solid rgba(176,108,255,0.18);font-size:0.74rem;color:#b06cff;font-weight:700;">Longo prazo</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
/ | </div> | ||
</div> | |||
<!-- /METHODS --> | |||
<!-- ═══════════════════════════════════════════════════════════ | |||
TOP FARMING SPOTS — ROUTE VIEWER | |||
═══════════════════════════════════════════════════════════ --> | |||
<div id="routes-section" style="background:#04060d;padding:52px 64px;border-bottom:1px solid rgba(255,255,255,0.05);"> | |||
<div style="max-width:1080px;margin:0 auto;"> | |||
<div style="text-align:center;margin-bottom:32px;"> | |||
<div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.20);margin-bottom:12px;"> | |||
<span style="font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:#00ff88;font-weight:700;">// Rotas de Farm</span> | |||
</div> | |||
<h2 style="font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:#fff;margin:0 0 8px;border:none;">Melhores locais de farming</h2> | |||
<p style="color:rgba(122,144,176,0.70);font-size:0.92rem;margin:0;">Clique em uma localização para ver a rota completa e estratégia.</p> | |||
</div> | |||
<!-- Location pill grid --> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px;"> | |||
<div class="route-pill" data-route="route-a" id="pill-route-a" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(249,197,0,0.20);background:rgba(249,197,0,0.07);color:rgba(249,197,0,0.80);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;user-select:none;"> | |||
. | <span style="font-size:1rem;">🗺️</span> Rota A — Lv.??+ | ||
</div> | |||
<div class="route-pill" data-route="route-b" id="pill-route-b" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(0,212,255,0.18);background:rgba(0,212,255,0.06);color:rgba(0,212,255,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;user-select:none;"> | |||
<span style="font-size:1rem;">🗺️</span> Rota B — Lv.??+ | |||
</div> | |||
<div class="route-pill" data-route="route-c" id="pill-route-c" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(0,255,136,0.18);background:rgba(0,255,136,0.06);color:rgba(0,255,136,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;user-select:none;"> | |||
<span style="font-size:1rem;">🗺️</span> Rota C — Lv.??+ | |||
</div> | |||
<div class="route-pill" data-route="route-d" id="pill-route-d" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(255,107,0,0.18);background:rgba(255,107,0,0.06);color:rgba(255,107,0,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;user-select:none;"> | |||
<span style="font-size:1rem;">🗺️</span> Rota D — Lv.??+ | |||
</div> | |||
<div class="route-pill" data-route="route-e" id="pill-route-e" style="display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;border:1px solid rgba(176,108,255,0.18);background:rgba(176,108,255,0.06);color:rgba(176,108,255,0.75);font-size:0.88rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all 0.18s;letter-spacing:0.02em;user-select:none;"> | |||
. | <span style="font-size:1rem;">🗺️</span> Rota E — Lv.??+ (Endgame) | ||
</div> | |||
</ | </div> | ||
<!-- Route details --> | |||
<div id="route-a" class="route-detail" style="display:block;background:rgba(0,0,0,0.30);border:1px solid rgba(249,197,0,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | |||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(249,197,0,0.08),rgba(249,197,0,0.02));border-bottom:1px solid rgba(249,197,0,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota A — Nome do Mapa/Local</div> | |||
<div style="font-size:0.70rem;color:rgba(249,197,0,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-a" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota A. Mencione mapa, monstros principais, loot alvo, consumo médio e por que ela é ideal para esse range.</p> | |||
</div> | |||
</div> | |||
< | <div id="route-b" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(0,212,255,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | ||
<p style="color:rgba( | <div style="padding:16px 22px;background:linear-gradient(135deg,rgba(0,212,255,0.08),rgba(0,212,255,0.02));border-bottom:1px solid rgba(0,212,255,0.08);display:flex;align-items:center;justify-content:space-between;"> | ||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota B — Nome do Mapa/Local</div> | |||
<div style="font-size:0.70rem;color:rgba(0,212,255,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-b" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota B. Siga o mesmo padrão da Rota A acima.</p> | |||
</div> | |||
</div> | |||
< | <div id="route-c" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(0,255,136,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | ||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(0,255,136,0.08),rgba(0,255,136,0.02));border-bottom:1px solid rgba(0,255,136,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
== | <div style="display:flex;align-items:center;gap:10px;"> | ||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota C — Nome do Mapa/Local</div> | |||
<div style="font-size:0.70rem;color:rgba(0,255,136,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-c" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota C.</p> | |||
</div> | |||
</div> | |||
< | <div id="route-d" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(255,107,0,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | ||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(255,107,0,0.08),rgba(255,107,0,0.02));border-bottom:1px solid rgba(255,107,0,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
<div> | |||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota D — Nome do Mapa/Local</div> | |||
<div style="font-size:0.70rem;color:rgba(255,107,0,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M z/hr estimado</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-d" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota D.</p> | |||
</div> | |||
</div> | |||
<div class=" | <div id="route-e" class="route-detail" style="display:none;background:rgba(0,0,0,0.30);border:1px solid rgba(176,108,255,0.16);border-radius:18px;overflow:hidden;margin-bottom:12px;animation:route-in 0.3s ease both;"> | ||
<div style="padding:16px 22px;background:linear-gradient(135deg,rgba(176,108,255,0.08),rgba(176,108,255,0.02));border-bottom:1px solid rgba(176,108,255,0.08);display:flex;align-items:center;justify-content:space-between;"> | |||
<div style="display:flex;align-items:center;gap:10px;"> | |||
<span style="font-size:1.3rem;">🗺️</span> | |||
</div> | <div> | ||
<div style="font-size:1rem;font-weight:900;color:#fff;">Rota E — Endgame Farming</div> | |||
<div style="font-size:0.70rem;color:rgba(176,108,255,0.55);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Nível: ??? · ???M+ z/hr estimado</div> | |||
</div> | |||
</div> | |||
<div class="route-close" data-route="route-e" style="padding:5px 11px;border-radius:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:rgba(122,144,176,0.60);font-size:0.72rem;cursor:pointer;font-family:inherit;user-select:none;">✕ Fechar</div> | |||
</div> | |||
<div style="padding:20px 22px;"> | |||
<p style="font-size:0.88rem;color:rgba(122,144,176,0.70);margin:0;">Preencha com dados reais da Rota E (endgame). Mencione o nível mínimo, build necessária e por que é a melhor rota para jogadores veteranos.</p> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- /ROUTES --> | |||
< | <script> | ||
< | /* ════════════════════════════════════════════════════════ | ||
FARMING GUIDE JAVASCRIPT — FIXED BINDINGS | |||
════════════════════════════════════════════════════════ */ | |||
/* ── Method tab switcher ─────────────────────────── */ | |||
var activeMethod = 'grind'; | |||
var methodColors = { | |||
grind: { bg: 'linear-gradient(135deg,rgba(249,197,0,0.18),rgba(249,197,0,0.07))', color: '#f9c500' }, | |||
market: { bg: 'linear-gradient(135deg,rgba(0,212,255,0.14),rgba(0,212,255,0.05))', color: '#00d4ff' }, | |||
passive: { bg: 'linear-gradient(135deg,rgba(176,108,255,0.14),rgba(176,108,255,0.05))', color: '#b06cff' } | |||
}; | |||
function switchMethod(m) { | |||
activeMethod = m; | |||
var allPanels = document.querySelectorAll('#methods-section .method-panel'); | |||
for (var i = 0; i < allPanels.length; i++) { | |||
allPanels[i].style.display = 'none'; | |||
} | |||
var panel = document.getElementById('method-' + m); | |||
if (panel) { | |||
panel.style.display = 'grid'; | |||
panel.style.animation = 'method-in 0.3s ease both'; | |||
} | |||
var names = ['grind','market','passive']; | |||
< | for (var j = 0; j < names.length; j++) { | ||
var key = names[j]; | |||
var btn = document.getElementById('mtab-' + key); | |||
if (!btn) continue; | |||
if (key === m) { | |||
btn.style.background = methodColors[m].bg; | |||
btn.style.color = methodColors[m].color; | |||
btn.style.fontWeight = '900'; | |||
} else { | |||
btn.style.background = 'transparent'; | |||
if (key === 'grind') btn.style.color = 'rgba(249,197,0,0.60)'; | |||
if (key === 'market') btn.style.color = 'rgba(0,212,255,0.60)'; | |||
if (key === 'passive') btn.style.color = 'rgba(176,108,255,0.60)'; | |||
btn.style.fontWeight = '700'; | |||
} | |||
} | |||
} | |||
/* ── Route pill viewer ───────────────────────────── */ | |||
var openRoute = 'route-a'; | |||
function expandRoute(id) { | |||
var detail = document.getElementById(id); | |||
if (!detail) return; | |||
if (openRoute === id) { | |||
detail.style.display = 'none'; | |||
openRoute = null; | |||
var pillSelf = document.getElementById('pill-' + id); | |||
if (pillSelf) { | |||
pillSelf.style.transform = ''; | |||
pillSelf.style.fontWeight = '800'; | |||
pillSelf.style.boxShadow = ''; | |||
} | |||
return; | |||
} | |||
if (openRoute) { | |||
var prev = document.getElementById(openRoute); | |||
if (prev) prev.style.display = 'none'; | |||
var prevPill = document.getElementById('pill-' + openRoute); | |||
if (prevPill) { | |||
prevPill.style.transform = ''; | |||
prevPill.style.fontWeight = '800'; | |||
prevPill.style.boxShadow = ''; | |||
} | |||
} | |||
detail.style.display = 'block'; | |||
detail.style.animation = 'route-in 0.3s ease both'; | |||
openRoute = id; | |||
var pill = document.getElementById('pill-' + id); | |||
if (pill) { | |||
pill.style.transform = 'scale(1.04)'; | |||
pill.style.fontWeight = '900'; | |||
pill.style.boxShadow = '0 0 0 1px rgba(255,255,255,0.08) inset, 0 0 22px rgba(255,255,255,0.04)'; | |||
} | |||
setTimeout(function() { | |||
if (detail && detail.scrollIntoView) { | |||
detail.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); | |||
} | |||
}, 80); | |||
} | |||
/* | /* ── Bind clicks safely ──────────────────────────── */ | ||
document.querySelectorAll('# | (function() { | ||
var methodBtns = document.querySelectorAll('#methods-section [data-method]'); | |||
for (var i = 0; i < methodBtns.length; i++) { | |||
methodBtns[i].onclick = function() { | |||
switchMethod(this.getAttribute('data-method')); | |||
}; | |||
} | |||
var routeBtns = document.querySelectorAll('#routes-section .route-pill[data-route]'); | |||
for (var j = 0; j < routeBtns.length; j++) { | |||
routeBtns[j].onclick = function() { | |||
} | expandRoute(this.getAttribute('data-route')); | ||
}; | |||
} | |||
var closeBtns = document.querySelectorAll('#routes-section .route-close[data-route]'); | |||
document.querySelectorAll('# | for (var k = 0; k < closeBtns.length; k++) { | ||
closeBtns[k].onclick = function() { | |||
expandRoute(this.getAttribute('data-route')); | |||
}; | |||
} | |||
switchMethod('grind'); | |||
})(); | |||
</script> | </script> | ||
Revision as of 12:19, 13 April 2026
// Métodos de Farming
Escolha sua abordagem
Cada estilo tem vantagens diferentes. Clique para explorar.
O método mais direto: você mata monstros, coleta os drops e vende no mercado. O lucro depende da eficiência de kills e do valor dos drops do mapa escolhido.
Substitua com as melhores rotas de grind ativo do servidor. Mencione quais classes têm vantagem, quais monstros dropar os itens mais valiosos e qual é o range ideal de nível.
- Lucro imediato em Zeny
- EXP simultânea
- Drops raros possíveis
- Requer atenção ativa
- Custo de consumíveis
- Variação no lucro
Zeny/hora (estimado) ???M–???M
Dificuldade Moderada
Consistência Alta
Iniciantes Classes DPS Lv. 40+
// Rotas de Farm
Melhores locais de farming
Clique em uma localização para ver a rota completa e estratégia.
🗺️ Rota A — Lv.??+
🗺️ Rota B — Lv.??+
🗺️ Rota C — Lv.??+
🗺️ Rota D — Lv.??+
🗺️ Rota E — Lv.??+ (Endgame)
🗺️
Preencha com dados reais da Rota A. Mencione mapa, monstros principais, loot alvo, consumo médio e por que ela é ideal para esse range.
<script>
/* ════════════════════════════════════════════════════════
FARMING GUIDE JAVASCRIPT — FIXED BINDINGS
════════════════════════════════════════════════════════ */
/* ── Method tab switcher ─────────────────────────── */ var activeMethod = 'grind'; var methodColors = {
grind: { bg: 'linear-gradient(135deg,rgba(249,197,0,0.18),rgba(249,197,0,0.07))', color: '#f9c500' },
market: { bg: 'linear-gradient(135deg,rgba(0,212,255,0.14),rgba(0,212,255,0.05))', color: '#00d4ff' },
passive: { bg: 'linear-gradient(135deg,rgba(176,108,255,0.14),rgba(176,108,255,0.05))', color: '#b06cff' }
};
function switchMethod(m) {
activeMethod = m;
var allPanels = document.querySelectorAll('#methods-section .method-panel');
for (var i = 0; i < allPanels.length; i++) {
allPanels[i].style.display = 'none';
}
var panel = document.getElementById('method-' + m);
if (panel) {
panel.style.display = 'grid';
panel.style.animation = 'method-in 0.3s ease both';
}
var names = ['grind','market','passive'];
for (var j = 0; j < names.length; j++) {
var key = names[j];
var btn = document.getElementById('mtab-' + key);
if (!btn) continue;
if (key === m) {
btn.style.background = methodColors[m].bg;
btn.style.color = methodColors[m].color;
btn.style.fontWeight = '900';
} else {
btn.style.background = 'transparent';
if (key === 'grind') btn.style.color = 'rgba(249,197,0,0.60)';
if (key === 'market') btn.style.color = 'rgba(0,212,255,0.60)';
if (key === 'passive') btn.style.color = 'rgba(176,108,255,0.60)';
btn.style.fontWeight = '700';
}
}
}
/* ── Route pill viewer ───────────────────────────── */ var openRoute = 'route-a';
function expandRoute(id) {
var detail = document.getElementById(id); if (!detail) return;
if (openRoute === id) {
detail.style.display = 'none';
openRoute = null;
var pillSelf = document.getElementById('pill-' + id);
if (pillSelf) {
pillSelf.style.transform = ;
pillSelf.style.fontWeight = '800';
pillSelf.style.boxShadow = ;
}
return;
}
if (openRoute) {
var prev = document.getElementById(openRoute);
if (prev) prev.style.display = 'none';
var prevPill = document.getElementById('pill-' + openRoute);
if (prevPill) {
prevPill.style.transform = ;
prevPill.style.fontWeight = '800';
prevPill.style.boxShadow = ;
}
}
detail.style.display = 'block'; detail.style.animation = 'route-in 0.3s ease both'; openRoute = id;
var pill = document.getElementById('pill-' + id);
if (pill) {
pill.style.transform = 'scale(1.04)';
pill.style.fontWeight = '900';
pill.style.boxShadow = '0 0 0 1px rgba(255,255,255,0.08) inset, 0 0 22px rgba(255,255,255,0.04)';
}
setTimeout(function() {
if (detail && detail.scrollIntoView) {
detail.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
}, 80);
}
/* ── Bind clicks safely ──────────────────────────── */ (function() {
var methodBtns = document.querySelectorAll('#methods-section [data-method]');
for (var i = 0; i < methodBtns.length; i++) {
methodBtns[i].onclick = function() {
switchMethod(this.getAttribute('data-method'));
};
}
var routeBtns = document.querySelectorAll('#routes-section .route-pill[data-route]');
for (var j = 0; j < routeBtns.length; j++) {
routeBtns[j].onclick = function() {
expandRoute(this.getAttribute('data-route'));
};
}
var closeBtns = document.querySelectorAll('#routes-section .route-close[data-route]');
for (var k = 0; k < closeBtns.length; k++) {
closeBtns[k].onclick = function() {
expandRoute(this.getAttribute('data-route'));
};
}
switchMethod('grind');
})(); </script>