/* 轮播容器 - 宽度全屏，高度自适应图片 */
        .carousel {
            position: relative;
            overflow: hidden;
        }

        /* 轮播项 - 宽度全屏，高度自适应图片 */
        .carousel-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: opacity 0.8s ease;
            z-index: 0;
        }

        .carousel-item.active {
            opacity: 1;
            z-index: 1;
            position: relative;
        }

        /* 背景图片 - 宽度全屏，高度自适应（保持比例） */
        .carousel-bg {
            width: 100%;
            height: auto;
            display: block;
        }

        /* 内容容器 - 绝对定位，居中显示（基于图片高度） */
        .carousel-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 120rem;
            width: 100%;
            padding: 0 20px;
            color: #fff;
            z-index: 2;
            text-shadow: 0 2px 8px rgba(0,0,0,0.5);
        }

        /* 文字渐入动画 */
        .carousel-title {
    font-size: clamp(2rem, 4vw, 5.2rem);
transform: skewX(-10deg) translateY(30px);
            margin-bottom: 20px;
            opacity: 0;

            transition: opacity 1s ease 0.3s, transform 1s ease 0.3s;
        }

        .carousel-desc {
            margin-top: 2rem;
            font-size: 2.6rem;
            line-height: 1.6;
            margin-bottom: 30px;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1s ease 0.6s, transform 1s ease 0.6s;
        }

        /* .carousel-btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: #0066cc;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            font-size: 16px;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 1s ease 0.9s, transform 1s ease 0.9s;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        } */

        .carousel-btn:hover {
            background-color: #0052a3;
        }

        /* 激活时显示文字动画 */
        .carousel-item.active .carousel-title,
        .carousel-item.active .carousel-desc,
        .carousel-item.active .carousel-btn {
            opacity: 1;
            transform: skewX(-10deg) translateY(0px);
        }

.carousel-item.active .carousel-desc {
    transform: skewX(0deg) translateY(0px);
}
        /* 左下角切换按钮（腾讯原版样式） */
        .carousel-control {
            position: absolute;
            left: 0;
            bottom: clamp(1rem, 3vw, 4rem);
            display: flex;
            gap: 15px;
            z-index: 3;
        }

        .control-btn {
            width: 60px;
            border: none;
            cursor: pointer;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease; background: none;border: none
        }

        .control-btn:hover {
             opacity: 0.8; border: none
        }

        /* 右下角Swiper风格方块页码 - 还原swiper-pagination-bullet样式 */
        .swiper-pagination {
            position: absolute;
            right: 4rem;    /* 保持腾讯原版间距 */
            bottom: clamp(1rem, 3vw, 4rem);;   /* 保持腾讯原版间距 */
            display: flex;
            gap: 10px;      /* Swiper默认间距 */
            z-index: 3;
        }

        /* Swiper核心方块样式 */
        .swiper-pagination-bullet {
            width: 8px;     /* Swiper默认宽度 */
            height: 8px;    /* Swiper默认高度（方块：宽高相等） */
            background-color: #fff ;/* 未激活透明度 */
            border-radius: 0; /* 方块：取消圆角（Swiper默认是圆形，这里改为方块） */
            cursor: pointer;
            transition: all 0.3s ease; /* 过渡动画 */
        }

        /* 激活态方块 */
        .swiper-pagination-bullet-active {
            background-color: #3c388c; /* 激活态纯白 */
            opacity: 1;
            width: 30px; /* 激活态宽度拉长（Swiper经典效果） */
        }

        /* 鼠标悬停方块 */
        .swiper-pagination-bullet:hover {
            background-color: rgba(255, 255, 255, 0.8);
        }
        #prevBtn img{ transform: rotate(180deg);}

        @media only screen and (max-width: 768px) {
              .carousel-bg{ width: 150% !important;}
            .carousel-content{ width: 96% !important; }
.carousel-title{ font-size: 3rem !important; line-height: 3.8rem; transform: skewX(-10deg);}
.carousel-desc{ font-size: 1.6rem !important;}
.carousel-control{ left: 2rem !important;}}