/* 字体导入 */
@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; }

* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    max-width: 100vw;
}

.carousel-item {
    display: none;
}

.carousel-item.active {
    display: block;
}

.article-content p {
    margin-bottom: 1.5rem;
    text-indent: 2em;
    line-height: 1.8;
}

.article-content img {
    margin: 1.5rem auto;
    max-width: 100%;
    height: auto;
}

.article-content h2 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 2rem 0 1rem;
    padding-left: 0.75rem;
    border-left: 4px solid #c41e3a;
}
/* 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;
}
/* 分页 */
.pagination {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    list-style: none;
}

.pagination li {
    display: flex;
}

.pagination li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #666666;
    border: 1px solid #e5e5e5;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pagination li a:hover {
    border-color: #c41e3a;
    color: #c41e3a;
}

.pagination li:first-child a,
.pagination li:last-child a {
    color: #999999;
}

.pagination li:first-child a:hover,
.pagination li:last-child a:hover {
    border-color: #c41e3a;
    color: #c41e3a;
}

.pagination li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: #c41e3a;
    border-radius: 0.25rem;
}