/* ===== 轮播大图样式 ===== */
        .container-outer{
            margin:0 auto;
        }
        .banner-wrapper {
            margin-top: 10px;
        }

        .banner-slider {
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
            touch-action: pan-y;
        }

        .banner-track {
            display: flex;
            align-items: stretch;
            will-change: transform;
            transition: transform .35s ease;
            padding: 10px 0;
        }

        .banner-slide {
            flex: 0 0 70%;
            margin: 0 10px;
            border-radius: 16px;
            overflow: hidden;
            opacity: .7;
            transition: opacity .25s ease, box-shadow .25s ease;
        }

        .banner-slide img {
            width: 100%;
            display: block;
            border-radius: 16px;
        }

        .banner-slide.active {
            opacity: 1;
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
        }

        .banner-dots {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-top: 6px;
        }

        .banner-dot {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: #d0d4ff;
            cursor: pointer;
        }

        .banner-dot.active {
            width: 18px;
            background: linear-gradient(90deg, #ff5fa2, #ff9b6a);
        }
                @keyframes live-pulse {
            0% {
                transform: scale(1);
                box-shadow: 0 0 4px rgba(255, 77, 79, 0.6);
            }
            50% {
                transform: scale(1.5);
                box-shadow: 0 0 10px rgba(255, 77, 79, 0.9);
            }
            100% {
                transform: scale(1);
                box-shadow: 0 0 4px rgba(255, 77, 79, 0.6);
            }
        }

        @keyframes live-wave {
            0% {
                transform: scale(0.6);
                opacity: 0.6;
            }
            100% {
                transform: scale(1.6);
                opacity: 0;
            }
        }

        @keyframes live-blink {
            0%, 60% {
                opacity: 1;
            }
            80% {
                opacity: 0.4;
            }
            100% {
                opacity: 1;
            }
        }