小程序轮播图样式优化：添加边框阴影，打造立体感

样式代码：

.swiper-container { width: 100%; height: 300px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.swiper { width: 100%; height: 100%; }

.swiper-item { display: flex; justify-content: center; align-items: center; }

.swiper-item image { width: 80%; height: 80%; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.swiper-dots { position: absolute; bottom: 20px; width: 100%; display: flex; justify-content: center; }

.swiper-dots .swiper-dot { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity: 0.5; margin: 0 10px; }

.swiper-dots .swiper-dot-active { opacity: 1; }