/** * 隐藏菜单模式的样式 * 用于通过URL参数隐藏菜单时的样式调整 */ /* 隐藏菜单模式下的基本样式 */ body.hide-menu-mode  {
    padding-top: 0 !important;
    margin-top: 0 !important;

}
/* 隐藏头部导航 */ body.hide-menu-mode header,
body.hide-menu-mode .mobile-menu,
body.hide-menu-mode .mobile-menu-btn,
body.hide-menu-mode .mobile-menu-overlay  {
    display: none !important;

}
/* 调整主内容区域 */ body.hide-menu-mode main,
body.hide-menu-mode .scroll-container  {
    padding-top: 0 !important;
    margin-top: 0 !important;

}
/* 调整banner区域 */ body.hide-menu-mode .ft-banner  {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 1 !important;

}
/* 调整页面滚动容器 */ body.hide-menu-mode .scroll-container  {
    top: 0 !important;

}
/* 调整页面内容容器 */ body.hide-menu-mode .scroll-content  {
    padding-top: 0 !important;

}
/* 确保页脚正常显示 */ body.hide-menu-mode footer  {
    margin-top: auto !important;

}
/* 移动端样式调整 */ @media (max-width: 768px)   {

    body.hide-menu-mode  {
        padding-top: 0 !important;

    }
    body.hide-menu-mode .ft-banner  {
        margin-top: 0 !important;

    }

}
/* 解决方案页面特定调整 */ body.hide-menu-mode.solutions .ft-banner  {
    margin-top: 0 !important;

}
/* 确保装饰球元素正确显示并保留动画 */ body.hide-menu-mode .decoration-ball  {
    top: calc(51 * 100vw / 1920) !important;
    /* 保持原有的位置 */ animation: float 3s ease-in-out infinite !important;
    /* 确保动画继续运行 */ opacity: 1 !important;
    display: block !important;

}
/* 确保浮动球元素正确显示并保留动画 */ body.hide-menu-mode .floating-ball  {
    bottom: 0 !important;
    /* 保持原有的位置 */ animation: scaleFromBottom 1s ease-out forwards !important;
    /* 确保动画继续运行 */ opacity: 1 !important;
    display: block !important;
    z-index: 1 !important;
    transform-origin: bottom center !important;

}
/* 确保动画关键帧在隐藏菜单模式下也能正常工作 */ @keyframes hide-menu-float   {

    0%  {
        transform: translateY(0);

    }
    50%  {
        transform: translateY(-20px);

    }
    100%  {
        transform: translateY(0);

    }

}
@keyframes hide-menu-scaleFromBottom   {

    from  {
        transform: translateX(-50%) scale(0);
        opacity: 0.5;
        filter: blur(20px);

    }
    to  {
        transform: translateX(-50%) scale(1);
        opacity: 1;
        filter: blur(2px);

    }

}