|
|
| Line 1: |
Line 1: |
| <style>
| | __NOTOC__ |
| /* =========================
| | __NOEDITSECTION__ |
| TimeRO Wiki Safe UI Block
| |
| ========================= */
| |
|
| |
|
| .timero-ui {
| | {| style="width:100%; background:linear-gradient(180deg,#07111f 0%,#09192b 100%); border:1px solid #16324f; border-radius:14px; color:#eaf2ff; padding:0; border-spacing:0; overflow:hidden;" |
| --bg-1: rgba(6, 14, 28, 0.92);
| | |- |
| --bg-2: rgba(9, 20, 38, 0.88);
| | | style="padding:18px 22px; border-bottom:1px solid #16324f; background:linear-gradient(90deg,#081524 0%,#0a1e34 100%);" | |
| --bg-3: rgba(13, 26, 48, 0.78);
| | <span style="font-size:28px; font-weight:900; color:#ffffff;">Guia de Farming</span><br> |
| --line: rgba(255,255,255,0.07);
| | <span style="font-size:13px; color:#9fc2e6;">Métodos, rotas e referências para farmar Zeny no TimeRO sem quebrar o layout da wiki.</span> |
| --text: #eaf2ff;
| | |} |
| --muted: rgba(180, 204, 235, 0.68);
| |
| --cyan: #00d4ff;
| |
| --cyan-soft: rgba(0,212,255,0.10);
| |
| --gold: #f9c500;
| |
| --gold-soft: rgba(249,197,0,0.10);
| |
| --green: #00ff88;
| |
| --green-soft: rgba(0,255,136,0.10);
| |
| --orange: #ff8a2a;
| |
| --orange-soft: rgba(255,138,42,0.10);
| |
| --purple: #b06cff;
| |
| --purple-soft: rgba(176,108,255,0.10);
| |
| --red: #ff5b7a;
| |
| --shadow: 0 10px 30px rgba(0,0,0,0.20);
| |
| color: var(--text);
| |
| font-family: "Segoe UI", system-ui, sans-serif;
| |
| } | |
|
| |
|
| .timero-ui * {
| | <br> |
| box-sizing: border-box;
| |
| }
| |
|
| |
|
| .timero-block {
| | == Métodos de Farming == |
| background: linear-gradient(180deg, var(--bg-2), var(--bg-1));
| |
| border: 1px solid var(--line);
| |
| border-radius: 18px;
| |
| box-shadow: var(--shadow);
| |
| }
| |
|
| |
|
| .timero-muted {
| | {| class="wikitable mw-collapsible" style="width:100%; background:#0a1626; border:1px solid #1d3958; color:#eaf2ff;" |
| color: var(--muted);
| | |- |
| }
| | ! style="background:linear-gradient(90deg,#3a2d00 0%,#5a4500 100%); color:#ffd54a; font-size:15px; padding:12px;" | ⚔️ Grind Ativo |
| | |- |
| | | style="padding:16px; background:#0a1626;" | |
| | '''Descrição:''' Método direto para gerar Zeny matando monstros, coletando drops e vendendo com consistência. |
|
| |
|
| .timero-section-title {
| | '''Vantagens''' |
| margin: 0 0 14px;
| | * Lucro imediato |
| font-size: 1.15rem;
| | * EXP junto com o farm |
| font-weight: 900;
| | * Funciona bem para iniciantes |
| color: #ffffff;
| |
| letter-spacing: 0.02em;
| |
| }
| |
|
| |
|
| /* =========================
| | '''Desvantagens''' |
| Method Tabs
| | * Requer atenção ativa |
| ========================= */
| | * Consome consumíveis |
| | * Varia conforme mapa e build |
|
| |
|
| .timero-tabs {
| | '''Indicadores''' |
| width: 100%;
| | * '''Zeny/hora:''' ???M–???M |
| margin-bottom: 26px;
| | * '''Dificuldade:''' Moderada |
| }
| | * '''Consistência:''' Alta |
|
| |
|
| .timero-tab-input { | | '''Melhor para''' |
| display: none;
| | * Iniciantes |
| } | | * Classes DPS |
| | * Lv. 40+ |
| | |} |
|
| |
|
| .timero-tab-nav {
| | <br> |
| display: grid;
| |
| grid-template-columns: repeat(3, minmax(0, 1fr));
| |
| gap: 10px;
| |
| margin-bottom: 18px;
| |
| }
| |
|
| |
|
| .timero-tab-label {
| | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; background:#0a1626; border:1px solid #1d3958; color:#eaf2ff;" |
| display: flex;
| | |- |
| align-items: center;
| | ! style="background:linear-gradient(90deg,#003547 0%,#005b7a 100%); color:#6fe7ff; font-size:15px; padding:12px;" | 🏪 Mercado |
| justify-content: center;
| | |- |
| gap: 8px;
| | | style="padding:16px; background:#0a1626;" | |
| min-height: 54px;
| | '''Descrição:''' Compra e revenda de itens aproveitando diferença de preço e rotação de mercado. |
| padding: 14px 16px;
| |
| border-radius: 14px;
| |
| background: rgba(255,255,255,0.03);
| |
| border: 1px solid rgba(255,255,255,0.08);
| |
| color: rgba(180,204,235,0.72);
| |
| font-size: 0.88rem;
| |
| font-weight: 800;
| |
| letter-spacing: 0.04em;
| |
| text-transform: uppercase;
| |
| cursor: pointer;
| |
| user-select: none;
| |
| transition: 0.18s ease;
| |
| text-align: center;
| |
| }
| |
|
| |
|
| .timero-tab-label:hover {
| | '''Vantagens''' |
| transform: translateY(-1px);
| | * Não exige grind constante |
| border-color: rgba(255,255,255,0.14);
| | * Escala com capital |
| color: #ffffff;
| | * Pode gerar margem alta |
| }
| |
|
| |
|
| #method-tab-grind:checked ~ .timero-tab-nav label[for="method-tab-grind"] {
| | '''Desvantagens''' |
| background: linear-gradient(135deg, rgba(249,197,0,0.18), rgba(249,197,0,0.06));
| | * Requer conhecimento de preço |
| border-color: rgba(249,197,0,0.30);
| | * Tem risco de variação |
| color: var(--gold);
| | * Precisa de capital inicial |
| box-shadow: 0 0 0 1px rgba(249,197,0,0.10) inset;
| |
| }
| |
|
| |
|
| #method-tab-market:checked ~ .timero-tab-nav label[for="method-tab-market"] {
| | '''Indicadores''' |
| background: linear-gradient(135deg, rgba(0,212,255,0.16), rgba(0,212,255,0.05));
| | * '''Potencial:''' Muito Alto |
| border-color: rgba(0,212,255,0.28);
| | * '''Conhecimento necessário:''' Alto |
| color: var(--cyan);
| | * '''Risco:''' Moderado |
| box-shadow: 0 0 0 1px rgba(0,212,255,0.10) inset;
| |
| }
| |
|
| |
|
| #method-tab-passive:checked ~ .timero-tab-nav label[for="method-tab-passive"] {
| | '''Melhor para''' |
| background: linear-gradient(135deg, rgba(176,108,255,0.18), rgba(176,108,255,0.05));
| | * Veteranos |
| border-color: rgba(176,108,255,0.28);
| | * Traders |
| color: var(--purple);
| | * Jogadores com capital inicial |
| box-shadow: 0 0 0 1px rgba(176,108,255,0.10) inset;
| | |} |
| } | |
|
| |
|
| .timero-tab-panels {
| | <br> |
| position: relative;
| |
| }
| |
|
| |
|
| .timero-tab-panel {
| | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; background:#0a1626; border:1px solid #1d3958; color:#eaf2ff;" |
| display: none;
| | |- |
| padding: 22px;
| | ! style="background:linear-gradient(90deg,#2a1348 0%,#56238f 100%); color:#cf9bff; font-size:15px; padding:12px;" | 💤 Renda Passiva |
| border-radius: 18px;
| | |- |
| background: linear-gradient(180deg, rgba(9,20,38,0.78), rgba(6,14,28,0.92));
| | | style="padding:16px; background:#0a1626;" | |
| border: 1px solid rgba(255,255,255,0.06);
| | '''Descrição:''' Formas de gerar valor com menor presença ativa, como estoque estratégico, revenda lenta e ciclos do servidor. |
| }
| |
|
| |
|
| #method-tab-grind:checked ~ .timero-tab-panels .panel-grind,
| | '''Vantagens''' |
| #method-tab-market:checked ~ .timero-tab-panels .panel-market,
| | * Menor intensidade de jogo |
| #method-tab-passive:checked ~ .timero-tab-panels .panel-passive {
| | * Boa para complementar renda |
| display: block;
| | * Ótima para planejamento |
| }
| |
|
| |
|
| .timero-method-grid {
| | '''Desvantagens''' |
| display: grid;
| | * Retorno mais lento |
| grid-template-columns: 1.1fr 0.9fr;
| | * Exige paciência |
| gap: 18px;
| | * Nem sempre tem liquidez imediata |
| }
| |
|
| |
|
| .timero-card {
| | '''Indicadores''' |
| padding: 20px;
| | * '''Esforço ativo:''' Baixo |
| border-radius: 16px;
| | * '''Retorno:''' Estável |
| background: rgba(255,255,255,0.025);
| | * '''Tempo:''' Flexível |
| border: 1px solid rgba(255,255,255,0.06);
| |
| }
| |
|
| |
|
| .timero-card h3 {
| | '''Melhor para''' |
| margin: 0 0 8px;
| | * Casuais |
| font-size: 1.05rem;
| | * Planejamento longo prazo |
| font-weight: 900;
| | * Jogadores que diversificam renda |
| color: #fff;
| | |} |
| } | |
|
| |
|
| .timero-card p {
| | <br> |
| margin: 0 0 12px;
| |
| line-height: 1.7;
| |
| color: var(--muted);
| |
| font-size: 0.90rem;
| |
| }
| |
|
| |
|
| .timero-list {
| | == Rotas de Farming == |
| margin: 0;
| |
| padding-left: 18px;
| |
| color: var(--muted);
| |
| line-height: 1.7;
| |
| font-size: 0.85rem;
| |
| }
| |
|
| |
|
| .timero-metric {
| | {| class="wikitable mw-collapsible" style="width:100%; background:#0a1626; border:1px solid #4f3b00; color:#eaf2ff;" |
| margin-bottom: 14px;
| | |- |
| }
| | ! style="background:linear-gradient(90deg,#4b3900 0%,#7a5c00 100%); color:#ffd54a; font-size:14px; padding:12px;" | 🗺️ Rota A — Lv. ??+ |
| | |- |
| | | style="padding:16px; background:#0a1626;" | |
| | '''Visão geral:''' Rota de entrada para progressão inicial, focada em monstros com drops fáceis de vender. |
|
| |
|
| .timero-metric:last-child {
| | '''Pontos fortes''' |
| margin-bottom: 0;
| | * Baixo risco |
| }
| | * Entrada barata |
| | * Boa consistência |
|
| |
|
| .timero-metric-head {
| | '''Sugestão de conteúdo para preencher''' |
| display: flex;
| | * Mapa: |
| justify-content: space-between;
| | * Monstros: |
| gap: 12px;
| | * Drop principal: |
| margin-bottom: 6px;
| | * Zeny/h estimado: |
| font-size: 0.84rem;
| | |} |
| font-weight: 700;
| |
| } | |
|
| |
|
| .timero-meter {
| | <br> |
| height: 8px;
| |
| border-radius: 999px;
| |
| background: rgba(255,255,255,0.06);
| |
| overflow: hidden;
| |
| }
| |
|
| |
|
| .timero-meter-fill {
| | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; background:#0a1626; border:1px solid #0d4660; color:#eaf2ff;" |
| height: 100%;
| | |- |
| border-radius: 999px;
| | ! style="background:linear-gradient(90deg,#00374c 0%,#006a91 100%); color:#72e7ff; font-size:14px; padding:12px;" | 🗺️ Rota B — Lv. ??+ |
| }
| | |- |
| | | style="padding:16px; background:#0a1626;" | |
| | '''Visão geral:''' Rota intermediária com melhor margem por hora e boa densidade de monstros. |
|
| |
|
| .timero-tags {
| | '''Pontos fortes''' |
| display: flex;
| | * Lucro acima do early game |
| flex-wrap: wrap;
| | * Boa densidade |
| gap: 8px;
| | * Escala com consumíveis e eficiência |
| margin-top: 14px;
| |
| }
| |
|
| |
|
| .timero-tag {
| | '''Sugestão de conteúdo para preencher''' |
| padding: 6px 10px;
| | * Mapa: |
| border-radius: 999px;
| | * Monstros: |
| background: rgba(255,255,255,0.04);
| | * Drop principal: |
| border: 1px solid rgba(255,255,255,0.08);
| | * Zeny/h estimado: |
| color: #dff5ff;
| | |} |
| font-size: 0.76rem;
| |
| font-weight: 700;
| |
| } | |
|
| |
|
| /* =========================
| | <br> |
| Routes Accordion
| |
| ========================= */
| |
|
| |
|
| .timero-routes { | | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; background:#0a1626; border:1px solid #0d4f38; color:#eaf2ff;" |
| display: grid;
| | |- |
| gap: 12px;
| | ! style="background:linear-gradient(90deg,#00442d 0%,#008255 100%); color:#6fffbb; font-size:14px; padding:12px;" | 🗺️ Rota C — Lv. ??+ |
| }
| | |- |
| | | style="padding:16px; background:#0a1626;" | |
| | '''Visão geral:''' Rota focada em materiais de boa liquidez e drops com saída frequente no mercado. |
|
| |
|
| .timero-route {
| | '''Pontos fortes''' |
| border-radius: 16px;
| | * Liquidez alta |
| overflow: hidden;
| | * Menor dependência de drop raro |
| background: linear-gradient(180deg, rgba(8,18,34,0.84), rgba(5,12,22,0.92));
| | * Ótima para farm constante |
| border: 1px solid rgba(255,255,255,0.07);
| |
| }
| |
|
| |
|
| .timero-route summary {
| | '''Sugestão de conteúdo para preencher''' |
| list-style: none;
| | * Mapa: |
| display: flex;
| | * Monstros: |
| align-items: center;
| | * Drop principal: |
| justify-content: space-between;
| | * Zeny/h estimado: |
| gap: 14px;
| | |} |
| width: 100%;
| |
| padding: 14px 18px;
| |
| cursor: pointer;
| |
| user-select: none;
| |
| } | |
|
| |
|
| .timero-route summary::-webkit-details-marker {
| | <br> |
| display: none;
| |
| }
| |
|
| |
|
| .timero-route-left {
| | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; background:#0a1626; border:1px solid #6a3300; color:#eaf2ff;" |
| display: flex;
| | |- |
| align-items: center;
| | ! style="background:linear-gradient(90deg,#5c2600 0%,#a64b00 100%); color:#ffb170; font-size:14px; padding:12px;" | 🗺️ Rota D — Lv. ??+ |
| gap: 10px;
| | |- |
| min-width: 0;
| | | style="padding:16px; background:#0a1626;" | |
| }
| | '''Visão geral:''' Rota avançada com maior exigência de build, mas com potencial forte de lucro. |
|
| |
|
| .timero-route-pill {
| | '''Pontos fortes''' |
| display: inline-flex;
| | * Pico de lucro maior |
| align-items: center;
| | * Mapas mais competitivos |
| gap: 9px;
| | * Excelente para jogadores experientes |
| padding: 11px 16px;
| |
| border-radius: 12px;
| |
| font-size: 0.88rem;
| |
| font-weight: 800;
| |
| letter-spacing: 0.02em;
| |
| border: 1px solid transparent;
| |
| transition: 0.18s ease;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
|
| .timero-route-chevron {
| | '''Sugestão de conteúdo para preencher''' |
| font-size: 0.90rem;
| | * Mapa: |
| color: rgba(180,204,235,0.62);
| | * Monstros: |
| transition: transform 0.18s ease;
| | * Drop principal: |
| flex-shrink: 0;
| | * Zeny/h estimado: |
| } | | |} |
|
| |
|
| .timero-route[open] .timero-route-chevron {
| | <br> |
| transform: rotate(90deg);
| |
| }
| |
|
| |
|
| .timero-route-content {
| | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; background:#0a1626; border:1px solid #4c2375; color:#eaf2ff;" |
| padding: 0 18px 18px 18px;
| | |- |
| border-top: 1px solid rgba(255,255,255,0.05);
| | ! style="background:linear-gradient(90deg,#3c1660 0%,#7d36c4 100%); color:#d7a7ff; font-size:14px; padding:12px;" | 🗺️ Rota E — Lv. ??+ (Endgame) |
| }
| | |- |
| | | style="padding:16px; background:#0a1626;" | |
| | '''Visão geral:''' Rota endgame para personagens preparados, focada em drops premium e máxima eficiência. |
|
| |
|
| .timero-route-grid {
| | '''Pontos fortes''' |
| display: grid;
| | * Maior teto de lucro |
| grid-template-columns: 1fr 1fr;
| | * Melhor retorno em conteúdo avançado |
| gap: 14px;
| | * Ideal para veteranos |
| padding-top: 16px;
| |
| }
| |
|
| |
|
| .route-a .timero-route-pill {
| | '''Sugestão de conteúdo para preencher''' |
| border-color: rgba(249,197,0,0.22);
| | * Mapa: |
| background: rgba(249,197,0,0.08);
| | * Monstros: |
| color: rgba(249,197,0,0.92);
| | * Drop principal: |
| }
| | * Zeny/h estimado: |
| .route-b .timero-route-pill {
| | |} |
| border-color: rgba(0,212,255,0.22);
| |
| background: rgba(0,212,255,0.08);
| |
| color: rgba(0,212,255,0.90);
| |
| }
| |
| .route-c .timero-route-pill {
| |
| border-color: rgba(0,255,136,0.22);
| |
| background: rgba(0,255,136,0.08);
| |
| color: rgba(0,255,136,0.90);
| |
| }
| |
| .route-d .timero-route-pill {
| |
| border-color: rgba(255,138,42,0.24);
| |
| background: rgba(255,138,42,0.08);
| |
| color: rgba(255,138,42,0.94);
| |
| }
| |
| .route-e .timero-route-pill {
| |
| border-color: rgba(176,108,255,0.24);
| |
| background: rgba(176,108,255,0.08);
| |
| color: rgba(176,108,255,0.92);
| |
| }
| |
| | |
| .timero-route[open].route-a {
| |
| border-color: rgba(249,197,0,0.25);
| |
| }
| |
| .timero-route[open].route-b {
| |
| border-color: rgba(0,212,255,0.25);
| |
| }
| |
| .timero-route[open].route-c {
| |
| border-color: rgba(0,255,136,0.25);
| |
| }
| |
| .timero-route[open].route-d {
| |
| border-color: rgba(255,138,42,0.25);
| |
| }
| |
| .timero-route[open].route-e {
| |
| border-color: rgba(176,108,255,0.25);
| |
| }
| |
| | |
| /* =========================
| |
| Responsive
| |
| ========================= */
| |
| | |
| @media (max-width: 980px) {
| |
| .timero-method-grid,
| |
| .timero-route-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
| | |
| @media (max-width: 720px) {
| |
| .timero-tab-nav {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| | |
| .timero-tab-label {
| |
| min-height: 50px;
| |
| font-size: 0.82rem;
| |
| }
| |
| | |
| .timero-route summary {
| |
| padding: 12px 14px;
| |
| }
| |
| | |
| .timero-route-pill {
| |
| width: 100%;
| |
| justify-content: flex-start;
| |
| white-space: normal;
| |
| }
| |
| }
| |
| </style>
| |
| | |
| <div class="timero-ui">
| |
| | |
| <div class="timero-tabs">
| |
| <input class="timero-tab-input" type="radio" name="timero-method-tabs" id="method-tab-grind" checked>
| |
| <input class="timero-tab-input" type="radio" name="timero-method-tabs" id="method-tab-market">
| |
| <input class="timero-tab-input" type="radio" name="timero-method-tabs" id="method-tab-passive">
| |
| | |
| <div class="timero-tab-nav">
| |
| <label for="method-tab-grind" class="timero-tab-label">⚔️ Grind Ativo</label>
| |
| <label for="method-tab-market" class="timero-tab-label">🏪 Mercado</label>
| |
| <label for="method-tab-passive" class="timero-tab-label">💤 Renda Passiva</label>
| |
| </div>
| |
| | |
| <div class="timero-tab-panels">
| |
| <div class="timero-tab-panel panel-grind">
| |
| <div class="timero-method-grid">
| |
| <div class="timero-card">
| |
| <h3>⚔️ Grind Ativo</h3>
| |
| <p>O método mais direto para gerar Zeny: matar monstros, coletar drops e vender com eficiência. Ideal para jogadores que querem lucro contínuo enquanto upam.</p>
| |
| <ul class="timero-list">
| |
| <li>Bom para iniciantes e classes com bom clear speed</li>
| |
| <li>Combina lucro com ganho de EXP</li>
| |
| <li>Escala muito bem com mapas certos e rota otimizada</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="timero-card">
| |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Zeny/hora</span>
| |
| <span style="color:#f9c500;">???M–???M</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:75%;background:linear-gradient(90deg,#f9c500,#f4a91d);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Dificuldade</span>
| |
| <span style="color:#00d4ff;">Moderada</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:58%;background:linear-gradient(90deg,#00d4ff,#0099cc);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Consistência</span>
| |
| <span style="color:#00ff88;">Alta</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:82%;background:linear-gradient(90deg,#00ff88,#00c870);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-tags">
| |
| <span class="timero-tag">Iniciantes</span>
| |
| <span class="timero-tag">DPS</span>
| |
| <span class="timero-tag">Lv. 40+</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-tab-panel panel-market">
| |
| <div class="timero-method-grid">
| |
| <div class="timero-card">
| |
| <h3>🏪 Mercado</h3>
| |
| <p>Compra e revenda de itens, leitura de preço e arbitragem entre oferta e demanda. Excelente para jogadores com capital e bom conhecimento do servidor.</p>
| |
| <ul class="timero-list">
| |
| <li>Não exige grind constante</li>
| |
| <li>Escala com capital inicial</li>
| |
| <li>Excelente margem em itens de alta rotação</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="timero-card">
| |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Potencial</span>
| |
| <span style="color:#00d4ff;">Muito Alto</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:90%;background:linear-gradient(90deg,#00d4ff,#0099cc);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Conhecimento</span>
| |
| <span style="color:#ff5b7a;">Alto</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:84%;background:linear-gradient(90deg,#ff5b7a,#da335d);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Risco</span>
| |
| <span style="color:#ff8a2a;">Moderado</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:54%;background:linear-gradient(90deg,#ff8a2a,#dd6f12);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-tags">
| |
| <span class="timero-tag">Capital inicial</span>
| |
| <span class="timero-tag">Flippers</span>
| |
| <span class="timero-tag">Veteranos</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-tab-panel panel-passive">
| |
| <div class="timero-method-grid">
| |
| <div class="timero-card">
| |
| <h3>💤 Renda Passiva</h3>
| |
| <p>Formas de gerar valor com menos presença ativa, como produção, revenda lenta, estoque estratégico ou ciclos sazonais do servidor.</p>
| |
| <ul class="timero-list">
| |
| <li>Menor intensidade de jogo</li>
| |
| <li>Boa para complementar outras fontes de renda</li>
| |
| <li>Excelente para planejamento de longo prazo</li>
| |
| </ul>
| |
| </div>
| |
| | |
| <div class="timero-card">
| |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Esforço ativo</span>
| |
| <span style="color:#b06cff;">Baixo</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:34%;background:linear-gradient(90deg,#b06cff,#8f48ff);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Retorno</span>
| |
| <span style="color:#00ff88;">Estável</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:68%;background:linear-gradient(90deg,#00ff88,#00c870);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-metric">
| |
| <div class="timero-metric-head">
| |
| <span>Tempo</span>
| |
| <span style="color:#00d4ff;">Flexível</span>
| |
| </div>
| |
| <div class="timero-meter">
| |
| <div class="timero-meter-fill" style="width:78%;background:linear-gradient(90deg,#00d4ff,#0099cc);"></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-tags">
| |
| <span class="timero-tag">Casual</span>
| |
| <span class="timero-tag">Planejamento</span>
| |
| <span class="timero-tag">Longo prazo</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="timero-routes">
| |
| <details class="timero-route route-a" open>
| |
| <summary>
| |
| <div class="timero-route-left">
| |
| <div class="timero-route-pill">🗺️ Rota A — Lv.??+</div>
| |
| </div>
| |
| <div class="timero-route-chevron">▶</div>
| |
| </summary>
| |
| <div class="timero-route-content">
| |
| <div class="timero-route-grid">
| |
| <div class="timero-card">
| |
| <h3>Visão geral</h3>
| |
| <p>Rota indicada para início de progressão. Foque em monstros com drops fáceis de vender e baixa exigência de equipamento.</p>
| |
| </div>
| |
| <div class="timero-card">
| |
| <h3>Pontos fortes</h3>
| |
| <ul class="timero-list">
| |
| <li>Baixo risco</li>
| |
| <li>Entrada barata</li>
| |
| <li>Boa consistência</li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </details>
| |
| | |
| <details class="timero-route route-b">
| |
| <summary>
| |
| <div class="timero-route-left">
| |
| <div class="timero-route-pill">🗺️ Rota B — Lv.??+</div>
| |
| </div>
| |
| <div class="timero-route-chevron">▶</div>
| |
| </summary>
| |
| <div class="timero-route-content">
| |
| <div class="timero-route-grid">
| |
| <div class="timero-card">
| |
| <h3>Visão geral</h3>
| |
| <p>Rota intermediária com melhor margem por hora. Ideal para classes com clear speed consistente e alguma mobilidade.</p>
| |
| </div>
| |
| <div class="timero-card">
| |
| <h3>Pontos fortes</h3>
| |
| <ul class="timero-list">
| |
| <li>Lucro melhor que early game</li>
| |
| <li>Boa densidade de mobs</li>
| |
| <li>Escala bem com consumíveis</li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </details>
| |
| | |
| <details class="timero-route route-c">
| |
| <summary>
| |
| <div class="timero-route-left">
| |
| <div class="timero-route-pill">🗺️ Rota C — Lv.??+</div>
| |
| </div>
| |
| <div class="timero-route-chevron">▶</div>
| |
| </summary>
| |
| <div class="timero-route-content">
| |
| <div class="timero-route-grid">
| |
| <div class="timero-card">
| |
| <h3>Visão geral</h3>
| |
| <p>Rota focada em drops verdes e materiais com rotação alta no mercado. Excelente equilíbrio entre volume e liquidez.</p>
| |
| </div>
| |
| <div class="timero-card">
| |
| <h3>Pontos fortes</h3>
| |
| <ul class="timero-list">
| |
| <li>Liquidez alta</li>
| |
| <li>Boa para estoque</li>
| |
| <li>Menor dependência de drop raro</li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </details>
| |
| | |
| <details class="timero-route route-d">
| |
| <summary>
| |
| <div class="timero-route-left">
| |
| <div class="timero-route-pill">🗺️ Rota D — Lv.??+</div>
| |
| </div>
| |
| <div class="timero-route-chevron">▶</div>
| |
| </summary>
| |
| <div class="timero-route-content">
| |
| <div class="timero-route-grid">
| |
| <div class="timero-card">
| |
| <h3>Visão geral</h3>
| |
| <p>Rota avançada com maior exigência de build, mas com forte potencial de lucro quando executada com eficiência.</p>
| |
| </div>
| |
| <div class="timero-card">
| |
| <h3>Pontos fortes</h3>
| |
| <ul class="timero-list">
| |
| <li>Bom pico de Zeny/h</li>
| |
| <li>Mapas mais lucrativos</li>
| |
| <li>Recompensa boa para jogadores experientes</li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </details>
| |
| | |
| <details class="timero-route route-e">
| |
| <summary>
| |
| <div class="timero-route-left">
| |
| <div class="timero-route-pill">🗺️ Rota E — Lv.??+ (Endgame)</div>
| |
| </div>
| |
| <div class="timero-route-chevron">▶</div>
| |
| </summary>
| |
| <div class="timero-route-content">
| |
| <div class="timero-route-grid">
| |
| <div class="timero-card">
| |
| <h3>Visão geral</h3>
| |
| <p>Rota endgame para personagens preparados. Melhor quando focada em metas específicas, drops premium e eficiência máxima.</p>
| |
| </div>
| |
| <div class="timero-card">
| |
| <h3>Pontos fortes</h3>
| |
| <ul class="timero-list">
| |
| <li>Maior teto de lucro</li>
| |
| <li>Melhores drops premium</li>
| |
| <li>Excelente para veteranos</li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </details>
| |
| </div>
| |
| | |
| </div>
| |