.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.blog-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);color:var(--text);height:100%}.blog-card:hover{border-color:var(--link)}.card-topic{padding:22px 18px;border-bottom:1px solid var(--border);font-size:.8rem;color:var(--link);letter-spacing:.04em;background:var(--surface)}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-body h3{margin:0 0 10px;line-height:1.55}.card-body p{font-size:.85rem;color:var(--muted);margin:0 0 16px;flex:1}.card-body time{font-size:.78rem;color:var(--muted)}.post-content{max-width:840px}.post-content>section{margin:32px 0}.toc{background:var(--surface);border:1px solid var(--border);padding:18px 22px;border-radius:var(--radius);margin:24px 0}.toc ol{margin-bottom:0}.toc li{font-size:.9rem}.post-end{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:22px;margin-top:32px}@media(max-width:768px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:500px){.blog-list{grid-template-columns:1fr}}