/* ========= Identity Security 中文版专用样式 ========= */
/* 移除 radial-gradient 点状网格背景 */
/* 只针对 #about 之后的内容区域，不影响主视觉和标签切换模块 */

/* ====================== 标签切换区域样式保护 ====================== */
/* 确保标签切换区域（主视觉下方）保持深色背景和浅色文字 */

/* 标签切换区域的深色背景 - 纯色背景 */
section.bg-dark-1.light-content:not(#about) {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

/* 标签切换区域内的导航标签样式 - 浅色文字 */
section.bg-dark-1.light-content:not(#about) .nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* 标签切换区域 - 激活状态的标签 */
section.bg-dark-1.light-content:not(#about) .nav-tabs .nav-link.active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* 标签切换区域 - 悬停效果 */
section.bg-dark-1.light-content:not(#about) .nav-tabs .nav-link:hover {
    color: #ffffff !important;
}

/* ====================== 背景样式覆盖 ====================== */

/* 只针对 #about 及之后的内容section，保留主视觉区域、标签切换模块和footer的背景效果 */
#about,
#about ~ section:not(.footer):not([class*="footer"]) {
    background: #121212 !important;
    background-image: none !important;
    background-color: #121212 !important;
}

/* 只针对 #about 内的容器 */
#about .container,
#about ~ section:not(.footer):not([class*="footer"]) .container {
    background-image: none !important;
}

/* 只禁用 #about 之后内容区域的视差滚动 */
#about [data-rellax-speed],
#about ~ section:not(.footer) [data-rellax-speed] {
    transform: none !important;
    will-change: auto !important;
}