/* ===== 強制統一部落格文章列表 ===== */
#posts .post-card {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 24px !important;
padding: 20px 0 !important;
margin-bottom: 0 !important;
min-height: 190px !important;
border-bottom: 1px solid #e7e4dc !important;
cursor: pointer !important;
}
#posts .post-card > img {
width: 220px !important;
height: 150px !important;
min-width: 220px !important;
max-width: 220px !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
#posts .post-card > div {
flex: 1 1 auto !important;
min-width: 0 !important;
}
#posts .post-card > div > div {
display: block !important;
}
#posts .post-title {
display: -webkit-box !important;
margin: 0 0 8px !important;
color: #193228 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
letter-spacing: .8px !important;
overflow: hidden !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#posts .post-date {
display: block !important;
margin: 0 0 10px !important;
color: #8a8a80 !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
#posts .post-card p {
margin: 0 !important;
color: #5f675a !important;
font-size: 15px !important;
line-height: 1.75 !important;
letter-spacing: .6px !important;
}
@media (max-width: 767px) {
#posts .post-card {
gap: 14px !important;
padding: 16px 0 !important;
min-height: 130px !important;
}
#posts .post-card > img {
width: 120px !important;
height: 90px !important;
min-width: 120px !important;
max-width: 120px !important;
}
#posts .post-title {
font-size: 16px !important;
line-height: 1.45 !important;
}
#posts .post-card p {
font-size: 13px !important;
line-height: 1.6 !important;
}
} 
