/* 字体导入 */
@import url("https://fontsapi.zeoseven.com/69/main/result.css");
@import url("https://fontsapi.zeoseven.com/285/main/result.css");

/* 基础样式 */
html { scroll-behavior: smooth; }
body { font-family: "Noto Sans CJK", sans-serif; overflow-x: hidden; }
.font-serif { font-family: "Noto Serif CJK", serif; }

/* 轮播图样式 - 仅用于index页 */
.carousel-container { position: relative; overflow: hidden; }
.carousel-track { display: flex; transition: transform 0.5s ease-in-out; }
.carousel-slide { min-width: 100%; }

/* 分页样式 - 仅用于list页 */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
    list-style: none;
    padding: 0;
}
.pagination > li {
    display: inline-flex;
}
.pagination > li > a,
.pagination > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
}
.pagination > li > a {
    color: #1e3a5f;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    text-decoration: none;
}
.pagination > li > a:hover {
    background-color: #2d3a8c;
    color: #fff;
    border-color: #2d3a8c;
}
.pagination > li > span {
    background-color: #2d3a8c;
    color: #fff;
    border: 1px solid #2d3a8c;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    font-weight: 500;
}

/* line-clamp 样式 - 用于文本多行截断 */
.line-clamp-1,
.line-clamp-2,
.line-clamp-3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.line-clamp-1 {
    -webkit-line-clamp: 1 !important;
    line-clamp: 1;
    max-height: 1.5em;
}

.line-clamp-2 {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2;
    max-height: 3em;
}

.line-clamp-3 {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3;
    max-height: 4.5em;
}

/* 文章内容样式 - 仅用于show页 */
.article-content p { margin-bottom: 1.5rem; line-height: 1.8; }
.article-content h2 { font-size: 1.25rem; font-weight: 700; margin: 2rem 0 1rem; color: #1e3a5f; }
.article-content blockquote { 
    border-left: 4px solid #2d3a8c; 
    padding-left: 1rem; 
    margin: 1.5rem 0; 
    color: #4a5568;
    font-style: italic;
}
.article-content img { margin: 1.5rem auto; border-radius: 0.5rem; }
.article-content figcaption { text-align: center; font-size: 0.875rem; color: #718096; margin-top: 0.5rem; }