/* 全局样式重置 */
* {
*     margin: 0;
*         padding: 0;
*             box-sizing: border-box;
*                 font-family: 'Inter', 'Helvetica Neue', sans-serif;
*                 }
*
*                 body {
*                     min-height: 100vh;
*                         overflow-x: hidden;
*                         }
*
*/* 高端登录页背景主体 */
.corporate-sky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* 多层渐变增强深度：从顶部微白到底部深邃蓝，加入青色调提升高级感 */
    background: linear-gradient(
        130deg,
        #f0f7ff 0%,    /* 顶部极浅蓝（带一丝白，更通透） */
        #e0edff 20%,   /* 上中部浅蓝 */
        #b9d4ff 50%,   /* 中部主色调（柔和天蓝） */
        #8ab4f8 80%,   /* 下部加深（带青调的蓝） */
        #5f96e0 100%   /* 底部最深（增强纵深感） */
    );
    z-index: 1;
    overflow: hidden;
}

/* 主云层（轻薄透光，模拟高空卷云） */
.corporate-sky::before {
    content: '';
    position: absolute;
    top: 5%;
    left: -30%;
    width: 70%;
    height: 40%;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.2) 70%,
        transparent 100%
    );
    filter: blur(70px);
    animation: cloudFloat 90s linear infinite;
}

/* 次级云层（更淡，增加层次） */
.corporate-sky::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -20%;
    width: 60%;
    height: 35%;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.4) 0%,
        rgba(255, 255, 255, 0.1) 60%,
        transparent 100%
    );
    filter: blur(60px);
    animation: cloudFloatReverse 105s linear infinite;
    animation-delay: 20s;
}

/* 精细纹理（极淡网格，增强质感不突兀） */
.texture-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 1;
    pointer-events: none;
}

/* 高光光线（模拟阳光折射，更精致） */
.light-rays {
    position: fixed;
    top: -20%;
    right: -20%;
    width: 60vw;
    height: 60vw;
    background: radial-gradient(
        circle at 60% 40%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0.1) 40%,
        transparent 70%
    );
    z-index: 1;
    transform: rotate(15deg);
    animation: lightPulse 30s ease-in-out infinite;
}

/* 云层漂浮动画（更自然的曲线轨迹） */
@keyframes cloudFloat {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(20%, 5%) rotate(1deg); }
    50% { transform: translate(40%, 0) rotate(0deg); }
    75% { transform: translate(60%, -5%) rotate(-1deg); }
    100% { transform: translate(80%, 0) rotate(0deg); }
}

@keyframes cloudFloatReverse {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(-20%, -5%) rotate(-1deg); }
    50% { transform: translate(-40%, 0) rotate(0deg); }
    75% { transform: translate(-60%, 5%) rotate(1deg); }
    100% { transform: translate(-80%, 0) rotate(0deg); }
}

/* 光线呼吸动画（极轻微，增强高级感） */
@keyframes lightPulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}