#tyBlog img{display:block}#tyBlog .bl-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 6px}#tyBlog .bl-card{background:#fff;border:1px solid #e4e9f2;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(4,15,43,.04);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}#tyBlog .bl-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(4,15,43,.14);border-color:rgba(8,112,219,.4)}#tyBlog .bl-pic{position:relative;aspect-ratio:16/10;background:#eef2f8;overflow:hidden}#tyBlog .bl-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}#tyBlog .bl-card:hover .bl-pic img{transform:scale(1.06)}#tyBlog .bl-tag{position:absolute;z-index:2;top:12px;left:12px;background:#0870db;color:#fff;font:700 10px/1 "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase;padding:7px 9px;border-radius:6px}#tyBlog .bl-date{position:absolute;z-index:2;right:12px;bottom:12px;background:rgba(255,255,255,.92);color:#040f2b;font:700 10px/1 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:6px}#tyBlog .bl-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}#tyBlog h4{margin:0;font-size:16.5px;font-weight:700;line-height:1.4;color:#040f2b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#tyBlog .bl-excerpt{margin:0;font-size:12.5px;line-height:1.65;color:#5f6d88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#tyBlog .bl-read{margin-top:auto;display:flex;align-items:center;gap:8px;font:700 11px/1 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#0870db}#tyBlog .bl-read::after{content:"→";transition:transform .25s}#tyBlog .bl-card:hover .bl-read::after{transform:translateX(4px)}#tyBlog .bl-dot{width:34px;height:4px;border-radius:2px;background:#d3dbe8;border:0;padding:0;cursor:pointer;position:relative;overflow:hidden}#tyBlog .bl-dot i{position:absolute;inset:0;width:0;background:#0870db}#tyBlog .bl-dot.on i{animation:blBar var(--dur) linear forwards}#tyBlog .bl-dot.done i{width:100%}@media (max-width:980px){#tyBlog .bl-page{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){#tyBlog .bl-page{grid-template-columns:1fr}}