.hero2{background:linear-gradient(135deg,#0c2350,#1458d4);color:#fff;border-radius:22px;padding:22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;box-shadow:0 14px 36px rgba(16,45,96,.18)}
.hero2 small{font-size:11px;letter-spacing:.12em;opacity:.8;font-weight:700}.hero2 h1{margin:4px 0;font-size:30px;letter-spacing:-.02em}.hero2 p{margin:0;opacity:.85;font-size:13.5px}.hero2 .lv{color:#ffb3b8;font-size:22px;display:inline-flex;align-items:center;gap:6px}
.gtiles{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding-bottom:2px}.gtiles::-webkit-scrollbar{display:none}.gtile{flex:0 0 auto;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 12px;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:2px}
.gtile.live{background:rgba(255,255,255,.2);border-color:#ffb3b8}.gt-row{display:flex;justify-content:space-between;gap:10px;font-size:15px}.gt-row span{font-weight:800}.gtile small{font-size:11px;opacity:.85;display:flex;align-items:center;gap:5px;margin-top:2px}
.dgrid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px;margin-top:18px;align-items:start}@media(max-width:860px){.dgrid{grid-template-columns:1fr}}
.feat{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(16,45,96,.08)}
.feat header{display:flex;justify-content:space-between;gap:8px;padding:16px;color:#fff;background:linear-gradient(135deg,#7a1424,#e43c48)}.feat.safer header{background:linear-gradient(135deg,#102d60,#1458d4)}.feat.value header{background:linear-gradient(135deg,#0d5a3a,#1d9a55)}
.feat header small{font-size:10.5px;letter-spacing:.12em;opacity:.85;font-weight:700}.feat h3{margin:3px 0 0;font-size:19px}
.feat ul{list-style:none;margin:0;padding:6px 16px}.feat li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.feat li:last-child{border:0}.feat li div{flex:1;min-width:0}.feat li b{display:block;font-size:14px}.feat li small{font-size:12px;color:var(--muted)}
.feat footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.feat footer span:last-child{display:flex;gap:6px}.feat a.primary{text-decoration:none}
.side{display:flex;flex-direction:column;gap:16px}
.blk-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.blk-h h2{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.blk-h a{font-size:12px;font-weight:700;color:var(--blue);text-decoration:none}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:3px;border-top:4px solid var(--blue);transition:transform .12s}
.tile:hover{transform:translateY(-2px)}.tile.hot{border-top-color:var(--red)}.tile.value{border-top-color:var(--good)}.tile.td{border-top-color:#7c4ce0}.tile.mile{border-top-color:var(--ok)}.tile.mu{border-top-color:var(--good)}
.tile .badge{font-size:10.5px;font-weight:800;color:var(--ink)}.tile b{font-size:14px;color:var(--ink)}.tile-num{display:flex;align-items:baseline;gap:6px}.tile-num strong{font-size:24px;color:var(--ink);letter-spacing:-.02em}.tile-num small{font-size:11px;color:var(--muted)}
.tile>small{font-size:11px}.up{color:#17784a;font-weight:700}
.links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:22px}
.links a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:34px 1fr;column-gap:8px}.links span{grid-row:span 2;font-size:22px}.links b{font-size:14px}.links small{font-size:11.5px;color:var(--muted)}

.gtile b{font-size:14px;white-space:nowrap}.gtile b span{opacity:.6;font-weight:500}
.hero2{flex-direction:column;align-items:stretch}.hero2>div:first-child{min-width:0}
@media(max-width:640px){.hero2{padding:16px;border-radius:18px}.hero2 h1{font-size:23px}.hero2 p{font-size:12.5px}.tiles{grid-template-columns:1fr 1fr;gap:8px}.tile{padding:10px}.tile-num strong{font-size:20px}.tile b{font-size:13px}.links{grid-template-columns:1fr 1fr}.links a{padding:11px;grid-template-columns:28px 1fr}.links small{display:none}}