/* 滚动区：居中+最大宽度1600px */
    .link-container {
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    /* Swiper容器：增加左右内边距，避免按钮遮挡内容（小屏幕） */
    .link-swiper {
      position: relative;
      padding: 0 30px; /* 为按钮预留空间 */
    }
    
    /* 友情链接图片容器（固定200px×100px） */
    .link-item {
      width: 200px !important;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
    }
    
    .link-item img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border: 1px solid #eee;
      border-radius: 6px;
      background: #fff;
      transition: transform 0.3s ease;
    }
    
    .link-item img:hover {
      transform: scale(1.05);
      box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    }
    
    /* 滚动按钮（两侧固定，swiper-icons字体箭头） */
    .swiper-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); /* 精准垂直居中 */
      width: 40px; /* 按钮宽度 */
      height: 40px; /* 按钮高度 */
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: none;
      font-family: swiper-icons !important;
      font-size: 24px;
      color: #f18a00; /* 黄色箭头 */
      transition: all 0.2s ease;
      /* 确保按钮始终显示，不被遮挡 */
      pointer-events: auto;
    }
    
	.swiper-prev::after {
    content: "prev";
}

.swiper-next::after {
    content: "next";
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
	
	
	
    /* 箭头编码（Swiper内置，确保显示正常） */
    .swiper-prev::after {
      content: '\f104'; /* 左箭头 */
    }
    .swiper-next::after {
      content: '\f105'; /* 右箭头 */
    }
    
    /* 按钮hover效果：加深颜色+轻微放大 */
    .swiper-btn:hover {
      color: #d67a00; /* 深黄色 */
      transform: translateY(-50%) scale(1.1);
    }
    
    /* 按钮固定位置（左右两侧） */
    .swiper-prev {
      left: 0; /* 左侧紧贴容器 */
    }
    .swiper-next {
      right: 0; /* 右侧紧贴容器 */
    }
    
    /* 响应式优化：确保小屏幕按钮不遮挡内容 */
    @media (max-width: 768px) {
      .link-swiper {
        padding: 0 25px;
      }
      .swiper-btn {
        font-size: 20px;
        width: 36px;
        height: 36px;
      }
    }
.swiper-prev::after, .swiper-next::after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
}
.swiper-prev::after {
    content: "prev";
}
.swiper-next::after {
    content: "next";
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}