@import url('./article.css');
.blog-index-shell{max-width:1180px;margin:auto;padding:58px 24px 100px}
.blog-index-head{max-width:760px;margin-bottom:38px}
.blog-index-head .eyebrow{margin-bottom:10px}
.blog-index-head h1{margin:0 0 16px}
.blog-index-lead{margin:0;color:var(--text-sub);font-size:.98rem}
.blog-index-count{margin:22px 0 0;color:var(--c3);font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.08em}
.blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-index-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;background:var(--dark3);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}
.blog-index-card:hover{transform:translateY(-5px);border-color:rgba(162,89,255,.5);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.blog-index-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#151522}
.blog-index-body{display:flex;flex-direction:column;flex:1;padding:19px}
.blog-index-meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-sub);font-size:.72rem}
.blog-index-title{margin:13px 0 9px;font-size:1rem;line-height:1.55;color:#fff}
.blog-index-excerpt{margin:0;color:var(--text-sub);font-size:.82rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-index-more{margin-top:auto;padding-top:17px;color:var(--c3);font-size:.78rem;font-weight:700}
@media(max-width:900px){.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-index-shell{padding:34px 14px 72px}.blog-index-grid{grid-template-columns:1fr}.blog-index-head{margin-bottom:28px}}