/* .html_list_doc */
/* 依赖 main.css */

.download-list-container { display: flex; flex-direction: column; gap: 15px; }
.download-item { display: flex; align-items: center; padding: 25px 20px; border-bottom: 1px dashed #e0e0e0; background: #fff; transition: all .3s ease; cursor: pointer; border-radius: 4px; }
.download-item:hover { background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, .08); transform: translateY(-2px); border-bottom: 1px solid transparent; }
.date-box { width: 70px; text-align: center; flex-shrink: 0; margin-right: 30px; color: var(--primary-red); }
.date-ym { display: block; color: #999; font-size: 12px; margin-bottom: 2px; }
.date-day { display: block; font-size: 36px; line-height: 1; font-family: Arial, sans-serif; }
.info-box { flex: 1; }
.info-title { font-size: 16px; color: #333; font-weight: 700; margin-bottom: 8px; transition: color .3s; }
.download-item:hover .info-title { color: var(--primary-red); }
.info-desc { font-size: 12px; color: #999; line-height: 1.6; }
.info-desc p { margin: 0; }
.arrow-box { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #eee; border-radius: 50%; color: #ccc; margin-left: 20px; transition: all .3s; font-size: 14px; }
.download-item:hover .arrow-box { border-color: var(--primary-red); color: var(--primary-red); }

@media (max-width: 768px) {
    .download-item { padding: 15px; flex-wrap: wrap; }
    .date-box { margin-right: 15px; width: auto; text-align: left; margin-bottom: 5px; }
    .date-day, .date-ym { display: inline-block; font-size: 14px; margin-right: 5px; }
    .info-box { width: 100%; }
    .arrow-box { display: none; }
}