/* ========= Identity Security 英文版专用样式 ========= */
/* 符合英文版字体规范快速参考.md */

/* 主视觉标签字体 */
/* 规范：14px，字重500 */
.section-caption-border {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 主视觉标题字体大小调整 - 英文版 */
/* 英文版适当缩小以获得更好的视觉效果 */
.hs-title-1a {
    font-size: 42px !important;  /* 从48px缩小到42px，更适合英文显示 */
    font-weight: 100 !important;  /* 字重100（细体） */
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;  /* 微调字间距 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 平板端调整 (768-1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .hs-title-1a {
        font-size: 36px !important;  /* 从40px缩小到36px */
    }
}

/* 移动端调整 (576-767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .hs-title-1a {
        font-size: 30px !important;  /* 从32px缩小到30px */
    }
}

/* 小屏手机调整 (<576px) */
@media (max-width: 575px) {
    .hs-title-1a {
        font-size: 26px !important;  /* 从28px缩小到26px */
    }
}

/* 主视觉描述文字调整 */
/* 规范：大正文16px，行高1.6 */
.section-descr {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* 移动端保持可读性 */
@media (max-width: 767px) {
    .section-descr {
        font-size: 14px !important;
    }
}

/* 区块标题调整 */
/* 规范：H3桌面28px移动22px，字重600 */
.section-title {
    font-size: 26px !important;  /* 英文版适当缩小 */
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

@media (max-width: 767px) {
    .section-title {
        font-size: 22px !important;
    }
}

/* 标签字体调整 */
.nav-tabs .nav-link {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 内容文字 */
.text-gray,
.tab-content {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* 图片标题 */
.work-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* 图片描述 */
.work-descr {
    font-size: 13px !important;
}

/* 按钮文字规范 */
/* 规范：14px，字重500 */
.btn,
button,
.link-hover-anim {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Caption 字体 */
.section-caption-fancy {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* ====================== 背景样式覆盖 ====================== */
/* 确保内容区域背景为纯色灰色，覆盖任何点状网格或视差效果 */

/* HTML和Body元素 */
html,
body {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

/* 页面包装器 */
.page,
.page.bg-dark-1 {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

/* 主容器 */
#main {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

/* 所有内容区块（排除footer） */
.page-section:not(.footer):not([class*="footer"]) {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
    position: relative;
    z-index: 1;
}

.page-section.bg-dark-1:not(.footer):not([class*="footer"]) {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

.page-section.light-content:not(.footer):not([class*="footer"]) {
    background-color: #121212 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

/* 移除任何伪元素背景 */
.page::before,
.page::after,
#main::before,
#main::after,
.page-section::before,
.page-section::after,
.page-section.bg-dark-1::before,
.page-section.bg-dark-1::after {
    display: none !important;
    background-image: none !important;
    background: none !important;
}

/* 移除容器的背景（排除footer内的容器） */
.container:not(#footer-container *):not(.footer *) {
    background-image: none !important;
    background-attachment: scroll !important;
}

/* 禁用视差滚动效果 */
.page-section[class*="parallax"],
.page-section.parallax-5,
[data-rellax-speed],
.decoration-4,
.decoration-8,
.decoration-21 {
    transform: none !important;
    will-change: auto !important;
}

/* 移除任何装饰元素的背景 */
[class*="decoration-"]::before,
[class*="decoration-"]::after {
    display: none !important;
    background: none !important;
}

/* 强制移除所有可能产生背景的元素 */
*:not(img):not(svg):not(video) {
    background-attachment: scroll !important;
}

/* 专门针对可能被遗漏的选择器 */
body::before,
body::after,
html::before,
html::after {
    display: none !important;
    background: none !important;
}

/* 移除所有section的背景图像（排除footer） */
section[class*="page-section"]:not(.footer):not([class*="footer"]) {
    background-image: none !important;
    background-color: #121212 !important;
}

/* Canvas元素隐藏（如果有动态创建的） */
canvas[style*="position"] {
    display: none !important;
}

/* ====================== 专门移除 radial-gradient 点状网格 ====================== */
/* 只针对内容区域的背景，不影响主视觉区域 */

/* 只针对 #about 及之后的内容section，保留主视觉区域和footer的背景效果 */
#about,
#about ~ section:not(.footer):not([class*="footer"]),
#about .container,
section.page-section.bg-dark-1.light-content:not(.parallax-5):not(.footer):not([class*="footer"]) {
    background: #121212 !important;
    background-image: none !important;
    background-color: #121212 !important;
}