/* Jiguangku Enhance: home */
body.home .home-tab-content .box-body.notop.nobottom,
body.blog .home-tab-content .box-body.notop.nobottom {
    margin-bottom: 16px;
}

body.home .widget-graphic-cover,
body.blog .widget-graphic-cover,
body.home .posts-item,
body.blog .posts-item {
    border: 1px solid rgba(94, 106, 210, 0.10);
    transition: transform 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

@media (hover: hover) {
    body.home .widget-graphic-cover:hover,
    body.blog .widget-graphic-cover:hover,
    body.home .posts-item:hover,
    body.blog .posts-item:hover {
        transform: translateY(-2px);
        border-color: rgba(94, 106, 210, 0.16);
        box-shadow: 0 16px 42px rgba(15, 23, 42, 0.075);
    }
}

body.dark-theme.home .widget-graphic-cover,
body.dark-theme.blog .widget-graphic-cover,
body.dark-theme.home .posts-item,
body.dark-theme.blog .posts-item {
    border-color: rgba(130, 143, 255, 0.14);
}

@media (hover: hover) {
    body.dark-theme.home .widget-graphic-cover:hover,
    body.dark-theme.blog .widget-graphic-cover:hover,
    body.dark-theme.home .posts-item:hover,
    body.dark-theme.blog .posts-item:hover {
        border-color: rgba(130, 143, 255, 0.22);
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.20);
    }
}

body.home .header-slider-card .icon-cover-card.zib-widget,
body.blog .header-slider-card .icon-cover-card.zib-widget {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.88);
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(3px) saturate(105%) !important;
    backdrop-filter: blur(3px) saturate(105%) !important;
    overflow: hidden;
    transition: transform 0.2s ease-out, background-color 0.2s ease-out;
}

body.dark-theme.home .header-slider-card .icon-cover-card.zib-widget,
body.dark-theme.blog .header-slider-card .icon-cover-card.zib-widget {
    background: rgba(47, 49, 53, 0.94) !important;
    border-color: rgba(130, 143, 255, 0.14);
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(3px) saturate(105%) !important;
    backdrop-filter: blur(3px) saturate(105%) !important;
}

@media (hover: hover) {
    body.home .header-slider-card .icon-cover-card.zib-widget:hover,
    body.blog .header-slider-card .icon-cover-card.zib-widget:hover {
        transform: translateY(-2px);
    }
}