.blog-index .ant-tag{color:var(--blog-primary);background:#4db6a81a;border-color:#4db6a84d}.blog-index{max-width:1200px;margin:0 auto;padding:24px}.blog-index .hero{text-align:center;margin-bottom:16px;padding:12px 20px}.blog-index .hero .hero-icon{margin-bottom:4px;font-size:32px;animation:2s ease-in-out infinite write}.blog-index .hero .hero-title{color:#222;margin-bottom:4px;font-size:22px;font-weight:700}.blog-index .hero .hero-subtitle{color:#666;font-size:13px;line-height:1.4}@keyframes write{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.blog-index .blog-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.blog-index .blog-controls .search-bar{flex:1;min-width:140px}.blog-index .blog-controls .ant-select{min-width:140px}@media (max-width:600px){.blog-index .blog-controls .search-bar{width:100%;min-width:140px}.blog-index .blog-controls .ant-select{min-width:120px}}.blog-index .post-list .post-card{height:100%;transition:transform .3s,box-shadow .3s}.blog-index .post-list .post-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.blog-index .post-list .post-card .post-cover-wrapper{height:180px;overflow:hidden}.blog-index .post-list .post-card .post-cover-wrapper .post-cover{object-fit:cover;width:100%;height:100%}.blog-index .post-list .post-card .post-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:18px;font-weight:700;overflow:hidden}.blog-index .post-list .post-card .post-description{color:#666;font-size:14px}.blog-index .post-list .post-card .post-description p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;display:-webkit-box;overflow:hidden}.blog-index .post-list .post-card .post-description .post-meta{color:#999;gap:16px;margin-bottom:8px;font-size:12px;display:flex}.blog-index .post-list .post-card .post-description .post-meta .meta-item{align-items:center;gap:4px;display:flex}.blog-index .post-list .post-card .post-description .post-tags{flex-wrap:wrap;gap:4px;display:flex}