.Picture_carousel_outer {
    width: 100%;
    height: 600px;
    background-color: hsla(228, 82%, 54%, 0.4);
}

/* logo的内层 div 样式 */
.Picture_carousel_inner {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    position: absolute;

}

        /* 轮播容器 - 核心透视设置 */
        .carousel {
            width: 100%;
            height: 600px;
            position: relative;
            perspective: 1440px; /* 透视强度，值越大3D感越平缓 */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            /* border: 1px solid red; */
        }
        /* 轮播项 - 基础样式 */
        .carousel-item {
            position: absolute;
            width: 1000px;
            height: 500px;
            border-radius: 8px;
            background-size: cover;
            background-position: center;
            transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
            opacity: 0;
            filter: brightness(0.8);
        }
        /* 1. 中间激活态 */
        .carousel-item.active {
            transform: translateX(0) scale(1) rotateY(0deg);
            opacity: 1;
            z-index: 10;
            filter: brightness(1);
            box-shadow: 0 0 40px rgba(0, 150, 255, 0.3);
        }
        /* 2. 左侧相邻态 */
        .carousel-item.prev {
            transform: translateX(-300px) scale(0.7) rotateY(25deg);
            opacity: 0.5;
            z-index: 5;
        }
        /* 3. 右侧相邻态 */
        .carousel-item.next {
            transform: translateX(300px) scale(0.7) rotateY(-25deg);
            opacity: 0.5;
            z-index: 5;
        }
        /* 4. 其他态（移出视窗外，不显示） */
        .carousel-item.other {
            transform: translateX(0) scale(0.5) rotateY(0deg);
            opacity: 0;
            z-index: 0;
        }
        /* 指示器 */
        .indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }
        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.4);
            cursor: pointer;
            transition: background 0.3s;
        }
        .dot.active {
            background: #00aaff;
        }

        /* 轮播项标题 */
        .carousel-item .item-title {
            display: none;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            width: 500px;
            height: 60px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 8px;
            font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
            font-size: 20px;
            line-height: 60px;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
            z-index: 11;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }

        /* 仅中间激活态显示标题 */
        .carousel-item.active .item-title {
            display: block;
        }

        /* 鼠标悬停时背景透明度增加 */
        .carousel-item .item-title:hover {
            background: rgba(255, 255, 255, 0.5);
        }