/**
 * Immersive Cinematic Style (Final Clean Build)
 * 沉浸式电影感风格 - 最终精简版
 * Removed all deprecated glass/card/border styles.
 */

/* 1. Global Overlay (Gradient Mask) */
.immersive-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 线性渐变：顶部透明 -> 底部深黑，保证文字可读性 */
    background: linear-gradient(to bottom, 
        rgba(0,0,0,0) 0%, 
        rgba(0,0,0,0.1) 40%, 
        rgba(0,0,0,0.4) 70%, 
        rgba(0,0,0,0.85) 100%
    );
    z-index: 1;
    pointer-events: none; /* 允许点击穿透 */
}

/* 2. Content Layout (Left Aligned & Bottom) */
.immersive-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* 内容沉底 */
    align-items: flex-start; /* 左对齐 */
    
    padding-left: 10vw; /* 距离左侧 10% */
    padding-bottom: 15vh; /* 距离底部 15% */
    padding-right: 5vw; /* 防止文字贴右边 */
    
    text-align: left; /* 强制左对齐 */
}

/* 3. Typography */
.home-cover-title {
    font-size: 4rem; /* 巨大标题 */
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    text-shadow: 0 4px 20px rgba(0,0,0,0.3);
    line-height: 1.1;
    letter-spacing: -1px;
    max-width: 900px;
    
    text-align: left;
}

.home-cover-desc-wrapper {
    margin-bottom: 30px; /* 增加一点间距 */
    max-width: 800px;
}

.home-cover-desc {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.8;
    font-weight: 400;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    
    text-align: left; /* 关键：防止打字机抖动 */
    display: block;
}

/* 打字机光标 */
.typing-cursor {
    display: inline-block;
    width: 3px;
    height: 1.2em;
    background-color: #fff;
    margin-left: 6px;
    vertical-align: text-bottom;
    animation: blink 1s step-end infinite;
}

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* 4. Info Bar (Footer) - 双行布局 */
.immersive-info-bar {
    display: flex;
    flex-direction: column; /* 垂直排列 */
    align-items: flex-start; /* 左对齐 */
    gap: 8px; /* 两行之间的间距 */
    
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.85);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 5px rgba(0,0,0,0.5);
}

.weather-line {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
}

.date-info {
    font-weight: 400;
    opacity: 0.8;
    font-size: 0.95rem; /* 日期稍微小一点点，拉开层次 */
}

/* 滚动指示器调整 */
.home-cover-scroll {
    bottom: 30px;
    opacity: 0.7;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .immersive-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 12vh;
        align-items: flex-start; /* 保持左对齐 */
    }
    
    .home-cover-title {
        font-size: 2.5rem;
        margin-bottom: 16px;
    }
    
    .home-cover-desc {
        font-size: 1.05rem;
        line-height: 1.6;
    }
    
    .immersive-info-bar {
        font-size: 0.9rem;
        gap: 6px;
    }
}