/* 首页动态背景动画特效 - 完整版本 */

/* 基础背景渐变 */
body {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #533483 75%, #1a1a2e 100%) !important;
    background-size: 400% 400% !important;
    animation: gradientShift 20s ease infinite !important;
    position: relative !important;
    overflow-x: hidden !important;
}

/* 背景渐变动画 */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* 确保所有内容区域背景透明 */
.container,
.main,
.main-inner,
.content-wrap,
.content,
.site-content,
.page-content,
.entry-content,
.article-content,
.post-content,
body > .container,
#content,
#main,
#primary,
#secondary,
#page,
#wrapper,
.wrapper,
.site-wrapper,
.site-inner,
.site-container,
.site-content-contain,
.site-content-wrapper,
.page-wrapper,
.page-inner,
.page-content-wrapper,
.entry-wrapper,
.entry-inner,
.entry-content-wrapper,
.post-wrapper,
.post-inner,
.post-content-wrapper,
.article-wrapper,
.article-inner,
.article-content-wrapper,
.content-wrapper,
.content-inner,
.content-area,
.content-container,
.content-region,
.content-section,
.content-block,
.content-element,
.content-part,
.content-piece,
.content-segment,
.content-unit,
.content-zone {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* 首页特定容器 */
.container-home,
.home-main,
.home-content,
.home-heading,
.home-blog,
.home-cms,
.home-cat,
.home-rolls,
.home-section,
.home-featured,
.home-widgets,
.home-sidebar,
.home-grid,
.home-posts,
.home-articles,
.home-cards,
.home-boxes,
.home-blocks,
.home-modules,
.home-units,
.home-segments,
.home-elements,
.home-pieces,
.home-parts,
.home-components,
.home-regions,
.home-areas,
.home-zones,
.home-sections,
.home-container,
.home-wrapper,
.home-inner,
.home-content-wrapper,
.home-content-inner,
.home-content-container,
.home-content-region,
.home-content-section,
.home-content-block,
.home-content-element,
.home-content-part,
.home-content-piece,
.home-content-segment,
.home-content-unit,
.home-content-zone {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* 卡片样式 */
.card,
.article-card,
.resource-card,
.post-card,
.grid-item,
.item,
.box,
.block,
.module,
.unit,
.segment,
.element,
.piece,
.part,
.component,
.region,
.area,
.zone,
.section {
    background: rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

/* 导航栏背景 */
.header,
.navbar,
.nav,
.navigation,
.site-header,
.page-header,
.main-header,
.primary-header,
.secondary-header,
.top-header,
.bottom-header,
.header-wrapper,
.header-inner,
.header-content,
.header-container,
.header-region,
.header-section,
.header-block,
.header-element,
.header-part,
.header-piece,
.header-segment,
.header-unit,
.header-zone {
    background: rgba(26, 26, 46, 0.8) !important;
    background-color: rgba(26, 26, 46, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 页脚背景 */
.footer,
.site-footer,
.page-footer,
.main-footer,
.primary-footer,
.secondary-footer,
.top-footer,
.bottom-footer,
.footer-wrapper,
.footer-inner,
.footer-content,
.footer-container,
.footer-region,
.footer-section,
.footer-block,
.footer-element,
.footer-part,
.footer-piece,
.footer-segment,
.footer-unit,
.footer-zone {
    background: rgba(26, 26, 46, 0.8) !important;
    background-color: rgba(26, 26, 46, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 强制移除所有可能的背景设置 */
body *:not(.card):not(.header):not(.footer):not(.navbar):not(.nav):not(.navigation) {
    background-color: transparent !important;
}

/* 文字颜色 */
body {
    color: #ffffff !important;
}

a {
    color: #a0d8ef !important;
}

a:hover {
    color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* 确保内容区域的z-index低于背景动画 */
.container,
.main,
.main-inner,
.content-wrap,
.content,
.container-home,
.home-main {
    position: relative !important;
    z-index: 1 !important;
}

/* 确保背景动画的z-index正确 */
.stars,
.particles,
.breathing-light,
.rainbow-effect,
.meteor,
body::before,
body::after {
    z-index: 0 !important;
}

/* 修复可能的滚动问题 */
html, body {
    overflow-x: hidden !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    body {
        animation: gradientShift 25s ease infinite !important;
    }
    
    .card,
    .article-card,
    .resource-card {
        background: rgba(255, 255, 255, 0.08) !important;
    }
}