/**
 * page.css - 合并后的CSS文件
 * 包含: index.css, list.css, show.css
 * 已去除重复样式规则
 */

/* ==================== 公共样式 (来自 index.css) ==================== */
body {
    font-family: 'Noto Sans SC', sans-serif;
}

.title-font {
    font-family: 'Noto Serif SC', serif;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==================== index.css 独有样式 ==================== */
.aspect-newspaper {
    aspect-ratio: 3/4;
}

.calendar-day:hover {
    background-color: #b91c1c;
    color: white;
}

.calendar-day.active {
    background-color: #b91c1c;
    color: white;
    border-radius: 50%;
}

.section-tab {
    transition: all 0.2s ease;
}

.section-tab:hover {
    background-color: #b91c1c;
    color: white;
}

.section-tab.active {
    background-color: #b91c1c;
    color: white;
}

/* ==================== list.css 独有样式 ==================== */
.news-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.news-card:hover .news-title {
    color: #b91c1c;
}

/* 分页样式 */
.pagination {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 上一页/下一页链接样式 */
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: #111827;
    text-decoration: none;
    background-color: #fff;
    transition: background-color 0.2s;
}

.pagination > li:first-child > a:hover,
.pagination > li:last-child > a:hover {
    background-color: #f9fafb;
}

/* 页码链接样式 */
.pagination > li:not(:first-child):not(:last-child) > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    color: #111827;
    text-decoration: none;
    background-color: #fff;
    transition: background-color 0.2s;
}

.pagination > li:not(:first-child):not(:last-child) > a:hover {
    background-color: #f9fafb;
}

/* 当前页码样式 */
.pagination > li:not(:first-child):not(:last-child) > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.375rem;
    background-color: #b91c1c;
    color: #fff;
    font-weight: 500;
}

/* ==================== show.css 独有样式 ==================== */
.article-content p {
    margin-bottom: 1.5em;
    line-height: 1.8;
    text-indent: 2em;
}

.article-content h3 {
    font-weight: bold;
    margin: 2em 0 1em;
    font-size: 1.25rem;
}

.article-content blockquote {
    border-left: 4px solid #b91c1c;
    padding-left: 1rem;
    margin: 1.5em 0;
    color: #6b7280;
    font-style: italic;
}

.share-btn:hover {
    transform: translateY(-2px);
}
