/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 深蓝白渐变背景 + 全屏 + 动态流动 */
body {
    /* 强化深蓝基调的渐变 */
    background: linear-gradient(135deg, #002855, #045096, #0865bc, #022343);
    background-size: 400% 400%;
    animation: bgFlow 15s ease infinite;
    min-height: 100vh;
    overflow: hidden; /* 防止滚动条 */
}

/* 主容器：垂直居中，彻底避免置顶 */
.main-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
}

/* 背景流动动画 */
@keyframes bgFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 超大标题 超强发光闪烁（强化深蓝发光） */
.glow-title {
    font-weight: 900;
    color: #c72828; /* 文字主体白色更突出 */
    text-shadow: 
        0 0 10px #ffffff,
        0 0 20px #69b1ff,
        0 0 40px #4080ff,
        0 0 80px #165dff,
        0 0 120px #002855; /* 增加深蓝阴影 */
    animation: titleShine 1.5s ease-in-out infinite alternate;
    letter-spacing: 2px; /* 增加字间距更大气 */
}

/* 标题呼吸闪光 + 轻微缩放 */
@keyframes titleShine {
    from {
        filter: brightness(1) drop-shadow(0 0 15px #4080ff);
        transform: scale(1);
    }
    to {
        filter: brightness(1.5) drop-shadow(0 0 40px #165dff);
        transform: scale(1.03);
    }
}

/* 副标题强化发光 */
.sub-desc {
    color: #ffffff;
    text-shadow: 
        0 0 10px #ffffff, 
        0 0 20px #82b8ff,
        0 0 30px #045096;
    letter-spacing: 1px;
    animation: subShine 3s ease-in-out infinite alternate;
}

/* 副标题缓慢闪光动画 */
@keyframes subShine {
    from { filter: brightness(1); }
    to { filter: brightness(1.4); }
}

/* 炫酷发光按钮（强化效果） */
.glow-btn {
    border: none;
    outline: none;
    border-radius: 50px; /* 更圆润 */
    box-shadow: 
        0 0 20px rgba(22, 93, 255, 0.8),
        inset 0 0 10px rgba(255, 255, 255, 0.5); /* 内发光 */
    transition: all 0.4s ease;
    background: linear-gradient(135deg, #165DFF, #002855); /* 按钮渐变 */
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* 按钮hover强化效果 */
.glow-btn:hover {
    transform: translateY(-8px) scale(1.08);
    box-shadow: 
        0 0 40px rgba(22, 93, 255, 1), 
        0 0 80px rgba(64, 128, 255, 0.7),
        inset 0 0 15px rgba(255, 255, 255, 0.7);
    background: linear-gradient(135deg, #0f4cd8, #001a38);
}

/* 按钮点击波纹效果（新增） */
.glow-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.glow-btn:active::after {
    width: 300px;
    height: 300px;
    opacity: 0;
}

/* 链接样式重置 */
a.glow-btn {
    display: inline-block;
    text-decoration: none;
}