/* =========================================
   Slide 01: 封面设计 (slide-01-cover.css)
   风格：浅色(纯白)背景、科技感网格、居中排版、带Logo位
   ========================================= */

/* 覆盖本页特有的背景与文本颜色 */
#slide-1 {
    background-color: var(--color-bg-white);
    color: var(--color-text-main);
    position: absolute;
    overflow: hidden;
}

/* 背景科技效果：射线叠加流动的暗网格 */
#slide-1::before, #slide-1::after {
    content: '';
    position: absolute;
    top: -50%; left: -50%; 
    width: 200%; height: 200%;
    z-index: -1;
    pointer-events: none;
}

/* 渐变：浅色下使用微弱的品牌蓝扩散光晕 */
#slide-1::before {
    background: radial-gradient(circle at 50% 50%, rgba(30, 96, 248, 0.05) 0%, rgba(255, 255, 255, 1) 60%);
}

/* 科技网格叠加通过位移产生轻微视差动画，使用浅蓝色线条 */
#slide-1::after {
    background-image: 
        linear-gradient(rgba(30, 96, 248, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30, 96, 248, 0.08) 1px, transparent 1px);
    background-size: 50px 50px;
    transform: perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);
    animation: grid-slide 20s linear infinite;
    opacity: 0.8;
}

@keyframes grid-slide {
    0% { transform: perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px); }
    100% { transform: perspective(500px) rotateX(60deg) translateY(50px) translateZ(-200px); }
}

/* Logo 占位区域 */
.slide-01-logo {
    position: absolute;
    top: 60px;
    left: 80px;
    height: 100px; /* 控制高度，放大 Logo */
    z-index: 20;
    
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 1s ease 0.3s, transform 1s ease 0.3s;
}

.slide-01-logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* 若图片加载失败的后备占位样式 */
.slide-01-logo.no-image {
    width: 260px;
    background-color: rgba(30, 96, 248, 0.05);
    border: 2px dashed var(--color-primary);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-primary);
}

/* 主内容区排版 */
.slide-01-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    z-index: 10;
}

.slide-01-title {
    font-size: 82px;
    font-weight: 800;
    margin-bottom: 30px;
    letter-spacing: 2px;
    /* 浅色背景下的文字颜色：品牌蓝到深灰色的渐变 */
    background: linear-gradient(135deg, var(--color-primary) 0%, #0A1128 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 10px 30px rgba(30, 96, 248, 0.15);
    
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
}

.slide-01-subtitle {
    font-size: 36px;
    font-weight: 400;
    color: var(--color-text-muted);
    letter-spacing: 6px;
    margin-bottom: 150px;
    
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease 0.7s, transform 1s ease 0.7s;
}

.slide-01-footer {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 34px;
    color: var(--color-text-muted);
    
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease 0.9s, transform 1s ease 0.9s;
}

.slide-01-speaker-info {
    font-size: 24px;
    color: #94A3B8;
}

/* 激活状态下播放入场动画 */
#slide-1.active .slide-01-logo,
#slide-1.active .slide-01-title,
#slide-1.active .slide-01-subtitle,
#slide-1.active .slide-01-footer {
    opacity: 1;
    transform: translate(0, 0);
}