/* ========================================
   统一页面背景色样式
   移除冲突的模块背景，确保视觉一致性
======================================== */

/* 确保所有页面使用统一的蓝白渐变背景 */
body {
    background: linear-gradient(135deg, #f8fafc 0%, #e6f1ff 25%, #ffffff 50%, #e6f1ff 75%, #f8fafc 100%) !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

/* 移除模块背景色，使用透明或继承 */

/* 核心价值观区域 - 移除背景色 */
.values-section {
    background: transparent !important;
}

/* 成就模块 - 移除背景色 */
.achievements-section {
    background: transparent !important;
}

/* 荣誉统计区域 - 移除背景色 */
.honors-stats {
    background: transparent !important;
}

/* 新荣誉统计区域 - 确保透明 */
.honors-stats-new {
    background: transparent !important;
}

/* 加入我们区域 - 简化背景 */
.join-us-section-modern {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(46, 123, 255, 0.2) !important;
}

/* 时间线区域 - 确保透明 */
.timeline-section {
    background: transparent !important;
}

/* 新闻区域 - 确保透明 */
.news-section {
    background: transparent !important;
}

/* 活动区域 - 确保透明 */
.activities-section {
    background: transparent !important;
}

/* 成员区域 - 确保透明 */
.members-section {
    background: transparent !important;
}

/* 资源区域 - 确保透明 */
.resources-section {
    background: transparent !important;
}

/* 关于我们区域 - 确保透明 */
.about-intro-section {
    background: transparent !important;
}

/* 组织架构区域 - 确保透明 */
.org-structure-section {
    background: transparent !important;
}

/* 发展历程区域 - 确保透明 */
.timeline-section {
    background: transparent !important;
}

/* 荣誉墙区域 - 确保透明 */
.honors-section {
    background: transparent !important;
}

/* 首页英雄区域 - 保持现有样式但确保与背景协调 */
.hero-section {
    background: transparent !important;
}

/* 确保卡片保持白色背景以提供对比度 */
.card,
.news-card,
.activity-card,
.member-card,
.resource-card,
.honor-card-modern,
.stat-card-new,
.stat-item-honor,
.achievement-card,
.value-card,
.org-card,
.timeline-card-rect {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* 导航栏保持现有的深色样式 */
.navbar {
    background: rgba(0, 0, 0, 0.95) !important;
    backdrop-filter: blur(20px) !important;
}

/* 页脚保持现有的深色样式 */
.footer {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #333333 100%) !important;
}

/* 确保section容器本身透明（不影响带横幅背景的页面头部）*/
section:not(.page-header) {
    background: transparent !important;
}

/* 特殊处理：确保文字在统一背景上的可读性 */
.section-title,
.section-subtitle,
h1, h2, h3, h4, h5, h6,
p {
    color: var(--text-primary) !important;
}

/* 确保按钮在统一背景上的可见性 */
.btn {
    box-shadow: 0 4px 15px rgba(46, 123, 255, 0.3) !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    body {
        background: linear-gradient(135deg, #f8fafc 0%, #e6f1ff 30%, #ffffff 70%, #f8fafc 100%) !important;
    }
}

/* 确保加载动画背景与统一背景协调 */
.loading-overlay {
    background: linear-gradient(135deg, #f8fafc 0%, #e6f1ff 25%, #ffffff 50%, #e6f1ff 75%, #f8fafc 100%) !important;
}

/* 模态框背景调整 */
.modal-content {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 下拉菜单背景调整 */
.dropdown-menu {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* 工具提示背景调整 */
.tooltip-inner {
    background: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(5px) !important;
}

/* 确保表单元素在统一背景上的可见性 */
.form-control,
.form-select {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(46, 123, 255, 0.3) !important;
}

.form-control:focus,
.form-select:focus {
    background: rgba(255, 255, 255, 1) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(46, 123, 255, 0.25) !important;
}