/* 现有样式 */
      body {
        margin: 0;
        font-family: Arial, sans-serif;
      }
      .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
      }
      .carousel-container {
        position: relative;
        height: 400px;
        overflow: hidden;
      }
      .swiper-wrapper,
      .swiper-slide {
        height: 100%;
      }

      /* === 完全固定位置的长条分页器 === */
      .carousel-container .swiper-pagination.swiper-pagination-horizontal {
        position: absolute !important;
        bottom: 20px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        z-index: 10 !important;
        height: 6px !important; /* 固定容器高度 */
      }

      .carousel-container
        .swiper-pagination.swiper-pagination-horizontal
        .swiper-pagination-bullet {
        width: 40px !important;
        height: 4px !important;
        background: rgba(255, 255, 255, 0.3) !important;
        border-radius: 2px !important;
        opacity: 1 !important;
        margin: 0 !important;
        transition: background-color 0.3s ease !important;
        /* 完全禁用所有变换和动画 */
        transform: none !important;
        scale: 1 !important;
        animation: none !important;
        /* 固定尺寸 */
        flex: 0 0 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        min-height: 4px !important;
        max-height: 4px !important;
      }

      .carousel-container
        .swiper-pagination.swiper-pagination-horizontal
        .swiper-pagination-bullet-active {
        background: #ffffff !important;
        /* 完全相同的尺寸，禁用所有效果 */
        width: 40px !important;
        height: 4px !important;
        transform: none !important;
        scale: 1 !important;
        animation: none !important;
      }

      /* 禁用 Swiper 默认的所有分页器动画 */
      .swiper-pagination-bullet {
        transition: none !important;
      }

      .swiper-pagination-bullet-active {
        transition: none !important;
      }

      .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .news-header,
      .services-header,
      .overview-header {
        text-align: center;
        margin: 40px 0 30px;
      }
      .news-title,
      .services-title,
      .overview-title {
        font-size: 32px;
        color: #333;
        margin-bottom: 10px;
      }

      /* 新增新闻模块关键样式 */
      .news-content {
        display: flex;
        gap: 30px;
        margin-bottom: 40px;
      }

      .featured-news {
        flex: 1;
        position: relative;
      }

      .news-list {
        flex: 0 0 400px;
      }

      .news-item {
        display: flex;
        padding: 20px 0;
        border-bottom: 1px solid #f0f0f0;
      }

      .news-item:last-child {
        border-bottom: none;
      }

      .news-date {
        flex: 0 0 80px;
        text-align: center;
        margin-right: 20px;
      }

      .date-month {
        display: block;
        font-size: 24px;
        font-weight: bold;
        color: #333;
      }

      .date-year {
        display: block;
        font-size: 14px;
        color: #666;
      }

      .news-content-wrapper {
        flex: 1;
      }

      .news-item-title {
        font-size: 16px;
        color: #333;
        margin: 0 0 10px 0;
        line-height: 1.4;
      }

      .news-item-desc {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
        margin: 0;
      }

      /* === 新增修复样式 === */
      /* 隐藏空的内容容器 */
      #servicesList:not(:has(*)),
      #mobileServicesList:not(:has(*)),
      #desktopTimeline:not(:has(*)),
      #mobileTimeline:not(:has(*)) {
        display: none;
      }

      /* 如果浏览器不支持 :has */
      #servicesList:empty,
      #mobileServicesList:empty,
      #desktopTimeline:empty,
      #mobileTimeline:empty {
        display: none;
      }

      /* 确保概述内容区域稳定 */
      #overviewInfo {
        min-height: 200px;
        position: relative;
      }

      /* 防止新闻列表闪烁 */
      .news-list {
        opacity: 1;
        visibility: visible;
      }

      .news-item {
        border-bottom: 1px solid #f0f0f0 !important;
      }

      /* 移动端导航强制显示 */
      @media (max-width: 480px) {
        .mobile-menu-btn {
          display: block !important;
        }
        .main-nav {
          background: rgba(255, 255, 255, 0.95) !important;
        }
      }
















/* 响应式字体设置 */
html {
  font-size: 16px;
}

/* 480px 响应式适配 */
@media (max-width: 30rem) { /* 480px */
  html {
    font-size: 16px;
  }
  
  body {
    font-size: 0.875rem; /* 14px */
    line-height: 1.5;
    min-height: 100vh;
    overflow-x: hidden; /* 防止水平滚动 */
  }
  
  .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  main {
    min-height: calc(100vh - 120px); /* 调整最小高度适应移动端 */
    width: 100%;
    overflow-x: hidden;
  }
  
  /* 页面加载动画适配 */
  .page-loaded {
    opacity: 1;
    transition: opacity 0.3s ease;
    width: 100%;
  }
}

/* 375px 响应式适配 */
@media (max-width: 23.4375rem) { /* 375px */
  html {
    font-size: 16px; /* 稍微再小一点适应更小屏幕 */
  }
  
  body {
    font-size: 0.8125rem; /* 13px */
    line-height: 1.4;
    min-height: 100vh;
  }
  
  .container {
    max-width: 100% !important;
    width: 100% !important;
  }
  
  main {
    min-height: calc(100vh - 100px); /* 进一步调整最小高度 */
  }
  
  /* 确保在小屏幕上内容不会溢出 */
  * {
    max-width: 100%;
  }
  
  img, video, iframe {
    max-width: 100%;
    height: auto;
  }
}

/* 基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  min-height: 100vh;
}

/* 页面加载动画 */
.page-loaded {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* 容器通用样式 */
.container {
  max-width: 93.75rem; /* 1500px */
  margin: 0 auto;
  padding: 0 20px;
}

/* 主要内容区域 */
main {
  min-height: calc(100vh - 160px);
}

/* 额外的移动端优化 */
@media (max-width: 30rem) {
  /* 防止文本溢出 */
  h1, h2, h3, h4, h5, h6, p, span, a {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  /* 表格响应式 */
  table {
    font-size: 0.75rem;
  }
  
  /* 按钮触摸优化 */
  button, .btn, a[role="button"] {
    min-height: 2.75rem; /* 44px - 最小触摸目标尺寸 */
    min-width: 2.75rem;
    padding: 0.75rem 1rem;
  }
}

@media (max-width: 23.4375rem) {
  /* 进一步优化小屏幕 */
  body {
    -webkit-text-size-adjust: 100%; /* 防止iOS Safari自动调整字体大小 */
  }
  
  /* 更小的按钮尺寸 */
  button, .btn, a[role="button"] {
    min-height: 2.5rem; /* 40px */
    min-width: 2.5rem;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
  }
  
  /* 输入框优化 */
  input, textarea, select {
    font-size: 1rem; /* 16px - 防止iOS缩放 */
    min-height: 2.75rem;
  }
}