/* Banner 样式 */
.category-banner {
    background-color: var(--theme-color);
    height: max(16vw, 120px);
}

.category-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.category-banner-content h1 {
    font-size: var(--widget-title-h2-fs);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}

.category-banner-content p {
    color: #fff;
    font-size: var(--widget-title-p-3-fs);
    line-height: 1.6;
}

/* 分类页面整体布局 */
.archive-container {
    background-color: #F2F3F4;
    padding: max(2vw, 20px);
}

.archive-content-body {
    display: grid;
    grid-template-columns: max(280px, 16vw) 1fr;
    gap: max(1.2vw, 20px);
}

/* 左侧分类栏样式 */
.category-sidebar {
    background: #fff;
    border-radius: 8px;
    padding: max(1.5vw, 20px);
    height: fit-content;
}

.category-sidebar h2 {
    font-size: var(--widget-title-p-3-fs);
    font-weight: 600;
    color: #333;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #eee;
}

.category-sidebar h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: var(--theme-color);
    width: 80px;
}

.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    margin: max(1.2vw, 20px) 0;
}

.category-list li:last-child {
    margin-bottom: 0;
}

.category-list a {
    display: flex;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    align-items: center;
    grid-gap: 10px;
    font-size: var(--widget-title-p-4-fs);
}

.category-list li.active a,
.category-list a:hover {
    color: var(--theme-color);
}
.category-list li.active a img,
.category-list a:hover img {
    filter: var(--svg-filter-color);
}

.post-count {
    font-size: 0.9em;
    opacity: 0.8;
}

/* 右侧文章列表样式 */
.archive-content {
}

.archive-header {
    margin-bottom: max(2vw, 30px);
}

.archive-header h1 {
    font-size: var(--widget-title-h2-fs);
    font-weight: 700;
    color: #333;
    margin-bottom: 16px;
}

.category-description {
    color: #666;
    font-size: var(--widget-title-p-3-fs);
    line-height: 1.6;
}

/* 分页样式 */
.pagination {
    margin-top: max(3vw, 40px);
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    background: #fff;
    color: #666;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pagination .current,
.pagination .page-numbers:hover {
    background: var(--theme-color);
    color: #fff;
}

/* 响应式调整 */
@media (max-width: 991px) {
    .archive-content-body {
        grid-template-columns: 1fr;
    }

    .category-sidebar {
        margin-bottom: max(2vw, 30px);
    }

    .post-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .post-grid {
        grid-template-columns: 1fr;
    }
}