.blog-list-container{background:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:40px 20px}.blog-header{margin-bottom:60px;padding-top:20px;text-align:center}.blog-filters{display:flex;margin-bottom:40px}.blog-filters,.blog-list-container .ant-row{justify-content:center}.blog-card{display:flex;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s}.blog-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.blog-card-cover{height:200px;overflow:hidden;position:relative}.blog-card-cover img{height:100%;object-fit:cover;width:100%}.blog-card-cover-placeholder{align-items:center;background:linear-gradient(135deg,#f0f2f5,#d9d9d9 50%,#bfbfbf);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.blog-card-cover-placeholder-icon{color:#8c8c8c;font-size:40px}.blog-card-cover-placeholder-text{color:#8c8c8c;font-size:14px;font-weight:600;letter-spacing:1px}.blog-card-badge{align-items:center;background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px}.blog-card-title{display:-webkit-box;font-size:16px;font-weight:600;margin-bottom:12px;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:rgba(0,0,0,.88);hyphens:auto;line-height:1.4;max-height:2.8em;min-height:45px;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:normal}.blog-card-content{display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:4px}@media (max-width:768px){.blog-list-container{padding:20px 16px}.blog-header{margin-bottom:40px}.blog-filters{margin-bottom:24px}.blog-card-cover{height:180px}.blog-card-title{font-size:15px;line-height:1.45;-webkit-line-clamp:3;margin-bottom:10px;max-height:4.35em;min-height:4.35em}}