.is-sticky .left-col, #primary .sticky-wrapper {
    float: left;
    width: 120px;
}
.left-col {
    float: left;
    width: 120px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    transition: 0.5s all;
        margin-right: 15px;
}
.sidebar-2 #left-nav {
    background-color: #fff;
    text-align: center;
    margin-bottom: -5px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}
.sidebar-2 #left-nav li a {
    display: block;
    line-height: 1.3;
    margin-bottom: 5px;
    padding: 10px 10px;
        color: #000;
}

/* --- 1. 左侧导航样式优化 --- */
.custom-pure-pink-nav .left-menu {
    border: none !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.custom-pure-pink-nav .left-menu li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.custom-pure-pink-nav .left-menu li a {
    display: block !important;
    padding: 12px 10px !important;
    color: #444 !important;
    font-size: 14px !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.custom-pure-pink-nav .left-menu li a:hover {
    color: #fff !important;
     background-color: #f9597f;
}
.custom-pure-pink-nav .left-menu li.active a,
.custom-pure-pink-nav .left-menu li.current-menu-item a {
    background-color: #fd4674 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* --- 2. 归档页头部美化 --- */
.archive-header {
    background: #fff !important; 
    padding: 16px !important; 
    margin-bottom: 16px !important; 
    border-radius: 4px !important; 
    border-left: 4px solid #fd4674 !important; 
    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
.archive-header h4 {
    margin: 0 0 6px 0 !important; 
    font-weight: bold !important;
    font-size: 18px !important;
}
.archive-header p {
    margin: 0 !important; 
    font-size: 12px !important; 
    color: #999 !important;
}

/* --- 3. 文章卡片精细美化（已彻底剔除 width 和 clear 冲突属性） --- */
.pure-modern-card {
    display: flex !important;
    background: #fff !important;
    padding: 16px !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important; /* 增加精致的悬浮微动效 */
}
.pure-modern-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* 固定缩略图展现空间 */
.pure-card-thumb-area {
    width: 200px !important;
    height: 125px !important;
    flex-shrink: 0 !important;
    margin-right: 20px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    background: #fdfdfd !important;
}
.pure-thumb-anchor, 
.pure-thumb-anchor img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 右侧内容自适应，高度完美对齐左侧缩略图 */
.pure-card-body-area {
    flex-grow: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 125px !important;
}
.pure-card-title {
    margin: 0 0 6px 0 !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}
.pure-card-title a {
    color: #222 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.pure-card-title a:hover {
    color: #fd4674 !important;
}
.pure-sticky-badge {
    background: #ff4d4f !important;
    color: #fff !important;
    font-size: 11px !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
}
.pure-card-excerpt {
    margin: 0 0 10px 0 !important;
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 底部元数据信息 */
.pure-card-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 12px !important;
    color: #999 !important;
}
.pure-meta-left {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}
.pure-meta-badge a, .pure-meta-badge span {
    background: #e6f7ff !important;
    color: #1890ff !important;
    padding: 1px 8px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
}
.pure-meta-text i {
    margin-right: 3px !important;
}

/* 暂无内容空状态 */
.pure-empty-state {
    text-align: center !important; 
    padding: 50px 0 !important; 
    background: #fff !important; 
    border-radius: 4px !important; 
    border: 1px solid #eee !important; 
    color: #999 !important;
}

/* --- 4. 移动端响应式兼容 --- */
@media(max-width: 576px) {
    .pure-modern-card {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .pure-card-thumb-area {
        width: 100% !important;
        height: 150px !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
    }
    .pure-card-body-area {
        height: auto !important;
        width: 100% !important;
    }
}
@media (min-width: 992px) {
    .g-4 .col-lg-4 {
        flex: 0 0 auto;
        width: 26.333333%;
             
    }
    
    .g-4 .col-lg-8 {
        flex: 0 0 auto;
        width: 73.666667%;
    }
    
}
@media only screen and (max-width: 959px) {
.is-sticky .left-col, #primary .sticky-wrapper, .left-col, .g-4 .col-lg-4, .bottom-right {
        display: none;
    }
}
.fw-medium.text-truncate {
    white-space: normal !important;
    word-break: break-all !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
}
i.bi.bi-chevron-right.opacity-25 {
    display: none !important;
}
aside.sidebar {
    background: #fff !important;
   padding: 12px;
}
/* ==========================================
   【959px 以下手机端】精细紧凑小图列表排版优化
   ========================================== */
@media (max-width: 959px) {
    /* 1. 全局容器解除浮动并缩减内边距 */
    .post-list-wrapper {
        width: 100% !important;
        float: none !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    /* 2. 隐藏面包屑或分类大头部，省出手机端屏幕空间（可选） */
    .archive-header {
        padding: 10px !important;
        margin-bottom: 10px !important;
    }

    /* 3. 核心卡片重组：保持平铺，但缩小间距和高度 */
    .pure-modern-card {
              display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        padding: 10px 10px !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
        background: #ffffff !important;
    }
    
    .pure-modern-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    /* 4. 左侧微型缩略图：严格锁定比例（正方形或小矩形） */
    .pure-card-thumb-area {
        width: 80px !important;  /* 严格控制小图宽度 */
        height: 60px !important; /* 严格控制小图高度 */
        flex-shrink: 0 !important;
        margin-right: 12px !important;
        margin-bottom: 0 !important;
        border-radius: 4px !important;
    }

    /* 5. 右侧文字区域：自适应撑满，高度调整 */
    .pure-card-body-area {
        flex-grow: 1 !important;
        min-width: 0 !important;
        height: 60px !important; /* 高度和左侧小图完全对齐 */
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    /* 6. 标题：紧凑型两行截断 */
    .pure-card-title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
    .pure-card-title a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* 限制2行标题 */
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        white-space: normal !important;
    }

    /* 7. 彻底隐藏简介段落：手机端小图模式不需要密密麻麻的摘要 */
    .pure-card-excerpt {
        display: none !important;
    }

    /* 8. 底部元数据：只保留日期，或者让其他小字精简成一行 */
    .pure-card-meta {
        font-size: 11px !important;
        color: #aaa !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: space-between !important;
    }
    
    /* 隐藏阅读量、作者等杂余图标，只留核心信息 */
    .pure-meta-left {
        gap: 8px !important;
    }
    .pure-meta-badge,
    .pure-meta-text:not(:last-child) { 
        display: none !important; /* 隐藏分类标签和作者，只留时间 */
    }
    .pure-meta-right {
        display: none !important; /* 隐藏右侧浏览量 */
    }
}
/* ========================================================
   【功能补丁】：鼠标悬停显示二级菜单 + 定制蓝色搜索框
   ======================================================== */

/* --- ① 专属蓝色实体搜索框样式 --- */
.custom-blue-search {
    width: 100% !important;
}
.custom-blue-search .input-group {
    border: 1px solid #2b66e3 !important; /* 经典蓝色外边框 */
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #fff !important;
}
.custom-blue-search .input-group-text {
    border: none !important;
    padding-right: 5px !important;
    color: #999 !important;
}
.custom-blue-search .form-control {
    border: none !important;
    font-size: 14px !important;
    padding: 6px 10px 6px 0 !important;
    color: #333 !important;
}
/* 占位符颜色调整 */
.custom-blue-search .form-control::placeholder {
    color: #999 !important;
}
/* 蓝色实体搜索按钮 */
.custom-blue-search .btn-primary {
    background-color: #2b66e3 !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease !important;
}
.custom-blue-search .btn-primary:hover {
    background-color: #1a52c7 !important;
}

/* --- ② PC 端鼠标悬停（Hover）显示二级菜单 --- */
@media (min-width: 992px) {
    /* 锁定 PC 端搜索框最佳宽度 */
    .custom-blue-search {
        width: 260px !important; 
    }
    
    /* 核心悬停逻辑 */
    .custom-hover-navbar .custom-dropdown-hover:hover .dropdown-menu {
        display: block !important;
        margin-top: 0 !important; /* 消除间隙防止鼠标滑出时断开 */
        animation: navFadeIn 0.15s ease-out; /* 微动效让展开更自然 */
    }
    
    /* 解决 Bootstrap 原生下拉小箭头的微调 */
    .custom-hover-navbar .dropdown-toggle::after {
        transition: transform 0.2s ease !important;
    }
    .custom-hover-navbar .custom-dropdown-hover:hover .dropdown-toggle::after {
        transform: rotate(180deg); /* 悬停时小箭头反转 */
    }
}

/* 下拉菜单淡入小动画 */
@keyframes navFadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
a.nav-link.dropdown-toggle {
    color: #2c3644 !important;
    font-size: 15px;
    padding: 0 15px !important;
    font-weight: 400;
}
.footer-bottom.row {
    margin: 0 auto;
    width: 1180px;
}
footer.footer-main {
    background: #ffffff!important;
    color: #666;
    padding: 0px 0 20px;
}
a.dropdown-item {
    font-weight: 400;
    color: #1e293b;
}
/* ==========================================================================
   🚨 彻底重塑底部与侧边栏布局纠偏 CSS
   ========================================================================== */

/* 1. 强行把页脚揪出来，铺满全屏，防止右侧空缩 */
.sd-custom-footer {
    clear: both !important;
    float: none !important;
    display: block !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 4rem !important;
    background-color: #fcfcfc !important;
    border-top: 1px solid #e9ecef !important;
    box-sizing: border-box !important;
      padding: 0.5rem 0 2rem 0 !important;
}

/* 2. 定宽容器控制居中对齐 */
.sd-custom-footer .footer-container {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
    box-sizing: border-box !important;
}

/* 3. 上部 4 栏弹性布局 */
.sd-custom-footer .footer-row-main {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    margin-bottom: 2.5rem !important;
}
.sd-custom-footer .footer-col {
    box-sizing: border-box !important;
}
.sd-custom-footer .col-40 { width: 35%; }
.sd-custom-footer .col-15 { width: 15%; }
.sd-custom-footer .col-30 { width: 30%; }

/* 4. 样式美化 */
.sd-custom-footer .footer-logo-area {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1rem !important;
}
.sd-custom-footer .footer-logo-area i { font-size: 1.5rem !important; margin-right: 0.5rem !important; }
.sd-custom-footer .footer-logo-area h5 { font-weight: 700 !important; color: #212529 !important; margin: 0 !important; }
.sd-custom-footer .footer-desc-text { color: #6c757d !important; font-size: 0.875rem !important; line-height: 1.6 !important; }
.sd-custom-footer .footer-social-icons a { color: #6c757d !important; font-size: 1.25rem !important; margin-right: 1rem !important; transition: color 0.2s; }
.sd-custom-footer .footer-social-icons a:hover { color: #0d6efd !important; }

.sd-custom-footer h6 { font-weight: 700 !important; color: #212529 !important; margin-bottom: 1.25rem !important; font-size: 1rem !important; }
.sd-custom-footer .footer-menu-links { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.sd-custom-footer .footer-menu-links li { margin-bottom: 0.5rem !important; }
.sd-custom-footer .footer-menu-links a { color: #6c757d !important; font-size: 0.875rem !important; text-decoration: none !important; }
.sd-custom-footer .footer-menu-links a:hover { color: #0d6efd !important; text-decoration: underline !important; }

/* 5. 订阅框修正 */
.sd-custom-footer .subscribe-card { background: #fff !important; border: 1px solid #eee !important; border-radius: 8px !important; padding: 1rem !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; margin-top: 1rem !important; }
.sd-custom-footer .subscribe-title { font-size: 0.875rem !important; color: #212529 !important; font-weight: 500 !important; margin-bottom: 0.5rem !important; }
.sd-custom-footer .subscribe-group { display: flex !important; }
.sd-custom-footer .subscribe-group input { flex: 1 !important; border: 1px solid #ced4da !important; background: #f8f9fa !important; padding: 0.375rem 0.75rem !important; font-size: 0.875rem !important; border-radius: 4px 0 0 4px !important; outline: none !important; }
.sd-custom-footer .subscribe-group button { background: #0d6efd !important; border: none !important; color: #fff !important; padding: 0.375rem 0.75rem !important; border-radius: 0 4px 4px 0 !important; }

/* 6. 友情链接区域重写 */
.sd-custom-footer .footer-links-divider {
    padding-top: 1.25rem !important;
    margin-bottom: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
}
.sd-custom-footer .links-title-label { font-size: 0.875rem !important; font-weight: 700 !important; color: #212529 !important; margin-right: 1rem !important; white-space: nowrap !important; }
.sd-custom-footer .links-wrapper-content { display: flex !important; flex-wrap: wrap !important; gap: 1.5rem !important; }
.sd-custom-footer .links-wrapper-content a { font-size: 0.875rem !important; color: #6c757d !important; text-decoration: none !important; }
.sd-custom-footer .links-wrapper-content a:hover { color: #0d6efd !important; text-decoration: underline !important; }

/* 7. 版权条重写 */
.sd-custom-footer .footer-bottom-bar { border-top: 1px solid rgba(0,0,0,0.06) !important; padding-top: 1.25rem !important; display: flex !important; justify-content: space-between !important; font-size: 0.875rem !important; color: #6c757d !important; }
.sd-custom-footer .footer-bottom-bar a { color: #6c757d !important; text-decoration: none !important; }
.sd-custom-footer .footer-bottom-bar a:hover { color: #0d6efd !important; }
.sd-custom-footer .split-line { margin: 0 0.5rem !important; opacity: 0.4 !important; }