#site-footer{
    display:none;}
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    /* Hero容器样式 */
    .hero-container {
        position: fixed; /* 改为fixed，确保贴顶显示，不受页面其他元素影响 */
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        cursor: pointer; /* 初始化时需要，完成后会通过JS改为default */
    }
    
    /* 背景容器样式 */
    .background-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    /* 隐藏类 */
    .hidden {
        display: none !important;
    }
    
    /* GIF背景样式 */
    .hero-gif {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        z-index: 1;
        background: transparent;
        display: block;
        /* 移动端兼容性 */
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
    }
    
    .ts-lighting-text{
    width:100%}
    
    /* Video Backgrounds */
    .hero-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }
    
    .moon-earth-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top; /* 改为顶部对齐，确保所有视频图片位置一致 */
        z-index: 2;
        opacity: 1;
        transition: opacity 1.5s ease;
        cursor: default; /* 轮播视频不需要点击功能 */
        background: transparent;
        display: block;
        /* 移动端兼容性 */
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
    }
    
    .moon-earth-video.fade-out {
        opacity: 0;
    }
    
    .carousel-video.fade-in {
        opacity: 1;
    }
    
    /* 轮播蒙版整体容器 */
    .carousel-mask-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        opacity: 0;
        background: transparent !important;
        /* 移除遮罩，使用新的logo1方案 */
        transition: all 2.5s ;
        /* 轮播时不需要点击功能 */
        cursor: default;
        /* 发光效果：白色径向渐变+模糊+亮度增强 */
        transition: inherit;
        will-change: mask-size, -webkit-mask-size, opacity, filter;
    }
    .carousel-mask-container::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 4;
        pointer-events: none;
        mask-type: alpha;
        background: transparent;
    
        transition: inherit;
        will-change: mask-size, -webkit-mask-size, opacity, filter;
      }
    
      .carousel-mask-container.expanded::before {
        mask-size: 800vw auto;
        -webkit-mask-size: 800vw auto;
        opacity: 0;
        filter: none;
        transition: inherit;
      }
      
      .carousel-mask-container.final::before {
        opacity: 0 !important;
        mask: none !important;
        -webkit-mask: none !important;
        filter: none;
      }
    .carousel-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top; /* 改为顶部对齐，避免向上偏移 */
        z-index: 1;
        background: transparent !important;
        display: block;
        opacity: 0;
        transition: opacity 1.5s ease, opacity 250ms ease;
        /* 移动端兼容性 */
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
        /* 统一亮度设置 */
        filter: brightness(1) contrast(1) saturate(1);
    }
    
    /* 轮播图片样式 */
    .carousel-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top; /* 改为顶部对齐，避免向上偏移 */
        z-index: 1;
        display: none;
        opacity: 0;
        transition: opacity 250ms ease;
        /* 统一亮度设置 */
        filter: brightness(1) contrast(1) saturate(1);
    }
    
    /* 蒙版放大效果 */
    .carousel-mask-container.expanded {
        /* 放大时窗格逐渐放大，与logo2同步 */
        animation: carouselMaskExpandAnimation 2.2s ease-in forwards;
        filter: none;
        opacity: 1;
    }
    
    /* 轮播容器遮罩放大动画 */
    @keyframes carouselMaskExpandAnimation {
        0% {
            mask-size: 16vw auto;
            -webkit-mask-size: 16vw auto;
        }
        100% {
            mask-size: 1500vw auto; /* 4000% 放大倍数 */
            -webkit-mask-size: 1500vw auto;
        }
    }
    
    
    
    /* 动画结束后完全移除蒙版 */
    .carousel-mask-container.expanded.final {
        mask: none;
        -webkit-mask: none;
        transition: none;
        filter: none;
    }
    
    
    /* TS Logo显示图片 (logo3) - 默认显示 */
    .ts-logo-display {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
        transition: all 2.5s ease;
        object-fit: contain;
    }
    
    /* TS Logo蒙版图片 (logo1) - 默认隐藏 */
    .ts-mask-image {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 100%;
        height: 100%;
        transition: all 2.5s ease;
        object-fit: contain;
    }
    
    /* Logo3 隐藏动画 */
    .ts-logo-display.hidden {
        opacity: 0;
        pointer-events: none; /* 让鼠标事件穿透，不阻止下层元素 */
        transition: opacity 0.3s ease;
    }
    
    /* Logo1 显示并放大动画 - 黑色背景+透明logo，放大过程中变透明 */
    .ts-mask-image.show {
        display: block;
        opacity: 0.8; /* logo1默认20%透明（80%不透明） */
        animation: logoMaskAnimation 2.2s ease-in forwards;
    }
    
    /* Logo1 动画：放大4000% + 从20%透明变到100%透明 */
    @keyframes logoMaskAnimation {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.8; /* 开始时20%透明（80%不透明） */
        }
        100% {
            transform: translate(-50%, -50%) scale(40); /* 4000% = 40倍 */
            opacity: 0; /* 结束时100%透明（完全透明） */
        }
    }
    
    
    
    
    
    
    /* TS Lighting 文字 */
    .ts-lighting-text {
        position: absolute;
        top: 75vh; /* 屏幕高度的四分之三位置 */
        left: 50%;
        transform: translateX(-50%);
        z-index: 1001; /* 提高层级，确保在所有logo之上 */
        text-align: center;
        opacity: 1;
        transition: opacity 1.5s ease;
        pointer-events: auto; /* 确保可以接收鼠标事件 */
    }
    
    .ts-lighting-title {
        font-size: 18px;
        letter-spacing: 1px;
        color: white;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 8px;
        transition: text-shadow 0.3s ease, transform 0.3s ease;
        cursor: pointer;
    }
    
    .ts-lighting-subtitle {
        font-size: 14px;
        letter-spacing: 1px;
        color: white;
        font-weight: 200;
        line-height: 1.2;
        opacity: 0.7;
        transition: text-shadow 0.3s ease, transform 0.3s ease;
        cursor: pointer;
    }
    
    .ts-lighting-title:hover,
    .ts-lighting-subtitle:hover {
        text-shadow:
            0 0 8px #fff,
            0 0 16px #fff,
            0 0 24px #fff,
            0 0 32px rgba(255, 255, 255, 0.8);
        transform: scale(1.02);
        transition: text-shadow 0.3s ease, transform 0.3s ease;
    }
    
    
    /* Click Hint */
    .click-hint {
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 15;
        color: white;
        font-size: 18px;
        font-weight: 300;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        animation: hintPulse 2s ease-in-out infinite;
    }
    
    .click-hint.hidden {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }
    
    @keyframes hintPulse {
        0%, 100% {
            opacity: 0.7;
            transform: translateX(-50%) scale(1);
        }
        50% {
            opacity: 1;
            transform: translateX(-50%) scale(1.05);
        }
    }
    
    /* Navigation Menu */
    .nav-menu {
        position: absolute !important;
        top: 30px;
        left: 0;
        right: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 40px;
        z-index: 9999 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity 0.5s;
    }
    
    .nav-left {
        display: flex;
        align-items: center;
    }
    
    .nav-right {
        display: flex;
        align-items: center;
        gap: 25px;
    }
    
    .nav-menu.visible {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transition: opacity 0.5s;
        z-index: 9999 !important;
    }
    
    .nav-link {
        color: white;
        text-decoration: none;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 1px;
        transition: all 0.3s ease;
        position: relative;
    }
    
    .nav-link:hover {
        color: rgba(255, 255, 255, 0.8);
        transform: translateY(-2px);
    }
    
    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0;
        height: 1px;
        background: white;
        transition: width 0.3s ease;
    }
    
    .nav-link:hover::after {
        width: 100%;
    }
    
    .nav-logo {
        height: 32px;
        width: auto;
        filter: brightness(0) invert(1);
        margin-right: 0;
        vertical-align: middle;
        display: inline-block;
    }
    
    .nav-link.active,
    .nav-link:hover {
        text-shadow: 0 0 8px #fff, 0 0 16px #fff;
        color: #fff;
    }
    
    /* Slide Content */
    .slide-content {
        position: absolute;
        right: 40px;
        bottom: 60px;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: 24px;
        background: transparent !important;
        box-shadow: none;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transform: translateY(0);
        transition:
            opacity 0.6s cubic-bezier(0.4,0,0.2,1),
            transform 0.6s cubic-bezier(0.4,0,0.2,1);
        max-width: 1500px;
        padding: 0 10%;
        justify-content: flex-end;
    }
    .slide-content.visible {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: translateY(0);
    }
    
    .slide-title {
        color: white;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.2;
        margin: 0;
        cursor: default; /* 默认不可点击，JS会动态设置为pointer */
        transition: color 0.3s ease, cursor 0.3s ease;
        letter-spacing: 1px;
    }
    
    .slide-title:hover {
        /* 移除hover效果 */
        color: #fff;
        text-shadow: none;
    }
    
    .slide-indicators {
        display: flex;
        gap: 16px;
        align-items: center;
        pointer-events: auto !important; /* 确保指示器容器始终可点击 */
    }
    
    .indicator {
        width: 5px;
        height: 15px;
        background: #D9D9D9;
        opacity: 0.5;
        border: none;
        outline: none;
        cursor: pointer;
        pointer-events: auto !important;
        transition: box-shadow 0.3s, opacity 0.3s, background 0.3s;
    }
    
    .indicator.active {
        opacity: 1;
        background: #fff;
        box-shadow:
            0px 0px 0.15px 0px #FFFFFF,
            0px 0px 0.29px 0px #FFFFFF,
            0px 0px 1.02px 0px #FFFFFF,
            0px 0px 2.04px 0px #FFFFFF,
            0px 0px 3.49px 0px #FFFFFF,
            0px 0px 6.11px 0px #FFFFFF;
    }
    
    .indicator:hover {
        background: rgba(255, 255, 255, 0.8);
    }
    
    .slide-logo {
        height: 32px;
        width: auto;
        margin-right: 24px;
        vertical-align: middle;
        display: inline-block;
    }
    
    .dream-bg {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      z-index: 2;
      pointer-events: none;
      opacity: 0.7;
    }
    .dream-glow {
      position: absolute;
      width: 240px; height: 240px;
      border-radius: 50%;
      mix-blend-mode: screen;
      animation: moveGlow 8s linear infinite alternate;
    }
    .glow1 { background: #ff6ec4; left: 10%; top: 20%; animation-delay: 0s;}
    .glow2 { background: #42e695; left: 60%; top: 10%; animation-delay: 2s;}
    .glow3 { background: #6a82fb; left: 30%; top: 60%; animation-delay: 4s;}
    
    @keyframes moveGlow {
      0%   { transform: translate(0,0) scale(1);}
      100% { transform: translate(60px,40px) scale(1.1);}
    }
    
    /* 中间过渡层图片 */
    .transition-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top; /* 改为顶部对齐，与轮播内容保持一致 */
        z-index: 2;
        opacity: 0;
        transition: opacity 1.3s ease;
        pointer-events: none;
    
        /* 统一亮度设置 */
        filter: brightness(1) contrast(1) saturate(1);
    }
    
    .transition-image.fade-in {
        opacity: 1;
    }
    
    /* 移除过渡图片的遮罩效果，使用新的logo1方案 */

    /* 轮播切换遮罩层 */
    .transition-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 10;
        opacity: 0;
        transition: opacity 0.05s ease;
        display: none;
        pointer-events: none;
        will-change: opacity;
    }

    /* 菜单显示隐藏完全由JavaScript控制 */
    
    /* Responsive Design */
    /* Tablet (max-width: 1024px) */
    @media (max-width: 1024px) {
        .carousel-mask-container {
            mask-size: 20vw auto;
            -webkit-mask-size: 20vw auto;
        }
    
        .carousel-mask-container.expanded {
            mask-size: 300vw auto;
            -webkit-mask-size: 300vw auto;
        }
        
        .ts-lighting-title {
            font-size: 16px;
        }
        
        .ts-lighting-subtitle {
            font-size: 14px;
        }
        
        /* 平板端过渡图片优化 */
        .transition-image {
            object-fit: cover;
            -webkit-object-fit: cover;
            width: 100vw;
            height: 100vh;
        }
        
        /* SVG蒙版层已移除 */
        
    
        
        .nav-menu {
            position: absolute !important;
            top: 20px;
            right: 20px;
            gap: 15px;
            z-index: 9999 !important;
        }
        
        .nav-link {
            font-size: 14px;
        }
        
        .slide-content {
            bottom: 40px;
            right: 40px;
        }
        
        .slide-title {
            font-size: 20px;
        }
        
    
        
        .click-hint {
            font-size: 16px;
            bottom: 80px;
        }
    }
    
    /* Mobile (max-width: 767px) */
    @media (max-width: 767px) {
        .carousel-mask-container {
            mask-size: 24vw auto;
            -webkit-mask-size: 24vw auto;
        }
    
        .carousel-mask-container.expanded {
            mask-size: 300vw auto;
            -webkit-mask-size: 300vw auto;
        }
        
        .ts-lighting-title {
            font-size: 15px;
        }
        
        .ts-lighting-subtitle {
            font-size: 13px;
        }
        
        /* 移动端过渡图片优化 */
        .transition-image {
            object-fit: cover;
            -webkit-object-fit: cover;
            width: 100vw;
            height: 100vh;
        }
    
    .ts-logo-display {
        max-width: 200% !important; /* PC端100%的2倍 */
        max-height: 200% !important; /* PC端100%的2倍 */
        transform: translate(-50%, -50%); /* 保持中心居中 */
    }
        
        /* 移动端视频优化 */
        .carousel-video {
            object-fit: cover;
            -webkit-object-fit: cover;
            width: 100vw;
            height: 100vh;
        }

        .moon-earth-video {
            object-fit: cover;
            -webkit-object-fit: cover;
            width: 100vw;
            height: 100vh;
        }

        /* 移动端切换遮罩层优化 */
        .transition-mask {
            background: #000;
            will-change: opacity;
        }
        
        .nav-menu {
            position: absolute !important;
            top: 15px;
            right: 15px;
            gap: 12px;
            z-index: 9999 !important;
        }
        
        .nav-link {
            font-size: 12px;
        }
        
        .slide-content {
            bottom: 30px;
            right: 20px;
            left: 20px;
            text-align: center;
            /* 移动端初始状态隐藏 */
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            flex-direction: column;
            gap: 15px;
            justify-content: center;
            align-items: center;
        }
        
        /* 移动端初始化后显示 */
        .slide-content.visible {
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
        }
        
        .slide-title {
            font-size: 16px;
            text-align: center;
        }
        
        .slide-indicators {
            display: flex;
            justify-content: center;
            gap: 8px;
        }
        
        .click-hint {
            font-size: 14px;
            bottom: 60px;
        }
    }
    
    /* Landscape orientation adjustments for mobile */
    @media (max-width: 767px) and (orientation: landscape) {
        .carousel-mask-container {
            mask-size: 18vw auto;
            -webkit-mask-size: 18vw auto;
        }
    
        .carousel-mask-container.expanded {
            mask-size: 300vw auto;
            -webkit-mask-size: 300vw auto;
        }
        
        .ts-lighting-title,
        .ts-lighting-subtitle {
            font-size: 15px;
        }
        
        /* 移动端过渡图片优化 */
        .transition-image {
            object-fit: cover;
            -webkit-object-fit: cover;
            width: 100vw;
            height: 100vh;
        }
        
        .ts-logo-display {
        max-width: 200% !important; /* PC端100%的2倍 */
        max-height: 200% !important; /* PC端100%的2倍 */
        transform: translate(-50%, -50%); /* 保持中心居中 */
    }
        
        /* SVG蒙版层已移除 */
        
    
        
        .slide-content {
            bottom: 20px;
        }
        
        .slide-title {
            font-size: 14px;
        }
        
        .click-hint {
            bottom: 40px;
        }
    }