/* 1. 全局背景层：强制固定，不随滚动条移动 */
#web_bg {
    background-image: url(/img/background.png) !important;
    /* 请确保图片路径正确 */
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
}

/* 2. 顶部 Header 透明化：消除默认的顶部大图遮挡 */
#page-header {
    background: transparent !important;
}

/* 3. 底部 Footer 透明化：消除底部的灰色/图片遮挡 */
#footer {
    background: transparent !important;
}


/* 调整导航栏字体大小 */
#nav .menus_items .menus_item a {
    font-size: 17px !important;
    /* 默认通常是14px左右 */
    font-weight: 600 !important;
    /* 加粗一点，更有质感 */
}

/* 文章正文字体大小 */
.post-content {
    font-size: 17px;
    line-height: 1.8;
}

/* 修改分类页面的分类名称字体大小 */
.category-lists .category-list-item {
    font-size: 1.2rem;
    /* 原默认约 1rem，你可以改为 1.2rem 或 18px */
}

/* 修改侧边栏“分类”小板块的字体 */
.aside-list>.aside-list-item .content>.title {
    font-size: 1.1rem;
}

/* 1. 修改侧边栏“分类”列表的字体大小 */
#aside-content .card-category-list .card-category-list-item a {
    font-size: 1.1rem !important;
    /* 原默认较小，改为 1.1rem 或 16px */
}

/* 2. 修改侧边栏“归档”列表的字体大小 */
#aside-content .card-archive-list .card-archive-list-item a {
    font-size: 1.1rem !important;
}

/* 3. 修改侧边栏“标签”的字体大小 */
#aside-content .card-tag-cloud a {
    font-size: 1.1rem !important;
    /* 统一标签云的基础大小 */
}

/* 4. 修改侧边栏每个小板块的标题字体（可选，比如“分类”、“资讯”这几个大字） */
#aside-content .item-headline span {
    font-size: 1.15rem;
    font-weight: bold;
}

/* --- 归档页文章卡片整体优化 --- */

/* 归档页 - 文章标题 */
.article-sort-item-title {
    font-size: 1.2rem !important;
    /* 归档列表中的题目 */
}

/* 归档页 - 日期 */
.article-sort-item-time {
    font-size: 0.95rem !important;
}

/* 归档页 - 左侧年份大标题 (例如 2024) */
.article-sort-item.year {
    font-size: 1.6rem !important;
}

/* --- 首页文章列表中的文章卡片优化 --- */

/* 标题字体大小 */
.recent-post-item .article-title {
    font-size: 1.8rem !important;
    line-height: 1.4 !important;
}

/* 摘要（那几句话）字体大小 */
.recent-post-item .content {
    /* 约15-16px，更显精致 */
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    -webkit-line-clamp: 3 !important;
    /* 控制显示行数，防止字体变大后撑破卡片 */
}

/* 发布时间、分类等小字 */
.recent-post-item .article-meta-wrap {
    font-size: 1rem !important;
}

/* 文章卡片图片大小优化 */

/* 针对电脑端：缩小封面图所占宽度，给文字更多空间 */
@media screen and (min-width: 768px) {
    .recent-post-item .post_cover {
        width: 35% !important;
        /* 默认通常是 44% 左右，调小它可以让图片看起来没那么大 */
        height: 100% !important;
    }

    .recent-post-item .recent-post-info {
        width: 65% !important;
    }
}