.container{max-width:1000px;margin:0 auto;}        
.news-item{display:flex;margin-bottom:0;padding:15px 0;border-bottom:1px solid #eaeaea;transition:background-color 0.3s ease}
.news-item:hover{background-color:rgba(26,115,232,.1);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.05);cursor: pointer;}
.news-image{flex:0 0 240px;margin-right:20px}
.news-image img{width:200px;height:132px;border-radius:4px}
.news-content{flex:1;position: relative;}
.news-title{margin:0 0 10px 0;font-size:14px;font-weight:600}
.news-title a{color:#333;text-decoration:none;transition:color 0.3s}
.news-title a:hover{text-decoration: underline;}
.news-meta{margin-bottom:15px;color:#666;font-size:14px}
.news-author,.news-date{margin-right:15px}
.news-summary{color:#555;line-height:1.6;margin-bottom:15px}
.news-more{margin-top:19px;text-align: right;position: absolute;bottom: 0;right: 0;}
.read-more{display:inline-block;padding:0 20px;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;transition:background-color 0.3s}
.news-more .read-more{color: #0f75bd}
.pagination{display:flex;justify-content:center;margin-top:40px;margin-bottom: 40px;}
.pagination a{display:inline-block;margin:0 5px;padding:8px 12px;border:1px solid #ddd;color:#333;text-decoration:none;border-radius:3px;transition:all 0.3s}
.pagination .page-num{min-width:40px;text-align:center}
.pagination .active a{background-color:#0066cc;color:#fff;border-color:#0066cc}
.pagination a:hover:not(.active){background-color:#f5f5f5}