.blog-container{max-width:1400px;margin:0 auto;display:flex;gap:30px}
.blog-sidebar{width:25%;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);padding:20px;align-self:flex-start}
.sidebar-section{margin-bottom:30px;border-bottom:1px solid #e9ecef;padding-bottom:20px}
.sidebar-section:last-child{border-bottom:none;margin-bottom:0}
.sidebar-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #0056b3}
.category-list{list-style:none;padding:0;margin:0}
.category-item{margin-bottom:10px}
.category-link{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px;transition:all 0.3s;color:#495057;text-decoration:none}
.category-link:hover{background:#e9ecef;color:#0056b3;transform:translateX(5px)}
.category-count{background:#0056b3;color:white;border-radius:12px;padding:2px 8px;font-size:12px}
.tags-container{display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-block;background:#f1f8ff;color:#0056b3;padding:5px 12px;border-radius:20px;font-size:14px;text-decoration:none;transition:all 0.3s;border:1px solid #d0e3ff}
.tag:hover{background:#0056b3;color:white;transform:translateY(-2px)}
.latest-list{list-style:none;padding:0;margin:0}
.latest-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e9ecef}
.latest-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.latest-link{display:block;color:#333;text-decoration:none;transition:color 0.3s;font-weight:500;line-height:1.4}
.latest-link:hover{color:#0056b3}
.latest-date{display:block;font-size:12px;color:#6c757d;margin-top:5px}
.blog-content{width:75%}
.blog-header{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e9ecef}
.blog-title{font-size:28px;font-weight:700;color:#333;margin-bottom:10px}
.blog-subtitle{color:#6c757d;font-size:16px}
.news-list{list-style:none;padding:0;margin:0 0 40px}
.news-item{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:25px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}
.news-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.news-link{display:block;color:inherit;text-decoration:none}
.news-inner{display:flex;padding:20px}
.news-image{width:200px;height:150px;border-radius:6px;overflow:hidden;margin-right:20px;flex-shrink:0}
.news-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.news-link:hover .news-image img{transform:scale(1.05)}
.news-content{flex:1}
.news-title{font-size:20px;font-weight:600;margin-bottom:10px;line-height:1.3;color:#333}
.news-meta{display:flex;align-items:center;margin-bottom:12px;font-size:14px;color:#6c757d}
.news-date{margin-right:15px;display:flex;align-items:center}
.news-date i{margin-right:5px}
.news-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}
.news-tag{background:#f1f8ff;color:#0056b3;padding:3px 8px;border-radius:12px;font-size:12px;text-decoration:none}
.news-excerpt{color:#6c757d;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:992px){.blog-container{flex-direction:column}
.blog-sidebar{width:100%;margin-bottom:30px}
.blog-content{width:100%}
.news-inner{flex-direction:column}
.news-image{width:100%;height:200px;margin-right:0;margin-bottom:15px}
}@media (max-width:576px){.blog-container{padding:15px 10px}
.blog-title{font-size:24px}
.news-item{margin-bottom:20px}
.news-inner{padding:15px}
.news-title{font-size:18px}
}