/* 禁用所有Webflow页面加载动画 - 让内容立即显示，但保留导航栏过渡效果和logo滚动 */

/* 强制禁用所有淡入淡出和移动动画 */
[data-w-id]:not(img):not(.reveal-wrap):not(.inner-image-wrap):not(.features-v1-image-wrap):not(.since-image):not(.since-image-wrap):not(.since-list):not(.tab-link):not(.hero-tabs):not(.w-tab-link):not(.brand-wrap):not(.logo-outer):not(.brand-right):not(.logo-box):not(.brand-logo),
[style*="opacity:0"]:not(img):not(.reveal-wrap):not(.inner-image-wrap):not(.features-v1-image-wrap):not(.since-image):not(.since-image-wrap):not(.since-list):not(.tab-link):not(.hero-tabs):not(.w-tab-link):not(.brand-wrap):not(.logo-outer):not(.brand-right):not(.logo-box):not(.brand-logo),
[style*="opacity: 0"]:not(img):not(.reveal-wrap):not(.inner-image-wrap):not(.features-v1-image-wrap):not(.since-image):not(.since-image-wrap):not(.since-list):not(.tab-link):not(.hero-tabs):not(.w-tab-link):not(.brand-wrap):not(.logo-outer):not(.brand-right):not(.logo-box):not(.brand-logo),
[style*="transform"]:not(img):not(.reveal-wrap):not(.inner-image-wrap):not(.features-v1-image-wrap):not(.since-image):not(.since-image-wrap):not(.since-list):not(.tab-link):not(.hero-tabs):not(.w-tab-link):not(.brand-wrap):not(.logo-outer):not(.brand-right):not(.logo-box):not(.brand-logo),
[style*="filter: blur"]:not(img):not(.reveal-wrap):not(.inner-image-wrap):not(.features-v1-image-wrap):not(.since-image):not(.since-image-wrap):not(.since-list):not(.tab-link):not(.hero-tabs):not(.w-tab-link):not(.brand-wrap):not(.logo-outer):not(.brand-right):not(.logo-box):not(.brand-logo) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
}

/* 确保图片和图片容器正常显示 */
img,
.reveal-wrap,
.inner-image-wrap,
.features-v1-image-wrap,
.features-v1-image-wrap.v1,
.since-image,
.fit-cover {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 成长历程图片容器 - 确保正常显示和交互 */
.since-image-wrap,
.since-image,
.since-image img {
    opacity: 1 !important;
    visibility: visible !important;
}

.since-list {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 确保hero区域的tab功能正常 */
.hero-tabs,
.hero-tabs-menu,
.tab-link,
.w-tab-link,
.w-tabs {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.tab-link,
.w-tab-link {
    cursor: pointer !important;
}

/* tab激活状态样式 - 让当前选中的tab更明显 */
.tab-link.w--current {
    background-color: rgba(0, 255, 136, 0.1) !important;
}

.tab-link.w--current .button-2 {
    color: #ffffff !important;
}

/* tab激活时显示左右边框图标 */
.tab-link.w--current .border-icon-wrap-02,
.tab-link.w--current .border-icon-wrap-01 {
    opacity: 1 !important;
}

/* 去掉solutions-tabs-menu的朦胧特效 */
.solutions-tabs-menu,
.solutions-tab-link {
    filter: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 确保合作伙伴板块正常显示和滚动 */
.brand-wrap,
.brand-right,
.logo-outer,
.logo-box,
.brand-logo {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

.brand-logo {
    display: block !important;
}

/* 导航栏保持正常显示但允许其自身的动画 */
.navbar,
.navbar-container,
.navbar-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 移除导航栏紧跟着的hero-diagonal-line的上边距 */
.page-wrapper > .hero-diagonal-line:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-wrapper > .hero-diagonal-line:first-child .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-wrapper > .hero-diagonal-line:first-child .top-diagonal-hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 隐藏Webflow徽章 */
.w-webflow-badge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* 只隐藏徽章链接,不影响其他元素 */
a.w-webflow-badge,
a[href*="webflow.com?utm_campaign=brandjs"] {
    display: none !important;
}

/* 隐藏所有购物车相关元素 */
[class*="commerce-cart"],
[data-node-type*="commerce-cart"],
.w-commerce-commercecartcontainer,
.w-commerce-commercecartwrapper,
.w-commerce-commercecartopenlink {
    display: none !important;
}

/* 确保移动端菜单按钮可见 */
.w-nav-button {
    display: block !important;
}

/* 确保菜单按钮在移动端显示 */
@media (max-width: 991px) {
    .menu-button.w-nav-button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 40px !important;
        height: 40px !important;
        cursor: pointer !important;
        position: relative !important;
    }
    
    /* 如果Lottie动画失败,显示备用汉堡图标 */
    .menu-button.w-nav-button::before,
    .menu-button.w-nav-button::after {
        content: '' !important;
        position: absolute !important;
        width: 24px !important;
        height: 2px !important;
        background: currentColor !important;
        left: 8px !important;
        transition: all 0.3s ease !important;
    }
    
    .menu-button.w-nav-button::before {
        top: 12px !important;
        box-shadow: 0 7px 0 currentColor !important;
    }
    
    .menu-button.w-nav-button::after {
        bottom: 12px !important;
    }
}

/* 核心攻击能力与安全服务区域的四张图片样式 */
.features-v2-card-image {
    position: relative;
    overflow: hidden;
    /* 保持固定宽高比，确保所有图片尺寸一致 */
    aspect-ratio: 1.5; /* 宽高比为1.5:1 */
    border-radius: 12px; /* 添加圆角效果 */
}

/* 限制图片大小并添加从下到上的渐变效果 */
.features-v2-card-image img.features-v2-01 {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例并填充容器 */
    object-position: top; /* 从顶部开始显示图片 */
    display: block;
    position: relative;
}

/* 添加渐变遮罩层 */
.features-v2-card-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%; /* 渐变高度占图片的60% */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), transparent);
    pointer-events: none; /* 确保不影响图片交互 */
    z-index: 1;
}

/* 响应式调整 - 在小屏幕上调整宽高比 */
@media (max-width: 768px) {
    .features-v2-card-image {
        aspect-ratio: 1.3; /* 在小屏幕上调整宽高比 */
    }
    
    .features-v2-card-image::after {
        height: 50%; /* 在小屏幕上调整渐变高度 */
    }
}

/* 确保图片容器在不同屏幕尺寸下保持一致的外观 */
.features-v2-card {
    transition: transform 0.3s ease;
}

/* 确保视频容器完全填充home-hero-image框架 */
.home-hero-image .w-background-video,
.home-hero-image .w-background-video-atom {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
}

.home-hero-image .w-background-video > video {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
    object-fit: cover !important;
}

/* 确保滤镜层不阻挡点击事件 */
.features-hero-linner,
.tab-bg-linner {
    pointer-events: none !important;
}

/* 确保黑色渐变层在红色滤镜上方 */
.home-hero-image .tab-bg-linner {
    z-index: 2 !important;
}

.home-hero-image .features-hero-linner {
    z-index: 1 !important;
}

/* 确保tab按钮区域有更高的z-index */
.hero-tabs-menu,
.tab-link {
    position: relative !important;
    z-index: 10 !important;
}

/* 确保tab内容区域的滤镜层在正确位置 */
.home-hero-image {
    position: relative !important;
}

/* SVG动画容器居中对齐 */
.features-v1-image-wrap .inner-image-wrap svg,
.features-v1-image-wrap.v1 svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto;
}

.features-v1-image-wrap,
.features-v1-image-wrap.v1 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* 移除黑客侦探服务的margin-top */
.features-dashboard-bottom {
    margin-top: 0 !important;
}

.features-v2-card:hover {
    transform: translateY(-5px);
}

/* 禁用footer社交图标的悬停动画 */
.social-icon-link {
    transition: none !important;
}

.social-icon-link:hover {
    transform: none !important;
}

.social-icon {
    transition: none !important;
}

.social-icon:hover {
    transform: none !important;
}

/* 确保页面滚动条可见 */
html {
    overflow-y: visible !important;
}

body {
    overflow-y: auto !important;
}

/* 修复footer底部page-broder的高度问题 */
.page-broder,
.page-broder-wrap,
.broder-container {
    height: auto !important;
    min-height: 0 !important;
}

/* 移除footer顶部margin，让footer紧贴底部 */
.footer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}