/* 轮播核心基础样式（默认类名，保留原有功能） */
    .carousel { position: relative; overflow: hidden;}
    .carousel-list { width: 100%; height: 100%; list-style: none; position: relative; }
    .carousel-item { 
      position: absolute; top: 0; left: 0; width: 100%; height: 100%;    padding:0; margin:0;
      opacity: 0; transition: opacity 0.3s ease;
      display: flex; justify-content: center; align-items: center;
    }
    .carousel-item.active { opacity: 1; z-index: 1; }

    /* 默认导航按钮样式 */
    .carousel-nav {
      position: absolute; top: 50%; transform: translateY(-50%);
      width: 36px; height: 36px; border-radius: 50%; border: none;
      background: rgba(255,255,255,0.8); color: #333; font-size: 16px;
      cursor: pointer; z-index: 10; 
    }
    .carousel-prev { left: 0px; }
    .carousel-next { right: 0px; }

    /* 默认分页器样式 */
    .carousel-pagination {
      position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
      display: flex; gap: 6px; z-index: 10;
    }
    .carousel-dot {
      width: 8px; height: 8px; border-radius: 50%;
      background: rgba(255,255,255,0.6); cursor: pointer;
    }
    .carousel-dot.active { background: #fff; transform: scale(1.2); }