/* 可访问性增强 - 提高对比度 */

/* 页脚文本对比度增强 */
#footer {
    background: #f3f5f7;
    color: #333333; /* 提高文本颜色对比度，从rgba(0,0,0,.51)改为#333333 */
    font-weight: 500; /* 稍微增加字体粗细，提高可读性 */
}

#footer p {
    color: #333333; /* 确保段落文本也有足够的对比度 */
}

/* 底部导航栏对比度增强 */
.mobile-bottom-nav {
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); /* 增强阴影 */
}

.mobile-nav-item {
    color: #606060; /* 从#999增强到#606060，提高对比度 */
    font-weight: 500; /* 增加字体粗细 */
}

.mobile-nav-item i {
    color: inherit; /* 确保图标颜色与文本匹配 */
}

.mobile-nav-item.active {
    color: #d02200; /* 从#ff2a14变暗一点，提高对比度 */
    font-weight: 700; /* 活动项目更粗 */
}

.mobile-nav-item:hover, 
.mobile-nav-item:active {
    color: #d02200; /* 保持与活动项目一致 */
}

/* 黑暗模式下的对比度增强 */
[data-theme="dark"] .mobile-bottom-nav {
    background-color: #1a1a1f;
}

[data-theme="dark"] .mobile-nav-item {
    color: rgba(255, 255, 255, 0.8); /* 从0.6提高到0.8 */
}

[data-theme="dark"] .mobile-nav-item.active,
[data-theme="dark"] .mobile-nav-item:hover {
    color: #ff4530; /* 更亮的红色，在暗背景上提高对比度 */
}

/* SEO内容区域对比度增强 */
.seo-content {
    color: #333333; /* 提高对比度 */
}

/* 模块标签项对比度增强 */
.module-tab-item.selected {
    color: #000000; /* 确保已选择的标签有最高对比度 */
    font-weight: 600;
}

/* 增强所有"版权声明"文本的对比度 */
.video-subtitle p,
.module-item-text {
    color: #333333 !important; /* 重要，覆盖任何可能的内联样式 */
}