/* 
 * 云南震序律师事务所网站 - 新闻列表页面样式
 */

/* 新闻列表页 */
.news-list-page {
    padding-bottom: 80px;
}

/* 新闻列表项 */
.news-list-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.news-list-item:last-child {
    border-bottom: none;
}

.news-list-img {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
}

.news-list-img img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

.news-list-item:hover .news-list-img img {
    transform: scale(1.05);
}

.news-list-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #002b70;
}

.news-list-content h3 a {
    color: #002b70;
}

.news-list-content h3 a:hover {
    color: #f4ad03;
}

.news-list-meta {
    margin-bottom: 15px;
    color: #666;
    font-size: 14px;
}

.news-list-meta span {
    margin-right: 20px;
}

.news-list-desc {
    margin-bottom: 20px;
    line-height: 1.6;
}

.news-list-more {
    display: inline-block;
    padding: 8px 20px;
    background-color: #002b70;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.news-list-more:hover {
    background-color: #f4ad03;
    color: #fff;
}

/* 分页导航 */
.pagination {
    text-align: center;
    margin-top: 50px;
}

.pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.pagination ul li {
    display: inline-block;
    margin: 0 5px;
}

.pagination ul li a {
    display: block;
    padding: 8px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
}

/* 分页链接悬停和激活状态 */
.pagination ul li a:hover,
.pagination ul li.active a {
    background-color: #002b70;
    color: #fff;
}

/* 分页样式 (从 newslist.html 迁移) */
/* 普通页码样式 */
.page-num {
    display: inline-block !important;
    padding: 8px 15px !important; 
    margin: 0 5px !important; 
    background-color: #fff !important; 
    color: #333 !important; 
    text-decoration: none !important; 
    border: 1px solid #ddd !important;
}

/* 当前页高亮样式 */
.page-num-current {
    background-color: #F4AD03 !important; 
    color: #fff !important; 
    border: 1px solid #F4AD03 !important;
}

/* 箭头动画和滚动样式 (从 newslist.html 迁移) */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.scroll-down {
    transition: opacity 0.3s ease;
}

.scroll-down:hover {
    opacity: 0.8;
}

/* 新闻列表项 - 从 HTML 迁移并修改 */
/* 确保这些规则在文件末尾或具有足够的特指性以覆盖之前的规则 */

.news-item {
    background-color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    padding: 30px;
    position: relative;
    height: 340px; /* 统一卡片高度，初始估算值，可能需要微调 */
    display: flex;
    flex-direction: column;
}

.news-item .date-divider-container { /* 新增容器包裹日期和分割线，使其不参与flex grow */
    margin-bottom: 20px; /* 等同于原分割线的margin-bottom */
}

/* .news-item .date { 
    /* 原有的日期内联样式保持，这里可以添加额外的通用样式 - 移除空规则 *
} */

.news-item .divider-line { /* 如果分割线没有特定类，可以在HTML中添加，或者通过兄弟选择器定位 */
    width: 180px; 
    height: 1px; 
    background-color: #F4AD03;
    /* margin-bottom 已移至 .date-divider-container */
}

.news-item h3 { /* 新闻卡片内的标题 */
    color: #F4AD03;
    font-size: 28px; 
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 1.3;
    height: calc(28px * 1.3 * 2); /* 根据新的字体大小重新计算两行的高度 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制为两行 */
    line-clamp: 2; /* 添加标准属性 */
    /* text-overflow: ellipsis; /* 如果需要省略号，但可能两行刚好显示完 */
}

.news-item p { /* 新闻卡片内的摘要 */
    color: #000000;
    font-size: 16px;
    line-height: 1.6;
    /* margin-bottom: 30px; /* 这个margin可能需要调整，或由flex控制空间 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制为两行 */
    line-clamp: 2; /* 添加标准属性 */
    height: calc(16px * 1.6 * 2); /* 固定为两行的高度 */
    margin-bottom: 20px; /* 给底部按钮留出空间, 调整原30px */
    /* flex-grow: 1;  /* 移除，使用固定高度 */
}

.news-item .triangle-button {
    /* 内联样式已处理，这里无需额外样式，除非要统一管理 */
    position: absolute;
    bottom: 30px; 
    left: 30px;
}

/* 注意：以下是文件中可能已存在的 .news-list-content 规则，*/
/* 如果它们的特指性更高或位置更后，可能会覆盖上面的 .news-item h3。*/
/* 建议将 .news-list-content h3 的样式合并或移除，以 .news-item h3 为准。*/

/* .news-list-content h3 {
    font-size: 22px; 
    font-weight: 600;
    margin-bottom: 15px;
    color: #002b70;
}

.news-list-content h3 a {
    color: #002b70;
}

.news-list-content h3 a:hover {
    color: #f4ad03;
} */