.blog-item{display:block;padding-bottom:20px;border:1px solid var(--border-light);border-radius:12px;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.05);text-decoration:none;color:inherit}.blog-item,.blog-item .image{overflow:hidden;position:relative}.blog-item .image div{display:block;background-size:cover;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;border-radius:4px;transition:transform .3s ease}.blog-item .image div:after{padding-top:56.25%;display:block;content:""}.blog-item .placeholder-image{width:100%;height:100%;background:var(--light-blue);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:48px}.blog-item .content{padding:25px}.blog-item .meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:14px}.blog-item .meta .category{background:var(--dark);color:var(--body);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.blog-item .meta .date{color:var(--text)}.blog-item .title{margin:0 0 15px;font-size:18px;line-height:1.4;color:var(--dark);transition:color .3s ease}.blog-item .excerpt{color:var(--text);font-size:14px;line-height:1.6;margin-bottom:20px}.blog-item .footer{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;padding:20px}.blog-item .time{color:var(--text);font-size:13px;display:flex;align-items:center;gap:5px}.blog-item .more{color:var(--dark);text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.blog-search{padding:40px 0 80px}.blog-search .intro{padding:60px 0}.blog-search .blogs .grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;gap:30px;margin-top:40px}.blog-search .blogs .error{text-align:center;padding:60px 20px;color:var(--text)}.blog-search .blogs .error i{font-size:48px;color:var(--error);margin-bottom:20px}.blog-search .blogs .error p{font-size:18px;margin-bottom:30px}.blog-search .blogs .none{text-align:center;padding:60px 20px;color:var(--text)}.blog-search .blogs .none i{font-size:48px;color:var(--text);margin-bottom:20px}.blog-search .blogs .none p{font-size:18px}.blog-search .pager{margin-top:40px}@media (max-width:1199px){.blog-search .blogs .grid{grid-template-columns:1fr 1fr}}@media (max-width:799px){.blog-search{padding:10px 0 40px}.blog-search .intro{padding:60px 0}}@media (max-width:699px){.blog-search .intro{padding:40px 0 20px}.blog-search .blogs .grid{grid-template-columns:1fr}}@media (max-width:499px){.blog-search .blogs .grid{grid-template-columns:1fr;gap:20px}}