.pku-news{
padding: 34px 0 10px;
text-align:center;
}
.pku-news h2{
margin:0;
font-size: 34px;
font-weight: 900;
letter-spacing: .6px;
color:#111;
}
.pku-news .sub{
margin:10px auto 26px;
max-width: 860px;
color:#666;
font-size: 14px;
line-height: 1.6;
}
.pku-news .line{
width: 64px;
height: 4px;
background:#900021;
margin: 14px auto 0;
border-radius: 999px;
}
.pku-news-grid{
margin-top: 26px;
display:grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
align-items: start;
}
.pku-news-card{
display:block;
text-decoration:none !important;
color:inherit;
border-radius: 14px;
overflow:hidden;
background:#fff;
border:1px solid #eceff5;
box-shadow: 0 10px 22px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pku-news-card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 34px rgba(0,0,0,.10);
border-color: rgba(144,0,33,.25);
}
/* Poster placeholder (replace later with
![]()
) */
.pku-news-poster{
width:100%;
aspect-ratio: 3 / 4; /* poster ratio */
background: linear-gradient(135deg, #f2f3f6, #ffffff);
position:relative;
display:flex;
align-items:center;
justify-content:center;
}
.pku-news-poster::before{
content:"POSTER";
letter-spacing: .25em;
font-weight: 800;
font-size: 14px;
color: rgba(92,0,30,.55);
}
.pku-news-poster::after{
content:"Klik untuk tambah imej";
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
font-size: 12px;
color:#777;
padding:6px 10px;
border-radius: 999px;
background: rgba(255,255,255,.7);
border: 1px solid rgba(0,0,0,.06);
}
.pku-news-meta{
padding: 12px 12px 14px;
text-align:left;
}
.pku-news-title{
margin:0;
font-size: 14px;
font-weight: 800;
color:#5C001E;
line-height: 1.3;
}
.pku-news-date{
margin:6px 0 0;
font-size: 12px;
color:#666;
}
@media (max-width: 980px){
.pku-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
.pku-news-grid{ grid-template-columns: 1fr; }
.pku-news h2{ font-size: 28px; }
}
MAKLUMAN
Rujuk poster dan pengumuman terkini berkaitan kesihatan serta langkah pencegahan untuk warga UTM Kuala Lumpur.