/* banner 图片样式区域 */
        .tb-page-banner {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 300px;
            margin-top: 72px;
            background: #202935;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            overflow: hidden;
            scroll-margin-top: 100px; /* 滚动触发位置调整 */
        }
        
        .tb-page-banner .tb-container {
            width: 100%;
            max-width: 1200px;
            padding: 0 20px;
        }
        
        /* banner 大标题 */
        .tb-page-banner .page-banner-title {
            margin: 0;
            text-align: center;
            color: #fff;
            font-size: 30px;
            font-weight: normal;
            letter-spacing: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            
            /* 初始状态 */
            opacity: 0;
            transform: translateY(30px);
            
            /* 动画 */
            animation: fadeInUp 0.8s ease forwards;
            animation-delay: 0.3s; /* 延迟触发 */
        }
        
        /* banner 详细介绍 */
        .tb-page-banner .page-banner-desc {
            margin-top: 8px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            letter-spacing: 0.8;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            overflow: hidden;
            overflow-wrap: break-word;
            
            /* 初始状态 */
            opacity: 0;
            transform: translateY(30px);
            
            /* 动画 */
            animation: fadeInUp 0.8s ease forwards;
            animation-delay: 0.6s; /* 比标题稍晚触发 */
        }
        
        /* 定义动画关键帧 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
                letter-spacing: 0;
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* 桌面端字间距动画 */
        .tb-page-banner .page-banner-title {
            animation: fadeInUp 0.8s ease forwards, titleLetterSpacing 0.8s ease forwards;
            animation-delay: 0.3s;
        }
        
        .tb-page-banner .page-banner-desc {
            animation: fadeInUp 0.8s ease forwards, descLetterSpacing 0.8s ease forwards;
            animation-delay: 0.6s;
        }
        
        @keyframes titleLetterSpacing {
            from { letter-spacing: 0; }
            to { letter-spacing: 2px; }
        }
        
        @keyframes descLetterSpacing {
            from { letter-spacing: 0; }
            to { letter-spacing: 5px; }
        }
        
        /* 平板端响应式调整 (768px-1199px) */
        @media (max-width: 1199px) {
            .tb-page-banner {
                height: 220px;
            }
            
            .tb-page-banner .page-banner-title {
                font-size: 30px;
            }
            
            .tb-page-banner .page-banner-desc {
                font-size: 18px;
            }
            
            @keyframes titleLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 1px; }
            }
            
            @keyframes descLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 3px; }
            }
        }
        
        /* 移动端响应式调整 (≤767px) */
        @media (max-width: 767px) {
            .tb-page-banner {
                height: 180px;
                margin-top: 50px;
            }
            
            .tb-page-banner .page-banner-title {
                font-size: 24px;
            }
            
            .tb-page-banner .page-banner-desc {
                font-size: 14px;
                margin-top: 6px;
            }
            
            @keyframes titleLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 1px; }
            }
            
            @keyframes descLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 2px; }
            }
        }