.ciu-news-wrap {
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 768px) {
.ciu-news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.ciu-news-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.ciu-news-card {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0,0,0,.05);
transition: transform .2s ease, box-shadow .2s ease;
display: flex;
flex-direction: column;
height: 100%;
}
.ciu-news-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 30px rgba(0,0,0,.08);
}
.ciu-news-card-image img,
.ciu-news-detail-image img {
width: 100%;
display: block;
}
.ciu-news-card-image img {
height: 220px;
object-fit: cover;
}
.ciu-news-card-content {
padding: 18px;
display: flex;
flex-direction: column;
flex: 1;
}
.ciu-news-card-date,
.ciu-news-detail-date {
font-size: 14px;
opacity: .7;
margin-bottom: 10px;
}
.ciu-news-card-title {
margin: 0 0 12px !important;
font-size: 22px;
line-height: 1.3;
}
.ciu-news-card-title a {
text-decoration: none;
}
.ciu-news-card-summary {
font-size: 15px;
line-height: 1.7;
margin-bottom: 12px;
}
.ciu-news-card-readmore,
.ciu-news-back-link {
display: inline-block;
text-decoration: none;
font-weight: 700;
}
.ciu-news-card-readmore {
margin-top: auto;
align-self: flex-start;
padding: 10px 14px;
background: #f05423;
color: #fff;
border-radius: 6px;
transition: 0.2s ease;
}
.ciu-news-card-readmore:hover {
background: #FF4C43;
color: #fff;
}
.ciu-news-pagination {
margin-top: 40px;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.ciu-news-page-link {
display: inline-flex; 
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 10px 14px;
border: 1px solid #ddd;
border-radius: 10px;
text-decoration: none;
color: #333;
background: #fff;
transition: 0.2s ease;
}
.ciu-news-page-link:hover {
color: #F05423;
border-color: #F05423;
background: #fff;
}
.ciu-news-page-link.active {
background: #F05423;
border-color: #F05423;
color: #fff;
font-weight: 600;
}
.ciu-news-detail-wrap {
max-width: 900px;
}
.ciu-news-back-link {
margin-bottom: 18px;
}
.ciu-news-detail-title {
margin: 0 0 10px;
line-height: 1.2;
}
.ciu-news-detail-image {
margin: 24px 0;
overflow: hidden;
border-radius: 18px;
}
.ciu-news-detail-summary {
margin: 20px 0;
font-size: 18px;
line-height: 1.7;
}
.ciu-news-detail-content {
line-height: 1.9;
font-size: 16px;
}
.ciu-news-detail-content h2 {
margin-top: 28px;
margin-bottom: 12px;
}
.ciu-news-error {
padding: 16px 18px;
background: #fff4f4;
color: #b42318;
border: 1px solid #f0c7c7;
border-radius: 12px;
}