Lorde: mudanças entre as edições

Edição das 21h37min de 17 de agosto de 2026

O Lorde é a segunda transcendência de Cavaleiro. Carrega vigor e força muito acima do normal, e não recua diante de nenhum adversário.

Combina ataques físicos pesados, montaria e habilidades transcendentais que aumentam o dano dos ataques comuns e ajudam na sobrevivência em combate.

Habilidades

Ofensiva Suporte Ativa Passiva

Impacto de Tyr

Lâmina de Aura

Avanço Ofensivo

Perfurar

Perfurar em Espiral

Rapidez com Uma Mão

Estocada

Aparar Golpe

Lança Bumerangue

Relaxar

Brandir Lança

Dedicação

Contra-Ataque

Golpe Traumático

Rapidez com Duas Mãos

Ataque Vital

Montaria

Frenesi

Perícia em Montaria

Perícia com Lança

Árvore de Habilidades

Imagem da árvore pendente
preciso do link da SkilltreeLordes.png (ou equivalente) pra incluir aqui

@@ Linha 2: / Linha 2: @@
 <html>
 <style>
-.fc-card { background:#fff; border:1px solid rgba(94,207,168,0.2); border-radius:10px; overflow:hidden; margin-bottom:12px; }
+.fc-layout { display:flex; flex-wrap:wrap; gap:22px; align-items:flex-start; }
+.fc-main { flex:1 1 360px; min-width:280px; }
+.fc-sidebar { flex:0 1 300px; min-width:260px; }
+.fc-body-text { font-size:13px; color:#1A2640; line-height:1.8; margin:0 0 12px; }
+.fc-body-text:last-of-type { margin-bottom:0; }
+.fc-card { background:#fff; border:1px solid rgba(94,207,168,0.2); border-radius:10px; overflow:hidden; }
 .fc-card-title { background:#241832; padding:10px 18px; display:flex; align-items:center; gap:10px; }
 .fc-card-title-text { color:#A8E8D0; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; }
-.fc-card-body { padding:18px; }
+.fc-card-body { padding:16px 18px; }
-.fc-intro { font-size:12.5px; color:#5C5468; line-height:1.8; margin:0 0 10px; }
+/* infobox lateral */
-.fc-intro:last-child { margin-bottom:0; }
+.fc-sidebar-header { background:#241832; padding:12px 18px; display:flex; align-items:center; gap:9px; }
+.fc-sidebar-header-text { color:#fff; font-size:16px; font-weight:800; }
+.fc-sidebar-subhead { background:#241832; padding:7px 18px; color:#A8E8D0; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; text-align:center; }
+.fc-sidebar-body { padding:16px 18px; }
-/* arte da classe */
+.fc-art { text-align:center; }
-.fc-art { text-align:center; padding:6px 10px 20px; }
+.fc-art img { max-width:180px; width:100%; height:auto; }
-.fc-art img { max-width:240px; width:100%; }
-.fc-art-pending { max-width:240px; margin:0 auto; border:1.5px dashed #C4C4C4; border-radius:10px; background:#FAFAFA; color:#9B92A8; font-size:11px; font-weight:700; padding:56px 14px; text-align:center; }
-/* sprites lado a lado */
-.fc-sprite-label { text-align:center; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; margin:0 0 10px; padding-top:14px; border-top:1px solid rgba(94,207,168,0.12); }
 .fc-sprite-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
 .fc-sprite-box { text-align:center; }
-.fc-sprite-box img { width:64px; height:64px; object-fit:contain; image-rendering:pixelated; }
+.fc-sprite-box img { max-width:100%; height:auto; image-rendering:pixelated; }
-.fc-sprite-box-pending { width:64px; height:64px; margin:0 auto; border:1.5px dashed #C4C4C4; border-radius:8px; background:#FAFAFA; color:#9B92A8; font-size:9px; font-weight:700; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.3; }
 .fc-sprite-tag { font-size:10px; color:#5A7A9A; font-weight:700; margin-top:6px; }
-/* bônus de classe */
+.fc-bonus-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:5px; }
-.fc-bonus-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin-top:16px; }
+.fc-bonus-cell { background:#F0FBF6; border:1px solid rgba(94,207,168,0.2); border-radius:8px; padding:7px 2px; text-align:center; }
-.fc-bonus-cell { background:#F0FBF6; border:1px solid rgba(94,207,168,0.2); border-radius:8px; padding:8px 4px; text-align:center; }
+.fc-bonus-label { font-size:8.5px; font-weight:700; color:#5A7A9A; text-transform:uppercase; letter-spacing:0.5px; }
-.fc-bonus-label { font-size:9px; font-weight:700; color:#5A7A9A; text-transform:uppercase; letter-spacing:0.6px; }
+.fc-bonus-val { font-size:13px; font-weight:800; color:#2E8F6E; margin-top:2px; }
-.fc-bonus-val { font-size:14px; font-weight:800; color:#2E8F6E; margin-top:2px; }
+/* habilidades */
+.fc-skill-legend { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid rgba(94,207,168,0.12); }
+.fc-skill-legend span { display:flex; align-items:center; gap:6px; font-size:10.5px; color:#5A7A9A; font-weight:700; }
+.fc-legend-dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
+.fc-legend-dot.ofensiva { background:#DC2626; }
+.fc-legend-dot.suporte { background:#0EA5E9; }
+.fc-legend-dot.ativa { background:#7C3AED; }
+.fc-legend-dot.passiva { background:#2E8F6E; }
+.fc-skill-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:9px 16px; margin-bottom:16px; }
+.fc-skill { display:flex; align-items:center; gap:8px; }
+.fc-skill-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
+.fc-skill-dot.ofensiva { background:#DC2626; }
+.fc-skill-dot.suporte { background:#0EA5E9; }
+.fc-skill-dot.ativa { background:#7C3AED; }
+.fc-skill-dot.passiva { background:#2E8F6E; }
+.fc-skill-name { font-size:12px; color:#1A2640; font-weight:600; }
+.fc-divider { display:flex; align-items:center; gap:10px; margin:4px 0 12px; }
+.fc-divider-line { flex:1; height:1px; background:rgba(94,207,168,0.18); }
+.fc-divider-label { font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#9B92A8; white-space:nowrap; }
-/* passo a passo — mudança de classe */
+.fc-tree-pending { border:1.5px dashed #C4C4C4; border-radius:8px; background:#FAFAFA; color:#9B92A8; font-size:11.5px; font-weight:600; padding:30px 16px; text-align:center; line-height:1.6; }
-.fc-step { display:flex; gap:12px; margin-bottom:18px; }
-.fc-step:last-child { margin-bottom:0; }
-.fc-step-num { width:26px; height:26px; border-radius:50%; background:#241832; color:#5ECFA8; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
-.fc-step-body { flex:1; min-width:0; }
-.fc-step-text { font-size:12.5px; color:#1A2640; line-height:1.6; margin-bottom:8px; }
-.fc-step-text strong { color:#0C1A36; }
-.fc-step-pending { color:#B45309; font-style:italic; }
-.fc-step-coord { font-size:10.5px; color:#9B92A8; font-family:monospace; margin-bottom:8px; }
-.fc-step-map img { max-width:320px; width:100%; border-radius:8px; border:1px solid rgba(94,207,168,0.18); display:block; }
-.fc-step-map-pending { max-width:320px; border:1.5px dashed #C4C4C4; border-radius:8px; background:#FAFAFA; color:#9B92A8; font-size:11px; font-weight:700; padding:36px 14px; text-align:center; }
 </style>
-<!-- HERO -->
+<div class="fc-layout">
-<div style="background:#241832;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:200px;height:200px;background:radial-gradient(circle,rgba(94,207,168,0.14) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
-  <div style="position:absolute;bottom:-20px;right:5%;width:160px;height:160px;background:radial-gradient(circle,rgba(168,135,212,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
-  <div style="position:relative;z-index:1;">
-    <div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Lordes</div>
-    <div style="color:rgba(255,255,255,0.45);font-size:13px;">Segunda transcendência de Cavaleiro</div>
-  </div>
-</div>
-<!-- SOBRE A CLASSE -->
+  <!-- COLUNA PRINCIPAL -->
-<div class="fc-card">
+   <div class="fc-main">
-   <div class="fc-card-title"><div class="fc-card-title-text">Sobre a Classe</div></div>
+    <p class="fc-body-text">O Lorde é a segunda transcendência de Cavaleiro. Carrega vigor e força muito acima do normal, e não recua diante de nenhum adversário.</p>
-  <div class="fc-card-body">
+     <p class="fc-body-text">Combina ataques físicos pesados, montaria e habilidades transcendentais que aumentam o dano dos ataques comuns e ajudam na sobrevivência em combate.</p>
-    <p class="fc-intro">O Lorde é a segunda transcendência de Cavaleiro. Carrega vigor e força muito acima do normal, e não recua diante de nenhum adversário.</p>
-     <p class="fc-intro">Combina ataques físicos pesados, montaria e habilidades transcendentais que aumentam o dano dos ataques comuns e ajudam na sobrevivência em combate.</p>
-  </div>
-</div>
-<!-- FICHA DA CLASSE -->
+    <div class="fc-card" style="margin-top:18px;">
-<div class="fc-card">
+      <div class="fc-card-title"><div class="fc-card-title-text">Habilidades</div></div>
-  <div class="fc-card-title"><div class="fc-card-title-text">Ficha da Classe</div></div>
+      <div class="fc-card-body">
-  <div class="fc-card-body">
+        <div class="fc-skill-legend">
-    <div class="fc-art">
+          <span><i class="fc-legend-dot ofensiva"></i>Ofensiva</span>
-      <div class="fc-art-pending">Arte da classe<br>pendente</div>
+          <span><i class="fc-legend-dot suporte"></i>Suporte</span>
-    </div>
+          <span><i class="fc-legend-dot ativa"></i>Ativa</span>
+          <span><i class="fc-legend-dot passiva"></i>Passiva</span>
+        </div>
+        <div class="fc-skill-grid">
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Impacto de Tyr</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot suporte"></span><span class="fc-skill-name">Lâmina de Aura</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Avanço Ofensivo</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Perfurar</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Perfurar em Espiral</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot suporte"></span><span class="fc-skill-name">Rapidez com Uma Mão</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Estocada</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ativa"></span><span class="fc-skill-name">Aparar Golpe</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Lança Bumerangue</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ativa"></span><span class="fc-skill-name">Relaxar</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Brandir Lança</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot suporte"></span><span class="fc-skill-name">Dedicação</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ativa"></span><span class="fc-skill-name">Contra-Ataque</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Golpe Traumático</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot suporte"></span><span class="fc-skill-name">Rapidez com Duas Mãos</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ofensiva"></span><span class="fc-skill-name">Ataque Vital</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot passiva"></span><span class="fc-skill-name">Montaria</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot ativa"></span><span class="fc-skill-name">Frenesi</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot passiva"></span><span class="fc-skill-name">Perícia em Montaria</span></div>
+          <div class="fc-skill"><span class="fc-skill-dot passiva"></span><span class="fc-skill-name">Perícia com Lança</span></div>
+        </div>
-    <div class="fc-sprite-label">Sprite</div>
+        <div class="fc-divider">
-    <div class="fc-sprite-grid">
+          <div class="fc-divider-line"></div>
-      <div class="fc-sprite-box">
+          <span class="fc-divider-label">Árvore de Habilidades</span>
-        <div class="fc-sprite-box-pending">Original<br>pendente</div>
+          <div class="fc-divider-line"></div>
-        <div class="fc-sprite-tag">Original</div>
+        </div>
-      </div>
+         <div class="fc-tree-pending">Imagem da árvore pendente<br>preciso do link da SkilltreeLordes.png (ou equivalente) pra incluir aqui</div>
-      <div class="fc-sprite-box">
-         <div class="fc-sprite-box-pending">Montaria<br>pendente</div>
-        <div class="fc-sprite-tag">Montaria</div>
        </div>
-    </div>
-    <div class="fc-bonus-grid">
-      <div class="fc-bonus-cell"><div class="fc-bonus-label">FOR</div><div class="fc-bonus-val">+15</div></div>
-      <div class="fc-bonus-cell"><div class="fc-bonus-label">AGI</div><div class="fc-bonus-val">+8</div></div>
-      <div class="fc-bonus-cell"><div class="fc-bonus-label">VIT</div><div class="fc-bonus-val">+8</div></div>
-      <div class="fc-bonus-cell"><div class="fc-bonus-label">INT</div><div class="fc-bonus-val">+2</div></div>
-      <div class="fc-bonus-cell"><div class="fc-bonus-label">DES</div><div class="fc-bonus-val">+9</div></div>
-      <div class="fc-bonus-cell"><div class="fc-bonus-label">SOR</div><div class="fc-bonus-val">+3</div></div>
      </div>
    </div>
-</div>
-<!-- MUDANÇA DE CLASSE -->
+  <!-- INFOBOX LATERAL -->
-<div class="fc-card">
+  <div class="fc-sidebar">
-  <div class="fc-card-title"><div class="fc-card-title-text">Mudança de Classe</div></div>
+    <div class="fc-card">
-  <div class="fc-card-body">
+      <div class="fc-sidebar-header">
-    <p class="fc-intro">Sua jornada começa com seu personagem renascido, no nível de classe 50.</p>
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#5ECFA8" stroke-width="1.8"><path d="M12 2l7 3v6c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V5l7-3z"/></svg>
+        <span class="fc-sidebar-header-text">Lordes</span>
+      </div>
+      <div class="fc-sidebar-body">
+        <div class="fc-art"><img src="https://s3circe.browiki.org/browiki/thumb/b/b3/Arte_Lordes.png/200px-Arte_Lordes.png" alt="Arte de Lordes"></div>
+      </div>
-    <div class="fc-step">
+      <div class="fc-sidebar-subhead">Sprite</div>
-       <div class="fc-step-num">1</div>
+       <div class="fc-sidebar-body">
-      <div class="fc-step-body">
+        <div class="fc-sprite-grid">
-        <div class="fc-step-text">Dirija-se a <strong>Metheus Sylphe</strong>.</div>
+          <div class="fc-sprite-box">
-        <div class="fc-step-coord">yuno_in0293204</div>
+            <img src="https://s3circe.browiki.org/browiki/9/9d/Lordessprite.png" alt="Sprite original de Lordes">
-        <div class="fc-step-map-pending">Mapa pendente</div>
+            <div class="fc-sprite-tag">Original</div>
+          </div>
+          <div class="fc-sprite-box">
+            <img src="https://s3circe.browiki.org/browiki/thumb/7/77/Lordessprite_mount.png/225px-Lordessprite_mount.png" alt="Sprite montaria de Lordes">
+            <div class="fc-sprite-tag">Montaria</div>
+          </div>
+        </div>
        </div>
-    </div>
-    <div class="fc-step">
+      <div class="fc-sidebar-subhead">Bônus de Classe</div>
-       <div class="fc-step-num">2</div>
+       <div class="fc-sidebar-body">
-      <div class="fc-step-body">
+        <div class="fc-bonus-grid">
-        <div class="fc-step-text">Interaja com o <strong>Livro de Ymir</strong>. <span class="fc-step-pending">(texto exato do passo e coordenada pendentes de confirmação)</span></div>
+          <div class="fc-bonus-cell"><div class="fc-bonus-label">FOR</div><div class="fc-bonus-val">+15</div></div>
-        <div class="fc-step-map-pending">Mapa pendente</div>
+          <div class="fc-bonus-cell"><div class="fc-bonus-label">AGI</div><div class="fc-bonus-val">+8</div></div>
+          <div class="fc-bonus-cell"><div class="fc-bonus-label">VIT</div><div class="fc-bonus-val">+8</div></div>
+          <div class="fc-bonus-cell"><div class="fc-bonus-label">INT</div><div class="fc-bonus-val">+2</div></div>
+          <div class="fc-bonus-cell"><div class="fc-bonus-label">DES</div><div class="fc-bonus-val">+9</div></div>
+          <div class="fc-bonus-cell"><div class="fc-bonus-label">SOR</div><div class="fc-bonus-val">+3</div></div>
+        </div>
        </div>
      </div>
    </div>
 </div>
 </html>

Lorde: mudanças entre as edições

Edição das 21h37min de 17 de agosto de 2026

Menu de navegação

Pesquisa