/* ========== 列表页容器 ========== */
.list-container { max-width: 1000px; margin: 40px auto; padding: 0 20px; }

/* ========== 列表卡片 ========== */
.list-card { 
    background: #fff; 
    border-radius: 16px; 
    padding: 40px; 
    box-shadow: 0 4px 24px rgba(0,0,0,0.06); 
}

/* ========== 栏目标题 ========== */
.list-card h1 { 
    color: #8B0000; 
    font-size: 26px; 
    font-weight: bold;
    margin-bottom: 30px; 
    padding-bottom: 15px;
    border-bottom: 3px solid #f0ebe0;
    letter-spacing: 2px;
}

/* ========== 列表项 ========== */
.list-item { 
    padding: 16px 12px; 
    border-bottom: 1px solid #f5f0e8; 
    display: flex; 
    align-items: center;
    transition: all 0.2s ease;
}
.list-item:hover { 
    background: #fdfaf5; 
    border-radius: 8px;
}
.list-item a { 
    color: #2c3e50; 
    text-decoration: none; 
    font-size: 16px; 
    font-weight: 500;
    flex: 1;
    transition: color 0.2s;
}
.list-item a:hover { 
    color: #8B0000; 
}
.list-item .meta { 
    color: #999; 
    font-size: 13px; 
    background: #fdfaf5;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

/* ========== 分页 ========== */
.epages { 
    text-align: center; 
    margin-top: 30px; 
    padding-top: 20px;
    border-top: 1px solid #f0ebe0;
}
.epages a, .epages b { 
    display: inline-block;
    padding: 8px 16px; 
    margin: 0 4px; 
    border: 2px solid #e8e0d0; 
    border-radius: 8px; 
    text-decoration: none; 
    color: #8B0000; 
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
    background: #fff;
}
.epages a:hover { 
    background: #8B0000; 
    color: #fff; 
    border-color: #8B0000;
}
.epages b { 
    background: #8B0000; 
    color: #fff; 
    border-color: #8B0000;
    box-shadow: 0 2px 8px rgba(139,0,0,0.2);
}

/* ========== 移动端适配 ========== */
@media (max-width: 600px) {
    .list-container { margin: 15px auto; padding: 0 10px; }
    .list-card { padding: 20px 15px; border-radius: 0; }
    .list-card h1 { font-size: 22px; margin-bottom: 20px; }
    .list-item { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 8px; }
    .list-item a { font-size: 15px; }
    .list-item .meta { font-size: 12px; }
    .epages a, .epages b { padding: 6px 12px; font-size: 13px; }
}