.page-banner{background-size:cover;background-position:center;height:225px;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;}.page-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:304px;background:rgba(0,0,0,.2);z-index:1;}.page-banner>*{position:relative;z-index:2;}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;}.news-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1);}.news-img{height:200px;overflow:hidden;}.news-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition);}.news-card:hover .news-img img{transform:scale(1.1);}.news-content{padding:20px;flex:1;display:flex;flex-direction:column;}.news-date{font-size:14px;color:var(--text-light);margin-bottom:10px;display:flex;align-items:center;}.news-date i{margin-right:5px;}.news-title{font-size:18px;margin-bottom:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.news-title a{color:var(--text-color);}.news-title a:hover{color:var(--primary-color);}.news-excerpt{color:var(--text-light);font-size:14px;margin-bottom:20px;flex:1;}.pagination{display:flex;justify-content:center;margin-top:50px;gap:10px;}.page-link{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);}.page-link.active,.page-link:hover{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color);}