.slideshow {
            position: relative;
            max-width: 1200px;
            margin: 20px auto;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }

        /* 图片区域默认隐藏 */
        .slide {
            display: none;
        }

        /* 图片样式 */
        .slide img {
            width: 100%;
            height: 450px;
            object-fit: cover;
        }

        /* 左右切换按钮 */
        .prev, .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            padding: 16px;
            color: white;
            background: rgba(0,0,0,0.3);
            border: none;
            cursor: pointer;
            border-radius: 4px;
            user-select: none;
        }

        .prev { left: 10px; }
        .next { right: 10px; }

        /* hover效果 */
        .prev:hover, .next:hover {
            background: rgba(0,0,0,0.6);
        }

        /* 小圆点指示器 */
        .dots {
            text-align: center;
            padding: 10px;
            background: #f1f1f1;
        }

        .dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 6px;
            background: #bbb;
            border-radius: 50%;
            cursor: pointer;
        }

        .active, .dot:hover {
            background: #333;
        }