Patch Notes: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 76: | Linha 76: | ||
<div class="cl-glow2"></div> | <div class="cl-glow2"></div> | ||
<div style="position:relative;z-index:1;"> | <div style="position:relative;z-index:1;"> | ||
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(14,165,233,0.12);border:1px solid rgba(14,165, | <div style="display:inline-flex;align-items:center;gap:5px;background:rgba(14,165,233,0.12);border:1px solid rgba(14,165,2 | ||
Edição das 03h27min de 10 de junho de 2026
<html>
<style> /* ===== BASE ===== */ .cl-card { background:#fff; border:1px solid rgba(14,165,233,0.16); border-radius:10px; overflow:hidden; margin-bottom:12px; } .cl-card-title { background:#050E1F; padding:10px 18px; display:flex; align-items:center; gap:10px; } .cl-card-title-text { color:#7DD8FF; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; } .cl-card-body { padding:16px 18px; }
/* ===== HERO ===== */ .cl-hero { background:#050E1F; border-radius:12px; padding:28px 32px; text-align:center; margin-bottom:16px; position:relative; overflow:hidden; } .cl-glow1 { position:absolute; top:-30px; left:-20px; width:180px; height:180px; background:radial-gradient(circle,rgba(14,165,233,0.12) 0%,transparent 70%); border-radius:50%; pointer-events:none; } .cl-glow2 { position:absolute; bottom:-20px; right:5%; width:140px; height:140px; background:radial-gradient(circle,rgba(125,216,255,0.08) 0%,transparent 70%); border-radius:50%; pointer-events:none; }
/* ===== LEGENDA ===== */ .cl-legend { background:#F4F8FF; border:1px solid rgba(14,165,233,0.14); border-radius:10px; padding:14px 18px; margin-bottom:14px; } .cl-legend-title { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#8EA8C4; margin-bottom:10px; } .cl-legend-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px 12px; } .cl-legend-item { display:flex; align-items:center; gap:7px; font-size:11.5px; color:#5A7A9A; }
/* ===== TAGS ===== */ .cl-tag { display:inline-flex; align-items:center; gap:4px; font-size:9px; font-weight:700; padding:2px 8px; border-radius:20px; text-transform:uppercase; letter-spacing:0.5px; white-space:nowrap; } .cl-tag.novidade { background:rgba(14,165,233,0.1); border:1px solid rgba(14,165,233,0.25); color:#0284C7; } .cl-tag.balance { background:rgba(168,85,247,0.1); border:1px solid rgba(168,85,247,0.25); color:#7C3AED; } .cl-tag.ajuste { background:rgba(234,179,8,0.1); border:1px solid rgba(234,179,8,0.25); color:#A16207; } .cl-tag.correcao { background:rgba(34,197,94,0.1); border:1px solid rgba(34,197,94,0.25); color:#15803D; } .cl-tag.remocao { background:rgba(239,68,68,0.1); border:1px solid rgba(239,68,68,0.25); color:#B91C1C; } .cl-tag.evento { background:rgba(234,88,12,0.1); border:1px solid rgba(234,88,12,0.25); color:#C2410C; } .cl-tag.hotfix { background:rgba(15,23,42,0.07); border:1px solid rgba(15,23,42,0.18); color:#334155; }
/* ===== LISTA DE PATCHES ===== */ .cl-year-block { margin-bottom:20px; } .cl-year-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; color:#8EA8C4; padding:0 4px 8px; border-bottom:1px solid rgba(14,165,233,0.1); margin-bottom:10px; }
.cl-patch-row { display:flex; align-items:center; gap:14px; padding:11px 16px; background:#fff; border:1px solid rgba(14,165,233,0.13); border-radius:9px; margin-bottom:7px; text-decoration:none; transition:border-color 0.15s, box-shadow 0.15s; position:relative; } .cl-patch-row:hover { border-color:rgba(14,165,233,0.35); box-shadow:0 2px 12px rgba(14,165,233,0.08); }
.cl-patch-date { font-size:10px; font-weight:700; color:#8EA8C4; width:70px; flex-shrink:0; line-height:1.4; font-family:monospace; text-align:right; } .cl-patch-sep { width:1px; height:32px; background:rgba(14,165,233,0.12); flex-shrink:0; }
.cl-patch-info { flex:1; min-width:0; } .cl-patch-name { font-size:13px; font-weight:700; color:#0C1A36; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .cl-patch-tags { display:flex; gap:5px; flex-wrap:wrap; }
.cl-patch-arrow { font-size:14px; color:#C8DAEE; flex-shrink:0; margin-left:auto; padding-left:8px; } .cl-patch-row:hover .cl-patch-arrow { color:#0EA5E9; }
/* Badge de "Mais recente" */ .cl-patch-latest { position:absolute; top:-1px; right:12px; background:#0EA5E9; color:#fff; font-size:8px; font-weight:800; letter-spacing:0.6px; text-transform:uppercase; padding:2px 8px; border-radius:0 0 6px 6px; }
/* Hotfix — estilo diferenciado */ .cl-patch-row.hotfix { border-color:rgba(15,23,42,0.1); background:#FAFBFC; } .cl-patch-row.hotfix:hover { border-color:rgba(15,23,42,0.22); } .cl-patch-row.hotfix .cl-patch-name { color:#334155; }
/* ===== ESTADO VAZIO ===== */ .cl-empty { text-align:center; padding:40px 20px; border:1px dashed rgba(14,165,233,0.2); border-radius:10px; } .cl-empty-icon { font-size:32px; margin-bottom:10px; } .cl-empty-title { font-size:14px; font-weight:700; color:#1A2640; margin-bottom:6px; } .cl-empty-sub { font-size:12px; color:#8EA8C4; line-height:1.7; }
/* ===== ESTATÍSTICAS ===== */ .cl-stats { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:8px; margin-bottom:14px; } .cl-stat { background:#F4F8FF; border:1px solid rgba(14,165,233,0.12); border-radius:8px; padding:11px; text-align:center; } .cl-stat-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:#8EA8C4; margin-bottom:4px; } .cl-stat-val { font-size:14px; font-weight:800; color:#0C1A36; } .cl-stat-val.blue { color:#0284C7; } .cl-stat-val.green { color:#15803D; } .cl-stat-val.purple { color:#7C3AED; } </style>
<div style="display:inline-flex;align-items:center;gap:5px;background:rgba(14,165,233,0.12);border:1px solid rgba(14,165,2