/* .html_list */
/* 依赖 main.css */

.news-list-container { display: flex; flex-direction: column; gap: 20px; }
.news-item { display: flex; padding-bottom: 25px; border-bottom: 1px dashed #e0e0e0; transition: all .3s; }
.news-item:hover { transform: translateY(-2px); }
.news-date-box { width: 80px; text-align: center; flex-shrink: 0; margin-right: 25px; padding-top: 5px; }
.date-ym { display: block; color: #999; font-size: 12px; margin-bottom: 5px; }
.date-day { display: block; color: var(--primary-red); font-size: 42px; line-height: 1; font-weight: 400; font-family: Arial, sans-serif; border-bottom: 2px solid var(--primary-red); padding-bottom: 8px; width: 40px; margin: 0 auto; }
.news-info { flex: 1; }
.news-title { font-size: 16px; font-weight: 700; color: #333; margin-bottom: 12px; display: block; line-height: 1.4; }
.news-title:hover { color: var(--primary-red); }
.news-desc { font-size: 13px; color: #777; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: justify; }

@media (max-width: 768px) {
    .news-item { padding-bottom: 15px; }
    .news-date-box { margin-right: 15px; width: 60px; }
    .date-day { font-size: 32px; width: 30px; }
    .news-title { font-size: 15px; }
}