/* ===== 使用非常具体的选择器，避免污染全局 ===== */
        #ts-scroll-wrapper {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        #ts-scroll-wrapper {
            position: relative;
            height: 100vh;
            width: 100%;
            overflow: hidden;
          
            background: #000;
            /* 确保容器独立 */;
        }

        /* 滚屏容器 — transform 控制位移 */
        #ts-scroll-track {
            height: 100%;
            width: 100%;
            position: relative;
            will-change: transform;
            transition: none;
            /* JS控制动画 */;
        }

        /* 每一屏 — 绝对定位垂直排列 */
        .ts-screen {
            overflow: hidden;width: 100%;height: 100vh;
        }

        .ts-screen-1 {
            background: #fff;
            top: 0;
        }
        .ts-screen-2 {
            background: #fff;
            top: 100vh;
        }
        .ts-screen-3 {
            background:#fff;
            top: 200vh;
        }
        .ts-screen-4 {
            background: #fff;
            top: 300vh;
        }
        .ts-screen-5 {
            background:#fff;
            top: 400vh;
        }

        /* 内容入场动画 */
        .ts-screen .ts-content {
            max-width: 100%;
          padding: 0;
            opacity: 0;
            transform: translateY(24px);
            transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: transform, opacity;
        }

        .ts-screen.active .ts-content {
            opacity: 1;
            transform: translateY(0);
        }

        .ts-screen.active .ts-content h1 {
            transition-delay: 0.02s;
        }
        .ts-screen.active .ts-content p {
            transition-delay: 0.06s;
        }
        .ts-screen.active .ts-content .ts-hint {
            transition-delay: 0.10s;
        }

       
        .ts-screen .ts-hint {
            margin-top: 2.2rem;
            font-size: 0.9rem;
            opacity: 0.6;
            border-top: 1px solid rgba(255, 255, 255, 0.25);
            padding-top: 1.5rem;
            width: 60%;
            letter-spacing: 0.3px;
        }

        /* ===== 导航圆点 (固定) — 独立命名空间 ===== */
        #ts-nav-dots {
            position: fixed;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 14px;
            z-index: 9999;
            /* 确保在最上层 */;
           
        }

        #ts-nav-dots a {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 5px;
            background: rgba(0, 0, 0, 0.5);
            transition: all 0.3s ease;
            text-decoration: none;
          
            cursor: pointer;
        }

        #ts-nav-dots a:hover {
            background: #e54100;
         
        }

        #ts-nav-dots a.active {
            background: #e54100; height: 30px;
          
           
        }
        
@media (max-width: 768px) {
    #ts-scroll-wrapper {
        position: relative !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }
    
    /* 内容入场动画 */
        .ts-screen .ts-content {
            transform: none;}
            
    #ts-scroll-track {
        transform: none !important;
        height: auto !important;
    }
    .ts-screen {
        height: auto !important;
        min-height:  auto !important;
    }
    .ts-screen .ts-content{opacity:1;}
}
        
    .contact{
        display: block;
    }
    .flexcopy {
    height: 100vh;}
    
    
    
    
    
    /*
         * 关键改动：默认所有动画元素为「隐藏」状态
         * 当屏幕激活时，通过 .active 类触发动画
         * 每次切换屏幕，.active 类会被移除再添加，从而重新触发过渡
         */
        .ts-screen .anim-item,
        .ts-screen .anim-item-left,
        .ts-screen .anim-item-right,
        .ts-screen .anim-item-scale,
        .ts-screen .anim-item-fade,
        .ts-screen .anim-item-bottom-right{
            /* 默认隐藏 + 偏移 */
            opacity: 0;
            transform: translateY(40px);
            /* 过渡属性，用于动画 */
            transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
                        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .ts-screen .anim-item-left {
            transform: translateX(-50px);
        }

        .ts-screen .anim-item-right {
            transform: translateX(50px);
        }

        .ts-screen .anim-item-scale {
            transform: scale(0.85);
        }

        .ts-screen .anim-item-fade {
            transform: none;
        }
        .ts-screen .anim-item-bottom-right {
    opacity: 0;
    transform: translate(40px, 100px);
    transform-origin: center center;
    transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}


        /*
         * 当屏幕激活时，所有动画元素变为可见
         * 每次 .active 类被添加，过渡都会重新播放*/
         
        .ts-screen.active .anim-item,
        .ts-screen.active .anim-item-left,
        .ts-screen.active .anim-item-right,
        .ts-screen.active .anim-item-scale,
        .ts-screen.active .anim-item-fade,
        .ts-screen.active .anim-item-bottom-right{
            opacity: 1;
            transform: translateX(0) translateY(0) scale(1);
        }

        /* ===== 延迟类（让元素依次出现） ===== */
        .ts-screen .delay-1 {
            transition-delay: 0.1s;
        }
        .ts-screen .delay-2 {
            transition-delay: 0.25s;
        }
        .ts-screen .delay-3 {
            transition-delay: 0.4s;
        }
        .ts-screen .delay-4 {
            transition-delay: 0.55s;
        }
        .ts-screen .delay-5 {
            transition-delay: 0.7s;
        }
        .ts-screen .delay-6 {
            transition-delay: 0.85s;
        }
   
   
   
    @media(max-width:768px){
            
     /* 在移动端，让所有动画元素直接显示
     * 移除 opacity: 0 和 transform 偏移
     */
    .anim-item-top-left,
    .anim-item-top-right,
    .anim-item-bottom-left,
    .anim-item-bottom-right {
        /* 直接可见，无动画 */
        opacity: 1 !important;
        transform: none !important;
        /* 移除过渡，避免延迟 */
        transition: none !important;
    }

    /*
     * 确保激活状态下也不会有动画
     * 覆盖 .ts-screen.active 的样式
     */
    .ts-screen.active .anim-item-top-left,
    .ts-screen.active .anim-item-top-right,
    .ts-screen.active .anim-item-bottom-left,
    .ts-screen.active .anim-item-bottom-right {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    /*
     * 移除所有延迟
     */
    .delay-1,
    .delay-2,
    .delay-3,
    .delay-4,
    .delay-5,
    .delay-6,
    .delay-7,
    .delay-8,
    .delay-9,
    .delay-10 {
        transition-delay: 0s !important;
    }    
   }