.blog-content{padding-left:0}.blog-index{max-width:820px;margin:0 auto;padding:48px 32px 80px}.blog-index-header{border-bottom:1px solid var(--vp-c-divider);margin:0 0 2.5rem;padding:0 0 1.75rem}.blog-index-lead{max-width:46rem;color:var(--vp-c-text-2);margin:.9rem 0 0;font-size:1.04rem;line-height:1.7}.blog-feed-link{color:var(--vp-c-text-3);letter-spacing:.02em;align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.blog-feed-link:hover{color:var(--site-amber)}.blog-card-list{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.blog-card{border:1px solid var(--vp-c-divider);border-radius:var(--r-lg);background:var(--bg-card);box-shadow:var(--shadow-1);padding:1.5rem 1.6rem;transition:transform .18s,border-color .2s,box-shadow .2s}.blog-card:hover{border-color:var(--site-amber);box-shadow:var(--shadow-2);transform:translateY(-2px)}.blog-card-meta{color:var(--vp-c-text-3);font-size:.82rem;font-family:var(--vp-font-family-mono);margin:0 0 .55rem}.blog-card-title{letter-spacing:-.015em;margin:0 0 .6rem;font-size:1.4rem;line-height:1.25}.blog-card-title a{color:var(--vp-c-text-1);text-decoration:none}.blog-card-title a:hover{color:var(--site-amber)}.blog-card-excerpt{color:var(--vp-c-text-2);margin:0 0 .9rem;font-size:.98rem;line-height:1.7}.blog-card-readmore{color:var(--site-amber);font-size:.88rem;font-weight:600;text-decoration:none}.blog-card-readmore:hover{color:var(--site-amber-strong)}.blog-empty{color:var(--vp-c-text-3);font-size:1rem}.blog-doc .container{justify-content:center}.blog-doc .content{flex:0 760px}.blog-post-meta{color:var(--vp-c-text-3);font-size:.9rem;font-family:var(--vp-font-family-mono);margin:1rem 0 0}.blog-post-meta-sep{color:var(--vp-c-divider);margin:0 .5rem}.blog-post-author{color:var(--vp-c-text-2)}.blog-back{margin:1.5rem 0 0;font-size:.9rem}.blog-back a{color:var(--vp-c-text-3);text-decoration:none}.blog-back a:hover{color:var(--site-amber)}@media (width<=1200px){.blog-doc .content{flex:1}}@media (width<=960px){.blog-index{padding:32px 20px 56px}}