.dyno-v2 .blog-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.dyno-v2 .blog-item{border-bottom:1px solid var(--line);grid-template-columns:110px 160px 1fr 28px;align-items:start;gap:28px;padding:22px 12px;transition:background .35s;display:grid}.dyno-v2 .blog-item:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dyno-v2 .blog-item:hover{background:color-mix(in oklch, var(--ink) 3%, transparent)}}.dyno-v2 .bi-date{color:var(--ink-3);padding-top:4px}.dyno-v2 .bi-thumb{aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}.dyno-v2 .bi-thumb-img{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.dyno-v2 .bi-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:500}.dyno-v2 .bi-excerpt{color:var(--ink-3);margin:0;font-size:14px;line-height:1.6}.dyno-v2 .bi-arrow{color:var(--ink-4);padding-top:4px;font-size:16px;transition:transform .3s,color .3s}.dyno-v2 .blog-item:hover .bi-arrow{color:var(--ink);transform:translate(6px)}@media (max-width:800px){.dyno-v2 .blog-item{grid-template-columns:100px 1fr;grid-template-areas:"thumb body""thumb body";gap:14px}.dyno-v2 .bi-num,.dyno-v2 .bi-arrow{display:none}.dyno-v2 .bi-date{grid-column:1/-1;padding-top:0}.dyno-v2 .bi-thumb{grid-area:thumb}.dyno-v2 .bi-body{grid-area:body}.dyno-v2 .bi-title{font-size:17px}}